@charset "UTF-8";
/* public */
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0;}
ul,dl,li,dt,dd{list-style:none;}
body{font-family: "微软雅黑";font-size: 14px; background:#f6f8f9; overflow-x:hidden; color: #333;  }
a{font-size:14px;text-decoration:none;  color: #333; }
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;clear:both;}/*IE/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none; font-family:"microsoft yahei"; line-height: normal;border:none;background: none;}
textarea{resize:none; overflow:hidden;}
select{-webkit-appearance: none;appearance: none; -ms-appearance: none;border-radius: 0;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
table{max-width:100%;overflow:hidden;}
.u_hidden{ display: none;}
.fl{float:left;}
.fr{float:right;}
.z-container {width: 1170px;height:auto;clear: both;margin: 0 auto;}
.z-row {width: 100%;height: auto;clear: both;overflow: hidden;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
*:before,
*:after {
  z-index: -1;
}
.iconfont{ font-family:"iconfont" !important; font-size:22px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; color: #767575; }
.header{ height: 80px; background: #fff;}
.header .logo{float: left; padding-top: 15px;}
.header .logo img{ height:50px;}
.header .z-container{  height: 80px;}
.header .user{float: right; color: #666666; line-height: 30px; margin-top: 25px;}
#btn-exit{ float: right; margin-left: 10px; line-height: 30px; margin-top: 25px;}
.header .user .iconfont{ margin-right: 10px; font-size: 24px; vertical-align: middle;}
.page_con{ padding: 40px 0;}
.left_nav{ width: 17%; float: left;}
.left_nav .navtit{ line-height: 30px; font-size: 18px; margin-bottom: 10px;}
.left_nav .navtit.active,.left_nav .navtit.active .iconfont{ color: #F0AC48;}
.left_nav .navtit .iconfont{ font-size: 30px; margin-right: 15px; vertical-align: bottom; }
.navbox{margin-bottom: 15px;} 
.navbox ul{ margin-left: 45px; width: 100px;border-bottom: 1px solid #e5e5e5; padding-bottom: 15px;}
.navbox:last-child ul{ border-bottom: none;}
.navbox ul li{margin-bottom: 10px;}
.navbox  ul li a{color: # 4d4d4d;}
.navbox  ul li.active a{ color: #f0ac48;}
.right_con{ width:83%; float: right;}
.stock_box{ background: #fff;padding: 30px;box-sizing: border-box;} 
.search_box{display: flex; align-items: center; margin-bottom: 30px;}
.search_box .input_text{ width: 300px;height: 40px; border: 1px solid #e5e5e5; padding: 0 10px; box-sizing: border-box; vertical-align: middle; margin-top: -1px;} 
.search_box .searchbtn{display: inline-block; width: 60px; height: 38px; line-height: 38px; vertical-align: middle; border-radius: 8px; text-align: center; background: #F0AC48; color: #fff; margin-left:10px;}
.tablebox{ width: 100%; border: 1px solid #e5e5e5; border-bottom: none;}
.tablebox tr th{ font-weight:normal; text-align: center; height: 40px; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #E5E5E5;}
.tablebox tr td{ text-align: center;border-right: 1px solid #E5E5E5; color: #4d4d4d; border-bottom: 1px solid #e5e5e5;width: 120px; height: 40px;}
.stocktable tr td{ height: 130px;}
.stocktable tr td:first-child{ width: 140px;}
.tablebox tr td:last-child,.tablebox tr th:last-child{ border-right: none;}
.stocktable tr td:nth-child(2){ width: 290px; text-align: left; padding: 0 20px; box-sizing: border-box;}
.stocktable tr th:nth-child(even),.stocktable tr th:nth-child(even){ background:#fafafa;}
.stocktable tr td:nth-child(even),.stocktable tr td:nth-child(even){ background:#fafafa;}
.tablebox .addbtn{ display: inline-block; width: 90px; height: 30px; background: #F0AC48; line-height: 30px; text-align: center;color: #fff;margin: 1px auto; position: relative;}
.badge{height: 16px; display: inline-block; background-color: #f00; color: #fff; border-radius: 8px; line-height: 16px; padding: 0 5px; font-size: 12px;}
.tablebox .addbtn .badge{ position: absolute; right: 5px; top: -8px;}
.tablebox .img{ width: 100px; height: 100px;}
.pagebar{ text-align: center; margin-top: 40px; margin-bottom: 20px;}
.pagebar a{ display: inline-block; width: 30px; height: 30px; border: 1px solid #b5b5b5; line-height: 30px; margin: 0 5px; box-sizing: border-box;}
.pagebar a.active,.pagebar a:hover{ background: #F0AC48; color: #fff; border: 1px solid #F0AC48;}
.pagebar a.active .iconfont,.pagebar a:hover .iconfont{ color: #fff;}
.footer{ background: #383838; padding: 35px 0;color: #808080; }
.footer .foot_nav a{ color: #fff;display: inline-block; margin-right: 35px; }
.foot_copy{ color: #808080; margin: 25px 0;}
.foot_link{ display: flex;align-items: center;}
.foot_link img{ margin-left: 20px;}
/*充值*/
.regtit{ font-size: 24px; margin-bottom: 20px;}
.regtit a{ display: inline-block; margin-left: 30px;}
.regtit a.active{ color:#F0AC48;}
.recharge_form{ position: relative;}
.recharge_form li{ margin-bottom: 20px;}
.recharge_form .input_text{ width: 620px; height: 40px;  border: 1px solid #b5b5b5;padding: 0 10px; box-sizing: border-box;}
.recharge_form li label{ display: inline-block; width: 95px; color: #4d4d4d;}
.regbtn{ width: 115px; height: 40px; text-align: center; color: #fff; line-height: 40px; background: #F0AC48; position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}
.regtable tr td{ height: 40px; width: 38%;}
.regtable tr td:last-child,.regtable tr th:last-child{ width: 24%;}
.regtable .active{ color: #F0AC48;}
/*数据统计*/
#timebar{ background: url(../img/time.png) no-repeat right 10px center; width: 300px; cursor: pointer;}
/*流水账单*/
.zdtable tr th,.zdtable tr td{ width: 20%;}
.express_bar{ width: 300px!important; background:url(../img/arr_b.png) no-repeat right 10px center; color: #666;}
.expressbox dl{ display: flex; align-items: center; height: 110px;}
.expressbox dl dt{ width: 150px; text-align: center;  border-right: 1px solid #b5b5b5;height: 110px;}
.expressbox dl dd{width: 775px;}
.expressbox .tit{width: 16%; font-size: 18px;}
.expressbox .desc{ width: 84%; padding: 20px; box-sizing: border-box; text-align: left;}
/*修改信息*/
.changbox{ text-align: center;}
.change_tit{ text-align: center; font-size: 24px; margin-bottom: 30px;}
.change_form li{ margin-bottom: 20px;}
.change_form li label{ width: 80px; display: inline-block; color: #4d4d4d; text-align: left;}
.change_form .input_text{ width: 310px;height: 40px; border: 1px solid #e5e5e5; padding: 0px 5px;}
.change_form .changebtn{ width: 90px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #E5E5E5; margin: 0 25px; cursor: pointer; }
.change_form .changebtn.active{ color: #fff; background: #F0AC48; border: 1px solid #F0AC48;}
.change_form .code_text{ width: 230px;}
.change_form .z_codebtn{ width:80px;margin-left: 10px; background: #f5f5f6; color: #F0AC48; cursor: pointer; height: 40px;}
/*我的订单*/
.order_tit{ font-size: 24px; margin-bottom: 35px;}
.pagenav a{ display: inline-block; margin-left: 30px;}
.pagenav a.active{ color: #F0AC48;}
.stocktable .get{ color: #F0AC48; display: block;}
.stocktable .back{ display:inline-block; width: 50px; height: 24px; border: 1px solid #aaaaaa; line-height: 24px; margin-top: 10px;}
.stocktable .back2{ color:#4D4D4D;}

/*下单*/
.piclist ul{margin-left: -20px; }
.piclist ul li{ width:130px; text-align: center; float: left; box-sizing: border-box; margin-left: 21px;}

.piclist ul li .img{ width: 100px; height: 100px; margin: 0 auto;}
.piclist ul li .img img{ width: 100%; height: 100%;}
.piclist ul li .name{ margin-top: 10px;}
.piclist ul li .bianhao{margin-top: 3px; font-size: 12px; color: #666;}
.piclist ul li .price{ margin-top: 3px; color: #c00;}

.stocktable .price{color: #F0AC48;}
.choose_bar{ margin-top: 20px;}
.choose_bar dl{ margin-top: 10px;}
.choose_bar dl dt{ width: 140px; float: left; line-height: 26px;}
.choose_bar dd{ float:left; width: 770px;}
.choose_bar .choosebtn a{ display: inline-block; padding: 3px 5px; border: 1px solid #bfbfbf; color: #808080; margin-right: 15px; margin-bottom: 10px;}
.choose_bar .choosebtn a.active{ background: #F0AC48; color: #fff; border-color: #F0AC48;}
.magic_btn:checked + label{   background: url(../img/checked.png) no-repeat center; background-size: 100% 100%; border: none;  }
.magic_btn+ label{    position: relative;  top: 0;  left: 0;  display: inline-block;  width:16px;     height: 16px; border-radius: 50%;  
    content: '';  border: 1px solid #e6e6e6; background-size: 100% 100%; box-sizing: border-box; cursor: pointer; text-align: center; vertical-align: middle;  margin-top: -2px;}
.magic_btn{display: none;}
.addre_form label.tit{ display: inline-block; width:140px;}
.addre_form li{ margin-bottom: 30px;}
.addre_form .input_text{ height: 50px; border: 1px solid #E5E5E5; padding: 0 10px; box-sizing: border-box; margin-right: 20px; box-sizing: border-box;}

.addre_form li .user{ width: 100px; }
.addre_form li .tel{ width: 150px;}
.addre_form li .addre{ width: 460px; margin-right:0;}
.addre_form li .kdtext{ width: 120px;}
/*.addre_form span{ display: inline-block; margin-right: 40px;}*/
.addre_form .magic_btn+ label{ margin-right: 10px;} 
.addre_form .subbtn{ width: 220px; height: 40px; background: #F0AC48; line-height: 40px; text-align: center;color: #fff;cursor: pointer;}
.loginpage{ width: 100%; height: 630px; background: url(../img/loginbg.jpg) no-repeat repeat center; background-size: cover; position: relative;}
.login_form{ width: 380px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 20px; box-sizing: border-box;}
.login_form h3{ font-size: 18px; color: #666666; margin-bottom: 40px;}
.login_form .input_text{ width: 100%; height: 40px;border: 1px solid #e6e6e6; padding: 0 10px; box-sizing: border-box;}
.login_form li{ margin-bottom: 20px;}
.login_form li .code_text{ width: 230px;}
.login_form li .z_codebtn{ height:42px; background: #f5f5f6; color:#F0AC48; width: 100px; float: right; cursor: pointer;}
.login_form .subbtn{ width: 100%; height: 40px; background: #F0AC48; color: #fff; cursor: pointer;}
.login_form p{ text-align: right;margin-top: 15px;}
.login_form p a{ color: #c3c3c3; display:inline-block; margin-left: 20px; }
.loginpage2{ background: none;}
.regpage{ background: #fff; margin: 60px auto; position: relative; height: 650px; padding: 30px 0; box-sizing: border-box;}
.regpage .login_form{ position: relative;left: auto;top: auto; transform: translate(0,0); margin: 0 auto; }
.regpage .regtit{ text-align: center; font-size: 30px; position: relative;}
.regpage li{ position: relative;}
.regpage .tsinfo{ position: absolute; color: #999; display: none; left: 350px; top: -3px; width: 100%; background: url(../img/inbg.png) no-repeat center; background-size: 100% 100%;padding:15px 30px; box-sizing: border-box;}
.regtit .ts{ position: absolute; right: 30px; top: 50%; font-size: 14px; transform: translateY(-50%);}
.regtit .ts a{margin: 0; color: #F0AC48;}
.regpage .magic_btn+ label{ border-radius: 0; border-color: #F0AC48;}
.regpage .magic_btn:checked + label{ background: url(../img/checked2.png) no-repeat center;border:1px solid #F0AC48; background-size:100% 100% ;}
.regpage .bz{ margin-top: 20px;}
.regpage .bz a{ color: #b8b8b8;}





@media screen and (max-width: 1200px) {body{ min-width: 1200px;}
}


/*增加*/
.selectcls{min-width: 150px; }
.selectcls1{min-width: 90px; }

.stocktable tr td{ height: auto;}
.stocktable .thumb{width: 80px; height: 80px;}
.searchbtn{border: none;}

.pull-right {  float: right!important}
.pull-left {    float: left!important}
.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px}
.pagination>li {display: inline}
.pagination>li>a,.pagination>li>span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff;border: 1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px
}
.pagination>li:last-child>a,.pagination>li:last-child>span {border-top-right-radius: 4px;border-bottom-right-radius: 4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {z-index: 2;color: #23527c;background-color: #eee;border-color: #ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {z-index: 3;color: #fff;cursor: default;background-color: #337ab7;border-color: #337ab7}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd}
 
.fixed-table-container .stocktable  {border: none !important; width: 100% !important;}
.fixed-table-footer{border-bottom:1px solid #ddd}



.select2-container{ margin-top: 1px;}

.kaipiao{ margin: 0 0 20px 145px; background-color: #f8f8f8; border-radius: 4px; padding: 15px;}
.kaipiao input{width: 200px; border: 1px solid #ddd; background-color: #fff; height: 36px; padding: 0 10px;}
.kaipiao td{ padding: 5px;}


.ordertable .tablebox td{ text-align: left; padding:10px; width: auto; height: auto;}
.ordertable .tablebox td:nth-child(odd){ background-color: #fafafa;}

.numberbox{ width: 100px; margin: 0 10px;  height: 28px;}
.numberbox .btn-minus,.numberbox .btn-plus{ width: 28px; background-color: #eee; font-family: arial; float: left; font-size: 20px; text-align: center; line-height: 28px;}

.numberbox .cartnum{width: 44px; height: 28px; float: left; text-align: center;}



.fixed-table-toolbar .btn-group,.page-list .btn-group{width: 60px; display: inline-block; position: relative; z-index:99999}
.btn-group .dropdown-toggle{width:60px; height: 30px; border: 1px solid #ddd; background: none;}
.btn-group .dropdown-toggle .caret{ border-top: 4px solid #666; border-left: 4px solid transparent; border-right: 4px solid transparent; font-size: 0; vertical-align: middle; margin-left: 5px;}
.btn-group .dropdown-menu{ display: none; background-color: #fff; border: 1px solid #ddd; position: absolute; left: 0; right: 0; top: 28px; text-align: center; font-size: 12px;}
.btn-group li a{ text-align:center;}
.btn-group .dropdown-menu a{ display: block; font-size: 14px; line-height: 28px;}
.btn-group .dropdown-menu a:hover{ background-color: #f8f8f8;}



/*新闻*/
.abox{background-color: #fff; padding:15px 30px;}
.newslist li{ border-bottom: 1px dashed #ddd; padding: 20px 0; overflow: hidden;}	
.newslist li .img{ float: left; margin-right: 15px;}
.newslist li .img img{width: 160px; height: 120px;}
.newslist li .cont{ overflow: hidden;}
.newslist li .tit{font-size: 18px; font-weight: bold;}
.newslist li .date{ margin-top: 5px; color: #999; font-size: 14px;}
.newslist li .desc{ font-size: 14px; margin-top: 10px; color: #666;}


.page-cont { margin-top: 30px; line-height: 1.8;}
.page-cont p{ margin: 15px 0;}
.page-cont img{ max-width: 100%;}
.page-title { margin-top: 40px; text-align: center; font-size:24px; font-weight: bold; }
.page-info { margin-top: 10px; text-align: center; color: #666; font-size: 14px; }
.pagenav {padding: 20px 0 15px; margin-top: 30px; border-top: 1px solid #ddd; line-height: 1.8; }


.userinfo{ overflow: hidden;}
.userinfo .touxiang{ float: left; margin-right: 15px; border: 1px solid #ddd; padding: 10px;}
.userinfo .touxiang img{width: 60px; height: 60px;}
.userinfo .name{ font-size: 24px; color: #F0AC48;}
.userinfo .jibie{ color: #F0AC48;}
.userinfo .zjdl{ color: #337AB7; font-size: 12px;}
.userinfo .ip{ color: #999; font-size: 12px;}

.zhanghu{ margin-top: 20px; background-color: #f8f8f8; padding: 10px;}
.zhanghu .yue{ color:#f00; font-size: 18px;}
.zhanghu .czbtn{display: inline-block; padding: 0 10px; background-color:#F0AC48; border-radius: 3px; height: 28px; line-height: 28px; color: #fff; font-size: 12px;}



.product-imgshow { width: 402px; float: left; margin-top: 20px; }
.product-imgshow .spec-preview { width: 400px; height: 400px; border: 1px solid #ddd; margin: 0 auto; }
.product-imgshow .jqzoom { position: relative; cursor: pointer; }
.product-imgshow .jqzoom img { width: 400px; height: 400px; vertical-align: middle; }
.product-imgshow .jqzoom .name { height: 30px; line-height: 30px; padding: 0 10px; background-color: rgba(0, 0, 0, 0.6); color: #FFF; position: absolute; left: 0; bottom: 0; }
.product-imgshow .zoomdiv { z-index: 100; position: absolute; top: 0px; left: 0px; width: 240px; height: 400px; background: #fff; display: none; text-align: center; overflow: hidden; }
.product-imgshow .zoomdiv img { max-width: none; }
.product-imgshow .jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; background: #3c78d8; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); }

.product-imgshow .spec-scroll { width: 402px; height: 80px; margin: 10px auto 0; }
.product-imgshow .spec-scroll:before, .product-imgshow .spec-scroll:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.product-imgshow .spec-scroll .prev { float: left; }
.product-imgshow .spec-scroll .next { float: right; }
.product-imgshow .spec-scroll .prev, .product-imgshow .spec-scroll .next { width: 24px; height: 80px; line-height: 80px; background-color: #666; cursor: pointer; text-align: center; font-size: 14px; color: #FFF; }
.product-imgshow .spec-scroll .prev:hover, .product-imgshow .spec-scroll .next:hover { background-color: #333; }
.product-imgshow .spec-scroll .items { width: 344px; height: 100%; float: left; margin: 0 4px; position: relative; overflow: hidden; }
.product-imgshow .spec-scroll .items ul { position: absolute; width: 999999px; height: 8px; }
.product-imgshow .spec-scroll .items li { float: left; width: 86px; height: 80px; text-align: center; }
.product-imgshow .spec-scroll .items li img { width: 80px; height: 80px; margin: 0 3px; padding: 3px; box-sizing: border-box;}
.product-imgshow .spec-scroll .items li:hover img, .product-imgshow .spec-scroll .items li.active img { border: 1px solid #000; padding: 2px; }

.product-info{ width: 680px; float: right; margin-top: 20px;}
.product-info .product-name{padding-bottom: 15px; font-size: 18px; font-weight: bold; border-bottom: 1px solid #ccc;}
.product-info .product-canshu {  padding: 10px 0;  border-bottom: 1px solid #ccc;}
.product-info .product-canshu .row{ padding: 10px 0; overflow: hidden;}
.product-info .product-canshu .tit{width: 80px;  color: #999; float: left;}
.product-info .product-canshu .cont{ overflow: hidden;}
.product-info .btnbox{ margin-top: 15px;}
.product-info .btnbox button{ height: 40px; margin-right: 10px; padding: 0 15px; border-radius: 4px; cursor: pointer; font-size: 16px; background-color: #F0AC48; border: none; color: #fff;}
.product-info .btnbox .btn02{ background-color: #333;}

.product-profile{ margin-top: 30px;}
.product-profile .cptit{ font-size: 18px; border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.product-profile .cpcont{ margin-top: 20px; line-height: 1.8; font-size: 14px;}

.product-profile .cpcont img{ max-width: 100%; display:block}

.tags{width: 64px; position: relative; margin: 0 auto; z-index: 2}

.tags  a{ display: inline-block; width: 64px; margin: 0px 0; line-height: 24px; background-color: #999; color: #fff; text-align: center; font-size: 12px;}
.tags .downmenu{display: none;  position: absolute; left: 0px; right: 0; top: -36px; text-align: center; font-size: 0;}
.tags .downmenu a:hover{ transform: scale(1.1);}
.tags .t0{ background-color: #fff; color:#ccc;}
.tags .t1{ background-color: #999;}
.tags .t2{ background-color: #663200;}
.tags .t3{ background-color: #00cd00;}
.tags .t4{ background-color: #f00;}

.tuihuoadr{ padding:10px 15px; background-color: #fffaf2; border: 1px solid #f0ac48; color: #cb7900;}
.tuihuoadr a{ color:#cb7900; text-decoration: underline; font-weight: bold;}

.g_tit{overflow: hidden; border-bottom: 1px solid #F0AC48;}
.g_tit .tit{ background-color:#F0AC48; height: 36px; float: left; padding: 0 15px; color: #fff; font-size: 16px; line-height: 36px;}
.g_tit  .more{ float: right;}
.glist { border: 1px solid #eee; overflow: hidden;}
.glist li{ padding: 0 15px; border-bottom: 1px solid #eee; line-height: 40px; overflow: hidden;}
.glist li .date{ float: right; color: #999;}
.glist li a:hover{ color:#F0AC48;}



/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:220px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode,.suspension .d-qrcode2{text-align:center;}
.suspension .d-qrcode .inner-box,.suspension .d-qrcode2 .inner-box{padding:10px 0;}
.suspension .d-qrcode p,.suspension .d-qrcode2 p{font-size:16px;color:#000; padding:10px 0}

.link{color: #2D86FF}
.noresult{text-align: center; padding: 20px;}