/* ====首页====== */
body{ background-color:#fff;}
.indexPage{ margin-right: 34px;}
/** header **/
.header{ position:relative; z-index:10;}
.top{ height: 40px; line-height: 40px; color: #fff; -webkit-box-shadow: 0 1px 2px 0 #999; -moz-box-shadow: 0 1px 2px 0 #999; -ms-box-shadow: 0 1px 2px 0 #999; -o-box-shadow: 0 1px 2px 0 #999; box-shadow: 0 1px 2px 0 #999;}
.top .btn-group a{ color: #fff; margin-left: 20px;}
.top .btn-group a:hover{ color: #f5f5f5;}

.loarea{ height:114px; position:relative; z-index:3;}
.logo{ width:302px; display:block; padding-top:0px; font-size: 0;}
.logo img{ height:114px; width:auto;}

/* search */
.search{ width:750px; height:56px; border:2px solid #eaeaea; float:left; margin:28px 0px 0 0; -webkit-border-radius: 28px; -moz-border-radius: 28px; -ms-border-radius: 28px; -o-border-radius: 28px; border-radius: 28px;}
.search select{display:none;}
.search table{ width:100%;}
.search table td{ padding:0; height: 56px;}
.search .col02{}
.search .col01{ width:160px; border-left: 1px solid #eaeaea;}
.search .col03{ width:56px; position: relative;}
.search .select_box{font-size:14px;color:#999999;width:94px;line-height:35px; margin:0 auto;position:relative;}
.search .select_showbox{height:38px;background:url(../images/icon/xia.png) no-repeat right center; padding-left:16px; display:inline-block; padding-right:22px;}
.search .select_showbox.active{background:url(../images/icon/shang.png) no-repeat right center;}
.search .select_option{border:1px solid #ddd;border-top:none;display:none;left:-2px;top:47px;position:absolute;z-index:99;background:#fff;}
.search .select_option li{text-indent:1.5em;width:90px;cursor:pointer;}
.search .select_option li.selected{background-color:#F3F3F3;color:#999;}
.search .select_option li.hover{background:#BEBEBE;color:#fff;}

.search input.inp_srh,.search input.btn_srh{border:none;background:none;height:38px;float:left}
.search input.inp_srh{outline:none;width:100%; padding-left:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.search input.btn_srh{background:#222;width:50px; height: 50px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; margin:0px 0 0px 3px; }
.search .col03 i.iconfont{color:#FFF; font-size: 20px; color: #fff; cursor: pointer; font-weight: bold; position: absolute; left: 18px; top: 12px;}
.search .col03:hover .btn_srh{ background-color: #0b6367;}

.headerOpa{ position: absolute; right: 54px; top: 34px;}
.headerOpa .btn{  margin: 0 0 0 30px;}
.headerOpa .btn>a{ display: inline-block; font-size: 0; vertical-align: middle;}
.headerOpa .btn>a .identify{ width: 28px; height: 28px;}
.headerOpa  .btn .iconfont{ position: relative;font-size: 28px; color: #222;}
.headerOpa  .btn .iconfont .totalNum{ min-width: 10px; padding: 0 4px; height: 18px; color: #fff; font-size: 12px;  background-color: #f00; position: absolute; right: -12px; top: -8px; display: inline-block; text-align: center;}
.headerOpa  .btn .iconfont:hover{ color: #f00}
.headerOpa  .btn .price{ font-size: 14px;}
.act_red{ color: #f00 !important;}

/*PC导航 begin*/
.nav{ height:54px; background-color:#0b6367; position: relative; z-index: 4;}
.nav .wp{ position: relative;}
.sysbtn{ width:280px; float:left; background-color:#222222; font-size:14px; color:#fff; line-height:54px; display:block; position:relative; cursor:pointer; padding: 0 20px;}
.sysbtn i{ font-size: 24px;position: absolute; right: 10px; top: 2px;}

.pnav{ float:left; margin-left:38px;}
.pnavul{ font-size: 0;}
.pnavul li{display:inline; font-size:16px;}
.pnavul li>a{ color:#fff; padding:0 26px; text-align:center; display:inline-block; line-height:54px; height:54px;}
.pnavul li:hover>a{ background-color:#027277;}
.act_nav{ background-color:#027277 !important;}

/***banner上的导航***/
.sysdown{ position:absolute; left:0; top:54px; background:#ffffff; width:100%;}
.isysdown{ display:none;}
.sysul{border: 1px solid #e8e8e8; padding-top: 2px;}
.sysul li{ font-size:14px;  position:relative; padding: 0 22px;}
.sysul li a{ color:#666;border-bottom:1px solid #e8e8e8; display:block; height:54px; line-height:54px; position: relative;}
.sysul li a .icon{ margin-right: 12px; vertical-align: middle;}
.sysul li a .iconfont{ color: #fff; position: absolute; right: 0; top: 2px; }
.sysul li a:hover{ color: #0b6367; border-color: #0b6367;}
.allsortbtn{ color: #333; padding: 0 22px;}


.sysright{width:878px;padding: 0px 20px;height: 100%;left: 100%;top: 0px;background:url(../images/icon/white9.png) repeat;position: absolute; display:none;}
.sysrnav{ text-align:left; padding:10px 0; }
.sysrnavul{ padding-top: 0px;}
.sysrnavul li{ width: 200px; display: inline-block; padding: 10px 0; margin-right: 10px; line-height: 1.6; vertical-align: top;}
.sysrnavul .tit{ font-size: 14px;padding-bottom: 8px; position: relative;}
.sysrnavul .tit a{font-size: 14px; display: inline-block; }
.sysrnavul .tit::after{ content:''; display: block;  width: 24px; height: 1px; background-color: #0b6367; position: absolute; left: 0; bottom: 0;}
.sysrnavul .tit a:hover{color: #0b6367}
.sysrnavul .nr{ padding: 6px 0;}
.sysrnavul .nr a{ display: block; color: #666; font-size: 12px; padding: 4px 0;}
.sysrnavul .nr a:hover{color: #0b6367}


/*PC导航end*/
.subnav{ position:absolute; left:0; top:54px;background:#fff; width:100%; border: 1px solid #ddd; display:none;}
.subnav1{}
.subnav1 dd{ padding:20px 12px;}
.subnav1 dd .nr a{ text-align:left;padding:2px 24px; color:#555 !important; display: inline-block; font-size: 14px; text-align:center; min-width: 100px;  }
.subnav1 dd .nr a:hover{ color:#0b6367 !important; text-indent:2px; background-color:none;}
.subnav1 .tit{ font-size:16px; font-weight:bold; text-align:center; padding:8px 0 4px;}
.subnav2{ width:256px;}


/*手机导航按钮及下拉菜单begin*/
.menubtn{ position:absolute; width:24px; height:24px;top:19px; right:10px; cursor:pointer; display:none;}
.menubtn i{ display:block; width:21px; height:3px; background-color:#0b6367; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.menubtn i:nth-child(2){ top:11px;}
.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}
.menubtn.on i:nth-child(2){ opacity:0;}
.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}
/*小导航*/
.inavWrap{ position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); left: 0; top: 0; z-index:999; overflow-y: auto; display: none;}
.closeInav{ font-size: 30px; color: #fff; margin: 12px 12px 0 0; cursor: pointer;}
.inav{}
.inav dl{ padding:0 10px; text-align:left;}
.inav dt{ font-size:14px; color:#fff; height:40px; line-height:40px; border-bottom:1px solid #555; padding-left:8px; position:relative;}
.inavbtn{ position:absolute; right:0px; top:14px; width:14px; height:14px; background:url(../images/icon/jia3.png) center center no-repeat; -webkit-transform-origin:center center; -moz-transform-origin:center center; -ms-transform-origin:center center; -o-transform-origin:center center; transform-origin:center center;-webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
.inav dd{ display:none; padding-left:2em; border-bottom:1px solid #666; padding-bottom:6px;}
.inav a{ color:#fff;}
.inav a:hover{ color:#ccc;}
.inav dd h6{ font-size:14px; font-weight:normal; line-height:2;}
.inav dd h6 a{ display:block;}
.inav dd p{ font-size:12px; text-indent:1em; line-height:1.8;}
.act_inav{ font-weight:bold;}
.act_inav .inavbtn{ -webkit-transform:rotate(135deg) !important; -moz-transform:rotate(135deg) !important; -ms-transform:rotate(135deg) !important; -o-transform:rotate(135deg) !important;transform:rotate(135deg) !important;}
/*手机导航按钮及下拉菜单end*/
/*banner begin*/
.banner{ position:relative; z-index:3; }
.banner .swiper-slide{position:relative; overflow:hidden;}
.banimg{ width:100%; height:auto; display:block;-webkit-transition:all 20s ease-out 0s; -moz-transition:all 20s ease-out 0s; -ms-transition:all 20s ease-out 0s; -o-transition:all 20s ease-out 0s; transition:all 20s ease-out 0s;}
/* .banner .swiper-slide-active .banimg{-webkit-animation: zoomin_out 20s infinite ease-in-out;-moz-animation: zoomin_out 20s infinite ease-in-out;-ms-animation: zoomin_out 20s infinite ease-in-out;-o-animation: zoomin_out 20s infinite ease-in-out;} */

@-webkit-keyframes zoomin_out{
0%{-webkit-transform:scale(1);}
50%{-webkit-transform:scale(1.1);}
100%{-webkit-transform:scale(1);}
}
@-moz-keyframes zoomin_out{
0%{-moz-transform:scale(1);}
50%{-moz-transform:scale(1.1);}
100%{-moz-transform:scale(1);}
}
@keyframes zoomin_out{
0%{transform:scale(1);}
50%{transform:scale(1.1);}
100%{transform:scale(1);}
}

.banner .swiper-pagination{ bottom:16px !important;}
.banner .swiper-pagination-bullet{width:40px;height:4px;padding: 0;background-color:#fff;font-size: 0;line-height: 0;outline:none;cursor: pointer; -webkit-border-radius:0%; -moz-border-radius:0%;-ms-border-radius:0%; -o-border-radius:0%; border-radius:0%;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin:0 10px !important;}
.banner .swiper-pagination-bullet-active{background-color:#0b6367;}

.footer{}
.f_t{ padding: 60px 0 20px;}
.fadd { width: 220px;}
.fadd .nr{ margin-top: 20px;}
.fadd .nr .p{ font-size: 12px; padding-left: 24px; position: relative; margin-bottom: 16px; color: #666;}
.fadd .nr .p .iconfont{ position: absolute; left: 0; top: 0;}
.fnav{ margin: 0 270px 0 240px;}
.ftit{ font-size: 16px;}
.fnavul{}
.fnavul li{  width: 30.33%; margin-right: 3%; float: left;}
.fnavul li .nr{ margin-top: 20px;;}
.fnavul li .nr a{padding: 5px 0; font-size: 12px; display: block; color: #666;}
.fnavul li .nr a:hover{ color: #333;}


.fopa{ width: 260px; }
.fopa .tip{margin-top: 20px; color: #666;}
.emailbox{margin-top: 20px;padding-right: 40px; position: relative; border: 1px solid #ddd; overflow: hidden;}
.emailbox .text{ width: 100%; height: 50px; background-color: #fff; padding-left: 10px; line-height: 50px; border: none;}
.emailbox .tj{ position: absolute; right: 0; top: 0; width: 40px; height: 50px; color: #fff;  background-image: linear-gradient(122deg, #95bf46, #5e8e3e); }
.emailbox .tj:hover{-webkit-box-shadow: 0px 2px 20px 2px rgba(149, 191, 70, 0.68);
    box-shadow: 0px 2px 20px 2px rgba(149, 191, 70, 0.68);}

.flink{ margin-top: 20px;}
.flink a {
    width: 46px;
    height: 45px;
    background: #000;
    line-height: 45px;
    border-radius: 100%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
    margin-right: 15px;
    font-size: 16px; }
    .flink a:last-child {
      margin-right: 0; }
    .flink a:hover {
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s; background-color:#0b6367  }
.fopa .payway{}
.fopa .payway .tit{ font-size: 16px; font-weight: bold; color: #555;}
.fopa .payway .nr{ font-size: 0; margin-top: 12px;}
.fopa .payway .nr .tp{ margin: 0 8px 8px 0; height: 36px;}

.f_m{ font-size: 0; text-align: center; padding: 44px 0 32px; border-top: 1px solid #e0e0e0; }
.f_m .tp{ margin: 0 6px 12px; height: 60px;}
.f_b{ padding: 14px 0; color: #666; text-align: center;}

.sidebar{ z-index: 88; position: fixed;right: -276px; top: 0; width: 310px; height: 100%;background-color: #fff; -webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s; }
.act_side{ right:0 !important;}
.sidebarl{ color: #fff; background-color: #000;height: 100%; width: 34px ; float: left;}
.avatar_cart{ width: 34px; margin: 0 auto; position: absolute; top: 50%; margin-top: -86px; left: 0; padding: 0 0px;}
.avatar_cart .avatar{width: 26px; height: 26px; margin:0 auto 16px; display: block;}
.avatar_cart .cart{ text-align: center; padding: 14px 4px; border: 1px solid #444444; border-width: 1px 0; cursor: pointer;}
.avatar_cart .cart .iconfont{ font-size: 18px; font-weight: bold;}
.avatar_cart .totalNum{min-width: 10px; padding: 0 4px; height: 18px; color: #fff; font-size: 12px;  background-color: #f00;  display: inline-block; text-align: center; margin-top: 4px;}
.act_cart{ background-color: #f00; color: #fff;

}
.gotop{ width: 34px; font-size: 22px; text-align: center; display: block; color: #fff; position: absolute; left: 0; bottom: 20px;}
.gotop:hover{ color: #f00 }

.sidebarr{ width: 274px;  height: 100%;  float: right; position: relative;}
.hcartulWrap{padding: 0px 10px 0px 10px; height: calc(100% - 130px); overflow-y: auto; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.hcartul{ padding-bottom: 20px; }
.hcartul li{ padding: 8px 0;}
.hcartul li .checkbtn{ float: left; margin:34px 10px 0 0;}
/* 复选框 */
.checkbtn{ width: 16px; height: 16px;  cursor: pointer;   text-align: center;
  background-image: url(../images/icon/unchecked.png);
  background-repeat: no-repeat;
  background-position: 0 0;}
  .on_check {
    background-image: url(../images/icon/checked.png);
    }
.checkclass{opacity: 0;width: 16px; height: 16px;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);}



.hcartul .tparea{ width: 64px; height: 64px; text-align: center; float: left; border: 1px solid #ddd; margin-top: 8px;}
.hcartul .tparea .Img{ width: 50px; height: 50px; padding-top: 7px;}
.hcartul .des{ width: 120px; margin: 0 0 0 8px; float: left;}
.hcartul .des .tit{ color: #555; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hcartul .des .price{ color: #666; margin-top: 8px; font-size: 12px;}
.hcartul .des .setNum{ margin-top: 8px;}
.hcartul .des .setNum .btn{ width: 30px; height: 28px; text-align: center; line-height: 28px; color: #fff; font-size: 16px; background-color: #dc9814; display: inline-block; cursor: pointer;}
.hcartul .des .setNum .jian{ -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px;  border-radius: 4px 0 0 4px;}
.hcartul .des .setNum .text{width: 40px; height: 28px; text-align: center; line-height: 40px; color: #666; font-size: 16px; background-color: #fff; display: inline-block; border: 1px solid #ddd; border-width: 1px 0;}
.hcartul .des .setNum .add{ -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -ms-border-radius:0 4px 4px 0; -o-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0;}
.hcartul .closeDiv{ float: right; }
.hcartul .closeDiv .close{color: #dc9814; font-weight: bold; cursor: pointer;}
.hcartul .closeDiv .close:hover{ color:#f60;}
.hgopay{ background-color: #e6e6e6; padding: 20px 16px; width: 100%; position: absolute; left: 0; bottom: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; }
.hgopay .money{ margin-bottom: 8px;}
.hgopay .btn{ background-color: #f00; display: block; height: 40px; line-height: 40px; color: #fff; text-align: center;}
.hgopay .btn:hover{ background-color: #d3022f;}

.h_sell{ overflow: hidden; margin-top: 44px;}
.hsellul{ margin-right: -3%;}
.hsellul li{ width: 30.33%; float: left; margin: 0 3% 0 0;}
.hsellul li a{ display: block; padding: 50px 0 50px 40px; overflow: hidden; background-color: #f8f8f8;}
.hsellul .des{ width: 50%; float: left; padding-top: 10px;}
.hsellul .des .tit{ font-size: 20px;}
.hsellul .des .priceInfo{ color: #666;}
.hsellul .des .priceInfo .price{ font-size: 24px; font-weight: bold; color: #ff5050;}
.hsellul .des .priceInfo .unit{ font-size: 16px;color: #ff5050; vertical-align: top}
.hsellul .des .go{ color: #ff5050; margin-top: 14px;}
.hsellul .tparea{ width: 46%; float: right;}
.h_tit{ font-size:22px; padding: 30px 0;  font-weight:bold; position: relative; z-index: 4;}
 
.h_new{ margin-top: 20px; position: relative; z-index: 1;}
.hnewslide{ overflow-x: hidden; overflow-x: visible;}
.h_new .swiper-button-prev,.h_new .swiper-button-next{ background-image: none; top: 34px; height: 30px; width: 30px; line-height: 30px; left: auto; margin-top: 0 }
.h_new .swiper-button-prev .iconfont,.h_new .swiper-button-next .iconfont{ font-size: 24px; color: #666;}
.h_new .swiper-button-prev .iconfont:hover,.h_new .swiper-button-next .iconfont:hover{color:#0b6367;}
.h_new .swiper-button-prev{ right: 30px;}
.h_new .swiper-button-next{ right: 0px;}

.probox{ border: 1px solid #f0f0f0; overflow: hidden;}
.probox .tparea{ display: block; font-size: 0;}
.probox .tparea .tp{ width: 100%;}
.probox .des{ padding: 10px 20px 0}
.probox .des .tit{}
.probox .des .price_cartbtn{ margin-top: 4px; color: #666;;}
.probox .des .price_cartbtn .price{}
.probox .des .price_cartbtn .cartbtn{ border: 1px solid #545454; padding: 0 14px; cursor: pointer;}
.probox .des .price_cartbtn .cartbtn .iconfont{ font-size: 14px; margin-right: 6px;}
.probox .des .setProNum{ border-top:1px solid #e6e6e6; padding: 14px 0; margin-top: 14px; text-align: center; }
.probox .des .setProNum .btn{width: 36px; height: 28px; text-align: center; line-height: 28px; color: #fff; font-size: 16px; background-color: #dc9814; display: inline-block; cursor: pointer;}
.probox .des .setProNum .btn:hover{ background-color: #f60}

.h_hot{ margin-top: 20px; padding-bottom: 70px;}
.hhotslide{ overflow-x: hidden; overflow-x: visible;}
.h_hot .swiper-button-prev,.h_hot .swiper-button-next{ background-image: none; top: 34px; height: 30px; width: 30px; line-height: 30px; left: auto; margin-top: 0 }
.h_hot .swiper-button-prev .iconfont,.h_hot .swiper-button-next .iconfont{ font-size: 24px; color: #666;}
.h_hot .swiper-button-prev .iconfont:hover,.h_hot .swiper-button-next .iconfont:hover{color:#0b6367;}
.h_hot .swiper-button-prev{ right: 30px;}
.h_hot .swiper-button-next{ right: 0px;}

/* 加入购物车弹窗 */
.pupbg{  position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,.6); z-index:10}
.pup{ position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 12;}
.addCartpup{ width: 390px; padding: 40px 30px 20px; background-color: #fff;}
.addCartpup .list{ padding-left: 60px; position: relative;}

.addCartpup .listIntro{ margin-bottom: 14px;}
.addCartpup .listIntro .tp{ width: 80px; height: 80px; float: left; border: 1px solid #ddd;}
.addCartpup .listIntro .des{ padding-left:100px; }
.addCartpup .listIntro .des .tit{ font-size: 16px; font-weight: bold; line-height: 1.4;}
.addCartpup .listIntro .des .price{ color: #666; margin-top: 8px;}


.addCartpup .mc{ font-size: 16px; position: absolute; left:0; top: 0;}
.addCartpup .nr{}
.kouweiul{}
.kouweiul li{ font-size: 12px; display: inline-block; padding: 4px 14px; cursor: pointer; margin-bottom: 12px; border: 1px solid #ddd;}
.act_kouweiul{padding: 3px 13px !important; border: 2px solid #ff0036 !important; background: url(./../images/icon/choosed.jpg) right bottom no-repeat; }

.addCartpup .num{ overflow:hidden; position:relative;float:left; height: 26px;}
.addCartpup .num em{ display:inline-block; width:25px; height:23px; background-color:#ededed;  text-align:center; line-height:23px; font-size:12px;  cursor:pointer;border:1px solid #ccc; float:left;}
.addCartpup .num .text{ display:inline-block; float:left; width:40px; height:25px; border:1px solid #ccc;text-align:center; line-height:23px; border-width:1px 0 1px 0;}
.addCartpup .num em:hover{ background-color:#fff;}
.addCartpup .num em.jian{}
 .addCartpup .num em.add{}
.addCartpup .tip5{ float:left; margin-left:10px; margin-top:6px; font-size:12px; color:#666;}
.addCartpup .tj{ margin-top: 30px;}
.addCartpup .tj input{ padding:6px 70px; border: none; background-color: #c41c1e; color: #fff; font-size: 18px;}
.addCartpup .tj input:hover{ background-color: #f00;}

.close_addCart{ background-color: #ececec; position: absolute; right: 10px; top: 0; padding: 8px 6px; -webkit-border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px; -ms-border-radius: 0 0 20px 20px; -o-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; cursor: pointer;}
.close_addCart .iconfont{ color: #555; font-size: 20px;}
.close_addCart:hover .iconfont{ color: #f00;}

/*8隐私政策*/
.i_main{min-height:400px;}
.location{ color:#666666; font-size: 16px; padding: 30px 0; border-bottom: 1px solid #ededed;}
.location span{ color:#666;}
.location a{ color:#666;}
.location a:hover{color:#0b6367;}
.location i{ margin:0 8px; font-style:normal;}
.act_loca{color:#0b6367 !important;}

.policy{ padding: 50px 0 100px;}
.i_tit{ font-size: 16px; font-weight: bold;  text-align: center; padding-bottom: 14px; position: relative;}
.i_tit::after{ position: absolute; width: 90px;height: 2px; background-color: #0b6367; content: ''; display: block; left: 50%; margin-left: -45px; bottom: 0;}
.policy .nr{ margin-top: 40px;}
.policy .nr .tit{ font-size: 16px;}
.policy .nr .wz{ color: #666;}

.gotop2{ width: 50px; height: 44px; background-color: #0b6367; color: #fff;font-size: 24px; text-align: center; line-height: 44px;  position: fixed; right: 20px; bottom: 20px; display: inline-block; display: none;}
.gotop2:hover{ background-color:#027277; }
/*7常见问题*/
.question{ border: 1px solid #f0f0f0; margin: 70px auto;}
.qusul{ padding: 0 20px; font-size: 0;}
.qusul li{ width: 48%; margin: 0 1%; display: inline-block; font-size:16px; padding:40px 0; border-bottom:1px solid #dedede;}
.qusul .wen{ padding:8px 0px 0 60px; margin-bottom: 10px; min-height: 36px; line-height:1.5; position:relative; color:#333;}
.qusul .wen .letter,.qusul .da .letter{ width:44px; height:44px; font-size:16px; text-align:center; line-height:44px; position:absolute; left:0; top:0px; border: 1px solid #ddd;}
.qusul .da{ color:#666; padding:0 0 0 60px; font-size: 12px; line-height:1.8; position:relative; margin-top:14px;}
.qusul .da .letter{}
.qusul li:nth-last-child(1),.qusul li:nth-last-child(2){ border:none;}
/*5关于我们*/
.about{}
.about .intro{ padding: 50px 0;}
.about .intro .tp{ width: 100%; display: block;}
.about .intro .wz{ font-size: 12px; text-indent: 2em; line-height: 1.8; }

.team{padding: 40px 0; overflow: hidden;}
.i_tit2{ font-size: 24px; font-weight: bold;}
.i_tit3{ font-size: 20px; font-weight: bold;}
.teamul{ padding-top:34px; margin-right:-2%;}
.teamul li{ float:left; margin:0 2% 0 0; width:23%;}
.teamul li a{ display:block;}
.teamul .tparea{ display:block; font-size:0;  overflow:hidden;}
.teamul .tparea .tp{width:100%;}
.teamul .des{ padding-top: 20px;}
.teamul .des .tit{font-size:15px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.teamul .des .subtit{ font-size: 12px; color:#666;}
.teamul .des .line{background-image: linear-gradient(122deg, #95bf46, #5e8e3e); width: 68px; height: 1px; margin: 20px 0;}
.teamul .des .nr{ font-size:12px; color:#555; }

.wishes{padding: 20px 0 50px; overflow: hidden;}
.wishesul{ padding-top:34px; margin-right:-2%;}
.wishesul li{ float:left; margin:0 2% 0 0; width:48%;}
.wishesul li a{ display:block;}
.wishesul .tparea{ display:block; font-size:0;  overflow:hidden;}
.wishesul .tparea .tp{width:100%;}
.wishesul .des{ padding: 20px 0;}
.wishesul .des .tit{font-size:16px; font-weight: bold;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.wishesul .des .nr{ font-size:12px; color:#555; margin-top: 15px; }
/* 6联系我们 */
.contact{ padding: 50px 0 80px;}
.map{ height: 600px; position: relative; overflow: hidden;}
.cont{ margin-top: 80px;}
.contIntro{ width:56%; }
.contIntro .tip{ margin-top: 8px;font-size: 12px;color: #666;}
.contIntro .introWrap{}
.contIntro .introWrap .nr{ margin-top: 30px;}
.contIntro .introWrap .nr .tit{ font-size: 16px; font-weight: bold; margin-bottom: 15px;}
.contIntro .introWrap .nr .p{ font-size: 12px; padding-left: 24px; position: relative; margin-bottom: 16px; color: #666;}
.contIntro .introWrap .nr .p .iconfont{ position: absolute; left: 0; top: 0;}

.mess{ width:40%;}
.fmesstab{ width:100%; margin-top:14px; }
.fmesstab td{ padding:7px 0; vertical-align:top;}
/*.fmesstab .mc{ font-size:14px; padding-right:10px; width:36px; color:#333; text-align:right;}
*/.fmesstab .nr{}
.fmesstab .text{width:100%; height:50px; line-height:50px; border:1px solid #ddd;  display:block; padding-left:10px; background:none;}
.fmesstab .nr textarea{width:100%; height:200px;  display:block; border:none; padding:10px; border:1px solid #ddd; background:none;}
.fmesstab .nr select{ width:100%; border:1px solid #ccc;height:50px; }
.fmesstab .tj{ padding-top:14px;}
.fmesstab .tj input{ padding:12px 90px;text-align:center; font-size:16px; color:#fff;  background-color:#0b6367;  cursor:pointer; border:none;}
.fmesstab .tj input:hover{ background-color:#027277;}

/* 4博客 */
.blog{ padding: 26px 0;}
.b_l{ width: 72%;padding: 40px 0; }
.b_r{ width: 25%;padding: 40px 0; }
.blogul{ }
.blogul li{ margin-bottom: 60px;-webkit-transition:all .3s ease-out 0s; -moz-transition:all .3s ease-out 0s; -ms-transition:all .3s ease-out 0s; -o-transition:all .3s ease-out 0s; transition:all .3s ease-out 0s;}
.blogul .tparea{ position: relative;}
.blogul .tparea .tp{ width: 100%; display: block;}
.blogul .tparea .time{ position: absolute; color: #fff; width: 46px; padding:8px 0 0 14px; height: 52px; line-height: 1.4; display: inline-block; bottom: -30px; left: 30px; background-image: linear-gradient(122deg,#42b0b5, #027277);}
.blogul .intro{ border: 2px solid #ddd; border-top: none; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -ms-border-radius: 0 0 6px 6px; -o-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;}
.blogul .des{ padding: 60px 45px 0;}
.blogul .des .tit{ font-size: 18px; padding-bottom: 16px; position: relative;}
.blogul .des .tit::after{ content: ''; display: block; width:70px; height: 1px; background-color: #0b6367; position: absolute; left: 0; bottom: 0;}
.blogul .des .nr{ padding: 25px 0; font-size: 12px; line-height: 2; color: #666;}
.blogul .pubinfor{ border-top: 1px solid #ddd; padding: 12px 45px;}
.blogul .pubinfor .time{ color: #666;}
.blogul .pubinfor .cutline{ margin: 0 12px; font-style: normal;}
.blogul .pubinfor .sort{}
.blogul li:hover{-webkit-transform:translateY(-6px); -moz-transform:translateY(-6px); -ms-transform:translateY(-6px); -o-transform:translateY(-6px); transform:translateY(-6px);}
.blogul a:hover .des .tit{color: #0b6367;}

.bsort,.bfloow,.brecentBlog{ margin-bottom: 30px;}
.i_tit4{ font-size: 18px; padding: 12px 20px; border-bottom: 1px solid #ddd;}
.bsortul{}
.bsortul li{border-bottom: 1px solid #ddd;}
.bsortul li a{ color:#666;padding: 12px 20px; display: block;}
.bsortul li a:hover{color: #0b6367;}
.bsortul li:last-child{ border: none;}
.bfloow .flink{ padding-left: 20px;}

.brecentBlogul li{ overflow:hidden;  padding:22px 20px; border-bottom:1px dashed #ddd;  }
.brecentBlogul li .tp{ width:80px; float:left; border: 1px solid #eee; overflow: hidden;}
.brecentBlogul li .tp a{ display:block; font-size:0; overflow:hidden;}
.brecentBlogul li .tp img{ width:100%; display:block;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.brecentBlogul li .tp a:hover img{-webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -transform:scale(1.2,1.2); transform:scale(1.2,1.2); }
.brecentBlogul li .des{ padding-left:100px;}
.brecentBlogul li .des h4{margin-bottom:6px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.brecentBlogul li .des h4 a{}
.brecentBlogul li .des h4 a:hover{ color:#0b6367;font-weight:bold;}
.brecentBlogul li .des p.time{font-size:12px; margin-top:6px; color:#666;}
.brecentBlogul li:last-child{ border: none;}

.NewLetter .emialboxWrap{ padding: 26px 20px; background-color: #f4f4f4;}
.NewLetter .emialboxWrap .emailbox{ margin-top: 0}

/* 博客-詳情 */
.blogDel{}
.blogDel .tparea{ position: relative;}
.blogDel .tparea .tp{ width: 100%; display: block;}
.blogDel .tparea .time{ position: absolute; color: #fff; width: 46px; padding:8px 0 0 14px; height: 52px; line-height: 1.4; display: inline-block; bottom: -30px; left: 30px; background-image: linear-gradient(122deg,#42b0b5, #027277);}
.blogDel .intro{ border: 2px solid #ddd; border-top: none; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -ms-border-radius: 0 0 6px 6px; -o-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;}
.blogDel .des{ padding: 60px 45px 0;}
.blogDel .des .tit{ font-size: 18px; padding-bottom: 16px; position: relative;}
.blogDel .des .tit::after{ content: ''; display: block; width:70px; height: 1px; background-color: #0b6367; position: absolute; left: 0; bottom: 0;}
.blogDel .des .nr{ padding: 25px 0; font-size: 12px; line-height: 2; color: #666;}
.blogDel .des .nr .wz2{ padding-left: 20px; border-left: 4px solid #ccc; font-size: 14px; color: #333; margin: 12px 0;}
.blogDel .share{ border-top: 1px solid #ddd; padding: 12px 45px;}

/* 10注册 */
.reg_main{ padding:50px 0 200px;}
.reg{ border: 1px solid #e2e2e2; padding: 24px 34px 50px;}
.regarea{ width:44%;}
.reg_tit{ margin-bottom: 20px;}
.regform{ }
.regform .item{ margin-bottom: 12px;}
.regform .attrmc{ color:#666; display:block; padding: 6px 0; margin-bottom: 2px;}
.regform .attrnr{}
.regform .text{width:100%; height:34px; border:1px solid #e2e2e2; padding:0px 10px; display:block; font-size:14px; color:#555; line-height:34px;}
.regform .yzm{ padding-right: 150px; position: relative;}
.regform .yzm .text{}
.sendyzmbtn{ position: absolute; right: 0; top:0; font-size:14px; color:#666; display:inline-block; line-height:32px;  width: 135px; text-align: center; background-color: #fafafa; border: 1px solid #e2e2e2;}
.sendyzmbtn:hover{color:#fff; background-color: #cbcbcb;}

.regform .msg{ background-color: #f2f2f2; color: #666; padding:6px 14px;}
.regform .agree{ color: #666; padding: 8px 0;}
.regform .agree input{ margin-right: 6px;}
.regform .agree a{ color: #dc9814; text-decoration: underline;}
.regform .agree a:hover{ color: #c90;}
.regform .tj{ margin-top: 20px;}
.sbtn{ padding:8px 20px; border: 1px solid #b8b8b8;  text-align:center;  color:#666; text-transform: uppercase;  background:none; cursor:pointer; display: inline-block;}
.sbtn:Hover{background-color:#0b6367; border-color: #0b6367; color: #fff;}
 
.regtp{ width: 48%}

/* 9登录 */
.s_l{ width: 48.2%;}
.s_r{width: 48.2%;}
.sign_tit{ font-size: 22px; padding-bottom: 15px;}
.signWrap{ border: 1px solid #ddd; padding: 24px 30px; min-height: 335px;}
.signtip{ font-size: 14px; color: #666; margin-bottom: 8px;}
.signWrap .regform .tj .sbtn{ margin-right: 18px;}
.forpwdbtn{ margin-top: 10px;}
.forpwdbtn:hover{ text-decoration: underline;}

.otherSignWay{ color: #666; margin-top: 50px; }
.otherSignWay a{ vertical-align: middle; margin-left: 24px; display: inline-block;}
.otherSignWay a:hover{}

.s_r .signtip{ margin-bottom: 24px;}

/* 11找回密码 */
.resetWrap{ width: 48%;}
.resetpwd .emailnr{ position: relative;}
.resetpwd .sendEmailbtn{ position: absolute; right: 10px; top: 8px; font-size: 12px; text-decoration: underline;color: #2d93da }
.resetpwd .sendEmailbtn:hover{color: #027277;text-decoration: underline;}
.resetpwd .tj{ margin-top: 40px;}
/* 11找回密码2 */
.setPwdAchieve{ padding: 100px 0 140px;}
.setPwdAchieve .tp{}
.setPwdAchieve .p1{ font-size: 18px; font-weight: bold; margin-top: 4px;}
.setPwdAchieve .p2{ margin-top: 4px; color: #666;}
.setPwdAchieve .p2 a{ color: #50a2d4;}
.setPwdAchieve .p2 a:hover{ color: #0b6367;}

/* 12会员中心-地址管理 */
.m_main{ padding:40px 0 100px 0; overflow:hidden;}
.m_l{ width:212px; float:left; }
.m_lm{}
.m_tit{  background-color:#b40c01;}
.m_tit h4{padding:8px 0px; font-size:22px; color:#fff; font-weight: bold; text-align: center;}
.m_tit h4 .icon{ vertical-align:middle; margin-right:10px; position:relative;top:-2px;}

.m_lm ul{ margin-top:0px; background-color:#f4f4f4; }
.m_lm ul li{margin-left: 1px;}
.m_lm ul li a{ display:block; height:50px; font-size: 14px;  color: #666; line-height:50px; padding-left:44px;}
.m_lm ul li a .iconfont{ margin-right: 12px;}
.m_lm ul li a:hover{ background-color: #fff !important; color: #333 !important;}
.act_lmm{ background-color: #fff !important; color: #333 !important;}
.m_r{ padding-left:224px;}
.mr_top{ font-size: 16px; color: #666666; background-color: #f4f4f4; padding: 0 16px 0 26px; height: 50px;}
.mr_top .mc{ font-weight: bold; display: inline-block; line-height: 50px;}
.mrtopopa{ width: 300px;display: inline-block; line-height: 50px;}
.mrtopopa .backHome{ margin-right: 14px; color: #666;}
.mrtopopa .loginName{}
.mrtopopa .loginName .iconfont{ margin: 0 12px 0 6px;}
.mrtopopa .loginAvatar{ width: 42px;height: 42px; vertical-align:middle; display: inline-block;}
.mrtopopa a:hover{ color: #0b6367;}
.m_con{ margin-top: 16px; padding: 20px;}

.manAdd{ padding: 26px 0 0 ; overflow: hidden;}
.manAddul{ margin-right: -3%; font-size: 0;}
.manAddul li{ width: 30.33%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; padding: 20px 15px; background-color: #f5f5f5; display: inline-block; vertical-align: bottom; margin: 0 3% 3% 0;}
.manAddul .des{ font-size: 16px; }
.manAddul .des .p1{}
.manAddul .des .p2{margin-top: 4px;}
.manAddul .des .p3{ margin-top: 14px;}
.manAddul .opa{ margin-top: 16px; display: flex; justify-content: space-between;}
.mbtn{ padding: 4px 16px; font-size: 14px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; }
.mbtn_plain{ border: 1px solid #a1a0a0; }
.mbtn_red{border: 1px solid #e14c50; background-color: #e14c50 ; color: #fff;}
.mbtn_black{border: 1px solid #4e494a; background-color: #4e494a; color: #fff;}
.mbtn:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.addNewAddressli{ background: none !important; padding: 0 !important;}
.addNewAddressbtn{ border: 1px solid #ddd; padding: 2px 10px;}
.addNewAddressbtn:hover{ border: 1px solid #0b6367; color: #0b6367}

/* /12会员中心-修改密码 */
.lm2{ padding: 7px 0; border-bottom: 1px solid #cccccc;}
.lm2 a{ display:inline-block; cursor:pointer; margin-right:8px; font-size:14px; padding:9px 20px; background-color:#f4f4f4;}
.lm2 a:hover{ background-color:#b40c01; color: #fff;}
.act_lm2{ background-color:#b40c01 !important; color: #fff !important;}

.uppwd{ padding: 24px 0;}
.uppwdtable{ max-width:100%; width:600px; margin-left: 44px;}
.uppwdtable td{ padding:10px 0; vertical-align: top;}
.uppwdtable td.mc{ width:160px; font-size:12px; color:#666; text-align:right; padding-right:25px; line-height:30px;}
.uppwdtable td.mc .star{ color: #f00; margin-right: 6px; font-style: normal;}
.uppwdtable td.nr{}
.uppwdtable { margin-bottom:8px; overflow:hidden;font-size:14px;}
.uppwdtable  .text{ max-width:100%; height:30px; border:1px solid #dedede; display:block;   padding-left:10px;}
.uppwdtable .tj{ padding-top:18px; margin-bottom:8px !important;}
.uppwdtable .tj .mbtn{ text-transform: uppercase;}
.uppwdtable .tj .mbtn_red{ margin-right: 10px; background-color: #b40c01;}
.uppwdtable .tj .mbtn_black{ background-color: #202020;}

/* 12会员中心-基本资料1 */
.perInfo{ padding: 24px 0;}
.perInfotable{ max-width:100%; width:600px; margin-left: 24px;}
.perInfotable td{ padding:7px 0;}
.perInfotable td.mc{ width:60px; font-size: 12px; font-family: '宋体'; color:#666;padding-right:16px; line-height:30px;}
.perInfotable td.mc .star{ color: #f00; margin-right: 6px; font-style: normal;}
.perInfotable td.nr{ color: #666;}
.perInfotable { margin-bottom:8px; overflow:hidden;font-size:14px;}
.perInfotable  .text{ max-width:100%; height:30px; border:1px solid #dedede; display:block; float:left;   padding-left:10px;}
.perInfotable .sex .list{ margin-right: 10px;;}
.perInfotable .sex .list input{ margin-right: 6px;}
.perInfotable .tj{ padding-top:18px; margin-bottom:8px !important;}
.perInfotable .tj .mbtn{ text-transform: uppercase;}
.perInfotable .tj .mbtn_red{ margin-right: 10px; background-color: #b40c01;}
.perInfotable .tj .mbtn_black{ background-color: #202020;}
/* 12会员中心-基本资料-修改邮箱 */
.uppwdtable .msg{ color: #666; font-size: 12px; margin-top: 6px;}
/* 12会员中心-基本资料-修改头像 */
.upavatar{ padding:0px 0 40px; }
.upavatar .title{ font-size: 18px; color: #666; margin-bottom: 20px; }
.upavatar .tp{ width:100px; float:left; text-align:center;}
.upavatar .tp img{ width:100px; height:100px; border:1px solid #ddd; }
.upavatar .des{ margin-left:126px; padding-top: 18px;}
.upavatar .des .opa{}
.upavatar .des .opa .msg{ margin-left: 12px;}
.upavatar .des .opa .btn{width:76px; height:30px; display: inline-block; position:relative;}
.upavatar .des .opa .btn .btn1{ cursor:pointer; width:76px; height:30px; position:relative; z-index:6;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.upavatar .des .opa .btn .btn2{ cursor:pointer; position:absolute; left:0; top:0; width:76px; height:30px; font-size:12px; color:#333; text-align:center; line-height:30px; cursor:pointer;  -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; display:inline-block; background:#0da056; cursor:pointer; color: #fff;}
.upavatar .des .tip{ color: #666; margin-top: 8px; font-size: 12px;}

/* 12会员中心-我的订单 */
.book_tit{ padding: 0 15px 5px; border-bottom: 1px solid #eeeeee; color: #666; overflow: hidden;}
.book_tit .print{ cursor: pointer;color: #666;}
.book_tit .print .iconfont{ margin-right: 8px;}
.book_tit .print:hover{color: #0b6367;}

.lm3{padding-top: 4px;}
.lm3 a{ display:inline-block; cursor:pointer; margin-right:20px; font-size:14px; padding:8px 20px; border-bottom: 2px solid transparent}
.lm3 a:hover{ border-color:#b40c01;}
.act_lm3{ border-color:#b40c01 !important; }

.isear{ overflow: hidden; margin-top: 20px;}
.isearul{ margin-right: -3%;}
.isearul li{ color: #666; float: left; width: 30.33%; margin: 0 3% 15px 0; position: relative;} 
.isearul .attrmc{ display: inline-block; width: 70px; position: absolute; left: 0; top: 0; line-height: 26px;}
.isearul .attrnr{ margin-left: 82px;}
.isearul .attrnr .Wdate{ border-color: #e5e5e5;}
.isearul .text{ width: 100%; height: 24px; line-height: 24px; border: 1px solid #e5e5e5; padding-left: 10px;}
.isearul .select{width: 100%; height: 24px; line-height: 24px; border: 1px solid #e5e5e5; padding-left: 10px}
.isearul .tjbtn{ padding-right: 80px;}
.isearul .tjbtn .btn{ position: absolute ; right: 0; top: 0; background: none; border: 1px solid #e5e5e5; height: 24px;}
.isearul .tjbtn .btn:hover{ border-color: #0b6367; color: #0b6367;}
.isearul .dealtime{ width: 97%;}
.quickSear{ color: #666; overflow: hidden;}
.quickSear .date a{color: #666;}
.quickSear .date a:hover{color: #0b6367;}

.booktable{ width: 100%; font-size: 12px;}
.booktable th,.booktable td{ padding: 10px 10px; color:#555;}
.booktable th{border-bottom: 1px solid #d3d3d3; font-weight: normal;}
.booktable td{ border-bottom: 1px dashed #d3d3d3;}
.booktable .col01{ width: 340px}
.booktable .col02{width: 60px}
.booktable .col03{width: 100px}
.booktable .col04{width: 100px}
.booktable .col05{width: 100px}
.booktable .col06{width:120px}
.booktable .col07{width: 100px}

.goods .num_time input{ margin-right: 10px;;}
.goods .num_time .num{ color: #333;}
.goods .num_time .time{ display: inline-block; margin-left: 25px;}
.booktable .buynum{ font-size: 14px;}
.goodintro{ margin-top: 20px;}
.goodintro .tparea{ width: 108px; float: left; height: 82px; border: 1px solid #eaeaea; text-align: center;;}
.goodintro .tparea img{ height: 82px;}
.goodintro .des{ padding-left: 128px; padding-top: 16px;}
.goodintro .des .title{ font-size: 14px;}
.goodintro .des .title a{}
.goodintro .des .title a:hover{color: #0b6367;}
.booktable .jine{ font-size: 14px;}
.booktable .status a{ display: block;}
.booktable .opa a{ display: block; margin: 0 auto; }
.paymoney .tip{ color: #999;}
.booktable .opa .btn1{ font-size: 12px; color: #28acfe; line-height: 28px;}
.booktable .opa .btn2{ width: 68px; height: 24px; border: 1px solid #d5d3d3; color: #b2191b; text-align: center; line-height: 24px;}
.booktable .opa .btn3{width: 68px; height: 24px; border: 1px solid #b2191b; background-color: #b2191b; color: #fff;text-align: center; line-height: 24px;}
.booktable .colName{ display: none;}
.tableopa{ margin-top: 50px;}
.tableopa .opa{}
.tableopa .checkall{ margin-right: 10px;}
.tableopa .checkall input{ margin-right: 6px;}
.tableopa .btn{ padding: 0 6px; background-color: #fff;}
.btn_gray{ border: 1px solid #dcdcdc; }
.btn_red{ border: 1px solid #ff1d00; color: #ff1d00;}


/*turnpage*/
.turnpage{font-size:0; text-align:right; padding:0px 0 0px 0;  }
.turnpage .totalpage{font-size:12px; margin-right: 20px;}
.turnpage a{ font-size:12px; color:#333; display:inline-block; padding:4px 4px;  margin:0 3px;}
.turnpage em{font-size:12px; color:#333;}
.turnpage .total{ margin:0 6px;}
.turnpage .go{ margin:0 6px;}
.turnpage .go .num{padding:3px 10px; border:1px solid #ccc; margin:0 3px; width:26px;}
.turnpage .tj{ margin:0 6px;padding:3px 4px; background-color: #000; color: #fff; border:1px solid #ccc; cursor:pointer;}

/* 12会员中心-我的订单-待配送 */
.bookdel{}
.bookdel .item{ margin-bottom: 10px;}
.bookdel .item .nr{ padding: 20px 0;}
.bookdel_tit{ padding: 10px 18px; background-color: #f5f5f5;}
.sendStatus{ background-color: #fff8f8; padding: 14px 26px; border: 1px solid #f9c2c2;}
.sendStatus .div1{ font-weight: bold; font-size: 16px;}
.sendStatus .div1 .btn{ position: relative;}
.sendStatusBtn{ cursor: pointer; margin-left: 10px; color: #fff; background-color: #e71218; display: inline-block; padding: 3px 20px;}
.sendStatusBtn:hover{ background-color: #f00;}
.sendStatus .div2{ margin-top: 10px; color: #666; font-size: 12px; }
.sendStatus .div2 .list{padding-left: 12px; position: relative;}
.sendStatus .div2 .list::after{ content: ""; display: block; width: 4px; height: 4px; background-color: #666; position: absolute; left: 0; top: 8px;}

.mstep{ position:relative; font-size:0; width:880px; margin:30px 0 0; max-width: 100%;}
.mstep .linebg{width:100%; height:4px; background-color:#d9dadc; display:block; position:absolute; top:10px; z-index:0;}
.mstep .item{ width:20%; display:inline-block; text-align:center; position:relative;}
.mstep .item:nth-child(1) .num::after{ display: none;}
.mstep .item:last-child .num::before{ display: none;}
.mstep .item .num{ width:34px; height:34px; background-color:#dbdbdb; font-size:14px; font-weight:bold; color:#fff; display:inline-block; text-align:center; line-height:34px; position:relative; z-index:2; font-style: normal; position: relative;}
.mstep .item p{ margin-top:6px; font-size:16px; color:#666; font-weight: bold;}
.mstep .item .num::after,.mstep .item .num::before{content:""; display:block; width:68px; height:6px; background-color:#dbdbdb; position:absolute;top:14px; }
.mstep .item .num::after{ right:114%;}
.mstep .item .num::before{ left:114%;}
.mstep .item .num .shape{  border: 10px solid transparent; border-left-color: #dbdbdb; display: inline-block; position: absolute; left: -12px; top: 50%; margin-top: -10px;}
.act_mstep_ed p{color:#0b6367 !important;}
.act_mstep_ed .num::after,.act_mstep_ed .num::before,.act_mstep_ed .num{ background-color:#0b6367 !important;}
.act_mstep_ed .num .shape{ border-left-color: #0b6367 !important;}
.act_mstep_ing p{color:#0b6367  !important;}
.act_mstep_ing .num::after,.act_mstep_ing .num::before,.act_mstep_ing .num{ background-color:#0b6367  !important;}

.bookInfo{}
.bookInfo .nr{}
.bookInfo .list{ padding: 4px 8px;}
.bookInfo .list .mc{ font-weight: bold;}

.goodsInfo{}
.goodsInfoul{ margin-top: 10px; background: url(../images/icon/black2.png) left center repeat-x; display: flex; justify-content: space-between; flex-wrap: wrap;}
.goodsInfoul li{ padding-right: 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; padding: 10px 0; width: 33.33%;}

.goodsInfoTable{ width: 100%; font-size: 12px; margin-top: 10px;}
.goodsInfoTable th,.goodsInfoTable td{ text-align: center; padding:6px 10px; color:#555;border: 1px solid #d3d3d3;}
.goodsInfoTable th{ font-weight: normal; background-color: #e8f2ff;}
.goodsInfoTable td{}
.goodsInfoTable .col01{ width: 340px}
.goodsInfoTable .col02{width: 100px}
.goodsInfoTable .col03{width: 100px}
.goodsInfoTable .col04{width: 100px}
.goodsInfoTable .col05{width: 100px}
.goodsInfoTable .col06{width:100px}
.goodsInfoTable .col07{width: 100px}
.goodsInfoTable .col08{width: 100px}
.goodsInfoTable .goodintro{ text-align: left; margin-top: 0;}
.goodsInfoTable .goodintro .tparea{ width: 70px; height: 50px;}
.goodsInfoTable .goodintro .tparea img{ height: 50px;}
.goodsInfoTable .goodintro .des{ padding-left: 84px; padding-top: 0;}
.goodsInfoTable .colName{ display: none;}
.bookTotal{ margin-top: 20px;}
.bookTotal .num{ color: #f00; font-size: 14px; font-weight: bold;}
/* 12会员中心-我的订单-配送中 */
.deliveryInfo{ padding: 10px 14px; border: 1px solid #eaeaea; background: #fff; width: 380px; position: absolute; left: 50%; margin-left: -204px; top:40px; z-index:10; display: none;}
.sendStatus .div1 .btn:hover .deliveryInfo{ display: block;}
.deliveryInfo::after{border: 6px solid transparent; border-bottom-color: #eaeaea; display: inline-block; position: absolute; left: -7px; left: 50%; top: -12px; content: ''; display: block;}
.deliveryInfoul{ background: url(./../images/icon/black2.png) 3px top repeat-y; padding-left: 18px;}
.deliveryInfoul li{ font-size: 12px; font-weight: normal; padding: 6px 0 6px 0px; position: relative; margin-left: 14px; list-style-type: decimal;}
.deliveryInfoul li::after{ content: ''; display: block; width: 7px;height: 7px; background: #666; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; left: -32px; top:10px;}
.act_deliveryInfo{color: #f00 !important}
/* 12会员中心-我的订单-支付失败 */
/* 12会员中心-我的订单-详情 */
.quitbookbtn{cursor: pointer;margin-left: 10px;color: #666; border: 1px solid #dcdcdc; background-color: #fff;display: inline-block;padding: 3px 20px;}
.quitbookbtn:hover{ border-color: #333; color:#333;}
/* 12会员中心-我的订单-已完成详情 */
/* 13提交订单 */
.choosepayway{}
.chooseTit{ font-size: 16px; padding-bottom: 8px; border-bottom: 1px solid #ddd; margin-bottom: 40px;}
.choosepayway .item{ margin-bottom: 40px;}
.choosepayway .item .tit input{ margin-right:6px;}
.bankCardul{ margin-top: 15px;}
.bankCardul li{ display: inline-block; cursor: pointer; width: 134px; margin-right: 12px; font-size: 0; padding: 1px; border: 1px solid #ddd;}
.bankCardul li img{ width: 100%; height: 40px;}
.act_banCard{ padding: 0 !important;border: 2px solid #f00 !important;}
.otherpayway{ margin-top: 15px;}
.otherpayway img{ width: 134px;height: 52px; border: 1px solid #ddd;}

.sbtn_red{ background-color: #d92b2e; color: #fff; border: none;}
.sbtn_red:hover{ background-color: #f00;}
/* 13提交订单1 */
.chooseTit .manAddBtn{ margin-top: 4px;}
.manAddBtn{ font-size: 12px; color: #a98650;}
.manAddBtn:hover{ font-size: 12px; color: #f60;}
.sgoodsInfoTable th{ border: none; background: none; margin-top: 20px;}

.givourMess{ margin-top: 34px; position: relative; padding-left: 90px;}
.givourMess .mc{ position: absolute; left: 0; top: 0; display: inline-block; line-height: 30px;}
.givourMess textarea{ width: 100%; border: 1px solid #d1d1d1; height: 28px; line-height:28px;padding:0 10px;}

.feeDel{ margin-top: 30px;}
.feeDel .list{ width: 600px; max-width: 100%; color: #666; padding: 4px 0;}
.feeDel .name{}
.feeDel .price{ display: inline-block; width: 150px; color: #f00; }
.feeDel .price2{ font-size: 20px; font-weight: bold;}
.submitDiv{ margin-top: 30px;}

.act_manAdd{padding: 18px 13px; border: 2px solid #f00; background:#f5f5f5 url(../images/icon/choosed2.png) right top no-repeat;}
/* 12会员中心-我的收藏 */
.mycoll{ padding-bottom: 30px;}
.mycollTable{width: 100%;}
.mycollTable td{ text-align: center; border-bottom: 1px solid #f1f1f1; padding: 50px 5px;}
.mycollTable .col01{ width:70px}
.mycollTable .col02{ width:300px; text-align: left;}
.mycollTable .col03{ width:100px}
.mycollTable .col04{ width:100px}
.mycollTable .col05{ width:140px}
.mycollTable .col02 .goodintro{ margin-top: 0;}
.mycollTable .close{ font-size: 20px; color: #999;}
.mycollTable .close:hover{  color: #0b6367;}
.mycollTable .status{  padding:8px 20px; border: 1px solid #b8b8b8;  text-align:center;  color:#666; text-transform: uppercase;  background:none; cursor:pointer; display: inline-block;}
.mycollTable  .addtoCartBtn{ padding:8px 0px; width: 100%; background-color: #0b6367; color: #fff; border: none; }
.mycollTable  .addtoCartBtn:hover{ padding:8px 0px; width: 100%; background-color: #027277; }

.turnpage2{ margin-top: 35px; font-size: 0;}
.turnpage2 a{ display: inline-block; font-size: 14px; position: relative; padding: 8px 20px; color: #666; border: 1px solid #f0f0f0; margin-left: -1px; vertical-align: top;}
.turnpage2 a:first-child{ border-radius: 20px 0  0 20px;}
.turnpage2 a:last-child{border-radius:0 20px 20px 0;}
.turnpage2 a:hover{ z-index: 3; background-color: #0b6367; color: #fff; border-color: #0b6367;}
.act_current2{z-index: 3; background-color: #0b6367 !important; color: #fff !important; border-color: #0b6367 !important}
/* 创建地址弹窗 */
.addresspup{ width: 850px; background: #fff; border: 10px solid #b5b5b5; max-height: 80%; overflow-y: auto;}
.addressarea{ width: 580px; padding: 10px 0 40px; margin: 0 auto;}
.addresspup .title{ background-color: #e7e7e7; line-height: 36px; position: relative; border-bottom: 1px solid #e7e7e7; font-weight: bold; padding: 0 14px;}
.addresspup .title .close{ position: absolute; right: 10px; top: 0; color: #666; cursor: pointer;}
.addresspup .title .close:hover{color: #0b6367;}
.addressarea .tit{ color: #ff7236; font-size: 12px; padding: 8px 0;}
.addressarea .country{ color: #666; background-color: #f3f3f3; padding:8px 14px; font-size: 12px;}
.addressarea .country .btn{color: #28acfe; float: right;}
.addressarea .country span{color: #333;}


.addresstab{width:100%; margin:6px 0 0 0px; font-size:14px;}
.addresstab .mc,.addresstab .nr{ padding:10px 0; vertical-align:top;}
.addresstab .mc{ width:120px; padding-right:14px;  line-height:32px;}
.addresstab .nr{ }
.addresstab .mc label{ text-align:right; font-size:14px; text-transform:uppercase;  color:#666; font-family:"宋体"; display:block;}
.addresstab .mc label .xing{ color:#f00; margin:0 3px 0 0;}
.addresstab .text{width:100%; height:30px; border:1px solid #c6c8cf; padding-left:8px; display:block;  font-size:14px; color:#555; line-height:30px;}
.addresstab .intl-tel-input{ width: 100%;}
.addresstab .select{width:100%; height:30px; border:1px solid #c6c8cf; padding-left:8px; display:block;  font-size:14px; color:#555; line-height:30px;}
.addresstab .textarea{width:100%; height:50px; border:1px solid #c6c8cf; padding:8px; display:block;  font-size:14px; color:#555; line-height:30px;}
.addresstab .file{ max-width:100%; height:30px; }
.addresstab select{width:324px; max-width:100%; height:30px; border:1px solid #dedede; display:block; float:left; font-size:12px; color:#555; line-height:30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.addresstab .tj{}
.addresstab .tj .sbtn{ margin-top: 20px;}
.addS1{ position: relative;}
.addSearchBtn{ position: absolute; right: 0; top: 0; display: inline-block; width: 32px; height: 32px; line-height: 32px; cursor: pointer;}
.addS2{ display: none; margin-top: 10px;}

/* 2产品列表 */
.pro{ padding: 34px 0 70px;}
.pro_l{ width: 316px;}
.pro_r{ margin-left:342px;}
.prolist_t{ overflow: hidden;}
.pro_r .layout{ border: 2px solid #f0f0f0; padding: 0 10px; height: 36px; line-height: 36px;}
.pro_r .layout a{ display: inline-block; width: 40px; color: #666; text-align: center; font-size: 18px;}
.pro_r .layout a:hover{ color: #333;}
.act_layout{ color: #333 !important}
.pro_r .order{}
.pro_r .order select{ margin-left: 10px; border: 2px solid #f0f0f0; padding: 0 10px; height: 40px; line-height: 40px; }
.pro_r .order .orderby{ width: 180px;}
.pro_r .order .pageNum{ width: 110px; }
.prolist_b .turnpage2{ margin-top: 0;}

.prolist{ overflow: hidden; padding: 40px 0 10px;}
.prolistul{ margin-right: -3%;}
.prolistul li{ width: 30.33%;margin: 0 3% 3% 0; float: left;}
.prolistul{}

.prolbox{ overflow: hidden; border: 2px solid #eeeeee; margin-bottom: 24px;}
.prolbox_tit{ color: #666; font-size: 18px; padding: 16px 20px 12px; border-bottom: 1px solid #f0f0f0; position: relative;}
.prolbox_tit .arr{color: #666;}
.prolbox_tit1{ background-color: #f3f3f3;}

.prosortul{ padding: 6px 0;}
.prosortul li{ padding: 6px 0 6px 20px; position: relative;}
.prosortul li a{}
.prosortul li a:hover{color: #0b6367;}
.prosortul li .iconfont{ position: absolute; right: 20px; top: 6px; cursor: pointer;}
.subprosortul1{ display: none;}
.subprosortul2{ display: none;}

.prosear .subitem{ padding: 14px 20px 40px;border-bottom: 1px solid #f0f0f0;}
.prosear .subitem_tit{ font-size: 16px;}

.pprice{}
.pprice .list{ margin-top: 20px; text-align: center;}
.pprice .text{ border: none; width: 108px; height: 32px; line-height: 32px; text-align: center; background-color: #f5f5f5; padding: 0 10px;}
.pprice .line{ width: 30px; height: 2px; display: inline-block; background-color: #999;}
.pprice .sbtn{}
.sbtn_lan{ font-size: 16px; width: 100%; padding: 7px 0; text-align: center; background-color: #0b6367; color: #fff; border: none;}
.sbtn_lan:hover{background-color: #027277;}

.pcompanyul{}
.pcompanyul li{ padding: 8px 0; font-size: 12px;}
.pcompanyul li input{ margin-right: 6px;}
.pcompanyul .num{ color: #999;}
.showmorebtn{ color: #999; cursor: pointer; font-size: 12px}

.shot{ margin-top: 20px;}
.shotslide{ overflow-x: hidden; overflow-x: visible;}
.shot .swiper-button-prev,.shot .swiper-button-next{ background-image: none; top: 16px; height: 30px; width: 30px; line-height: 30px; left: auto; margin-top: 0 }
.shot .swiper-button-prev .iconfont,.shot .swiper-button-next .iconfont{ font-size: 18px; color: #666;}
.shot .swiper-button-prev .iconfont:hover,.shot .swiper-button-next .iconfont:hover{color:#0b6367;}
.shot .swiper-button-prev{ right: 30px;}
.shot .swiper-button-next{ right: 10px;}

.shotlist{ padding: 20px; border-bottom:1px solid #f0f0f0; overflow: hidden;}
.shotlist a{ display: block;}
.shotlist .tparea{ font-size: 0; width: 80px;height: 80px;overflow: hidden; float: left; border: 1px solid #ddd;}
.shotlist .tparea .tp{ width: 80px; height: 80px;}
.shotlist .des{ margin-left: 100px;}
.shotlist .des .tit{ font-size: 12px;}
.shotlist .des .price{ color: #999; margin-top: 8px;}

/* 3产品详情1 */
.relatePro{ margin-top: 20px; }
.relatePro_tit{ background: url(../images/icon/black2.png) left center repeat-x;}
.relatePro_tit .mc{ display: inline-block; padding-right: 20px; line-height: 52px; font-size: 18px; background-color: #fff; font-weight: bold;}
.relatePro_tit .morea{ display: inline-block; padding: 12px 50px;background-color: #fff; border: 1px solid #eaeaea; color: #999;}
.relatePro_tit .morea .iconfont{ margin-left: 8px;}
.relatePro_tit .morea:hover{color: #0b6367; border-color: #0b6367;}
.relateProslide{ margin-top: 30px;padding-bottom: 70px; }
.relateProslide .swiper-pagination{ display: inline-block !important; width: auto !important; border: 1px solid #ddd; padding: 8px 18px; position: absolute; bottom: 0 !important; left: 50% !important; -webkit-transform: translateX(-50%) !important; -moz-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; -o-transform: translateX(-50%) !important; transform: translateX(-50%) !important;}
.relateProslide .swiper-pagination-bullet-active{ background-color: #000;}

.pdb{ margin-top: 60px; border:2px solid #f0f0f0; position: relative;}
.pdb_tit{ text-align: center; background-color: #fff; border:2px solid #f0f0f0; width: 400px; padding: 15px 0; position: absolute; left: 50%; margin-left: -202px; top:-28px; }
.pdb_tit span{ display:inline-block; cursor:pointer; font-size:18px; color:#666; padding:0px 24px; line-height: 20px; border-right: 1px solid #ddd;}
.pdb_tit span:last-child{ border: none;}
.act_pdb{ color:#333 !important;}
.pdb_con{ padding:100px 0 40px;}
.pdbbox{ display:none;}
.pdbbox .wz{font-size: 14px;color: #5f5f5f;line-height: 1.6;}

.pdt{ overflow: hidden;}
.pslide{ width: 52%;border: 1px solid #eaeaea; overflow: hidden;}
.pdtslide{ position:relative; z-index:3; }
.pdtslide .swiper-slide{position:relative; overflow:hidden;}
.pdtslide .swiper-slide img{ width: 100%; height: auto;}

.pintro{ width: 45%;}
.pintro .pro_tit{ font-size: 26px; font-weight: bold; line-height: 1.4;}
.pintro .des1 { font-weight: bold; }
.pintro .des1 .isexit{ font-size: 12px; color: #666;margin: 16px  0 4px;}
.pintro .des1 .number{color: #333;}
.pintro .priceArea{ margin-top: 20px;}
.pintro .priceArea .price{ font-size: 24px; color: #ff3333; font-weight: bold;}
.pintro .priceArea .tip{ margin-top: 6px; font-size: 12px; color: #666; line-height: 1.8;;}
.pintro .des2{ margin-top: 20px;}
.pintro .des2 .list{ font-size: 12px; padding: 3px 0; color: #666; position: relative; padding-left: 14px;}
.pintro .des2 .list::after{ content: ''; display: block; border: 4px solid transparent; border-left-color:#999; position: absolute; left: 0; top: 10px; }
.pintro .opa{ margin-top: 20px;}
.pintro .opa .sbtn{ margin-right: 28px;}
.pintro .setnum .span{ display: inline-block;width: 56px;height: 40px; color: #fff; background-color: #dc9715; font-weight: bold; line-height: 56px; line-height: 40px; font-size: 16px; text-align: center; cursor: pointer; }
.pintro .setnum .span:hover{ background-color: #f60;}
.pintro .setnum .text{ color: #666; width: 28px; text-align: center; line-height: 40px; border: none;}
.pintro .opa .cangbtn{margin-left: 28px; width: 40px; height: 40px; border: 1px solid #ddd; display: inline-block; text-align: center; line-height: 40px; font-weight: bold; color: #ddd; cursor: pointer; }
.act_cangbtn{ border-color: #f00 !important; color: #f00 !important}

.pintro .share{ margin-top: 30px;}
.pintro .sign{ color: #666; margin-top: 8px;}
.pintro .sign .mc{color: #333;}



/*分类筛选*/
.wapsort{ display: none; position: relative; z-index: 1;}
.sort{ background-color:#fff; position:relative; z-index:100; width:100%;}
.sortheight{ height:0px;}
.sort_tit{ font-size:0;  border-bottom:1px solid #e9e9e9; }
.sort_tit span{ display:inline-block; line-height:40px;padding:0px 0; font-size:14px; width:33.33%; text-align:center; position:relative;}
.sort_tit span .icon{ vertical-align:middle; width:14px; height:20px; margin-left:8px; line-height:20px; background:url(../images/icon/arr_bs.png) center center no-repeat; -webkit-background-size:100%; -moz-background-size:100%; -ms-backgrounc-size:100%; -o-background-size:100%; background-size:100%; display:inline-block;}
.sort_tit span::after{ content:""; display:block; width:1px; height:40px; background-color:#d9d9d9; position:absolute; right:0; top:50%; margin-top:-20px;}
.sort_tit span:last-child::after{ display:none;}
.act_sort{color:#008cd6 !important; } 
.act_sort .icon{ background-image:url(../images/icon/arr_ts.png) !important; }

.sort_con{ width:100%; position:absolute; left:0; top:41px; background-color:#fff;}
.sortbox{ display:none; background-color:#fff;}
/*.sortbox1{ padding:1rem 2% 0.2rem;}
.sortbox1{ border-bottom:1px solid #ddd;  position:relative;}
.sortbox1 a{ font-size:1.2rem; display:inline-block;padding:0.4rem 0.8rem; background-color:#eeeeee; margin-right:0.8rem; margin-bottom:0.6rem;}
.act_sortbox{ background-color:#f6f4f0 !important;}
*/
.sortbg{ position:fixed; width:100%; height:100%; background:url(../images/icon/black6.png) repeat; left:0; top:0; z-index:80; display:none;}
.entire_row_ul{ border-top:0px solid #dedede;}
.entire_row_ul li{ padding:10px 3%; font-size:14px; border-bottom:1px solid #dedede; position:relative;}
.entire_row_ul li .radiobtn_dui{ position:absolute; right:3%; top:50%; margin-top:-12px;}

.radiobtn_dui{ background:url(../images/icon/radio.png) center center no-repeat; width:24px; height:24px; display:inline-block; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%; -o-background-size:100% 100%; background-size:100% 100%;}
.radiobtn_dui input{ width:100%; height:100%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.act_radiobtn{ background-image:url(../images/icon/dui_icon.png) !important;}

.act_entire_row{ background-color:#f5f5f5;}
.act_entire_row .radiobtn_dui{background-image:url(../images/icon/dui_icon.png) !important;}

/*多列筛选*/
.multicol{ border:1px solid #e5e5e5; border-width:0 0 1px 0;}
/*左侧*/
.m_mc{ width:34%; float:left;}
.m_mc .item{padding:10px; font-size:14px; border-bottom:1px solid #dedede; position:relative; color:#555;}
.m_mc .item .arr{position:absolute; right:20px; top:50%; margin-top:-12px; font: size 14px; height:24px; display:inline-block;}
.m_mc .item.active{ color:#fc8723 !important; background-color:#f6f6f6;}
/*右侧*/
.m_val{ width:66%; float:right; border:1px solid #e5e5e5; border-width:0 0 0 1px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;  max-height:320px; overflow:scroll; min-height:320px;}
.m_val .item{ display:none;}
.mvalul{}
.mvalul li{ padding:10px 3%; font-size:14px; border-bottom:1px solid #dedede; position:relative;}
.mvalul li .radiobtn_dui{ position:absolute; right:3%; top:50%; margin-top:-12px;}
.multicol .opa{ padding:10px 3%; box-shadow:0 0 2px 0 #ccc;}
.multicol .opa .sbtn{ font-size:14px;}

/*从哪里出发 侧边ABCDEF*/
.rstab{  padding-right:100px;min-height:520px; position:relative;}
.rs_tit{ font-size:14px; background-color:#fffaf3; position:absolute; right:0; top:0; height:100%; overflow:scroll; width:10px; background-color:#efefef;}
.rs_tit span{ display:block; text-transform:uppercase;padding:20px 0rem; text-align:center; font-size:20px; border-bottom:1px solid #dedede; position:relative; color:#555; cursor:pointer;}
.act_rs{ color:#fc8723 !important; }
.rs_con{ max-height:320px; overflow:scroll; }
.rsbox{ display:none;}

.sortbox .subitem{ padding: 6px 3%;}

/* 手机搜索页面 */
.wapsearch{ border-bottom:1px solid #ccc; padding-bottom:26px; margin-bottom:26px; position: relative;}
.returnPrev{ position: absolute;  left: 2%; display: inline-block; width: 34px;height: 34px; line-height: 34px; font-size: 22px; font-weight: bold;color: #0b6367; }
.wapsearchbox{ overflow:hidden; margin:24px 4% 14px 40px;}
.wapsearchbox .text{ display:block; width:75%; float:left; height:34px; border:1px solid #cccccc; border-right:none; padding-left:0px; background:url(../images/icon/search.png) 7px center no-repeat; font-size:12px; color:#555; line-height:32px;}
.wapsearchbox .tj{ display:block; width:24%; float:left; height:34px; border:1px solid #ccc; background:url(../images/icon/sea_tj.png) left center repeat-x; font-size:14px; text-align:center; color:#333; cursor:pointer;}
.wapsearchbox .tj:active{ background-color:#f1f1f1; background-image:none;}
.hotword{ font-size:12px; padding:8px 4% 0;}
.hotword span{ color:#e90011; font-weight:bold;}
.hotword a{ color:#222; margin-left:19px; }
.hotword a:hover{ color:#e90011;}
.search_del{ padding-bottom:10px;}
.search_del h6{ font-size:16px; color:#333; margin-bottom:20px; padding:0 3%;}
.search_del h6 span{ color:#cc0000; margin:0 9px;}
.search_del dl{ margin-bottom:16px; border-bottom:1px solid #ccc; padding:0 3% 16px;}
.search_del dt{ font-size:14px; font-weight:bold; color:#333; margin-bottom:8px;}
.search_del dt a{ color:#333;}
.search_del dt a:hover{ color:#112369;}
.search_del dd{ font-size:12px; color:#999;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.search_del .page{ margin-top:40px;}

.status_sended{ color: #999 !important; cursor: default !important;}


/* background-image: linear-gradient(122deg, #0b6367, #027277); */
.pcshow{ display:inline-block;}
.wapshow{ display:none;}
.bg_b{ background-color: #222222;}
.bg_g{ background-color: #f2f2f2;}
.bg_g2{ background-color: #fafafa;}
.hlan{ color: #0b6367;}
.qhlan{ color: #027277;}
.red{ color: #f00}
.lan{ color: #28acfe;}
.red2{ color: #b2191b;}
.border2ddd{border: 2px solid #ddd;}
.border1px{border: 1px solid #dbdbdb;}
.w240{ width: 240px;}
.w340{ width: 340px;}
.w280{ width: 280px;}
.w150{ width: 150px;}
.w42{ width: 42px;}