/*头部*/
.bfbtop{background-color:#f2f2f8;border-bottom:#ececec solid 1px;height:30px;margin:0 auto;}
.bfbtop .huany{float:left;color:#7c7c7c;line-height:30px;}
.bfbtop .huany a{color:#7c7c7c;}
.bfbtop .nologin{float:left;margin-left:15px;}
.bfbtop .nologin .topreg{float:left;height:30px;line-height:30px;background:url(../img/1.png) left center no-repeat;padding-left:20px;color:#666666;}
.bfbtop .nologin .topreg:hover{background:url(../img/1a.png) left center no-repeat;color:#ff6600;}
.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:30px;line-height:30px;color:#666666;}
.bfbtop .nologin .toplogin .a1 img{float:left;margin-top:13px;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:#ff6600;}
.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:#fff;}
.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:30px;line-height:30px;color:#666666;}
.bfbtop .yeslogin .topuid img{float:left;margin-top:13px;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:#ff6600;}
.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:#fff;}
.bfbtop .yeslogin:hover .yesxl{display:block;}
.bfbtop .topright{float:right;text-align:left;}
.bfbtop .topright .dmenu{float:left;line-height:30px;}
.bfbtop .topright .dmenu a{float:left;margin-right:19px;}
.bfbtop .topright .dmenu a:hover{color:#ff6600;}
.bfbtop .topright .rightxl{float:right;width:100px;height:30px;}
.bfbtop .topright .rightxl .gl{float:left;background:url(../img/gl.png) no-repeat;background-position:11px 8px;padding-left:29px;height:30px;line-height:30px;width:71px;}
.bfbtop .topright .rightxl .gl:hover{background:url(../img/gl1.png) no-repeat;background-position:11px 8px;}
.bfbtop .topright .rightxl .gl span{float:left;color:#666;}
.bfbtop .topright .rightxl .gl:hover span{color:#ff6600;}
.bfbtop .topright .rightxl .gl img{float:left;margin-top:13px;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:#fff;}
.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:30px;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:135px;}
.bfbtop1 .top1{float:left;width:1250px;text-align:left;padding:0 0 8px 0;}
.bfbtop1 .top1 .alogo{float:left;padding:23px 14px 0 0;height:74px;}
.bfbtop1 .top1 .alogo img{float:left;height:51px;}
.bfbtop1 .top1 .alogo1{float:left;margin:33px 40px 0 0;}
.bfbtop1 .top1 .u1{float:left;width:500px;height:36px;margin:30px 0 0 0;border:#6899ec solid 2px;}
.bfbtop1 .top1 .u1 li{float:left;}
.bfbtop1 .top1 .u1 .l1{width:86px;height:36px;font-size:14px;}
.bfbtop1 .top1 .u1 .l1 .topnwd{float:left;width:86px;height:36px;cursor:pointer;background-color:#fafafa;}
.bfbtop1 .top1 .u1 .l1 .topnwd span{float:left;margin-left:20px;height:36px;line-height:36px;}
.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{width:329px;height:36px;overflow:hidden;}
.bfbtop1 .top1 .u1 .l2 input{float:left;width:100%;height:36px;border:0;padding:0 0 0 5px;font-size:14px;}
.bfbtop1 .top1 .u1 .l3{width:85px;}
.bfbtop1 .top1 .u1 .l3 input{float:left;border:0;cursor:pointer;color:#fff;width:85px;height:36px;font-size:14px;background-color:#6899ec;}
.bfbtop1 .top1 .topfbxl{float:right;width:135px;margin-top:30px;height:40px;background-color:#F00;}
.bfbtop1 .top1 .topfbxl .a1{float:left;width:116px;background-color:#2667e9;color:#fff;font-size:14px;line-height:40px;padding-left:19px;}
.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:135px;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%;}
.bfbtop1 .top1 .menu a{padding:0 11px 0 9px;line-height:30px;font-size:16px;}
.bfbtop1 .top1 .menu .a1{float:left;margin-right:20px;}
.bfbtop1 .top1 .menu .cur{background-color:#ff6600;color:#fff;}
.bfbtop1 .top1 .menu .a2{float:right;margin-left:20px;}
.bfbtop1 .top1 .menu a:hover{color:#ff6000;background-color:#f2f2f2}
.bfbtop1 .top1 .menu .cur:hover{background-color:#ff6600;color:#fff;}

/*底部*/
.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;}


/* ---------- 安装服务详情弹窗（/box/installing） ---------- */
.ly_ins { float: left; width: 570px; padding: 15px; background: #fff; }
.ly_ins table { border-collapse: collapse; width: 100%; }
.ly_ins .table1, .ly_ins td, .ly_ins th { border-bottom: 1px solid #ddd; padding: 0; }
.ly_ins .table1 { border: 1px solid #ddd; }
.ly_ins .table2 { border: 0; }
.ly_ins .table2 td { border-bottom: 1px solid #f1f1f1; padding: 10px 8px; color: #666; }
.ly_ins .table2 tr:last-child td:last-child { border-color: #fff; }
.ly_ins td.nm1 { text-align: right; border-bottom: 1px solid #f8f8f8; background: #f8f8f8; width: 15%; color: #333; border-right: 1px solid #f1f1f1; }
.ly_ins td.tyn { text-align: center; border-right: 1px solid #ddd; font-weight: 700; background: #f2f2f2; width: 35px; }
.ly_ins span { float: left; width: 80%; }
.ly_ins img { float: right; cursor: pointer; }
.ins_notes { float: left; padding: 5px 0; font-size: 13px; width: 100%; border-top: #e1e1e1 solid 1px; }
.ins_notes li { float: left; width: 100%; line-height: 25px; list-style: none; }
.ins_notes span { text-decoration: underline; }
.ins_notes b { padding-right: 4px; color: #666; font-size: 15px; }
.ins_notes h3 { float: left; font-size: 14px; padding-left: 22px; font-weight: 700; width: 90%; margin: 0; background: url(/static/image/focus2018.png) no-repeat -307px -61px; }
/* ===== 商品徽标（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;}