html{-webkit-text-size-adjust:none;  /*解决chrome浏览器下字体不能小于12px*/}
 body{font-size:13px; color:#909090;font-family:"微软雅黑", Arial, Helvetica, sans-serif; background:#f6f7fb}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{ } h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}

.mb-10{ margin-bottom:10px !important}
.mb-20{ margin-bottom:20px !important}
.mb-30{ margin-bottom:30px !important}
.mb-35{ margin-bottom:35px !important}
/**
 +------------------------------------------------------------------------------
 * Public Class
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */ 
.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}
.wrapper{ width:1200px; margin:0 auto;}
a{ color:#909090; font-size:13px; text-decoration:none; }
a:hover{text-decoration:none; color:#018577}
.shadow{filter:progid:DXImageTransform.Microsoft.Shadow(color=#e4ebf1,direction=120,strength=3);/*ie*/
-moz-box-shadow: 2px 2px 20px #e4ebf1;/*firefox*/
-webkit-box-shadow: 2px 2px 20px #e4ebf1;/*safari或chrome*/
box-shadow:0px 0px 20px #e4ebf1;/*opera或ie9*/}

.bgfff{ background:#fff;}
/*头部*/
.toolbar{ height:40px; line-height:40px; background:#f9f9f9; color:#a7a7a7; border-bottom:1px solid #ececec}
.toolbar-right a{color:#a7a7a7; font-size:13px}
.toolbar-right em{ padding:0 5px}
.toolbar-right li.n,.toolbar-right li.x{ float:left;}
.toolbar-right li.n{ padding:0 13px;}
.toolbar-right li a:hover,.toolbar-right li.on a{ color:#018577}

.head_nav{ height:110px;}
.head_nav .logo{ padding-top:15px;}
.head_nav h1{ display:inline-block; vertical-align:middle; margin-right:10px;}
.head_nav span{ display:inline-block; vertical-align:middle; color:#333}
.head_nav span i{ font-style:italic}

.head_nav .search{ margin-right:0px; width:1020px;}
.head_nav .search .nav{ margin-top:20px;}
.head_nav .search .nav li{float:left;padding:10px 5px;margin-right:20px}
.head_nav .search .nav li:hover{border-bottom:2px solid #018577;}
.head_nav .search .bd{ padding-top:40px;}
.head_nav .search .search-keyword{  display:block; padding:10px; padding-left:30px; height:15px;  border:1px solid #018577; width:350px; background:#fff url(../images/ico-01.png) no-repeat 10px center; color:#666;font-family:"微软雅黑"; }
.head_nav .search .btn{ display:block; height:37px; border:none; background:#018577; color:#fff; font-family:"微软雅黑"; cursor:pointer; width:120px;}
.head_nav .search .g-search-hotwords{ width:100%; float:left; padding-top:5px; height:18px;}
.head_nav .search .g-search-hotwords a{float: left; margin-right: 10px; white-space: nowrap; font-size: 12px;}

.head_nav .tel{ padding-top:30px;}
.head_nav .tel i{ display:block; width:48px; height:48px; background:url(../images/ico-02.png) no-repeat center; margin-right:10px;}
.head_nav .tel div.left{ padding-top:5px;}
.head_nav .tel .t1{ font-size:23px; color:#018577; font-family:Arial, Helvetica, sans-serif}
.head_nav .tel .t2{ font-size:11px; color:#a7a7a7}

.menu{ border-bottom:1px solid #0b9371}
.menu li{ float:left; width:200px;line-height:40px; text-align:center;}
.menu li a{ font-size:18px;}
.menu li.in{ width:220px; background:#018577}
.menu li.in a{ color:#fff}

.nav1{ width:220px; background:#fff; position:absolute; height:345px; z-index:3}
.nav1 .hd-1 li{border-bottom: solid #eee 1px; padding: 20px 10px 0; height: 65px; transition: padding-left 0.5s;}
.nav1 .hd-1 li.on{padding-left:30px;}
.nav1 .hd-1 h4{position: relative; height: 28px; line-height: 28px; font-size: 16px; overflow: hidden; margin-bottom:5px;}
.nav1 .hd-1 h4 a{font-size:16px;}
.nav1 .hd-1 h4 i{display: inline-block; width: 27px; height: 27px;margin-right:5px;vertical-align:middle;}
.nav1 .hd-1  .h1 h4 i{ background:url(../images/ico-03.png) no-repeat center}
.nav1 .hd-1  .h2 h4 i{ background:url(../images/ico-04.png) no-repeat center}
.nav1 .hd-1  .h3 h4 i{ background:url(../images/ico-05.png) no-repeat center}
.nav1 .hd-1 li.on h4{ color:#000}
.nav1 .hd-1 .li{ overflow:hidden;}
.nav1 .hd-1 .li a{float: left;margin-right: 10px;font-size: 12px;line-height: 20px; margin-bottom:3px}
.f1left{ position:relative; z-index:9}
.nav1 .subCate{ position:absolute; left:220px; width:750px;     padding: 0 0 20px 20px;top:0px; background:#fff; display:none}
.nav1 .subCate dl{line-height:60px;border-bottom:solid #efefef 1px;width:95%}
.nav1 .subCate dt{float:left;width:80px;}
.nav1 .subCate dl dd a{margin-right:15px;}
.nav1 .subCate .last{border:0;}
.nav1 .subCate .last dt{width:120px;}
.nav1 .subCate .last dt a{border:solid 1px #018577;display:inline-block;color:#018577;padding:0px 10px;height:25px;line-height:25px;margin-top:10px;}
/*底部*/
.footer{ padding:20px 0; background:#fff;}

.qbanner{ position:relative; z-index:0}
.qbanner a{ display:block; height:800px;}

.b-search{ padding:15px;width:605px; border-radius:5px; position:absolute; z-index:2;top:15px; left:50%; margin-left:-340px}
.b-search .search-keyword{ border-radius:3px; display:block; padding:15px 10px; padding-left:30px; height:15px;  border:none; width:445px; font-size:16px; font-family:"微软雅黑"; background:#fff url(../images/ico-01.png) no-repeat 10px center; color:#666; margin-right:10px;}
.b-search .btn{ display:block; font-size:18px; height:45px; border:none; background:#018577; color:#fff; font-family:"微软雅黑"; cursor:pointer; width:110px; border-radius:3px; cursor:pointer;}
.b-search .g-search-hotwords{ width:100%; float:left; padding-top:10px; height:18px;}
.b-search .g-search-hotwords a{float: left; margin-right: 10px; white-space: nowrap; font-size: 12px; height:auto; color:#cad4d1}

.list1{ padding:30px 0;}
.list1 li{ width:20%; text-align:center; float:left; background:url(../images/ico-06.png) no-repeat  right 30px}
.list1 li.last{ background:none}
.list1 li i{ display:inline-block; width:60px; height:60px; margin-bottom:15px;}
.list1 li p{ display:block; color:#018577; font-size:16px;} 
.list1 li.l1 i{ background:url(../images/a1.png) no-repeat center;}
.list1 li.l2 i{ background:url(../images/a2.png) no-repeat center;}
.list1 li.l3 i{ background:url(../images/a3.png) no-repeat center;}
.list1 li.l4 i{ background:url(../images/a4.png) no-repeat center;}
.list1 li.l5 i{ background:url(../images/a5.png) no-repeat center;}

.main{ padding-top:30px;}
.list2{ border:1px solid #f1f2f6; background:#fff; min-height:636px; margin-bottom:35px;}
.list2 .hd-tab{ height:53px; line-height:53px; border-bottom:1px solid #018577;overflow:hidden; }
.list2 .hd-tab ul{ width:1205px;}
.list2 .hd-tab li{font-size:18px; float:left; text-align:center; width:171px; border-right:1px solid #f1f2f6; cursor:pointer;}
.list2 .hd-tab li.on{ background:#018577; color:#fff;}

.list3 .bd ul li{float: left;width: 20%;text-align: center;margin-bottom: 20px;position: relative;line-height: 30px;}
.list3 .bd ul li .goods_img{width: 210px;height: 210px;display: table-cell;vertical-align: middle;}
.list3 .bd ul li .goods_img img{width: 160px;height: 160px;}
.list3 .bd ul li .goods_name{margin:0 auto;line-height: 25px;text-align: center;overflow: hidden;font-size: 14px;color: #444;width: 210px;}
.list3 .bd ul li .goods_price{color: #999;font-size: 12px;line-height: 25px;margin-top: 10px;}
.list3 .bd ul li .xs a .color{color: #fc6232;}
.largepic-hot{width: 50px;height: 44px;background: #f58b19;background: rgba(255,132,0,0.85);position: absolute;z-index: 4;float: left;display: inline;top: 20px;right: 20px;border-radius: 50%;color: #fff;font-size: 14px;line-height: 18px;padding-top: 6px;}
.list3 .hd{height:56px;background:#f3f4f5}
.list3 .hd li{width: 132px;height: 56px;display: table;text-align: center;float:left;}
.list3 .hd li.on{background: #fff;}
.list3 .hd ul{height:100%;width:100%;}
.list3 .hd li span{font-size:12px;display: table-cell;vertical-align: middle;cursor: pointer;}
.list3 .hd li span i{font-style: normal;font-size:14px;color:#333}
.list3 .hd li.on span i{color: #fc6232;}
.icon-acer, .icon-apple, .icon-htc, .icon-huawei, .icon-lenovo, .icon-mi, .icon-microsoft, .icon-nokia, .icon-oppo, .icon-samsung, .icon-thinkpad, .icon-vivo{margin-left: 4px;display: inline-block;content: '';}
.icon-apple{width: 27px;height: 27px;background: url(../images/icon_index.png) -10px -3px;}
.on .icon-apple{width: 27px;background: url(../images/icon_index.png) -10px -50px;}
.icon-samsung{width: 70px;height: 27px;background: url(../images/icon_index.png) -66px -3px;}
.on .icon-samsung{width: 70px;background: url(../images/icon_index.png) -61px -51px;}
.icon-mi{width: 27px;height: 27px;background: url(../images/icon_index.png) -165px -3px;margin-top: 5px;}
.on .icon-mi{width: 27px;background: url(../images/icon_index.png) -165px -51px;}
.icon-huawei{width: 40px;height: 25px;background: url(../images/icon_index.png) -366px -3px;}
.on .icon-huawei{content: '';width: 40px;height: 25px;margin-left: 4px;background: url(../images/icon_index.png) -364px -46px;display: inline-block;}
.icon-meizu{content: '';width: 70px;height: 18px;margin-left: 4px;background: url(../images/icon_index.png) -420px -8px;display: inline-block;}
.on .icon-meizu{content: '';width: 70px;height: 18px;margin-left: 4px;background: url(../images/icon_index.png) -418px -56px;display: inline-block;}
.icon-oppo{width: 75px;height: 12px;background: url(../images/icon_index.png) -6px -123px;margin-top: 5px;}
.on .icon-oppo{content: '';width: 75px;height: 12px;margin-left: 4px;background: url(../images/icon_index.png) -6px -166px;display: inline-block;}
.icon-vivo{width: 63px;height: 17px;background: url(../images/icon_index.png) -106px -117px;}
.on .icon-vivo{content: '';width: 63px;height: 17px;margin-left: 4px;background: url(../images/icon_index.png) -106px -160px;display: inline-block;}
.icon-more{width:26px;height:6px;background:url(../images/ico-more.png) no-repeat center;display:inline-block}
.icon-thinkpad{width: 71px;height: 26px;background: url(../images/icon_index.png) -197px -114px;}
.on .icon-thinkpad{content: '';width: 71px;height: 26px;margin-left: 4px;background: url(../images/icon_index.png) -197px -157px;display: inline-block;}
.icon-asus{content: '';display: inline-block;width: 58px;height: 12px;background: url(../images/icon_brand.png) -79px -66px;}
.on .icon-asus{content: '';display: inline-block;width: 58px;height: 12px;background: url(../images/icon_brand.png) -79px -18px;}
.icon-lenovo{width: 94px;height: 14px;background: url(../images/icon_index.png) -6px -215px;}
.on .icon-lenovo{content: '';width: 94px;height: 14px;margin-left: 4px;background: url(../images/icon_index.png) -6px -258px;display: inline-block;}
.icon-acer{width: 63px;height: 17px;background: url(../images/icon_index.png) -425px -119px;}
.on .icon-acer{content: '';width: 63px;height: 17px;margin-left: 4px;background: url(../images/icon_index.png) -425px -162px;display: inline-block;}
.icon-dell{content: '';display: inline-block;width: 50px;height: 16px;background: url(../images/icon_brand.png) -250px -64px;}
.on .icon-dell{content: '';display: inline-block;width: 50px;height: 16px;background: url(../images/icon_brand.png) -250px -16px;}
.icon-hasee{content: '';display: inline-block;width: 66px;height: 13px;background: url(../images/icon_brand.png) -204px -233px;}
.on .icon-hasee{content: '';display: inline-block;width: 66px;height: 13px;background: url(../images/icon_brand.png) -204px -199px;}
.icon-hp{content: '';display: inline-block;width: 32px;height: 33px;background: url(../images/icon_brand.png) -18px -56px;}
.on .icon-hp{content: '';display: inline-block;width: 32px;height: 33px;background: url(../images/icon_brand.png) -18px -8px;}
.icon-microsoft{width: 101px;height: 22px;background: url(../images/icon_index.png) -295px -116px;}
.on .icon-microsoft{content: '';width: 101px;height: 22px;margin-left: 4px;background: url(../images/icon_index.png) -295px -159px;display: inline-block;}
.icon-nokia{width: 70px;height: 16px;background: url(../images/icon_index.png) -277px -8px;}
.on .icon-nokia{content: '';width: 70px;height: 16px;margin-left: 4px;background: url(../images/icon_index.png) -277px -56px;display: inline-block;}


.plo{ height:55px; overflow:hidden; border-left:10px solid #018577; padding-left:10px; margin-bottom:35px;}
.plo h3{ font-size:30px; color:#018577}
.plo h3 p{ font-size:12px; color:#8a8a8a}
.plo span{ display:block; padding-left:10px; font-size:16px; color:#8a8a8a; padding-top:30px;}

.list4{ margin-bottom:30px;}
.list4 li{ float:left; background:#fff; width:385px; height:465px; border:1px solid #e4e4e4; margin-right:18px;}
.list4 li.last{ margin-right:0}
.list4 li .img{ padding-left:104px; padding-top:42px;}
.list4 li h3{ font-size:24px; text-align:center; color:#333; margin-top:-10px; margin-bottom:25px;}
.list4 li p{ font-size:14px; line-height:28px; padding:0 20px;}

.list5{ background:#fff; padding-top:60px; border:1px solid #e4e4e4; padding-bottom:35px; margin-bottom:30px;}
.list5 .plo{ margin-bottom:50px;}
.list5 .bd{ margin-bottom:70px;}
.list5 li{ width:20%; text-align:center; float:left; background:url(../images/ico-08.png) no-repeat  right 40px}
.list5 li.last{ background:none}
.list5 li i{ display:inline-block; width:101px; height:101px; margin-bottom:30px;}
.list5 li p{ display:block; color:#727272; font-size:18px;} 
.list5 li.l1 i{ background:url(../images/b1.png) no-repeat center;}
.list5 li.l2 i{ background:url(../images/b2.png) no-repeat center;}
.list5 li.l3 i{ background:url(../images/b3.png) no-repeat center;}
.list5 li.l4 i{ background:url(../images/b4.png) no-repeat center;}
.list5 li.l5 i{ background:url(../images/b5.png) no-repeat center;}

.list5 .txt{ text-align:center; font-size:14px; line-height:24px;}
.list5 .txt .p1 a{ color:#018577}
.list5 .txt .p3 { text-align:center; padding-top:24px;}
.list5 .txt .p3 a{ display:inline-block; width:300px; height:56px; line-height:56px; color:#ffffff; font-size:26px; background:#018577}


.list6{ background:#fff; padding-top:60px; border:1px solid #e4e4e4; padding-bottom:15px; margin-bottom:30px;}
.list6 .plo{ margin-bottom:50px;}
.list6 .bd{ padding:0 30px;}

.list7{ width:300px; margin-right:90px;}
.list7 .hd-2{ height:30px;border-bottom:1px solid #727272;}
.list7 .hd-2 h3{ font-size:18px; }
.list7 .hd-2 .more{ display:block; line-height:30px;}
.list7 .bd-2{ padding-top:10px;}
.list7 .bd-2 li a{ font-size:13px;}
.list7 .bd-2 li{ line-height:36px; background:url(../images/d.gif) no-repeat center left; padding-left:15px;}

.list8 li{ margin-bottom:5px;}

.footip{ height:126px; background:#757575}
.footip li{ width:25%; float:left; padding-top:35px;}
.footip li span{ display:inline-block; vertical-align:middle;}
.footip li .img{ margin-right:10px;}
.footip li h3{ font-size:22px; color:#ffffff}
.footip li p{ font-size:15px; color:#d1d1d1}

.footer dl{ width:170px; margin-right:50px;}
.footer dl dt{ height:25px; line-height:25px; color:#018577; font-size:16px; margin-bottom:5px;}
.footer dl dd{ height:50px; line-height:50px; border-top:1px solid #e6e6e6; background:url(../images/dd.gif) no-repeat 5px center; padding-left:20px;}
.footer dl dt i{ display:inline-block; width:24px; height:24px; margin-right:5px; vertical-align:middle; position:relative;top:-3px}
.footer dl dt .e1{ background:url(../images/e1.png) no-repeat center;}
.footer dl dt .e2{ background:url(../images/e2.png) no-repeat center;}
.footer dl dt .e3{ background:url(../images/e3.png) no-repeat center;}

.ewmbox{ margin-left:-30px; text-align:center; height:178px; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding:15px 40px;}

.callbox{ padding-left:20px; width:290px;}
.callbox .img{ display:inline-block; width:50px; height:50px; background:url(../images/ico-07.png) no-repeat center; vertical-align:middle; margin-right:5px;}
.callbox .txt{ display:inline-block; vertical-align:middle;}
.callbox .txt h6{ font-size:18px; color:#018577}
.callbox .l2{ font-size:36px; color:#018577; border-bottom:1px solid #adadad}
.callbox .l3{ line-height:24px; padding-top:15px;}

.banquan{ padding:15px 0; text-align:center; line-height:24px; font-size:12px;}
.banquan .img { padding-bottom:10px; }
.banquan .img span{ margin:0 5px;}


.pmain{margin-bottom:30px;}
.guide li{height: 54px; line-height: 54px;display:inline-block; vertical-align:middle; margin-right:10px;}
.guide li.fg{font-family:"宋体"}
.container .left-nav{width: 210px;float:left; margin-right: 10px; vertical-align: top;}
.container #cat_list{border: 1px solid #f2f2f2;background:#fff;}
.container #cat_list .all_cat{padding: 10px 15px; border-bottom: solid 1px #f2f2f2; cursor: pointer; background-color: #fafafa;}
.container #cat_list .all_cat a{color: #333; font-size: 16px; font-weight: 700;}
.container #cat_list ul li{height: 38px; line-height: 38px; padding: 0 19px; border-bottom: solid 1px #eaeaea; position: relative; overflow: hidden;} .container #cat_list ul li.selected{height: auto;}
.container #cat_list ul li h2{font-weight: 400;}
.container #cat_list ul li a{display: inline-block; width: 100%; height: 100%; color: #333; font-size: 14px;}
.container #cat_list ul li.selected .category-link,.container #cat_list ul li a:hover{color:#018577}
.container #cat_list ul li .sub-category-link{color: #757575; display: inline-block; width: auto; margin-right: 20px;}
.container #cat_list ul li .sub-category-link.selected{color:#018577}
.container #cat_list ul li .arrow{position: absolute; right: 15px; top: 16px; display: inline-block; width: 9px; height: 5px; background: url(../images/icon-jiadian.png) -37px -64px no-repeat; vertical-align: middle; margin-right: 10px;}
.container #cat_list ul li.selected .arrow{background:url(../images/icon-jiadian.png) -56px -63px no-repeat;}
.conright{width:968px; background:#fff; padding-bottom:30px;}


.result-top{border: 1px solid #f2f2f2; margin-bottom: 10px;}
.result-top .brands{font-size: 0; position: relative;}
.result-top .sub-title{float:left; margin: 30px 20px 0; font-size: 14px; color: #b0b0b0;}
.result-top .brands .brands-list{margin: 29px 0;float:left; width: 780px;height:170px; overflow:hidden;padding:2px 0;}
.result-top .brands .brands-list.active{height:auto;}
.result-top .brands .brands-list li{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #eaeaea; width: 112px; height: auto; margin: -1px -1px 0 0; position: relative; float: left;}
.result-top .brands .brands-list li.selected,.result-top .brands .brands-list li:hover{border-color: #018577; z-index: 5;}
.result-top .brands .brands-list li a img{display: block; height: 85px; margin: 0 auto;}
.hot-prods{position: relative; border-top: 1px dashed #f2f2f2;}
.hot-prods .sub-title{float:left; margin: 30px 20px 0; font-size: 14px; color: #b0b0b0;} .hot-prods .hot-prods-list{float:left; width: 780px; margin-top: 30px; height: 50px; overflow: hidden; margin-bottom: 40px;}
.hot-prods .hot-prods-list.active{height:auto;}
.hot-prods .hot-prods-list li{display: inline-block; width: 170px; margin-right: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 25px;} .hot-prods .hot-prods-list li a{font-size: 14px;}
.opt{position: absolute; top: 29px; right: 35px; color: #b0b0b0; cursor: pointer; font-size: 14px; font-weight: 400;}
.opt .more{color: #b0b0b0; cursor: pointer; font-size: 14px; font-weight: 400;}
.opt .collapse{display: none;}
.opt .after{background: url(../images/icon-jiadian.png) -37px -64px no-repeat; display: inline-block; width: 9px; height: 5px; position: absolute; top: 5px; right: -15px;}
.opt.active .after{background: url(../images/icon-jiadian.png) -37px -75px no-repeat; display: inline-block; width: 9px; height: 5px;}
.opt.active .collapse{display:block;}
.opt.active .more{display:none}

.products ul{width:1240px;}
.products{overflow:hidden}
.products li{margin: 25px 20px 6px 0px; display: inline-block; width: 144px; vertical-align: top;}
.products li a img{width: 142px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #fefefe;}
.products li a .name{margin: 16px auto 0; text-align: center; color: #666; overflow: hidden; height: 29px; text-overflow: ellipsis; max-width: 150px; white-space: nowrap;}
/*页码*/
.pager{font-size: 0; text-align: right; margin-top: 15px;padding:20px;}
.pager>a,.pager>div{display: inline-block; width: 38px; height: 38px; border: 1px solid #f2f2f2; color: #999; background-color: #fff; line-height: 40px; text-align: center; font-size: 14px; margin-left: 5px; cursor: pointer; vertical-align: middle;}
.pager>a:hover{border:1px solid #018577}
.pager>div.active{background-color: #018577; color: #fff; border-color: #f2f2f2;}


.mainbox{background:#fff; border:1px solid #f2f2f2;}
.order_table_title{height: 50px; line-height: 50px; border: 1px solid #e5e6e6; background: #fafafa; font-size: 16px; color: #6f6e6e;}
.cart{padding:10px}
.cart h3{font-size:16px; line-height:80px; height:80px;}
.order_table_title .name{width: 214px; text-align: center; float: left;}
.order_table_title .explain{width: 730px; text-align: center; float: left; border: 1px solid #e5e6e6; border-top: 0; border-bottom: 0;}
.order_table_title .price{width: 230px; text-align: center; float: left;}
.order_table_con{border: 1px solid #e5e6e6; border-top: 0; border-bottom: 1px solid #e5e6e6; overflow: auto; font-size: 14px;}
.order_table_con .name{width: 214px; float: left; padding: 20px 0;}
.order_table_con .name img{height: 120px; display: inline; float: left; margin: 0 0 0 20px;}
.order_table_con .name div{margin: 30px 0 0 10px; line-height: 1.5;}
.order_table_con .explain{width: 690px;min-height:130px; float: left; padding: 20px; border: 1px solid #e5e6e6; border-top: 0; border-bottom: 0; line-height: 1.5;}
.order_table_con .explain em{height:30px; line-height:30px; margin-bottom:10px; margin-right:10px; border:1px solid #e5e5e5; display:inline-block; padding:0 20px; border-radius:30px;}
.order_table_con .price{width: 228px; text-align: center; float: left; padding: 20px 0 0;}
.order_table_con .price{color:#018577; font-size:40px;}
.order_table_con .price span em{font-size: 60px; color:#018577;}
.order_table_con .price p{text-align:center;}
.order_table_con .price p a{display:inline-block; width:86px; height:24px; line-height:24px; text-align:center; border:1px solid #e5e5e5}
.gnext{padding:30px; text-align:right}
.gnext a{display:inline-block; width:200px; height:50px; background:#018577; text-align:center; line-height:50px; color:#fff; font-size:18px;}

.formbox{padding:140px 0;}
.formbox .box{width:870px; margin:0 auto;}
.component-tabset{width:440px; height:270px; border-right:1px solid #e5e5e5}
.component-tabset .hd{width: 320px; margin: 0 auto; text-align: left; position: relative;}
.component-tabset .hd li{position: absolute; right: 0; top: 0; color: #8e8e8e; font-size: 12px; height: 20px; line-height: 20px;cursor:pointer;}
.component-tabset .hd li.on{cursor: default; position: static; left: 0; top: 0; color: #333; font-size: 20px; display: inline-block;}
.component-form{width: 320px; margin: 0 auto; margin-top: 30px;}
.component-form li{margin-top:20px; position:relative;}
.component-form li input{font-size: 16px; box-sizing: border-box; width: 320px; height: 40px; line-height: 40px; border: 1px solid #e5e5e5; outline: 0; color: #333; padding: 0 0 0 10px; font-family:"微软雅黑"; padding-left: 35px;}
.component-form li .captcha-group{width: 200px; vertical-align: middle;}
.component-form li .btn-get-smscode{display: inline-block; box-sizing: border-box; background: #e5e5e5; border: 1px solid #e5e5e5; height: 40px; line-height: 40px; width: 110px; margin-left: 10px; vertical-align: middle; cursor: pointer; text-align: center; color: #757575; font-size: 14px;}
.component-form li.sms-mobile i{height: 19px; position: absolute; left: 11px; content: ''; display: inline-block; background: url(../images/login-icon.png) -97px -62px no-repeat; width: 14px; top: 11px;}
.component-form li.sms-captchai{height: 19px; position: absolute; left: 11px; content: ''; display: inline-block; background: url(../images/login-icon.png) -69px -61px no-repeat; width: 15px; top: 10px;}
.submit-group{margin: 30px auto 0; width: 320px;}
.submit-group .btn-submit{font-size: 15px; color: #fff; width: 320px; text-align: center; line-height: 40px; background: #018577; cursor: pointer; display: inline-block; border-radius: 2px;}
.dltis{font-size:12px; margin-top:5px;}
.keep-login-wrap{width:320px; margin:0 auto; margin-top:5px;}
.keep-login-wrap input{vertical-align:middle; margin-right:5px;}
.section-logintab{padding-left:60px; width:320px;}
.section-logintab .l1{font-size: 20px;}
.section-logintab .l2{margin-top:10px; text-align: left; font-size: 14px; color: #8e8e8e;}
.section-logintab .l3{margin-top:20px;}
.section-logintab .l3 a{font-size: 15px; color: #fff; width: 320px; text-align: center; line-height: 40px; background: #018577; cursor: pointer; display: inline-block; border-radius: 2px;}
.list9{padding:10px 140px;}
.list9 h2{line-height:85px; color: #333; font-size: 20px; font-weight: 400;}
.list9 .hd{height:100px; border-bottom:1px solid #e5e5e5}
.list9 .hd li{width:180px; height:70px; line-height:70px; text-align:center; font-size:14px; float:left; margin-right:20px; border:1px solid #e5e5e5; cursor:pointer}
.list9 .hd li.on{background:#018577; color:#fff}
.pickup-ondoor-only h3{line-height:85px; color: #333; font-size: 20px; font-weight: 400;}
.pickup-ondoor-only li{margin-top:20px;}
.pickup-ondoor-only .tt{width: 120px; color: #333; line-height: 38px; font-size: 16px;}
.pickup-ondoor-only .item-wrap input{float: left; width: 100%; height: 38px; padding: 0; margin: -1px; border: 1px solid #e0e0e0; color: #999; line-height: 38px; font-size: 14px; text-indent: 1em; cursor: text;}
.pickup-ondoor-only .item-wrap .w1{width:214px;}
.pickup-ondoor-only .lap{margin-left:20px}
.pickup-ondoor-only .lap p{clear: both; padding-top: 10px; background: #fff; color: #999; font-size: 14px; text-align: left; white-space: nowrap;}
.list10 .tab-hd span{display:inline-block; width:210px; margin-right:20px; height: 38px; border: 1px solid #e0e0e0; line-height: 38px; font-size: 14px; text-align: center; cursor: pointer;}
.list10 .tab-hd span.on{border-color: #018577; color: #018577;}
.list10 .tab-bd{padding-top:20px;}
.list10 .tab-bd .selectbox{border: 1px solid #e0e0e0; height:38px; width:212px; margin-right:20px;}
.list10 .tab-bd .selectbox select{width:100%; border:none; margin-top:10px;}
.list10 .tab-bd .l2{margin-right:20px;}
.list10 .tab-bd .l3 p{color: #fc6232;}
.pickup-ondoor-only .item-wrap .l3 input{ float:none}
.list10 .tab-bd .l3 p i{position: relative; top: -1px; display: inline-block; background: #fff; color: #fc6232; width: 13px; height: 13px; border-radius: 50%; line-height: 15px; border: 1px solid #fc6232; text-align: center; font-size: 12px; margin-right: 3px;}
.list9 .bd{border-bottom:1px solid #e5e5e5; padding-bottom:40px;}
.cart-list h2{height:85px;line-height:105px; color: #333; font-size: 20px; font-weight: 400; border-bottom:1px solid #e5e5e5}
.bbmc{padding-top:20px;}
.bbmc p{margin-bottom:25px;}
.money-wrap{padding-top:20px; text-align:right;}
.money-wrap .p1{margin-bottom:30px;}
.money-wrap .p2{color:#018577; margin-bottom:60px;}
.money-wrap .p3 span{color:#018577; font-size:30px; margin-left:100px;}
.cart-list{padding-top:30px; border-bottom:1px solid #e5e5e5; margin-bottom:30px;}
.list13{text-align:right; padding-bottom:60px;}
.list13 p{padding: 0px 0 10px; font-size: 14px;}
.list13 .submit{display: inline-block; width: 190px; height: 42px; line-height: 42px; font-size: 16px; text-align: center; background: #fc6232; color: #fff; cursor: pointer;}
.ip01{position:relative; margin-bottom:10px;}
.pickup-ondoor-only .item-wrap .ip01 input{padding-left:20px; width:430px;float:none;}
.ip01 i{width: 17px; height: 23px; background: url(../images/icons.png) 0 -3px no-repeat; display: inline-block; position: absolute; left: 10px; top: 8px; z-index: 11;}
.ip02{position:relative;}
.pickup-ondoor-only .item-wrap .ip02 input{padding-left:20px; width:430px;float:none;}
.ip02 i{width: 18px; height: 20px; background: url(../images/icons.png) -29px -5px no-repeat; display: inline-block; position: absolute; left: 10px; top: 10px; z-index: 11;}
.item-wrap2 .selectbox{border: 1px solid #e0e0e0; height:38px; width:212px; margin-right:20px;}
.item-wrap2 .selectbox select{width:100%; border:none; margin-top:10px;}
.wz1{line-height:40px; color:#888}

.list18{ background:#f9fef6; height:166px; border-bottom:1px solid #e5e5e5; padding-top:60px; padding-left:140px;}
.list18 ul{ padding-left:70px; background:url(../images/ico-09.png) no-repeat left top;}
.list18 .l1{ font-size:26px; color:#43a623; margin-bottom:25px;}
.list18 .l2{ font-size:16px; }

.list19{padding-left:140px; padding-top:35px; margin-bottom:50px;}
.list19 li{margin-top:5px; font-size:14px;}
.list19 li span{margin-right:10px;}
.list19 .price{color: #e13436;}
.list19 .last a{border: 1px solid #e5e5e5; background: #fff;margin: 5px 0; cursor: pointer; text-align: center; display: inline-block; box-sizing: border-box; margin-right:10px; width: 90px; height: 28px; line-height: 28px; color: #999;}
.list19 .last{margin-top:25px;}
.list19 .last a:hover{background:#e5e5e5}


.list20{padding:0 140px;}
.next-desc{padding-top:50px;height:100px; border-top: 1px solid #e1e1e1; position: relative;}
.next-desc h3{padding: 0 15px; background-color: #fff; position: absolute; top: -14px; left: 30px; height: 28px; color: #666; line-height: 28px; font-size: 20px;}
.next-desc ol li{float: left; color: #666;}
.next-desc ol li span{float: left; width: 90px; height: 28px; margin: 0 10px; vertical-align: middle; font-size: 14px;}
.next-desc ol li .text{width: auto; margin-left: 0; height: 28px; display: block;}
.next-desc ol li span.step1-img{width: 28px; margin-left: 0; background: url(../images/success_icons.png) -86px -25px no-repeat;}
.next-desc ol li span.step2-img{background: url(../images/success_icons.png) -252px -25px no-repeat;}
.next-desc ol li span.step3-img{background: url(../images/success_icons.png) -451px -25px no-repeat;}
.next-desc ol li span.step4-img{background: url(../images/success_icons.png) -651px -25px no-repeat;}
.list21{padding:0 140px; padding-bottom:100px; line-height:24px;}


/*2016.12.25*/
.news-nav{ width:184px;}
.list22{ border:1px solid #cacaca; background:#fff; margin-bottom:15px;}
.list22 .hd{ background:#f5f5f5; height:54px; line-height:54px; border-bottom:1px solid #cacaca}
.list22 .hd h3{ font-size:15px; color:#018577; padding-left:15px;}
.list22 .hd h3 i{ width:5px; height:5px; display:inline-block; vertical-align:middle; margin-right:10px; background:#018577}
.list22 .bd li a{ display:block; height:50px; line-height:50px; padding-left:30px; border-top:1px solid #cacaca}
.list22 .bd li a:hover,.list22 .bd li.on a{ background:#018577; color:#fff;}

.news-conn{ width:976px; background:#fff; border:1px solid #cacaca; padding:0 10px;}
.list23 .hd{ border-bottom:1px solid #cacaca; height:55px; padding-left:18px;}
.list23 .bd li{ padding:18px; padding-top:30px; border-bottom:1px solid #e4e4e4}
.list23 .hd h3{ font-size:16px; line-height:55px; color:#018577}
.list23 .bd .text{ color:#929292; font-size:12px; line-height:24px;}
.list23 .bd .title{ margin-bottom:10px;}
.list23 .bd .title a{ font-size:15px; color:#606061}
.list23 .bd .title a:hover{ font-size:15px; color:#333}
.list23 .bd .title span{ color:#929292;}

/*页码2*/
.pager_2{font-size: 0; text-align:center; margin-bottom: 30px;padding:25px;}
.pager_2>a,.pager_2>div{display: inline-block; padding:0 10px; height: 28px; border: 1px solid #cccccc; color: #999; background-color: #fff; line-height: 28px; text-align: center; font-size: 14px; margin-left: 5px;  vertical-align: middle;}
.pager_2>a:hover{border:1px solid #6cd3cb; color:#6cd3cb}
.pager_2>.page.active{border:1px solid #6cd3cb; color:#6cd3cb}

.list24 .hd{ border-bottom:1px solid #cacaca; height:55px; padding-left:18px;}
.list24 .hd h3{ font-size:16px; line-height:55px; color:#018577 }
.list24 .bd{ padding:30px 15px;}
.list24 .bd .title{ margin-bottom:28px;}
.list24 .bd .title h1{ font-size:16px; color:#666}
.list24 .bd .text{ line-height:24px;}

.page-conn{ width:998px;}
.pag-next{ padding:20px 10px; }
.pag-next a{ font-size:14px;}

/*2016.12.27添加*/
.list25 .hd{ border-bottom:1px solid #cacaca; height:55px; padding-left:18px; margin-bottom:20px;}
.list25 .hd h3{ font-size:16px; line-height:55px; color:#018577}
.list25 .bd  li{ border:1px solid #cdcdcd; margin-bottom:13px;}
.list25 .bd .li1{ height:80px; border-bottom:1px solid #e4e4e4; padding:0 12px;}
.list25 .bd .li1 .p1{ font-size:16px; line-height:40px;}
.zt1{ color:#ffba00}
.zt2{ color:#ff0000}
.zt3{ color:#7d7d7d}
.zt4{ color:#018577}
.list25 .bd .li1 .p2{ font-size:14px;}
.list25 .bd .li1 .p2 .sp2 em{ font-size:20px;}
.list25 .bd .li2{ height:85px; padding:10px 20px; position:relative;}
.list25 .bd .li2 .img img{ width:85px; height:85px;}
.list25 .bd .li2 .img span{ display:inline-block; vertical-align:middle; margin-right:20px;}
.list25 .bd .li2 .edit{ display:block; position:absolute; z-index:2; right:20px;top:34px;}
.list25 .bd .li2 .edit span{ display:block; width:105px; text-align:center; height:35px; line-height:35px; border:1px solid #ccc; margin-left:10px; float:left}
.list25 .bd .li2 .edit a{ display:block; font-size:14px;}
.list25 .bd .li2 .edit a:hover{ background:#018577; color:#fff}

.list26 .hd{ border-bottom:1px solid #cacaca; height:55px; padding-left:18px; margin-bottom:20px;}
.list26 .hd h3{ font-size:16px; line-height:55px; color:#018577}
.gw-bz{   padding-top:40px; padding-bottom:25px;   margin:0 auto; width:706px;}
.gw-bz  li{ float:left; padding-top:25px; background:url(../images/ico-bz.png) no-repeat; text-align:center; font-size:12px; position:relative}
.gw-bz li.on{background:url(../images/ico-bzon.png) no-repeat; color:#018577 }
.gw-bz li.li1{ width:85px; background-position:0 0; text-align:left}
.gw-bz li.li1 span{ position:relative; left:-15px}
.gw-bz li.li2{ width:180px; background-position: -85px 0}
.gw-bz li.li3{ width:165px; background-position: -265px 0}
.gw-bz li.li4{ width:185px; background-position: -430px 0; }
.gw-bz li.li5{ width:91px; background-position: -616px 0; text-align:right}
.gw-bz li.li5 span{ position:relative; right:-15px}
.list26 .li{ border:1px solid #d6d6d6; margin-bottom:20px;}
.list26 .li .p1{ padding:0 15px; height:35px; line-height:35px; background:#f8f8f8; font-size:14px; border-bottom:1px solid #e3e3e3}
.list26 .li .p2{ padding:5px 15px; font-size:12px; line-height:28px; border-bottom:1px solid #e3e3e3 }
.list26 .li .p3{ padding:15px 15px;}
.list26 .li .p3 span{ display:inline-block; vertical-align:middle; margin-right:15px;}
.list26 .li .p3 .in-txt{ padding:5px 3px; border:1px solid #d3d3d3; width:110px;}
.list26 .li .p3 select{padding:5px 3px; border:1px solid #d3d3d3;}
.list26 .li .p3 .in-btn{ height:26px; border:none; background:#e23f41; border-radius:3px; cursor:pointer; color:#fff; width:60px;}
.list26 .li .p3 .in-btn:hover{ opacity:0.9}
.list26 .price{ font-size:16px; color:#018577}
.list26 .li.li2{ margin-bottom:80px;}

/*2017.3.8css添加*/
.banner-x{ position:relative; z-index:1;}
.banner-x .hd{ text-align:right; position:absolute; width:1200px; bottom:10px; left:50%; margin-left:-600px; z-index:2;}
.banner-x .hd li{ display:inline-block; width:10px; height:10px; background:#e6e6e6; cursor:pointer; margin:0 5px; border-radius:10px; border:1px solid #666}
.banner-x .hd li.on{ background:#018577}
 
.link-x{ padding-top:20px; padding-bottom:10px; margin-top:10px; border-top:1px solid #e6e6e6}
.link-x h3{ float:left;}
.link-x a{ float:left; display:block; margin-right:15px; margin-bottom:10px;}

.box-x{ width:1100px; margin:0 auto; padding-top:25px;}
.box-x-1{ height:400px; background:#00c581 url(../images/box-x-1.png) no-repeat right bottom; padding:0 33px; padding-top:75px; font-size:16px; color:#ffe34b}
.box-x-1 ul{ width:760px}
.box-x-1 h3{ color:#fff; font-size:30px; margin-bottom:30px;}
.box-x-1 p{ line-height:32px;}
.box-x-1 h4{ display:inline-block; font-size:18px; background:#008054; height:40px; line-height:40px; border-radius:40px; padding:0 20px; margin-bottom:15px;}
.box-x-1 span{ display:inline-block; color:#008054; font-size:16px; background:#ffff00; height:30px; line-height:30px; padding:0 10px; }

.box-x-2{ height:557px; background:#fff; padding-top:20px; }
.box-x-2 .hd{ height:53px; border-left:12px solid #018577; padding-left:20px; margin-bottom:35px;}
.box-x-2 .hd h3{ font-size:30px; color:#018577}
.box-x-2 .hd h3 p{ font-size:12px; color:#8a8a8a}
.box-x-2 .hd h4{ font-size:16px; padding-left:10px; line-height:85px}
.box-x-2 .bd{ border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4}
.box-x-2 .bd li{ width:33.33%; float:left; border-left:1px solid #e4e4e4; margin-left:-1px; padding-top:40px; height:420px;}
.box-x-2 .bd li .libox .img{ padding-left:100px }
.box-x-2 .bd li .libox h3{ width:310px; margin:0 auto; font-size:24px; margin-top:-20px; text-align:center; color:#000; margin-bottom:29px;}
.box-x-2 .bd li .libox p{width:310px; margin:0 auto; font-size:14px; line-height:28px; display:block}

.box-x-3{ padding-top:68px; padding-bottom:42px; background:#6b9ac9; padding-left:65px; padding-right:35px; margin-bottom:25px; color:#fff;}
.box-x-3 ul{ width:445px; font-size:20px;}
.box-x-3 ul li{ }
.box-x-3 ul li.li1{ padding-left:35px;margin-bottom:35px;}
.box-x-3 ul li.li2{margin-bottom:35px;}
.box-x-3 .textbox{ width:465px; height:290px; background:#a6c2df; font-size:13px; line-height:22px; padding:0 20px; padding-top:60px; position:relative;}
.box-x-3 .textbox i{ display:block; position:absolute; z-index:2;top:-5px; left:-5px;}

.b-search .hd{ font-size:36px; color:#fff; position:absolute; z-index:2;top:-70px; left:0; right:0; text-align:center;text-shadow: #666 0 3px 0;}