/*头部*/
.bfbtop{background-color:#1B1E33;border-bottom:0;height:34px;margin:0 auto;color:#9BA0BE;font-size:12px;}
.bfbtop .huany{float:left;color:#9BA0BE;line-height:34px;}
.bfbtop .huany a{color:#9BA0BE;}
.bfbtop .huany a:hover{color:#fff;}
.bfbtop .nologin{float:left;margin-left:15px;}
.bfbtop .nologin .topreg{float:left;height:34px;line-height:34px;background:url(../img/1.png) left center no-repeat;padding-left:20px;color:#9BA0BE;}
.bfbtop .nologin .topreg:hover{background:url(../img/1a.png) left center no-repeat;color:#fff;}
.bfbtop .nologin .toplogin{float:left;margin-left:7px;width:55px;}
.bfbtop .nologin .toplogin .a1{float:left;margin-left:10px;}
.bfbtop .nologin .toplogin .a1 span{float:left;height:34px;line-height:34px;color:#9BA0BE;}
.bfbtop .nologin .toplogin .a1 img{float:left;margin-top:15px;margin-left:5px;-webkit-transition: -webkit-transform 0.2s ease-out;-moz-transition: -moz-transform 0.2s ease-out;transition: transform 0.2s ease-out;}
.bfbtop .nologin .toplogin .a1 span:hover{color:#fff;}
.bfbtop .nologin .toplogin .loginxl{float:left;clear:both;padding:10px 5px 10px 5px;width:90px;background-color:#fff;position:relative;z-index:9;display:none;box-shadow:6px 6px 10px rgba(0,0,0,0.1);}
.bfbtop .nologin .toplogin .loginxl a{float:left;height:37px;line-height:37px;padding-left:25px;color:#666;}
.bfbtop .nologin .toplogin .loginxl .zh{background:url(../img/zh.png) left center no-repeat;}
.bfbtop .nologin .toplogin .loginxl .qq{background:url(../img/qq.png) left center no-repeat;}
.bfbtop .nologin .toplogin .loginxl .wx{background:url(../img/wx.png) left center no-repeat;}
.bfbtop .nologin .toplogin .loginxl .dx{background:url(../img/dx.png) left center no-repeat;}
.bfbtop .nologin .toplogin .loginxl .alipay{background:url(../img/alipay.png) left center no-repeat;}
.bfbtop .nologin .toplogin .loginxl a:hover{color:#000;}
.bfbtop .nologin .toplogin:hover{background-color:transparent;}
.bfbtop .nologin .toplogin:hover .loginxl{display:block;}
.bfbtop .nologin .toplogin:hover img{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.bfbtop .yeslogin{float:left;margin-left:15px;text-align:left;}
.bfbtop .yeslogin .topuid{float:left;padding-left:10px;padding-right:10px;}
.bfbtop .yeslogin .topuid span{float:left;height:34px;line-height:34px;color:#9BA0BE;}
.bfbtop .yeslogin .topuid img{float:left;margin-top:15px;margin-left:5px;-webkit-transition: -webkit-transform 0.2s ease-out;-moz-transition: -moz-transform 0.2s ease-out;    transition: transform 0.2s ease-out;}
.bfbtop .yeslogin .topuid span:hover{color:#fff;}
.bfbtop .yeslogin .yesxl{float:left;clear:both;box-shadow:6px 6px 10px rgba(0,0,0,0.1);width:270px;height:198px;position:relative;z-index:9;background-color:#fff;display:none;}
.bfbtop .yeslogin .yesxl .u1{float:left;margin:0 10px 0 10px;width:250px;height:90px;border-bottom:#eeeeee solid 1px;}
.bfbtop .yeslogin .yesxl .u1 li{float:left;}
.bfbtop .yeslogin .yesxl .u1 .l1{width:64px;margin-top:13px;}
.bfbtop .yeslogin .yesxl .u1 .l1 img{width:60px;height:60px;padding:1px;border:#f3f3f3 solid 1px;border-radius:60px;}
.bfbtop .yeslogin .yesxl .u1 .l2{margin:8px 0 0 10px;width:130px;color:#7c7c7c;line-height:24px;}
.bfbtop .yeslogin .yesxl .u1 .l3{width:43px;}
.bfbtop .yeslogin .yesxl .u1 .l3 a{float:left;width:41px;height:18px;line-height:18px;text-align:center;}
.bfbtop .yeslogin .yesxl .u1 .l3 .a1{color:#ff8432;border:#fdbfa0 solid 1px;background-color:#fff8f1;margin-top:23px;}
.bfbtop .yeslogin .yesxl .u1 .l3 .a1:hover{background-color:#fef0e3;}
.bfbtop .yeslogin .yesxl .u1 .l3 .a2{color:#2789ed;border:#a7cbec solid 1px;background-color:#f1f8ff;margin-top:4px;}
.bfbtop .yeslogin .yesxl .u1 .l3 .a2:hover{background-color:#f1f8ff;}
.bfbtop .yeslogin .yesxl .yeskj{float:left;height:68px;border-bottom:#dddddd solid 1px;width:100%;}
.bfbtop .yeslogin .yesxl .yeskj span{float:left;width:66px;height:68px;}
.bfbtop .yeslogin .yesxl .yeskj span a{float:left;width:28px;margin:12px 0 0 19px;color:#888;text-align:center;padding-top:29px;}
.bfbtop .yeslogin .yesxl .yeskj span .a1{background:url(../img/t1.png) center top no-repeat;}
.bfbtop .yeslogin .yesxl .yeskj span .a2{background:url(../img/t2.png) center top no-repeat;}
.bfbtop .yeslogin .yesxl .yeskj span .a3{background:url(../img/t3.png) center top no-repeat;}
.bfbtop .yeslogin .yesxl .yeskj span .a4{background:url(../img/t4.png) center top no-repeat;}
.bfbtop .yeslogin .yesxl .yeskj span a:hover{color:#ff6600;}
.bfbtop .yeslogin .yesxl .yeskj span .a1:hover{background:url(../img/t1h.png) center top no-repeat;}
.bfbtop .yeslogin .yesxl .yeskj span .a2:hover{background:url(../img/t2h.png) center top no-repeat;}
.bfbtop .yeslogin .yesxl .yeskj span .a3:hover{background:url(../img/t3h.png) center top no-repeat;}
.bfbtop .yeslogin .yesxl .yeskj span .a4:hover{background:url(../img/t4h.png) center top no-repeat;}
.bfbtop .yeslogin .yesxl .un{float:left;font-size:14px;height:38px;line-height:38px;background:url(../img/un1.png) no-repeat;padding-left:90px;background-position:156px 13px;background-color:#f5f5f5;width:180px;font-weight:700;color:#666;}
.bfbtop .yeslogin .yesxl .un:hover{background:url(../img/un2.png) no-repeat;background-position:156px 13px;background-color:#f5f5f5;color:#ff6600;}
.bfbtop .yeslogin:hover .img1{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.bfbtop .yeslogin:hover .topuid{background-color:transparent;}
.bfbtop .yeslogin:hover .yesxl{display:block;}
.bfbtop .topright{float:right;text-align:left;}
.bfbtop .topright .dmenu{float:left;line-height:34px;}
.bfbtop .topright .dmenu a{float:left;margin-right:19px;color:#9BA0BE;}
.bfbtop .topright .dmenu a:hover{color:#fff;}
.bfbtop .topright .rightxl{float:right;width:100px;height:34px;}
.bfbtop .topright .rightxl .gl{float:left;background:url(../img/gl.png) no-repeat;background-position:11px 9px;padding-left:29px;height:34px;line-height:34px;width:71px;}
.bfbtop .topright .rightxl .gl:hover{background:url(../img/gl1.png) no-repeat;background-position:11px 9px;}
.bfbtop .topright .rightxl .gl span{float:left;color:#9BA0BE;}
.bfbtop .topright .rightxl .gl:hover span{color:#fff;}
.bfbtop .topright .rightxl .gl img{float:left;margin-top:15px;margin-left:5px;-webkit-transition: -webkit-transform 0.2s ease-out;-moz-transition: -moz-transform 0.2s ease-out;    transition: transform 0.2s ease-out;}
.bfbtop .topright .rightxl:hover .gl{background-color:transparent;}
.bfbtop .topright .rightxl:hover img{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.bfbtop .topright .rightxl .u1{float:left;position:relative;width:384px;z-index:999;background-color:#fff;padding:0 20px 20px 5px;margin-left:-409px;margin-top:34px;box-shadow:6px 6px 10px rgba(0,0,0,0.1);display:none;}
.bfbtop .topright .rightxl .u1 li{float:left;margin:22px 0 0 15px;width:113px;}
.bfbtop .topright .rightxl .u1 li .cap{float:left;clear:both;font-weight:700;color:#ff6600;font-size:14px;}
.bfbtop .topright .rightxl .u1 li a{float:left;clear:both;width:100%;border-bottom:#ededed dotted 1px;height:28px;line-height:28px;font-size:13px;}
.bfbtop .topright .rightxl .u1 li a:hover{color:#ff6600;}
.bfbtop .topright .rightxl .u1 .l1{}
.bfbtop .topright .rightxl:hover .u1{display:block;}

/*头部主区域*/
.bfbtop1{float:left;width:100%;border-bottom:#e4e4e4 solid 1px;background-color:#fff;height:125px;}
.bfbtop1 .top1{float:left;width:1250px;text-align:left;padding:0;}
.bfbtop1 .top1 .alogo{float:left;padding:13px 14px 0 0;height:63px;}
.bfbtop1 .top1 .alogo img{float:left;height:51px;}
/* 顺带撑住 logo/搜索行高度=设计稿 76px（23+53） */
.bfbtop1 .top1 .alogo1{float:left;margin:23px 40px 0 0;height:53px;}
/* 搜索框：2026-10-02 页头统一，原 index.css 里 body.home-tlogo 的重复副本已上移合并到本组规则 */
.bfbtop1 .top1 .Search-box{float:left;width:520px;margin:18px 0 0 52px;padding:0;}
.bfbtop1 .top1 .u1{float:left;width:520px;height:40px;margin:0;padding:0;border:#6a4cff solid 2px;border-radius:6px;box-sizing:border-box;overflow:hidden;}
.bfbtop1 .top1 .u1 li{float:left;}
.bfbtop1 .top1 .u1 .l1{float:left;width:86px;height:36px;font-size:14px;border-right:#6a4cff solid 2px;box-sizing:content-box;}
.bfbtop1 .top1 .u1 .l1 .topnwd{float:left;width:86px;height:36px;cursor:pointer;background-color:#f7f7fe;}
.bfbtop1 .top1 .u1 .l1 .topnwd span{float:left;margin-left:14px;height:36px;line-height:36px;font-size:13px;}
.bfbtop1 .top1 .u1 .l1 .topnwd img{float:left;margin-top:16px;margin-left:6px;-webkit-transition: -webkit-transform 0.2s ease-out;-moz-transition: -moz-transform 0.2s ease-out;    transition: transform 0.2s ease-out;}
.bfbtop1 .top1 .u1 .l1 #topdiv{float:left;width:88px;background-color:#fff;position:absolute;z-index:100;margin:36px 0 0 -2px;}
.bfbtop1 .top1 .u1 .l1 #topdiv a{float:left;width:66px;height:36px;padding:0 0 0 22px;line-height:36px;}
.bfbtop1 .top1 .u1 .l1 #topdiv a:hover{background-color:#f0f0f0;text-decoration:none;}
.bfbtop1 .top1 .u1 .l1:hover img{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.bfbtop1 .top1 .u1 .l2{float:left;width:336px;height:36px;border:0;overflow:hidden;}
.bfbtop1 .top1 .u1 .l2 input{float:left;width:100%;height:36px;padding:0 12px;border:0;font-size:13px;color:#4a4f6b;box-sizing:border-box;}
.bfbtop1 .top1 .u1 .l3{float:left;width:92px;height:36px;}
.bfbtop1 .top1 .u1 .l3 input{float:left;width:92px;height:36px;border:0;background-color:#6a4cff;background-image:linear-gradient(135deg,#6A4CFF,#4F6BFF);font-size:14px;color:#fff;cursor:pointer;}
.bfbtop1 .top1 .topfbxl{float:right;width:160px;margin-top:18px;height:40px;}
.bfbtop1 .top1 .topfbxl .a1{    float: left;
    width: 112px;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    padding-left: 19px;
    background-color: #ff5a2e;
    background-image: linear-gradient(135deg, #FF5A2E, #FF8A00);
    font-weight: 600;
    box-shadow: 0 6px 14px rgba(255, 90, 46, .3);}
.bfbtop1 .top1 .topfbxl .a1 span{float:left;}
.bfbtop1 .top1 .topfbxl .a1 img{float:left;margin-top:13px;margin-left:8px;-webkit-transition: -webkit-transform 0.2s ease-out;-moz-transition: -moz-transform 0.2s ease-out;    transition: transform 0.2s ease-out;}
.bfbtop1 .top1 .topfbxl .d1{float:left;display:none;position:relative;z-index:99;width:130px;background-color:#fff;}
.bfbtop1 .top1 .topfbxl .d1 a{float:left;font-size:14px;width:106px;margin:0 10px;padding-left:9px;line-height:35px;color:#2789ed;}
.bfbtop1 .top1 .topfbxl .d1 .j{border-top:#eeeeee solid 1px;border-bottom:#eeeeee solid 1px;background:url(../img/j.png) no-repeat;background-position:98px 10px;}
.bfbtop1 .top1 .topfbxl:hover .d1{display:block;}
.bfbtop1 .top1 .topfbxl:hover .a1 img{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}
.bfbtop1 .top1 .menu{float:left;width:100%;height:48px;border-top:#f2f3f9 solid 1px;}
.bfbtop1 .top1 .menu a{float:left;height:48px;padding:0 18px;line-height:48px;font-size:15px;color:#4a4f6b;position:relative;}
.bfbtop1 .top1 .menu .a1{float:left;margin-right:8px;}
.bfbtop1 .top1 .menu .cur{color:#6a4cff;font-weight:700;background-color:transparent;}
.bfbtop1 .top1 .menu .cur:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;border-radius:3px 3px 0 0;background-image:linear-gradient(90deg,#6A4CFF,#3B82F6);}
.bfbtop1 .top1 .menu .a2{float:right;margin-left:22px;font-size:13px;color:#8a8fab;}
.bfbtop1 .top1 .menu a:hover{color:#6a4cff;background-color:transparent;}
.bfbtop1 .top1 .menu .cur:hover{color:#6a4cff;background-color:transparent;}

/*底部*/
.bfbbottom{float:left;background-color:#fff;border-top:#E6E6E6 solid 1px;margin:30px 0 0 0;padding-bottom:10px;width:100% !important;}
.bfbbottom .help{float:left;width:649px;text-align:left;border-right:#E6E6E6 solid 1px;margin:21px 0 11px 0;}
.bfbbottom .help li{float:left;width:162px;}
.bfbbottom .help li span{float:left;width:100%;font-size:14px;font-weight:700;height:20px;}
.bfbbottom .help li a{float:left;font-size:12px;clear:both;margin:11px 0 0 0;color:#666;}
.bfbbottom .help li a:hover{color:#FF4F4F;text-decoration:none;}
.bfbbottom .d2{float:left;margin:21px 0 0 39px;width:293px;text-align:left;font-size:14px;line-height:25px;}
.bfbbottom .d2 strong{float:left;clear:both;font-size:16px;width:100%;margin:0 0 8px 0;}
.bfbbottom .d2 .a1{color:#333;}
.bfbbottom .d2 a:hover{color:#3399ff;}
.bfbbottom .d2 font{color:#999;}
.bfbbottom .d3{float:left;margin:21px 0 0 16px;width:117px;text-align:center;background-color:#fff;}
.bfbbottom .d3 img{margin:0 0 7px 0;border:#ececec solid 1px;}
.bfbbottom .u2{position:relative;float:left;margin:21px 0 0 0;text-align:left;border-top:#E6E6E6 solid 1px;width:100%;}
.bfbbottom .u2 li{float:left;}
.bfbbottom .u2 .l1{width:685px;padding:10px 0 10px 0;line-height:25px;color:#6c6c6c;background-color:#fff;}
.bfbbottom .u2 .l1 a{float:left;margin:0 15px 0 0;color:#6c6c6c;}
.bfbbottom .u2 .l1 a:hover{color:#ff6600;}
.bfbbottom .u2 .l1 i{float:left;color:#999;}
.bfbbottom .u2 .l1 .b1{float:left;width:100%;color:#9c9c9c;}
.bfbbottom .u2 .l1 .b1 a{color:#9c9c9c;}
.bfbbottom .u2 .l2{width:565px;}
.bfbbottom .u2 .l2 a{float:right;margin:15px 0 0 12px;}
.bfbbottom .u2 .l2 img{float:left;height:40px;border-radius:4px;}


/* ===== 商品徽标（note_icon 通用样式）：全站统一由 application/common.php 的 note_icon() 产出标记，这里放一份基础样式，所有页面都加载本文件，皮肤页面无需再单独引默认 UI 的 basic.css ===== */
.note_icon a{padding-right:5px;float:left;}
.note_icon a:hover{color:red;}
.note_icon a i{color:#999;border:1px solid #ddd;background:#f9f9f9;float:left;overflow:hidden;text-align:center;height:19px;line-height:19px;padding:0 4.5px;font-style:normal;}
.note_icon a i.protect{color:#6a4;border-color:#6a4;background:#eff;}
.note_icon a i.score{color:#f60;border-color:#FF7E00;background:#FFF5EE;}
.note_icon a i.send{color:#b68571;border-color:#e3c8bd;background:#fffbf6;}
.note_icon a i.install0{color:#498BF8;border-color:#71a3f5;background:#EEF9FF;}

/* tipso 悬停提示气泡（带 .tips 类的元素由 common.js 的 initTipso() 驱动）：放全站基础样式里，任何页面都能直接用 */
.tipso_bubble, .tipso_bubble>.tipso_arrow{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.tipso_bubble{position:absolute;text-align:center;border-radius:6px;z-index:9999;padding:10px;}
.tipso_bubble.bottom{float:none;margin:0;background:0 0;}
.tipso_bubble>.tipso_content{border-radius:6px;padding:10px;}
.tipso_bubble>.tipso_arrow{position:absolute;width:0;height:0;border:8px solid;pointer-events:none;}
.tipso_bubble.top>.tipso_arrow{margin-top:-10px;border-top-color:#000;border-right-color:transparent;border-left-color:transparent;border-bottom-color:transparent;top:100%;left:50%;margin-left:-8px;}
.tipso_bubble.bottom>.tipso_arrow{margin-bottom:-10px;border-bottom-color:#000;border-right-color:transparent;border-left-color:transparent;border-top-color:transparent;bottom:100%;left:50%;margin-left:-8px;}
.tipso_bubble.left>.tipso_arrow{margin-left:-10px;border-left-color:#000;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent;top:50%;left:100%;margin-top:-8px;}
.tipso_bubble.right>.tipso_arrow{margin-right:-10px;border-right-color:#000;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent;top:50%;right:100%;margin-top:-8px;}
/* ===== iconfont 字体图标（2026-09-21 补：@font-face + .iconfont；字体文件在本主题 static/font/ 下） ===== */
@font-face {
  font-family: 'iconfont';
  src: url('../font/font_155938_4j0vrc5o90d.eot');
  src: url('../font/font_155938_4j0vrc5o90d.eot?#iefix') format('embedded-opentype'),
       url('../font/font_155938_4j0vrc5o90d.woff2') format('woff2'),
       url('../font/font_155938_4j0vrc5o90d.woff') format('woff'),
       url('../font/font_155938_4j0vrc5o90d.ttf') format('truetype');
}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

/* ===== 页脚辅助样式（模板 <font> 换成 span.f-gray 后的等效色）===== */
.bfbbottom .d2 .f-gray{color:#999;}

/* ===== 前台悬浮购物车（加购飞入目标；2026-09-06 起在页脚，2026-09-26 从模板内联样式搬到此处）===== */
.fixed-tab{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none;}
.uizhan-mini-cart{position:fixed;right:10px;top:60%;z-index:1999;width:52px;height:52px;border-radius:50% 0 0 50%;background:#ff8c00;box-shadow:0 3px 10px rgba(0,0,0,.2);color:#fff;text-align:center;line-height:1;padding-top:9px;cursor:pointer;}
.uizhan-mini-cart .fi{font-size:20px;font-style:normal;display:block;}
.uizhan-mini-cart .tt{font-size:10px;display:block;margin-top:2px;}
.uizhan-mini-cart .cart-count{position:absolute;top:-4px;left:-6px;min-width:18px;height:18px;line-height:18px;padding:0 4px;border-radius:10px;background:#e33;font-size:11px;color:#fff;}
.uizhan-mini-cart .cart-count em{font-style:normal;}

/* ===== 商家名片（列表页头像悬停；与既定版式一致） ===== */
.ly_seller{text-align:left;display:block;padding:5px;overflow:hidden;background:#fff;}
.ly_seller .info{height:46px;padding-bottom:12px;border-bottom:2px #ebeff4 dashed;overflow:hidden;width:100%;}
.ly_seller .info span{margin-left:56px;display:block;line-height:22px;}
.ly_seller .info b{font-size:14px;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;}
.ly_seller .info p{margin-top:4px;display:block;}
.ly_seller .avatar{border-radius:6px;border:1px solid #eee;padding:2px;float:left;width:40px;height:40px;}
.ly_seller table{width:100%;border-collapse:collapse;color:#666;}
.ly_seller table td,.ly_seller table th{padding:3px 0;}
.ly_seller .pop_pf{border:0;}
.ly_seller .pop_pf th{text-align:left;color:#999;font-weight:400;}