body, dl, dd, ul, ol, h1, h2, h3, h4, form, input, button, textarea, p, th, td { margin: 0; padding: 0; }
body { font: 12px/1.5 arial, 'Microsoft YaHei'; color: #333333; font-size: 12px; background: #fff; }
img { vertical-align: middle; border: none; }
ul, ol { list-style: none outside none; }
table { border-collapse: collapse; border-spacing: 0; }
button, input, select, textarea { font-size: 100%; vertical-align: middle; }
a { color: #333333; text-decoration: none; blr: expression(this.onFocus=this.blur()); }
a:hover { text-decoration: none; text-decoration: none !important; color: #478cd2; }
:focus { outline: 0 none; }
h1, h2, h3 { font-size: 100%; font-weight: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; -moz-appearance: button; }
.text, .btn, textarea { font-family: arial, 'Microsoft YaHei'; }
.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
.clearfix { *zoom: 1; }
em, i { font-style: normal; }
li { list-style: none; }
h3 { font-weight: normal; }
.fl { float: left; }
.fr { float: right; }
body, head { min-width: 1200px; }
.wrap { width: 1200px; margin: auto; }
a, img, .nav li a:before,.gory-imgs,.reg-nav-item:before,.pro-list li,.gene-list-tilte{ -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; }
img { max-width: 100%; }

/*首页*/
.head { position: fixed; top: 0; left: 0; width: 100%; height: 80px;  z-index: 1024; background: #fff;}
.logo { margin-top: 8px; }
.logo-txt { font-size: 24px; margin-top: 30px; margin-left: 22px; }
.nav { float: right; padding-top: 26px; }
.nav li { float: left; margin-right: 24px; }
.nav li:last-child { margin-right: 0; }
.nav li a { display: block; font-size: 16px; padding: 0 10px; color: #000; line-height: 28px; position: relative; }
.nav li a:hover{ color: #37b3c2;}
.nav li a:before { position: absolute; bottom: -16px; left: 50%; width: 0; height: 5px; margin-left: 0; background: #37b3c2; content: ""; opacity: 0; }
.nav li.on a:before, .nav li:hover a:before { width: 100%; opacity: 1; margin-left: -50%; }
.nav li.on a{color: #37b3c2;}
.login-register{
  float: right;
  margin-left: 50px;
  padding-top: 26px;
  /*display: none;*/
}
.login-register a{
  display: inline-block;
  width: 88px;
  height: 28px;
  font-size: 16px;
  text-align: center;
  line-height: 28px;
  color: #000;
  border-radius: 28px;
  margin-left: 10px;
  border:1px solid #37b3c2;
}
.login-register a:hover{ background: #37b3c2; color: #fff;}
.reg-links{
  float: right;
  height: 80px;
  line-height: 80px;
  margin-left: 60px;
  position: relative;
}
.reg-pos-slt{
  position: absolute;
  top: 80px;
  left: 50%;
  width: 133px;
  height: auto;
  background: #fff;
  margin-left: -67px;
  border:1px solid #dcdcdc;
  box-shadow: 0 0 15px #e4e4e4;
  display: none;
}
.reg-photo{font-size: 14px;}
.reg-pos-slt a{
  display: block;
  font-size: 14px;
  line-height: 59px;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.reg-pos-slt a:last-child{ border-bottom: none;}
.reg-links:hover .reg-pos-slt{ display: block;}



/**
 * 轮播图
 */
.slide-img { overflow: hidden; position: relative; margin-top: 80px; }
.slide-b li, .banner { background-size: cover !important; }
.slide-img .flex-control-nav { position: absolute; bottom: 14px; left: 0; width: 100%; overflow: hidden; z-index: 99; text-align: center; display: none; }
.slide-img .flex-control-nav li { display: inline-block; text-indent: -9999px; margin: 0 7px; border-radius: 50%; overflow: hidden; }
.slide-img .flex-control-nav li a { display: block; width: 12px; height: 12px; font-size: 0; text-indent: -9999px; cursor: pointer; background: rgba(255, 255, 255, 0.5); }
.slide-img .flex-control-nav li .flex-active { background: #fff; }
.flex-direction-nav { display: none; }

.category{
  padding: 25px 0 17px;
  border-bottom: 1px solid #ddf0f4;
  background: #edf6f9;
}

.gory-box li{
  float: left;
  width: 20%;
}
.gory-imgs{
  float: left;
  width: 99px;
  height: 99px;
  border:1px solid #37b3c2;
  border-radius: 50%;
  background: url(../images/icon_07.png) no-repeat;
  -webkit-perspective: 500;
  -moz-perspective: 500;
  -ms-perspective: 500;
  -ms-transform: perspective(500px);
  -moz-transform: perspective(500px); /*重要*/
  transform-style: preserve-3d; /*重要*/
}
.gory-box li:nth-child(1) .gory-imgs{
  background-position: 35px 26px;
}
.gory-box li:nth-child(2) .gory-imgs{
  background-position: -199px 26px;
}
.gory-box li:nth-child(3) .gory-imgs{
  background-position: -430px 26px;
}
.gory-box li:nth-child(4) .gory-imgs{
  background-position: -662px 26px;
}
.gory-box li:nth-child(5) .gory-imgs{
  background-position: -895px 26px;
}
.gory-box li:hover .gory-imgs{
  background-color: #37b3c2;
  background-image: url(../images/icon_06.png);
  -webkit-transform: rotateY(180deg); /* flip horizontally 180deg*/
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.gory-con{ 
  float: left;
  margin-left: 18px;
  text-align: center;
  padding-top: 25px;
  font-size: 18px;
  color: #12708c;
}
.gory-nmb{
  font-size: 34px;
  line-height: 34px;
}

.ind-box{
  padding: 115px 0;
  overflow: hidden;
}
.ind-item{
  margin-bottom: 130px;
  position: relative;
}
.ind-item:last-child{margin-bottom: 0;}
.ind-item-imgs{
  width: 395px;
  height: 450px;
  overflow: hidden;
}
.ind-item-title{
  font-size: 120px;
  color: #666666;
  font-family: "Mongolian Baiti";
}

.ind-pos-box{
  position: absolute;
  top: 65px;
  width: 815px;
  height: 216px;
  padding: 96px 50px 0;
  background-image: url('../images/picbg_06.png');
  background-repeat:repeat-x;
  box-shadow: 0 20px 50px #cfedf5;
}
.ind-pos-l{left: 0;}
.ind-pos-r{right: 0}
.ind-item:nth-child(2n) .ind-pos-box{
  background-image: url('../images/picbg2_13.png')
}

.ind-pos-titles{
  font-size: 36px;
  line-height: 52px;
  margin-bottom: 31px;
}
.ind-pos-desc{
  line-height: 34px;
  font-size: 20px;
  height: 68px;
  overflow: hidden;
  color: #666;
}
.more{ padding-top: 12px; text-align: right;}
.more-a{
  display: inline-block;
  width: 19px;
  height: 9px;
  background: url('../images/more_03.png') no-repeat; 
}
.more-a:hover{transform:translate(0,-10px);}

/* 底部 */
.foot{
  font-size: 14px;
  color: #666;
}
.foot a{ color: #666; }
.foot-head{
  padding: 35px 0;
  background: #f5f5f5;
}
.foot-btm{
  font-size: 12px; 
  line-height: 60px; 
  color: #fff;
  text-align: center;
  background: #0b0b08;
}
.foot-btm a{ color: #fff;}

.foot-dl{
  float: left;
  width: 696px;
}
.dl-items{
  float: left;
  width: 25%;
}
.dl-items dt{
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 24px;
}
.dl-items dd a{
  display: block;
  line-height: 28px;
}
.foot-web{
  float: left;
  margin-left: 22px;
  text-align: center;
}
.foot-web p{ margin-bottom: 30px; }

.foot-con{
  float: right;
  line-height: 26px;
}
.foot-con h3{margin-bottom: 26px;}

.banner{margin-top: 80px;}
.main{
  padding: 28px 0;
  background: #f8f9f9;
}
.box{
  font-size: 16px;
  color: #666;
  line-height: 36px;
}



.main-slt{
  float: left;
  width: 318px;
  margin-left: 30px;
  padding: 22px 15px;
  background: #fff;
  border:1px solid #e6e7e7;
  border-radius: 5px;
}
.main-slt-head{
  font-size: 20px;
  color: #707071;
  line-height: 46px;
  padding-left: 30px;
  margin-bottom: 10px;
}
.slt-list li{
  cursor: pointer;
}
.slt-list>li>a{
  display: block;
  padding-left: 78px;
  font-size: 16px;
  color: #707071;
  line-height: 54px;
  border-radius: 4px;
  background: url(../images/icon_05.png) no-repeat;
}
.slt-list>li:nth-child(1)>a{background-position: 36px 12px;}
.slt-list>li:nth-child(2)>a{background-position: 33px -43px;}
.slt-list>li:nth-child(3)>a{background-position: 33px -98px;}
.slt-list>li:nth-child(4)>a{background-position: 33px -150px;}
.slt-list>li>a:hover,.slt-list li.on>a{ background-color: #f2f2f2;}
.slt-title{
  float: left;
  width: 75%;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.nape{float: right; font-size: 12px; margin-right: 34px;}

.main-con{
  float: right;
  width: 752px;
  margin-right: 30px;
  border:1px solid #e6e7e7;
  border-radius: 5px;
  padding-bottom: 30px;
  background: #fff;
}
.gene-head{
  height: 110px;
  padding-top: 32px;
  padding-left: 30px;
  background: url(../images/gbg_05.jpg) repeat-y;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.gene-img{
  float: left;
  width: 80px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  border-radius: 50%;
  background: #fff;
  overflow: hidden;
}

.gene-head-box{
  margin-left: 80px;
  padding-left: 20px;
  color: #fff;
}
.gene-head-box h3{
  line-height: 39px;
  font-size: 30px;
  margin-bottom: 8px;
}
.gene-head-con{
  font-size: 16px;
  line-height: 30px;
}

.gene-cont{ padding: 40px 22px 0; background: #fff;}
.gene-item-tilte{
  height: 45px;
  line-height: 45px;
  font-size: 30px;
  color: #57beca;
  font-weight: 700;
  margin-bottom: 30px;
  border-bottom: 1px solid #b0e0e6;

}
.gene-nmb{
  float: left;
  width: 39px;
  height: 39px;
  border-radius: 50%;
  margin-top: 3px;
  text-align: center;
  line-height: 39px;
  color: #fff;
  font-size: 28px;
  background: url(../images/icon_07.jpg) no-repeat;
}
.gene-in-box{
  padding: 0 22px;
  line-height: 30px;
}


.gene-list{ padding: 0 42px;}
.gene-list li{
  height: 47px;
  border-bottom: 1px solid #e2e2e3;
}
.gene-list li a{ 
  display: block;
  line-height: 47px;
  padding-left: 20px;
  color: #707071;
  font-size: 14px;
}
.gene-list-tilte{
  float: left;
  width: 80%;
  overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.gene-list-nape{ float: right;}
.gene-list-nape i{ color: #71c9d8; padding-right: 12px; font-style: normal;}

.hea-item{margin-bottom: 30px;}
.hea-img{
  float: left;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.hea-con{
  margin-left: 100px;
  padding-left: 12px;
  font-style: 14px;
  line-height: 24px;
  color: #666666;
}
.hea-con h3{
  font-size: 24px;
  color: #37b3c2;
  line-height: 24px;
  margin-bottom: 8px;
}
.gene-list li:hover .gene-list-tilte{ transform:translate(5px,0);}

.hea-list{
  padding:0 11px;
  margin-bottom: 64px;
}

.hea-list-left{
  float: left;
  width: 130px;
}
.hea-list-left h3{
  font-size: 16px;
  color: #fff;
  height: 40px;
  line-height: 40px;
  margin-bottom: 8px;
  text-align: center;
  background: #37b3c2;
}
.hea-list-ul li{
  height: 46px;
  text-align: right;
  padding-right: 16px;
  line-height: 40px;
  margin-bottom: 16px;
  color: #707071;
  cursor: pointer;
  font-size: 16px;
  background: url(../images/hea_08.png) no-repeat;
}
.hea-list-ul li i{ font-family: "宋体"}
.hea-list-ul li:hover,.hea-list-ul li.on{ color: #fff; background-image: url(../images/hea_05.png);}

.hea-list-r{margin-left: 132px;}
.tbl-head{margin-bottom: 8px;}
.tbl-head th{ font-size: 16px; color: #fff;}

.tbl-item{ display: none;}
.tbl-item td{ font-size: 12px; border:1px solid #b4e1e7;}

.pos-nmb{
  position: absolute;
  top: 50px;
  left: 36px;
  font-size: 24px;
  color: #37b3c2;
  font-weight: 700;
  font-family: "Arial";
}
.dog{
  background-image: url(../images/lot_04.jpg);
  background-position: center;
  background-repeat: no-repeat;
}
.cat{
  background-image: url(../images/lot_08.jpg);
  background-position: center;
  background-repeat: no-repeat;
}

.pro-slt.slt-list li:nth-child(1) a {
    background-position: 33px -43px;
}
.pro-slt.slt-list>li:nth-child(2)>a {
    background-position: 42px 10px;
    background-image: url(../images/icon_03.png);
    background-repeat: no-repeat;
}


.slt-list ul{ display: none;}
.slt-list ul li.on .pro-slt-two{ display: block;}
.slt-list>li.open>a{     color: #fff;
    background: #2277c9;}
.science-slt ul>li>a:before{
  width: 10px;
  height: 15px;
  background: url(../images/iocn_07.png) no-repeat;
}
.science-slt ul>li>a:hover,.open>a.active{
  color: #2277c9;
}


.pro-slt-two{
  padding: 12px 10px;
  display: none;
}
.pro-slt-two li{
  margin-bottom: 3px;
}
.pro-slt-two a{
  display: block;
  line-height: 42px;
  font-size: 14px;
  color: #666;
  padding-left: 70px;
  border-radius: 4px;
  background: #f2f2f2;
  margin-bottom: 3px;
}
.pro-slt-two a:last-child{margin-bottom: 0;}
.pro-slt-two a:hover,.pro-slt-two a.active{ background: #3fb5c4; color: #fff;}



.pro-list{ padding: 40px 28px 0; background: #fff;}
.pro-list li{
  float: left;
  width: 200px;
  height: 280px;
  margin: 0 16px 34px;
  background-color: #f6f6f6;
}
.pro-list-imgs{
  display: block;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  overflow: hidden;
  margin:25px auto 22px;
}
.pro-list-con{
  padding-left: 25px;
}
.pro-list-title{
  font-size: 16px;
  line-height: 30px;
  overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.pro-list-title a{color: #707071;}
.pro-list-title a:hover{ color: #3fb5c4;}
.pro-list-price{
  font-size: 12px;
  color: #f56c6c;
  line-height: 30px;
}
.pro-list-view{
  font-size: 12px;
  line-height: 24px;
  color: #37b3c2;
}

.pro2-list li{
  height: 260px;
}
.pro-list li:hover{
  box-shadow: 0 5px 10px #e1e1e1;
  transform:translate(0,-10px);
}


.pro-pad{ padding: 40px 35px 0; background: #fff;}
.pro-buy{margin-bottom: 34px;}
.buy-img{
   float: left;
   width: 130px;
   height: 130px;
   border-radius: 50%;
   margin-left: 103px;
   overflow: hidden;
}
.buy-title{
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 14px;
}
.buy-price{
  font-size: 12px;
  color: #707071;
  line-height: 18px;
  margin-bottom: 14px;
}
.buy-price span{font-size: 16px; color: #333;}
.buy-con{
  margin-left: 238px;
  padding-left: 60px;
}
.buy-inp{ margin-bottom: 26px;}
.buy-btn a{
  display: inline-block;
  width: 150px;
  height: 42px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  line-height: 42px;
  margin-right: 10px;
}
.buy-a{ background:#39b3c2;}
.buy-add{ background:#f56c6c;}

.buy-inp div,.buy-nmb{ height: 30px!important; line-height: 30px!important;}
.buy-inp div{ width: 112px!important; border-radius: 3px; border-color: #d4dadd!important;}
.buy-inp div>div{ width: 30px!important;}
.buy-nmb{ width: 48px!important;}

.pro-in-head{
  font-size: 16px;
  color: #666;
  line-height: 42px;
  border-bottom: 1px solid #37b3c2;
}


/*联系我们*/

.cont-titles{
  font-size: 24px;
  text-align: center;
  line-height: 46px;
  margin-bottom: 14px;
}
.cont-titles span{
  font-size: 30px;
  color: #37b3c2;
  font-family: "Arial";
  padding-left: 38px;
  text-transform: uppercase;
}
.cont-con{
  margin-top: 78px;
  padding: 28px;
  background: #fff;
}

.cont-img{
  float: left;
  margin: 37px 0 0 28px;
}
.cont-desc{
  float: left;
  font-size: 14px;
  line-height: 30px;
  margin-left: 88px;
  padding: 12px 0 12px 70px;
  border-left: 1px solid #f1f1f1;
}
.cont-web{
  float: right;
  padding-left: 100px;
  border-left: 1px solid #f1f1f1;
}

.gz{
  float: left;
  width: 20px;
  font-size: 14px;
  line-height: 16px;
  color: #666;
  padding-top: 20px;
  margin-right: 15px;
}

/*购物车*/
.cart-con{
  float: none;
  margin:auto;
  width: 1044px;
}

.cart-con .gene-head{
  background-image: url(../images/cartbg_07.jpg);
}
.cart-box{
  padding: 40px 50px 0;
  background: #fff;
}

.cart-head{
  line-height: 40px;
  font-size: 14px;
  color: #57beca;
  margin-bottom: 14px;
}
.cart-head span{ float: left;}
.check-all{ width:100px;padding-left: 5px;}
.cart-title{ width: 160px;}
.cart-price{ width: 181px; text-align: center;}
.cart-nmb{ width: 114px; text-align: center;}

.cart-money{ width: 276px;text-align: center;}
.cart-operation{ width: 104px;text-align: center;}





.cart-item{
  position: relative;
  padding: 23px 0;
  border:1px solid #e6e6e6;
  border-bottom: none;
}
.cart-item:last-child{border-bottom:1px solid #e6e6e6;}
.cart-item>div{
  float: left;
  font-size: 16px;
  color: #707071; 
  line-height: 76px;
}
.cart-clr{ color: #ff3b3b;}
.cart-item>.pos-check{
  position: absolute;
  top: 5px;
  left: 5px;
  line-height: normal;
}
.cart-nmb div{ height: 30px!important; line-height: 30px!important;}
.cart-nmb div{ width: 112px!important; border-radius: 3px; border-color: #d4dadd!important;}
.cart-nmb div>div{ width: 30px!important;}

.cart-item-imgs img { width: 76px; height: 76px; border-radius: 50%; margin-left: 10px; }
.cart-nmb>div { margin-top: 20px; }
.cart-count { height: 52px; line-height: 52px; margin-top: 38px; font-size: 24px; font-weight: 700; }
.count-total { float: left; width: 77%;padding-right: 3%; color: #3ab4c3; text-align: right; background: #eee; }
.total_text{ color: #ff8585;}
.count-money { float: left; width: 20%; height: 52px; color: #fff; border:none; cursor: pointer; background: #ff8585; text-align: center; }
.count-money a{ color: #fff;}
.count-money:hover { color: #fff; background: #3ab4c3 }

.amount_box{
 border: 1px solid #ccc;
}
.reduce,.plus{ 
 float: left;
 width: 30px;
 text-align: center;
 line-height: 30px;
 border-radius: 3px;
}
.reduce{border-right: 1px solid #ccc;}
.plus{ border-left: 1px solid #ccc; }
.sum{
 float: left;
 width: 48px;
 height: 30px;
 border:none;
 text-align: center;
} 

/*订单页*/
.dent-box{
  padding: 0 44px;
}
.consignee{
  line-height: 49px;
  font-size: 16px;
  border-bottom: 1px solid #e6eaec;
}
.cons-mess{margin-bottom: 42px;}
.cons-item{margin-top: 30px;}
.cons-name{
  float: left;
  width: 100px;
  line-height: 42px;
  font-size: 16px;
  color: #707071;
}
.cons-text{
  width: 202px;
  height: 40px;
  border-radius: 3px;
  padding: 0 15px;
  border:1px solid #bbc4c9;
}
.cons-slt{
  width: 138px;
  margin-right: 20px;
}
.cons-adds{width: 502px;}

.invoice{
  margin:20px 0; 
}
.inv-item { width: 124px; float: left; font-size: 14px; color: #707071; text-align: center; line-height: 32px; margin-right: 20px; border: 1px solid #dddddd; position: relative; cursor: pointer; }
/*.inv-item:last-child { margin-right: 0; }*/
/*.inv-item:before { position: absolute; bottom: 0; right: 0; width: 11px; height: 12px; background: url(../images/icon_03.jpg) no-repeat; content: ""; display: none; }*/
/*.inv-item:nth-child(1) { width: 124px; }*/
/*.inv-item:nth-child(2) { width: 260px; }
.inv-item:nth-child(3) { width: 234px; }*/
.is-invoice{
    width: 124px;
    float: left;
    font-size: 14px;
    color: #707071;
    text-align: center;
    line-height: 32px;
    margin-right: 20px;
    border: 1px solid #dddddd;
    position: relative;
    cursor: pointer;
  }
.inv-item:hover, .inv-item.show { border-color: #ff0000 }
.is-invoice:hover, .is-invoice.show { border-color: #ff0000 }

.pay{margin: 26px 0;}
.indent-nmb{
  padding: 12px 0;
  min-height: 120px;
  border-top: 1px solid #e2e2e2;
}
.dent-dl dt,.dent-dl dd{
  float: left;
  color: #707071;
  line-height: 40px;
  font-size: 14px; 
}
.dent-name{ width:448px; color: #333;}
/*.dent-dl .dent-nmb{ width: 305px; font-size: 14px;}*/
.dent-sum{ width: 122px; text-align: center;}
.dent-dl .dent-nmb{ width: 70px; text-align: right;}
.dent-money {
    width: 145px;
    text-align: right;
}


.payment{
  border-top: 1px solid #e2e2e2;
  padding-top: 16px;
  line-height: 40px;
  font-size: 16px;
}
.payment-money{
  float: right;
  color: #f87171;
  font-size: 14px;
}
.money{font-size: 24px; color: #f87171; text-align: right; margin-top: 16px;}
.submit{
  font-size: 18px;
  color: #37b3c2;
  width: 210px;
  height: 48px;
  line-height: 48px;
  border-radius: 50px;
  text-align: center;
  background: #37b3c2;
  color: #fff;
  border:1px solid #37b3c2;
}
.submit:hover{ background: none; color: #37b3c2}


/*登录页*/
.register-box{
  width: 469px;
  height: 690px;
  padding: 0 100px;
  background: #fff;
  border:1px solid #ccc;
  margin: 50px auto;
}
.reg-head{
  margin: 70px 0 40px;
  text-align: center;
}

.reg-nav-item{
  float: left;
  width: 33.3%;
  font-size: 20px;
  color: #707071;
  line-height: 44px;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.reg-nav-item:before{
  position: absolute;
  bottom: -4px;
  left: 50%;
  width: 0;
  height: 4px;
  margin-left: 0;
  background: #37b3c2;
  content: "";
  opacity: 0;
}
.reg-nav-item:hover:before,.reg-nav-item.on:before{
  width: 92px;
  margin-left: -46px;
  opacity: 1;
}

.reg-box{margin-top: 38px;}
.reg-item{ margin-bottom: 30px;}
.reg-text{
  width: 434px;
  height: 47px;
  padding: 0 15px;
  border:1px solid #cfcfcf;
}
.reg-text:hover{ border-color: #37b3c2;}

.reg-text::placeholder{ font-size: 14px; color: #707071}

.code{ width: 113px;margin-right: 15px;}
.code-img{ width: 115px; height: 48px;}

.reg-check{ float: left; font-size: 14px; color: #707071;}
.reg-item a{ color: #39b3c7;}
.reg-log { float: right; margin-left: 92px;}
.reg-sub{ width: 330px; height: 50px; margin: auto; display: block; border-radius: 50px; background: #37b3c2; font-size: 18px; color: #fff; border:none;}

.getcode{ width: 180px; height: 47px; border:none; margin-left: 10px; font-size: 14px; color: #fff; background: #37b3c2;}
.phone-code{ width: 200px;}

.reg-web{ text-align: center;}
.reg-box-item{ display: none;}

.pos-agr{
  position: fixed;
  top: 50%;
  left: 50%;
  width: 460px;
  height: 520px;
  margin-left: -251px;
  margin-top: -276px;
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  border:1px solid #37b3c2;
  display: none;
}
.agr-title{
  font-size: 24px;
  height: 60px;
  font-weight: 700;
  line-height: 60px;
  margin-bottom: 15px;
  text-align: center;
  color: #37b3c2;
}

.pos-agr-con{
  text-indent: 2em;
  line-height: 28px;
  font-size: 16px;
  color: #999;
  height: 280px;
}
.agr-btn{
  display: block;
  width: 180px;
  height: 42px;
  color: #fff;
  margin:80px auto 0;
  border-radius: 42px;
  font-size: 18px;
  text-align: center;
  line-height: 42px;
  border:1px solid #37b3c2;
  background: #37b3c2;
}
.agr-btn:hover{ background: none; color: #37b3c2;}

.log-nav .reg-nav-item{width: 50%;}


.dete-slt.slt-list li>a,.dete-slt .slt-list li>a{
  background-image: none;
}


.dete-cont{
  padding:40px 32px 0;
  background: #fff;
}
.th{ background: url(../images/debg_07.jpg) no-repeat; background-size: cover; }
.dete-tbl .th td{
  font-size: 14px;
  color: #fff;
  text-align: center;
  border:none;
}
.dete-tbl td{
  border:1px solid #f6f6f6;
}
.de-red{
  color: #f87171;
}
.de-clr{
  color: #2c7a9a;
}

.bound{
  display: block;
  width: 256px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  color: #fff;
  border-radius: 44px;
  background: #4fbac8;
  font-size: 18px;
  margin:26px auto 0;
  border:1px solid #4fbac8;
}
.bound:hover{ background: none; color: #4fbac8;}


.main-slt-box{
  float: left;
  margin-left: 30px;
}
.main-slt-box .main-slt{ float: none; margin-left: 0;}

.de-head-box h3{ margin-bottom: 0; line-height: 80px;}

/*我的订单*/
.ord-head { height: 60px; font-size: 30px; line-height: 60px; color: #fff; text-align: center; background: url(../images/obg_03.jpg) repeat-x; position: relative; }
.ord-head:before { position: absolute; bottom: 0; left: 50%; width: 130px; height: 2px; background: #37b3c2; margin-left: -65px; content: ""; }
.ord-box { width: 700px; margin: 34px auto; }
.ord-dl-head { height: 35px; line-height: 35px; text-align: center; margin-bottom: 30px; background: #37b3c2; }
.ord-dl-head dd span { float: left; width: 16.6%; font-size: 14px; color: #fff; }
.ord-dl-con { text-align: center; margin-bottom: 20px; border: 1px solid #dcdcdc; padding-bottom: 10px;}
.ord-clr {  margin-right: 12px;}

.ord-dl-con dt{
 color: #fff;
    background: #37b3c2;
 margin-bottom: 10px;
 border-bottom: 1px solid #dcdcdc;
}
.ord-dl-con dt span{
 float: left;
 width:20%;
 line-height: 40px; 
 font-size: 14px;
}
.ord-dl-con dt .order_nmb{
 width:30%;
 text-align: left;
 font-size: 15px;
 padding-left: 4%;
}
.ord-dl-con dt .order_price{
 width:16%;
}
.ord-dl-con dt .order_date{
 width:30%;
}

.ord-dl-con dd{
 margin:0 4%;
 border-bottom: 1px solid #dcdcdc;
}
.ord-dl-con dd:last-child{
 border-bottom: none;
}
.ord-dl-con dd span{
 float: left;
 width:20%;
 font-size: 14px;
 line-height: 34px; 
}
.ord-dl-con dd .order_name{
 width:60%;
 text-align: left;
}
.ord-dl-con dd .order_quantity,
.ord-dl-con dd .order_price{
 width:20%;
 text-align: right;
}


/*个人资料*/
.pers-con{
  width: 668px;
  height: 486px;
  margin: 110px auto 50px;
  /*border:1px solid #e7e8e9;*/
  
}
.pers-photo{
  display: block;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  margin:-46px auto 0;
  border:5px solid #37b3c2;
  overflow: hidden;
}
.pers-names{
  font-size: 18px;
  line-height: 40px;
  color: #37b3c2;
  text-align: center;
}

.pers-con-box{
  padding: 46px 0 0 134px;
  position: relative;
}
.pers-box-item{
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
}
.pers-box-name{
  float: left;
  width: 45px;
}
.pers-box-inp{margin-left: 45px;}
.pers-box-text{
  height: 40px;
  padding: 0 10px;
  width: 294px;
  color: #b2b2b2;
}
.pers-text{ 
  display: none; 
  border:none;
  border-bottom: 1px solid #e1e1e1;
  background: none;
}
.pres-bound,.save{ float: left; width: 160px; height: 38px; line-height: 38px; margin-right: 20px;}


.pos-modify{
  position: absolute;
  top: 24px;
  right: 54px;
  width: 90px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
  background: #37b3c2;
}



/*绑定流程*/
.bind-box{
  min-height: 550px;
}
.bind-title{
  font-size: 24px;
  color: #37b3c2;
  padding: 44px 0 50px;
  text-align: center;
}
.bind-con{
  width: 876px;
  margin: auto;
}
.bind-order{ text-align: center; }
.bind-items{
  float: left;
  display: none;
}
.bind-nmb{
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 16px;
  background: #d8d8d8;
}
.bind-nmb.on{ background: url(../images/process_03.png) no-repeat;}
.bind-bdr{
  width: 180px;
  height: 1px;
  margin-top: 24px;
  border:1px solid #efefef;
}
.bind-form{
  margin: 80px auto 0;
  width: 476px;
}
.bind-form-item{margin-bottom: 24px;}
.bind-form-name{
  float: left;
  width: 130px;
  font-size: 16px;
  color: #555;
  padding-right: 10px;
  line-height: 48px;
  text-align: right;
}
.bind-form-inp{
  margin-left: 140px;
}
.bind-text{
  width: 306px;
  padding: 0 10px;
  height: 48px;
  font-size: 14px;
  color: #666;
  border:1px solid #37b3c2;
}                                                                     
.bind-text::placeholder{
  color: #d8d8d8;
}
.bind-btn{margin-left: 0;}

.radio{position: absolute;opacity: 0}
.radio-btn{
  display: inline-block;
  width: 23px;
  height: 20px;
  margin-top: 10px;
  margin-right: 24px;
  padding-left: 32px;
  font-size: 16px;
  color: #666;
  cursor: pointer;
  text-align: left;
  line-height:20px;
  position: relative;
  background: url(../images/check_04.jpg) no-repeat 3px 2px;
}
.radio-btn.on{ background-image: url(../images/check_03.jpg);}


.file-photo{
  float: left;
}
.file-photo{
  width: 96px;
  height: 96px;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
  border:5px solid #37b3c2;
}
.file-btn{
  float: left;
  margin-left: 22px;
  width: 90px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  color: #fff;
  font-size: 14px;
  margin-top: 64px;
  background: #fb9595;
  border: 1px solid #fb9595;
}
.file-btn:hover{ background: none; color: #fb9595;border:1px solid #fb9595;}

.binds-form{
  margin-top: 80px;
  text-align: center;
}
.binds-form h3{
  font-size: 30px;
  color: #39b8c8;
  line-height: 44px;
  margin-bottom: 32px;
}
.binds-form p{
  line-height: 22px;
  font-size: 14px;
  color: #666;
}


.pdf{
  display: block;
  margin: 10px auto;
  width: 180px;
  text-align: center;
  padding: 4px 12px;
  border-radius: 24px;
  font-size: 16px;
  color: #fff;
  background: #37b3c2;
  border:1px solid rgba(255,255,255,0);
  

}

.pdf:hover{ background: none; color: #37b3c2; border-color: #37b3c2;}

.bind4-link a{
  display: inline-block;
  padding: 4px 12px;
  border-radius: 4px;
  color: #fff;
  background: #37b3c2;
}
.bind4-link a:hover{
  color: #37b3c2;
  background: #efefef;
}





.faq dt{ padding:30px 0 12px 0; border-bottom:1px dotted #dedede; height:50px; line-height:50px; font-weight:bold; }
.faq dt h3{font-size:16px; padding-left:45px; font-weight:bold; background:#e7e7e7 url(../images/faq.jpg) 10px center no-repeat;}
.faq dd{ padding:22px 0; border-bottom:1px solid #dedede; background:url(../images/faq1.jpg) 10px 22px no-repeat; padding-left:45px; line-height:28px; font-size:14px; color:#666666}

.pos-invoice{
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 5000;
 display: none;
}
.invoice-bg{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(0,0,0,.2);
}
.pos-invoice-box{
 position: absolute;
 top: 50%;
 left: 50%;
 width: 620px;
 height: 522px;
 margin-top:-265px;
 margin-left: -314px; 
 border:4px solid rgba(0,0,0,.1);
 background: #fff;
}

.pos-invoice-head{
 height: 30px;
 padding: 0 10px;
 color: #3fb5c4;
 font-size: 14px;
 font-weight: 700;
 line-height: 30px;
 text-align: center;
 background: #f3f3f3;
 position: relative;
}
.invoice-x{
 position: absolute;
 top: 7px;
 right: 10px;
 width: 13px;
 height: 13px;
 cursor: pointer;
 background: url(../images/dialog.png) no-repeat;
}
.invoice-box{
 padding:15px 20px;
}
.invoice-nav{margin-bottom: 30px;}
.invoice-nav-btn{
 display: inline-block;
 padding: 4px 14px;
 border-radius: 4px;
 margin-right: 15px;
 color: #666;
 cursor: pointer;
 border:1px solid #3fb5c4;
}
.invoice-nav-btn.on{
 color: #fff;
 background: #3fb5c4;
}

.invoice-item{ display: none;}
.invoice-item.active{ display: block;}
.invoice-items{ margin-bottom: 10px;}
.invoice-name{
 float: left;
 width: 110px;
 font-size: 14px;
 line-height: 32px;
}
.invoice-text{
 width: 392px;
 padding: 3px 5px;
 height: 24px;
    border: 1px solid #e7e7e7;
}
.invoice-point{color: #ff0000; font-style: normal; margin-right: 4px;}
.invoice-text::placeholder{ color: #999;}

.invoice-items-btn{ padding-top: 40px;}
.invoice-sub{
 width: 120px;
 height: 36px;
 color: #666;
 margin-right: 15px;
 border:1px solid #e7e7e7;
 font-size: 16px;
 border-radius: 3px;
 background: none;
}
.invoice-sub:hover,.invoice-sub.on{ color: #fff; background: #3fb5c4;}

.invoice-list{ margin-bottom: 20px;}
.invoice-list-name{
 float: left;
 width: 110px;
 height: 26px;
 line-height: 26px;
 font-size: 14px;
 overflow: hidden;
 padding: 0 5px;
 text-align: center;
 border:1px solid #e7e7e7;
 cursor: pointer;
 position: relative;
}
.invoice-list-name.on{ border-color: #ff0000;}
.invoice-list-name:before { position: absolute; bottom: 0; right: 0; width: 11px; height: 12px; background: url(../images/icon_03.jpg) no-repeat; content: ""; }


.invoice-list-con{
 margin-left: 142px;
 padding:0 10px;
 height: 28px;
 line-height: 28px;
}
.invoice-list-con:hover{ background: #e7e7e7}
.invoice-list-nmb{float: left;}
.invoice-list-operate{
 float: right;
}
.invoice-list-operate a{ margin-left: 8px;}

.pay-radio-btn{cursor: pointer;}
.pay-radio{ display: none;}
.pay-btn{ display: inline-block; margin-right: 20px;border:1px solid #fff;}
.pay-btn.on{ border:1px solid #e7e7e7;}







.cart{
  float: right;
  width:26px;
  height:26px;
  overflow: hidden;
  margin-top: 26px;
  margin-left: 20px;
  background: url(../images/car.png) no-repeat;
  background-size: 26px 26px;
}





.article{ min-height: 475px;}