﻿@charset "utf-8";
/* CSS Document */

/***top1***/
.top1_box{ float: left; width: 100%; height: 30px; border-bottom: #e9e9e7 1px solid; background-color: #f5f5f5}
.top1{ width: 1200px; height: 30px; margin: 0 auto; font-size: 12px; color: #666; line-height: 30px; position: relative;}
.top1 .xian{ width: 1px; height: 15px; background-color: #d9d9d9; margin: 8px 10px 0 10px}

.top1 .tleft{ float: left; }
.top1 .tleft .tlt1{ float: left; }
.top1 .tleft .tlt1 img{ float: left; margin: 7px 5px 0 0}
.top1 .tleft .tlt1 span{ float: left; }
.top1 .tleft .tlt1:hover span{ color: #e83a17}
.top1 .tleft .tlt2{ float: left; }
.top1 .tleft .tlt2:hover{ color: #e83a17}
.top1 .tleft .tlt3{ float: left; color: #e83a17}
.top1 .tleft .tlt4{ float: left; }
.top1 .tleft .tlt4 span{ float: left; height: 16px; line-height: 15px; background-color: #e83a17; color: #fff; padding: 0 4px 0 5px; margin: 3px 0 0 0; }
.top1 .tleft .tlt4 font{ float: left; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #e83a17; margin: 7px 0 0 3px}

.top1 .tright{ float: right; }
.top1 .tright .xian{ margin: 8px 0 0 0 }
.top1 .tright a:hover{ color: #e83a17 }
.top1 .tright .trt1{ float: left; padding: 0 19px}
.top1 .tright .trt1 span{ float: left; }
.top1 .tright .trt1 font{ float: left; width: 6px; height: 6px; overflow: hidden; background-color: #e83a17; border-radius: 3px; margin: 5px 0 0 1px}

.top1 .tright .trt2{ float: left; width: 107px; height: 30px; position: relative;}
.top1 .tright .trt2 ul{ float: left; width: 107px; height: 30px; overflow: hidden; position: absolute; z-index: 990}
.top1 .tright .trt2 ul li{ float: left; width: 107px; position: relative;}
.top1 .tright .trt2 ul li a{ float: left; width: 100%; height: 30px; line-height: 30px; background-repeat: no-repeat; background-position: 20px center }
.top1 .tright .trt2 ul li a span{ float: left; margin-left: 42px;}
.top1 .tright .trt2 ul .li1 a{ background-image:url(../img/v1.png); background-position: 79px 13px }
.top1 .tright .trt2 ul .li1 a span{ margin-left: 20px; }
.top1 .tright .trt2 ul .li2 a{ background-image:url(../img/d_1.png); }
.top1 .tright .trt2 ul .li2 a font{ float: left; width: 6px; height: 6px; overflow: hidden; background-color: #e83a17; border-radius: 3px; margin: 6px 0 0 1px;}
.top1 .tright .trt2 ul .li3 a{ background-image:url(../img/d_2.png); }
.top1 .tright .trt2 ul .li4 a{ background-image:url(../img/d_3.png); }
.top1 .tright .trt2 ul .li5 a{ background-image:url(../img/d_4.png); }
.top1 .tright .trt2 ul .li6 a{ background-image:url(../img/d_5.png); }
.top1 .tright .trt2 ul:hover{ height: auto; background-color: #fff; padding-bottom: 5px; box-shadow: #ddd 0 0 3px;}
.top1 .tright .trt2 ul:hover li a:hover{ background-color: #f5f5f5}
.top1 .tright .trt2 ul:hover .li1 a{ background-image:url(../img/v3.png);}

.top1 .tright .trt3{ float: left; padding: 0 10px 0 19px}
.top1 .tright .trt4{ float: left; padding: 0 19px 0 9px;}

.top1 .tright .trt5{ float: left; width: 107px; height: 30px; position: relative;}
.top1 .tright .trt5 ul{ float: left; width: 107px; height: 30px; overflow: hidden; position: absolute; z-index: 990}
.top1 .tright .trt5 ul li{ float: left; width: 107px; position: relative;}
.top1 .tright .trt5 ul li a{ float: left; width: 100%; height: 30px; line-height: 30px; background-repeat: no-repeat; background-position: 20px center }
.top1 .tright .trt5 ul li a span{ float: left; margin-left: 20px;}
.top1 .tright .trt5 ul .li1 a{ background-image:url(../img/v1.png); background-position: 79px 13px }
.top1 .tright .trt5 ul .li1 a span{ margin-left: 20px; }
.top1 .tright .trt5 ul .li3 a font{ margin-left: 15px; color: #e83a17}
.top1 .tright .trt5 ul .li4 a font{ margin-left: 15px; color: #e83a17}
.top1 .tright .trt5 ul .li5{ border-top: #f5f5f5 1px solid}
.top1 .tright .trt5 ul:hover{ height: auto; background-color: #fff; padding-bottom: 5px; box-shadow: #ddd 0 0 3px;}
.top1 .tright .trt5 ul:hover li a:hover{ background-color: #f5f5f5}
.top1 .tright .trt5 ul:hover .li1 a{ background-image:url(../img/v3.png);}

.top1 .tright .trt6{ float: left; width: 107px; height: 30px;}
.top1 .tright .trt6 .ttit{ float: left; width: 107px; height: 30px; position: relative;}
.top1 .tright .trt6 .ttit font{ float: left; width: 107px; height: 30px; position: relative; background-image:url(../img/v1.png); background-position: 79px 13px; background-repeat: no-repeat;}
.top1 .tright .trt6 .ttit font b{ margin-left: 20px; font-weight: normal;}
.top1 .tright .trt6 .xiala{ float: left; position: absolute; width: 100%; left: 0px; top:30px; z-index: 990; background-color: #fff; box-shadow: #ddd 0 0 3px; padding-bottom: 15px; display: none;}
.top1 .tright .trt6 .xiala li:first-child{ float: left; width: 399px; border-right: #f5f5f5 1px solid }
.top1 .tright .trt6 .xiala li:nth-child(2){ float: left; width: 399px; border-right: #f5f5f5 1px solid }
.top1 .tright .trt6 .xiala li:last-child{ float: left; width: 400px;}
.top1 .tright .trt6 .xiala li .tit{ float: left; width: 362px; padding: 19px; font-size: 16px; line-height: 16px; color: #e83a17}
.top1 .tright .trt6 .xiala li .txt{ float: left; padding:0 0 0 19px;}
.top1 .tright .trt6 .xiala li .txt font{ float: left; width: 100px; height: 14px; font-size: 12px; line-height: 12px; margin-bottom: 15px; margin-right: 23px}
.top1 .tright .trt6:hover .ttit{ background-color: #fff; box-shadow: #ddd 0 0 3px;}
.top1 .tright .trt6:hover .ttit font{ position: absolute; z-index: 991; background-color: #fff}
.top1 .tright .trt6:hover .ttit font b{ color: #e83a17 }
.top1 .tright .trt6:hover .xiala{ display: block;}

.top1 .tright .topsearch{ float: left; padding: 0 19px}


/***pos_info***/
.pos_info{ width:340px; position: fixed; z-index: 999; top:0; right:-296px}
.ps_left{ float: left; width: 48px; height: 100%; position: relative;}
.ps_right{ float: left; width: 296px; height: 100%; position: relative; border-left: #333333 2px solid; background-color: #f5f5f5}

.ps_left .buttons{ float: left; width: 48px; padding: 0; }
.ps_left .buttons .n2{ font-size: 12px; }
.ps_left .buttons li.li4{ display: none; }
.ps_left .buttons li{ float: left; width: 48px; height: 48px; position: relative; margin-bottom: 1px; cursor: pointer;}
.ps_left .buttons li .nx{ float: left; width: 48px; height: 48px; position: relative; }
.ps_left .buttons li .nx .n1{ float: left; width: 48px; height: 48px; position: absolute; z-index: 903; background-repeat: no-repeat; background-size: 27px; background-position: center center; background-color: #333333; border-bottom-left-radius: 4px; border-top-left-radius: 4px;}
.ps_left .buttons li .nx .n2{ float: left; width: 0px; height: 48px; overflow: hidden; right: 0px; position: absolute; z-index: 902; background-color: #e83a17; border-bottom-left-radius: 4px; border-top-left-radius: 4px; color: #fff; line-height: 48px; padding: 0 0 0 12px}
.ps_left .buttons li .nx .n2.wth115{ width: 115px!important; }
.ps_left .buttons li .nx:hover .n1{ background-color: #e83a17 }
.ps_left .buttons .li2 .nx .n3{ position: absolute; top: 6px; left: 30px; height: -1px; z-index: 904; border-radius: 50%; background-color: #e83a17; color: #fff; line-height: 14px; text-align: center; }

.ps_left .buttons .li1 .nx .n1{ background-image: url(../img/d_7.png); }
.ps_left .buttons .li2 .nx .n1{ background-image: url(../img/d_8.png); }
.ps_left .buttons .li3 .nx .n1{ background-image: url(../img/d_9.png); }
.ps_left .buttons .li4 .nx .n1{ background-image: url(../img/d_10.png); }
.ps_left .buttons .li5 .nx .n1{ background-image: url(../img/d_11.png); }
.ps_left .buttons .li6 .nx .n1{ background-image: url(../img/d_17.png); background-size: 42px; }
.ps_left .buttons .li7 .nx .n1{ background-image: url(../img/d_13.png); background-color: #e83a17!important}
.ps_left .buttons .li7 .nx .n2{ width: 113px; }
.ps_left .buttons .li8 .nx .n1{ background-image: url(../img/d_14.png); }
.ps_left .buttons .li9 .nx .n1{ background-image: url(../img/d_15.png); }
.ps_left .buttons .li10 .nx .n1{ background-image: url(../img/d_16.png); }

.ps_left .buttons .li8{ margin-top: 80px; }
.ps_left .buttons .li8 .imgbox{ float: left; position: absolute; z-index:902; width: 206px; height: 106px; bottom: -3px; right: 45px; overflow: hidden;display: none; }
.ps_left .buttons .li8 img{ float: left; width: 200px; height: 100px; margin-left: 206px; margin-top: 3px; box-shadow: #999 0 0 3px;}

.ps_left .buttons .li9 .sbox{ float: left; position: absolute; z-index:902; width: 147px; height: 170px; bottom: 0px; right: 51px; overflow: hidden;display: none;}
.ps_left .buttons .li9 .sbox .info{ float: left; width: 147px; height: 170px; margin-left: 147px; background-color: #e83a17; border-radius: 4px}
.ps_left .buttons .li9 .sbox .info .ewm_1{ float: left; width: 106px; height: 150px; overflow: hidden; position: relative; margin:13px 0 0 20px; }
.ps_left .buttons .li9 .sbox .info .ewm_1 img{ float: left; width: 106px; height: 106px }
.ps_left .buttons .li9 .sbox .info .ewm_1 p{ float: left; width: 100%; height: 36px; line-height: 18px; color: #fff; text-align: center; margin-top: 5px} 
.ps_left .buttons .li9 .sbox .info .ewm_2{ float: left; width: 106px; height: 150px; overflow: hidden; position: relative; margin:10px 0 0 20px; }
.ps_left .buttons .li9 .sbox .info .ewm_2 img{ float: left; width: 106px; height: 106px }
.ps_left .buttons .li9 .sbox .info .ewm_2 p{ float: left; width: 100%; height: 36px; line-height: 18px; color: #fff; text-align: center; margin-top: 5px} 
.ps_left .buttons .li9 .sbox .info .txt{ float: left; width: 268px; height: 30px; margin-left: 2px; background-color: #fff; margin-top: 5px; font-size: 14px; line-height: 30px; text-align: center; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.ps_left .buttons .li9 .sbox .info .txt font{ color: #e83a17 }

/*20190930更新右侧客服-start*/
.pos_info{right: -296px;}
.ps_left{width: 42px;}
.ps_left .buttons{width: 42px;}
.ps_left .buttons li{width: 42px;height: 42px;}
.ps_left .buttons li .nx{width: 42px;height: 42px;}
.ps_left .buttons li .nx .n1{width: 42px;height: 42px;background-size: 42px;}
.ps_left .buttons li .nx .n2{height: 42px; line-height: 42px;}
.ps_left .buttons .li1 .nx .n1{ background-image: url(../img/d_7.png);}
.ps_left .buttons .li2 .nx .n1{ background-image: url(../img/d_8.png);}
.ps_left .buttons .li6 .nx .n1{ background-image: url(../img/d_12.png);}
.ps_left .buttons .shouhou .nx .n1{ background-image: url(../img/d_13.png);}
/*.ps_left .buttons .li9 .nx .n1{ background-image: url(../img/d_15.png);}*/
.ps_left .buttons .li9 .nx .n1{ background-image: url('../img/d_18.png');}
.ps_left .buttons .li10 .nx .n1{ background-image: url(../img/d_16.png);}
.ps_left .buttons .shouqian .nx .n1{ background-image: url(../img/d_19.png);}
.ps_left .buttons .li12 .nx .n1{ background-image: url(../img/d_110.png);}
.ps_left .buttons .li9 .sbox{ bottom: -135px;}
.ps_left .buttons .li12 .sidebarHide{background-color: #e83a17;border-top-left-radius: 4px;border-bottom-left-radius: 4px;margin-left: 30px;box-shadow: 0 0 15px rgba(232, 58, 23, 0.5);}
.ps_left .buttons .li12 .sidebarHide i{width: 14px;top: calc(50% - 8px);left: -6px;box-shadow: 0 0 15px rgba(232, 58, 23, 0.8);font-style: normal;color: #e83a17;font-weight: bolder; border-radius: 50px; background-color: #fff;}
/*20190930更新右侧客服-end*/

.ps_right .cart_hav{ display: none; float: left; width: 100%; height: 100%; }
.ps_right .t1{ float: left; width: 100%; height: 40px; overflow: hidden; background-color: #f5f5f5 }
.ps_right .t1 span{ float: left; margin-left: 10px; padding-left: 22px; font-size: 14px; line-height: 40px; background-image: url(../img/cart_3.png); background-repeat: no-repeat; background-position: 0px 11px}
.ps_right .t1 .close{ float: right; font-size: 23px; line-height: 22px; margin: 7px 10px 0 0; cursor: pointer; user-select: none;}

.ps_right .cart_hav .psi_cart_list{ float: left; width: 100%; height: 84%; overflow-y: auto; overflow-x: hidden; }
.ps_right .cart_hav .psi_cart_list li{ float: left; width: 100%; padding-bottom: 12px; position: relative; margin-bottom: 10px; background-color: #fff}
.ps_right .cart_hav .psi_cart_list li .huodong{ float: left; width: 100%; height: 40px; overflow: hidden; border-bottom: #e8e8e8 1px dashed}
.ps_right .cart_hav .psi_cart_list li .huodong font{ float: left; width: 42px; height: 20px; overflow: hidden; text-align: center; line-height: 20px; margin: 10px 0 0 5px; color: #fff}
.ps_right .cart_hav .psi_cart_list li .huodong span{ float: left; width: 205px; height: 20px; overflow: hidden; line-height: 20px; margin: 10px 0 0 14px}
.ps_right .cart_hav .psi_cart_list li .huodong a{ text-decoration:none; white-space: nowrap; width: 90px; overflow-x: hidden; text-overflow: ellipsis; display: block; }
.ps_right .cart_hav .psi_cart_list li .huodong a:hover{ color: #e83a17; }
.ps_right .cart_hav .psi_cart_list li .huodong .cor1{ background-color: #f58813;}
.ps_right .cart_hav .psi_cart_list li .huodong .cor2{ background-color: #86c262;}
.ps_right .cart_hav .psi_cart_list li .huodong .remove{ text-align: center; position: absolute; right: 9px; top:1px; z-index: 900; width: 16px; height: 16px; overflow: hidden; background-color: #e9e9e9; border-radius: 8px; font-size: 16px; line-height: 18px; font-family: Arial; color: #fff; cursor: pointer; }
.ps_right .cart_hav .psi_cart_list li .huodong .remove:hover{ background-color: #e53b17 }

.ps_right .cart_hav .psi_cart_list li .info{ float: left; width: 100%; height: 50px; overflow: hidden; position: relative; margin: 14px 0 0 5px;}
.ps_right .cart_hav .psi_cart_list li .info .pimg{ float: left; width: 44px; height: 44px; border: #e8e8e8 1px solid; padding: 1px}
.ps_right .cart_hav .psi_cart_list li .info .pd1{ float: left; width: 100px; height: 18px; font-size: 12px; line-height: 18px; margin: 0 0 0 5px; overflow-x: hidden; text-overflow: ellipsis; }
.ps_right .cart_hav .psi_cart_list li .info .pd1 a{ text-decoration: none; white-space: nowrap; }
.ps_right .cart_hav .psi_cart_list li .info .pd1 a:hover{ color: #e83a17}
.ps_right .cart_hav .psi_cart_list li .info .pd2{ line-height: 50px; float: right; padding-right: 39px; }
.ps_right .cart_hav .psi_cart_list li .total{ position: absolute; top: 12px; right: 34px; }
.ps_right .cart_hav .psi_cart_list li .total span{ float: right; }
.ps_right .cart_hav .psi_cart_list li .total span b{ font-weight: normal; }
.ps_right .cart_hav .psi_cart_list li .total span b:first-child{ font-weight: normal; color: #e83a17}

.ps_right .cart_hav .psi_tongji{ float: left; width: 100%; height: 40px; overflow: hidden; position: absolute; z-index: 900; bottom: 15px;}
.ps_right .cart_hav .psi_tongji font{ line-height: 18px;}
.ps_right .cart_hav .psi_tongji .tx1{ margin-left: 5px; margin-right: 2px; color: #e83a17}
.ps_right .cart_hav .psi_tongji .tx3{ margin-left: 5px;}
.ps_right .cart_hav .psi_tongji .tx4{ color: #e83a17 }
.ps_right .cart_hav .psi_tongji .tx5{ color: #e83a17 }
.ps_right .cart_hav .psi_tongji a{ float: right; width: 100px; height: 34px; line-height: 34px; overflow: hidden; text-align: center; color: #fff; font-size: 14px; background-color: #e83a17; margin: 1px 3px 0 0}

.ps_right .cart_no{ display: block; float: left; width: 100%;}
.ps_right .cart_no .tishi { float: left; width: 150px; height: 130px; overflow: hidden; position: relative; margin-left: 60px}
.ps_right .cart_no .tishi font{ float: left; width: 100px; height: 100px; overflow: hidden; border-radius: 50px; background-color: #e9e9e9; margin: 0 0 0 22px; background-image: url(../img/cart_4.png); background-repeat: no-repeat; background-position:19px 27px;}
.ps_right .cart_no .tishi span{ float: left; width: 100%; height: 20px; overflow: hidden; line-height: 20px; text-align: center; margin-top: 6px; color: #888}

.index_adv_20191111{ width: 322px; height: 259px; overflow: hidden; z-index: 999; position: fixed; left: 0px; bottom:50px;}
.index_adv_20191111_con{ width: 322px; height: 259px; overflow: hidden; position: relative;}
.adv_close{ float: right; position: absolute; top: 60px; right: 33px; cursor: pointer;}
.adv{display: inline-block;  margin: 0px 0 0 0px;}