.in_top .contain1{
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.in_top{
  background: #fcfaf6;
  padding: 35px 0;
}
.in_top .img{
  
}
.in_top .swiper-button-prev{
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid transparent;
  margin-top: -18px;
  transition: 0.3s all;
  box-sizing: border-box;
  left: -50px;
  background: url(../images/btn_left.png) no-repeat center;
}
.in_top .swiper-button-prev:hover{
  border: 1px solid #c4a44d;
  background: url(../images/btn_left1.png) no-repeat center;
}
.in_top .swiper-button-next{
  width: 34px;
  height: 34px;
  border: 1px solid transparent;
  margin-top: -18px;
  border-radius: 50%;
  transition: 0.3s all;
  box-sizing: border-box;
  right: -50px;
  background: url(../images/btn_right.png) no-repeat center;
}
.in_top .swiper-button-next:hover{
  border: 1px solid #c4a44d;
  background: url(../images/btn_right1.png) no-repeat center;
}
.in_top .swiper-container{
  padding: 10px 0;
  overflow: initial;
}
.in_top .contain{
  position: relative;
  padding: 0 10px;
  overflow: hidden;
  box-sizing: border-box;
}
.in_top .img{
  height: 90px;
  display: flex;
  align-items: center;
  transition: 0.3s all;
}
.in_top .img:hover{
  box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
}
.in_pro{
  padding: 80px 0 40px;
}
.in_pro li{
  float: left;
  margin-right: 30px;
  width: 380px;
  margin-bottom: 40px;
}
.in_pro li:nth-of-type(3n){
  margin-right: 0;
}
.in_pro li .img{
  height: 250px;
  overflow: hidden;
}
.in_pro li .img img{
  width: 100%;
}
.in_pro li .font{
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 10px 30px;
}
.in_pro li .font .p1{
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
}


.banner a{
  display: block;
}
.banner:hover .btn{
  opacity: 1;
}
.banner .btn{
  position: absolute;
  right: 0;
  text-align: center;
  opacity: 0;
  bottom: 0;
  transition: 0.3s all;
  background: rgba(255,255,255,0.9);
  padding: 30px;
}
.banner .btn .swiper-button-next,
.banner .btn .swiper-pagination,
.banner .btn .swiper-button-prev{
  position: initial;
  display: inline-block;
  margin-top: 0;
  vertical-align: middle;
}
.banner .btn .swiper-button-next{
  width: 40px;
  height: 40px;
  background: url(../images/banner_btn2.png) no-repeat center;
  background-size: cover;
}
.banner .btn .swiper-button-prev{
  width: 40px;
  height: 40px;
  background: url(../images/banner_btn1.png) no-repeat center;
  background-size: cover;
}
.banner .btn .swiper-pagination-fraction{
  width: initial;
  font-size: 18px;
  color: #333;
  margin: 0 25px;
  line-height: 40px;
}
.banner .btn .swiper-pagination-current{
  color: #c4a44d;
}
.in_pro li{
  position: relative;
}

.in_pro li:after{
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  content: "";
  background: #c4a44d;
  width: 0;
  transition:0.3s all;
}
.in_pro li .img{
  overflow: hidden;
}
.in_pro li .img img{
  transition: 0.3s all;
}
.in_pro li:hover .img img{
  transform: scale(1.1);
}
.in_pro li:hover .p1{
  color: #c4a44d;
}
.in_pro li:hover:after{
  width: 100%;
}



.in_video .video-js{
  width: 420px;
  height: 235px;
}
.in_video .vjs-poster{
  background-size: cover;
}
.in_video .vjs-big-play-button .vjs-icon-placeholder{
  display: none;
}
.in_video .vjs-big-play-centered .vjs-big-play-button{
  width: 100px;
  height: 100px;
  background: url(../images/video.png) no-repeat center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -50px;
  border: 0;
  border-radius: 50%;
}
.in_video .vjs-big-play-centered:hover .vjs-big-play-button{
  animation:mymove 0.5s 1;
-webkit-animation:mymove 0.5s 1; /*Safari and Chrome*/
}
@keyframes mymove{
0% {transform: scale(1);}
50% {transform: scale(0.8);}
100% {transform: scale(1);}
}

@-webkit-keyframes mymove{
0% {transform: scale(1);}
50% {transform: scale(0.8);}
100% {transform: scale(1);}
}

.in_video .video-js:hover .vjs-big-play-button{
  background: url(../images/video.png) no-repeat center;
}


.in_video{
  background: #fcfaf6;
  padding: 80px 0;
}
.in_video .left{

}
.in_video .video-js{
  width: 600px;
  float: left;
  height: 320px;
}
.in_video .right{
  width: 520px;
  float: right;
  line-height: 20px;
  font-size: 16px;
  color: #333;
}
.in_video .right .line{
  width: 80px;
  height: 3px;
  margin-top: 35px;
  background: #c4a44d;
}


.in_top1 .contain1{
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.in_top1{
  background: #fcfaf6;
  padding: 35px 0;
}
.in_top1 .swiper-button-prev{
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid transparent;
  margin-top: -18px;
  transition: 0.3s all;
  box-sizing: border-box;
  left: -50px;
  background: url(../images/btn_left.png) no-repeat center;
}
.in_top1 .swiper-button-prev:hover{
  border: 1px solid #c4a44d;
  background: url(../images/btn_left1.png) no-repeat center;
}
.in_top1 .swiper-button-next{
  width: 34px;
  height: 34px;
  border: 1px solid transparent;
  margin-top: -18px;
  border-radius: 50%;
  transition: 0.3s all;
  box-sizing: border-box;
  right: -50px;
  background: url(../images/btn_right.png) no-repeat center;
}
.in_top1 .swiper-button-next:hover{
  border: 1px solid #c4a44d;
  background: url(../images/btn_right1.png) no-repeat center;
}
.in_top1 .swiper-container{
  padding: 10px 0;
  overflow: initial;
}
.in_top1 .contain{
  position: relative;
  padding: 0 10px;
  overflow: hidden;
  box-sizing: border-box;
}
.in_top1 .img{
  height: 90px;
  overflow: hidden;
  display: flex;
  align-items: center;
  transition: 0.3s all;
}
.in_top1 .img:hover{
  box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
}



.in_video .in_top1 .img{
  height: 220px;
}



.in_news{
  padding: 80px 0;
}

.in_news .left{
  width: 600px;
  float: left;
}
.in_news .p1{
  font-size: 24px;
  color: #999;
  font-family: "Impact";
  margin-bottom: 15px;
}
.in_news .p2{
  font-size: 16px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 20px;
}
.in_news .p3{
  color: #999;
  height: 52px;
  overflow: hidden;
  line-height: 26px;
}
.in_news .left li{
  padding-bottom: 40px;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
}
.in_news .left li:first-child{
  margin-bottom: 40px;
}
.in_news .left li a:hover .p2{
  color: #c4a44d;
}
.in_news .left li:after{
  content:"";
  width: 0;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #c4a44d;
  transition:0.3s all;
}
.in_news .left li:hover:after{
  width: 100%;
}
.pro_detail .top .left img{
  width: 100%;
}
.in_top .img .img2{
  display: none;
}
.in_top .img:hover .img1{
  display: none;
}
.in_top .img:hover .img2{
  display: block;
}
.in_news .left li:hover .p1{
  color: #c4a44d;
}
.in_news .right{
  width: 520px;
  float: right;
}
.in_news .right .img{
  height: 200px;
  margin-bottom: 20px;
  overflow: hidden;
}
.in_news .right:hover .img img{
  transform: scale(1.2);
}
.in_news .right .img img{
  width: 100%;
  transition: 0.3s all;
}
.in_news .right .p2{
  font-size: 16px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 10px;
}
.in_news .right .p3{
  color: #999;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 26px;
}
.in_news .right .btn{
  color: #999;
  width: 98px;
  line-height: 38px;
  border: 1px solid #999;
  display: inline-block;
  text-align: center;
  border-radius: 38px;
}
.in_news .right:hover .p1,
.in_news .right:hover .p2{
  color: #c4a44d;
}
.in_news .right:hover .btn{
  color: #c4a44d;
  border: 1px solid #c4a44d;
}

.footer{
  background: #fdebd1;
  padding-top: 80px;
}
.footer .left{
  float: left;
  width: 650px;
}
.footer .nav{
  margin-bottom: 80px;
}
.footer .nav li{
  float: left;
  line-height: 30px;
  margin-right: 100px;
}
.footer .nav li a:hover{
  color: #c4a44d;
}
.footer .nav li:last-child{
  margin-right: 0;
}
.footer .nav .p1{
  margin-bottom: 30px;
  font-size: 20px;
  color: #333;
}
.footer .top{
  padding-bottom: 50px;
}
.footer .right{
  width: 450px;
  float: right;
}
.footer .right .p1{
  margin-bottom: 30px;
  font-size: 20px;
  color: #333;
}

.footer .right .p2{
  margin-bottom: 15px;
  padding-left: 22px;
  line-height: 20px;
}
.footer .right .p2 a:hover{
  color: #c4a44d;
  text-decoration: underline;
}
.footer .right .ico1{
  background: url(../images/footer_ico1.png) no-repeat 0 4px;
}
.footer .right .ico2{
  background: url(../images/footer_ico2.png) no-repeat 0 4px;
}
.footer .right .ico3{
  background: url(../images/footer_ico3.png) no-repeat 0 4px;
}

.footer .right .p3{
  margin-bottom: 10px;
  margin-top: 40px;
  font-size: 18px;
  color: #333;
}
.footer .right .input{

}
.footer .right .input input{
  width: 320px;
  float: left;
  height: 40px;
  background: #fff;
  line-height: 40px;
  text-indent: 15px;
  box-sizing: border-box;
  font-size: 14px;
}
.footer .right .input input:focus{
  border: 1px solid #c4a44d;
}
.footer .right .input a{
  float: right;
  width: 120px;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background: #c4a44d;
}
.footer .right .input a:hover{
  background: #a4832b;
}
.footer .right .share{
  margin-top: 25px;
}
.footer .right .share a{
  margin-right: 25px;
  float: left;
}
.footer .right .share a:last-child{
  margin-right: 0;
}
.footer .copy{
  line-height: 60px;
  background: #c4a44d;
  color: #fff;
}
.footer .copy a{
  color: #fff;
  display: inline-block;
}

.footer .back{
  cursor: pointer;
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 48px;
  display: none;
  height: 48px;
  box-shadow: 0 0 6px 2px rgba(31,74,201,0.15);
  border-radius: 50%;
  background: url(../images/back.png) no-repeat center #fff;
}
.footer .back:hover{
  background: url(../images/back1.png) no-repeat center #c4a44d;
}
.bread{
  background: #fcfaf6;
}
.bread .main{
  padding-left: 15px;
  line-height: 50px;
  color: #333;
  float: left;
  background: url(../images/bread.png) no-repeat left;
}
.bread .main a{
  display: inline-block;
}
.bread .main a:hover{
  color: #c4a44d;
}

.big_content .contain{
  width: 1320px !important;
}

.pro_detail .top{
  padding: 100px 0;
  border-bottom: 1px solid #e5e5e5;
}
.pro_detail .top .left{
  width: 540px;
  float: left;
}
.pro_detail .top .right{
  width: 700px;
  float: right;
}

.pro_detail .swiper-pagination{
  position: initial;
  margin-top: 25px;
}
.pro_detail .swiper-pagination-bullet{
  width: 16px;
  height: 16px;
  opacity: 1;
  background: url(../images/slide_dot1.png) no-repeat center;
}
.pro_detail .swiper-pagination-bullet-active{
  background: url(../images/slide_dot2.png) no-repeat center;
}
.pro_detail .top .right .p1{
  font-size: 30px;
  color: #333;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 19px;
  margin-bottom: 30px;
}
.pro_detail .top .right .p2 span{
  color: #999;
}
.pro_detail .top .right .p2 em{
  color: #333;
}
.pro_detail .top .right .p2{
  margin-bottom: 15px;
}
.pro_detail .top .right .p3{
  margin: 20px auto;
}
.pro_detail .top .right .p3 span{
  color: #999;
  width: 80px;
  float: left;
  line-height: 30px;
}
.pro_detail .top .right .p3 .select{
  float: left;
  line-height: 38px;
}
.pro_detail .top .right .p3 .select em{
  width: 63px;
  text-align: center;
  line-height: 38px;
  display: inline-block;
  margin-right: 8px;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  position: relative;
}
.pro_detail .top .right .p3 .select em.active{
  color: #c4a44d;
  border: 1px solid #c4a44d;
}
.pro_detail .top .right .p3 .select em.active:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 7px;
  height: 6px;
  background: url(../images/select.png) no-repeat center;
}
.pro_detail .top .right .p4{
  margin-top: 30px;
}
.pro_detail .top .right .p4 span{
  color: #999;
  width: 80px;
  display: inline-block;
}
.pro_detail .top .right .p4 i{
  color: #eb4855;
  font-size: 30px;
}
.pro_detail .top .right .p4 em{
  color: #eb4855;
  font-size: 18px;
}
.pro_detail .top .right .line{
  width: 100%;
  height: 0;
  border-bottom: 1px dashed #e5e5e5;
  margin: 30px 0;
}
.count{
  border: 1px solid #e5e5e5;
  display: inline-block;
}
.count input{
  width: 49px;
  height: 40px;
  text-align: center;
  color: #252b3a;
  line-height: 40px;
  float: left;
}
.count .count_btn{
  float: left;
}
.count span{
  display: block;
  width: 14px;
  height: 19px;
  line-height: 19px;
  cursor: pointer;
  text-align: center;
  border-left: 1px solid #e5e5e5;
}
.count span:hover{
  color: #c4a44d;
}
.count .add{

  border-bottom: 1px solid #e5e5e5;
}
.count .reduce{

}

.pro_detail .top .right .btn .count{
  float: left;
}
.pro_detail .top .right .btn .add_btn{
  float: left;
  margin-left: 15px;
  border: 1px solid #c4a44d;
  background: #fcfaf6;
  color: #c4a44d;
  text-align: center;
  width: 98px;
  line-height: 40px;
}
.pro_detail .top .right .btn .add_btn:hover{
  color: #ffffff;
  background: #c4a44d;
}

.all_content{
  padding-top: 80px;
}
.all_left .p1{
  font-size: 24px;
  font-weight: bold;
  color: #333;
  margin-bottom: 25px;
}

.all_left{
  width: 305px;
  float: left;
}
.all_left .main{
  height:660px;
  overflow:auto;
}
.all_left .main::-webkit-scrollbar-track-piece {
background-color:#efefef;
}
.all_left .main::-webkit-scrollbar {
width:3px;
height:3px;
}
.all_left .main::-webkit-scrollbar-thumb {
background-color:#c4a44d;
background-clip:padding-box;
min-height:28px;
}
.all_left .main::-webkit-scrollbar-thumb:hover {
background-color:#c4a44d;
}
.all_left .main li{
  border-bottom: 1px solid #e5e5e5;
}
.all_left .main .left_top{
  position: relative;
}
.all_left .main .left_top a{
  line-height: 44px;
  font-size: 16px;
  color: #333;
  text-indent: 2px;
}
.all_left .main .left_top a.active{
  color: #c4a44d;
}
.all_left .main .show{
  padding-bottom: 15px;
  display: none;
}
.all_left .main .show a{
  text-indent: 10px;
  margin-bottom: 10px;
}
.all_left .main .show a.active{
  color: #c4a44d;
}

.all_left .main li.active .left_top a,
.all_left .main li:hover .left_top a{
  color: #c4a44d;
}
.all_left .main .show a:hover{
  color: #c4a44d;
}
.all_left .main .show a:last-child{
  margin-bottom: 0;
}
.all_left .main .left_top i{
  width: 10px;
  height: 10px;
  background: url(../images/dot.png) no-repeat center;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -5px;
  transition: 0.3s all;
}
.all_left .main li.active .left_top i,
.all_left .main li:hover .left_top i{
  transform: rotate(45deg);
}

.all_right{
  width: 960px;
  float: right;
}

.pro_detail .tab{
  background: #fcfaf6;
  border-bottom: 1px solid #c4a44d;
}
.pro_detail .tab a{
  line-height: 39px;
  float: left;
  width: 120px;
  text-align: center;
}

.pro_detail .tab a.active,
.pro_detail .tab a:hover{
  background: #c4a44d;
  color: #fff;
}
.pro_detail .tab_main{
  line-height: 24px;
  padding: 24px;
  border: 1px solid #e5e5e5;
  border-top: 0;
  margin-bottom: 40px;
  display: none;
}

.all_pro>li{
  margin-bottom: 20px;
  border: 1px solid #e5e5e5;
  padding: 8px;
  transition: 0.3s all;
}
.all_pro>li:hover{
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.all_pro>li .img{
  width: 240px;
  height: 160px;
  float: left;
  overflow: hidden;
  text-align: center;
  position: relative;
}
.all_pro>li .img img{
  position: absolute;
  left: 0;
  top: 0;
}
.all_pro>li .font{
  float: left;
  width: 270px;
  margin-right: 70px;
  margin-left: 25px;
}
.all_pro>li .font .p1{
  font-size: 16px;
  color: #333;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  font-weight: bold;
  margin: 10px 0 15px;
}
.all_pro>li:hover .font .p1{
  color: #c4a44d;
}
.all_pro>li .font .p2{
  color: #999;
  height: 72px;
  overflow: hidden;
  line-height: 18px;
}
.all_pro>li .right{
  float: right;
}
.all_pro>li .part1,
.all_pro>li .part2,
.all_pro>li .part3{
  /* float: left; */
  float: right;
}
.all_pro>li .part1{
  /* margin-right: 90px; */
}
.all_pro>li .part2{
  margin-right: 47px;
}
.all_pro>li .right .p3{
  margin-bottom: 20px;
  font-size: 16px;
  color: #333;
  font-weight: bold;
  margin-top: 10px;
}
.all_pro>li .right .p4{
  line-height: 32px;
  color: #eb4855;
  font-size: 16px;
}
.all_pro .count input{
  line-height: 28px;
  height: 28px;
}
.all_pro .count span{
  height: 13px;
  line-height: 13px;
}
.all_pro .btn{
  float: right;
  margin-top: 20px;
  /* width: 66px; */
  padding: 0px 10px;
  text-align: center;
  line-height: 32px;
  background: #c4a44d;
  margin-left: 47px;
  color: #fff;
}
.all_pro>li .img img{
  transition:0.3s all;
}
.all_pro>li:hover .img img{
  transform: scale(1.2) 
}
.big_content{
  padding-bottom: 80px;
}
/*内页banner*/
.inside_banner{
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



.pro_top{
  line-height: 80px;
  background: #fcfaf6;
}
.pro_top .p1{
  float: left;
  font-size: 24px;
  font-weight: bold;
  color: #333;
  padding-left: 20px;
}
.pro_top em{
  font-size: 16px;
  margin-left: 10px;
}
.pro_top .btn{
  float: right;
  padding-right: 20px;
}
.pro_top .btn a{
  width: 30px;
  height: 30px;
  float: left;
  margin-top: 25px;
  margin-right: 15px;
}
.pro_top .btn .ico1{
  background: url(../images/pro_top1.png) no-repeat center;
}
.pro_top .btn .ico1.active,
.pro_top .btn .ico1:hover{
  background: url(../images/pro_top11.png) no-repeat center;
}
.pro_top .btn .ico2{
  background: url(../images/pro_top2.png) no-repeat center;
}
.pro_top .btn .ico2.active,
.pro_top .btn .ico2:hover{
  background: url(../images/pro_top22.png) no-repeat center;
}

.pro_table td:nth-of-type(1){
  background: #fcfaf6;
}

.pro_table td:nth-of-type(1) *{
  display: inline-block;
}
.pro_table td:nth-of-type(1) img{
  padding-left: 20px;
  padding-right: 10px;
  width: 24px;
  height: 24px;
}
.pro_table td:nth-of-type(1) span{
  font-size: 16px;
  line-height: 24px;
}
.pro_table{
  border: 1px solid #e5e5e5;
  margin-top: 20px;
}
.pro_table table tr{
  line-height: 20px;
  border-bottom: 1px solid #e5e5e5;
}
.pro_table td:nth-of-type(2){
  padding: 20px;
}
.pro_table td label{
  display: inline-block;
  margin-right: 20px;
}
.pro_table td label *{
  display: inline-block;
  vertical-align: middle;
}
.pro_table .btn{
  padding: 15px 30px;
}
.pro_table .btn a{
  float: right;
  line-height: 36px;
}
.pro_table .btn .a1{
  margin-right: 20px;
}
.pro_table .btn .a1:hover{
  color: #c4a44d;
}
.pro_table .btn .a2{
  line-height: 34px;
  border: 1px solid #c4a44d;
  background: #fcfaf6;
  color: #c4a44d;
  border-radius: 34px;
  width: 98px;
  text-align: center;
}
.pro_table .btn .a2:hover{
  background: #c4a44d;
  color: #fff;
}
.pro_table{
  margin-bottom: 40px;
}
.all_pro .img .mask{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.all_pro .img .mask i{
  width: 100px;
  height: 100px;
  background: rgba(0,0,0,0.4);
  position: absolute;
  opacity: 0.7;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -50px;
  line-height: 100px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
}
.all_pro>.sold_out .right .p4,
.all_pro>.sold_out .right .p3,
.all_pro>.sold_out .font .p1{
  color: #999;
}
.all_pro>.sold_out .nice-select .list{
  display: none;
}

.all_pro>.sold_out .count{
  position: relative;
}
.all_pro>.sold_out .count:before{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index:2;
  content: "";
}

.page {
    padding: 40px 0 0;
    text-align: center;
}
.page .btn {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
}
.page .btn{
    display: inline-block;
    vertical-align: middle;
}
.page .btn a {
    display: inline-block;
    width: 40px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    margin: 0 7px;
    border-radius: 40px;
    color: #999;
}
.page .btn a.active,
.page .btn a:hover {
    color: #fff;
    background: #c4a44d;
}
.page .btn a.prev,
.page .btn a.next{
  /* width: 60px; */
}






.all_pro1>li{
  width: 31.25%;
  margin-bottom: 20px;
  padding-bottom: 20px;
  margin-right: 3.125%;
  float: left;
  transition: 0.3s all;
}
.all_pro1>li:hover{
  box-shadow: 0 0 8px 2px rgba(0,0,0,0.08);
}
.all_pro1>li:nth-of-type(3n){
  margin-right: 0;
}
.all_pro1>li .img{
  width: 100%;
  height: 200px;
  overflow: hidden;
  text-align: center;
  position: relative;
}
.all_pro1>li .img img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.all_pro1>li .p1{
  font-size: 16px;
  color: #333;
  margin-top: 18px;
  line-height: 25px;
  height: 50px;
  text-align: center;
  font-weight: bold;
}
.all_pro1>li .font{
  padding: 0 10px;
}
.all_pro1>li .p2{
  color: #999;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
}
.all_pro1>li .p3{
  color: #eb4855;
  font-size: 18px;
  text-align: center;
  margin-top: 15px;
}
.all_pro1>li .end{
  text-align: center;
  margin-top: 18px;
  opacity: 0;
  font-size: 0;
  transition: 0.3s all;
}
.all_pro1>li .end>*{
  display: inline-block;
  vertical-align: middle;
  height: 30px;
}
.all_pro1 .count input{
  line-height: 28px;
  height: 28px;
}
.all_pro1 .count span{
  height: 13px;
  font-size: 14px;
  line-height: 13px;
}
.all_pro1 .btn{
  padding: 0 10px;
  font-size: 14px;
  margin-left: 2px;
  text-align: center;
  line-height: 32px;
  background: #c4a44d;
  color: #fff;
}
.all_pro1>li:hover .end{
  opacity: 1;
}
.all_pro1 .nice-select{
  height: 30px;
  line-height: 30px;
}
.all_pro1 .part2{
  text-align: left;
  margin-right: 10px;
}
.all_pro1 .img .mask{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.8);
}
.all_pro1 .img .mask i{
  width: 100px;
  height: 100px;
  background: rgba(0,0,0,0.4);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -50px;
  line-height: 100px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
}
.all_pro1>.sold_out .right .p4,
.all_pro1>.sold_out .right .p3,
.all_pro1>.sold_out .font .p1{
  color: #999;
}
.all_pro1>.sold_out .nice-select .list{
  display: none;
}

.all_pro1>.sold_out .count{
  position: relative;
}
.all_pro1>.sold_out .count:before{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index:2;
  content: "";
}



/*发票*/
.invoice{
  padding: 0 0 100px;
  color: #333;
}
.invoice .contain{
  width: 800px;
}
.invoice .top .left{
  width: 390px;
  float: left;
}
.invoice .top .left .p1{
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin: 20px 0 25px;
}
.invoice table{
  margin-bottom: 20px;
}
.invoice table th{
  border: 1px solid #999999;
}
.invoice table td{
  border: 1px solid #999999;
  padding: 10px 0;
  line-height: 20px;
}
.invoice .table1{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.invoice .table2 th{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
  line-height: 20px;
}
.invoice .table2 td{
  padding: 10px 15px 0;
}

.invoice .table_height1 td{
  height: 230px;
  line-height: 18px;
  vertical-align: top;
}

.invoice .table_height2 td{
  height: 83px;
  line-height: 18px;
  vertical-align: top;
}
.invoice .table_height3 td{
  height: 189px;
  font-size: 16px;
  line-height: 36px;
  vertical-align: top;
}
.invoice .right{
  width: 390px;
  float: right;
}
.invoice .table_height4{
  min-height: 300px;
}
.invoice .table_height4 th{
  height: 30px;
}

.invoice .table_height5 td{
  border: 0;
}
.invoice .table_height5 td:nth-of-type(1){
  text-align: left;
  padding-left: 15px;
}



.invoice .table_height6 td{
  border: 0;
  text-align: left;
  line-height: 25px;
  padding: 0 0 0 15px;
}
.invoice .table_height7 td{
  text-align: left;
  height: 73px;
  vertical-align: top;
  padding: 10px;
  font-size: 14px;
}
.invoice .end .left{
  width: 390px;
  float: left;
}
.invoice .end .right{
  width: 390px;
  float: right;
}
.invoice .page1{
  text-align: right;
  font-size: 14px;
  color: #333;
  margin-top: 15px;
  font-weight: bold;
}

.member{
  background: #fafafa;
}
.member .all_left{
  width: 260px;
  background: #fff;
}
.member .all_right{
  width: 900px;
}
.member .all_left .main li{
  border-bottom: 0;
  padding: 0 15px;
}
.member .all_left .main{
  height: initial;
  overflow: initial;
}
.member .top{
  padding: 55px 0;
}
.member .top li{
  width: 33.3333%;
  float: left;
  text-align: center;
}
.member .top li .p1{
  font-size: 16px;
  margin-bottom: 15px;
  color: #999;
}
.member .top li .p2{
  font-size: 16px;
  color: #333;
  margin-bottom: 25px;
}
.member .top li a{
  text-align: center;
  color: #c4a44d;
}
.member .top li .p3{
  color: #d04141;
  font-size: 24px;
}
.member .part{
  background: #fff;
  margin-bottom: 20px;
}
.member .title{
  border-bottom: 1px solid #e5e5e5;
}
.member .title span{
  float: left;
  line-height: 56px;
  text-indent: 20px;
  font-size: 18px;
  color: #333;
}

.member .part1 .main{
  padding: 23px;
}
.member .part1 li{
  border: 1px solid #e5e5e5;
  padding: 14px 0;
}
.member .part1 .img{
  width: 165px;
  height: 110px;
  float: left;
  margin-left: 23px;
  overflow: hidden;
}
.member .part1 .img img{
  width: 100%;
}

.member .part1 .font{
  float: left;
  width: 400px;
  padding-top: 8px;
  margin-left: 20px;
}
.member .part1 .font .p1 span{
  float: left;
  line-height: 30px;
  background: #c4a44d;
  color: #fff;
  border-radius: 30px;
  text-align: center;
  width: 100px;
  margin-right: 20px;
}
.member .part1 .font .p1 em{
  color: #333;
  font-size: 18px;
  line-height: 30px;
}
.member .part1 .font .p2{
  margin-top: 25px;
  color: #999;
  font-size: 16px;
}
.member .part1 li{
  position: relative;
}
.member .part1 .right{
  position: absolute;
  right: 0;
  top: 0;
  width: 140px;
  color: #fff;
  text-align: center;
  height: 100%;
  background: #e24c4c;
}
.member .part1 .right:before{
  content: "";
  position: absolute;
  left: -9px;
  top: 0;
  width: 18px;
  height: 10px;
  background: url(../images/quan_dot2.png) no-repeat center;

}
.member .part1 .right:after{
  content: "";
  position: absolute;
  left: -9px;
  bottom: 0;
  width: 18px;
  height: 10px;
  background: url(../images/quan_dot1.png) no-repeat center;

}
.member .part1 li{
  margin-bottom: 20px;
}
.member .part1 li:last-child{
  margin-bottom: 0;
}
.member .part1 .p3{
  margin-top: 20px;
  margin-bottom: 10px;
}
.member .part1 .p3 em{
  font-size: 30px;
  font-weight: bold;
}
.member .part1 .p3 span{
  margin-left: 8px;
  font-size: 18px;
  font-weight: bold;
}
.member .part1 .right a{
  width: 80px;
  line-height: 30px;
  background: #c4a44d;
  border-radius: 30px;
  margin: 10px auto 0;
}

.member .title a{
  float: right;
  width: 58px;
  text-align: center;
  border-radius: 22px;
  line-height: 22px;
  color: #c4a44d;
  margin-right: 10px;
  margin-top: 17px;
  border: 1px solid #c4a44d;
}
.member .title a:hover{
  background: #c4a44d;
  color: #fff;
}

.member .part2 li{
  width: 50%;
  float: left;
  margin-bottom: 25px;
  line-height: 20px;
}
.member .part2 .main{
  padding: 30px 0 5px;
}
.member .part2 li span{
  float: left;
  width: 80px;
  text-align: right;
  color: #999;
}
.member .part2 li em{
  color: #333;
  margin-left: 10px;
  float: left;
  width: calc( 100% - 120px );
}

.member .end .left{
  width: 580px;
  float: left;
}
.member .end .left .tab{
  padding: 30px 10px 15px;
}
.member .end .left .tab li{
  width: 100px;
  height: 100px;
  text-align: center;
  float: left;
  margin-right: 15px;
  transition: 0.3s all;
}
.member .end .left .tab li a{
  padding: 10px 0;
  border-radius: 8px;
}
.member .end .left .tab li:hover a{
  box-shadow: 0 0 10px 5px rgba(0,0,0,0.06);
}
.member .end .left .tab li .p1{
  color: #999;
  font-size: 12px;
}
.member .end .left .tab li:nth-of-type(5n){
  margin-right: 0;
}
.member .end .left .tab li i{
  width: 50px;
  height: 50px;
  display: block;
  margin: 0 auto 16px;
}
.member .end .left .tab li .ico1{
  background: url(../images/member_tab1.png) no-repeat center;
}
.member .end .left .tab li .ico2{
  background: url(../images/member_tab2.png) no-repeat center;
}
.member .end .left .tab li .ico3{
  background: url(../images/member_tab3.png) no-repeat center;
}
.member .end .left .tab li .ico4{
  background: url(../images/member_tab4.png) no-repeat center;
}
.member .end .left .tab li .ico5{
  background: url(../images/member_tab5.png) no-repeat center;
}

.member .end .left .tab li:hover .ico1,
.member .end .left .tab li.active .ico1{
  background: url(../images/member_tab11.png) no-repeat center;
}
.member .end .left .tab li:hover .ico2,
.member .end .left .tab li.active .ico2{
  background: url(../images/member_tab22.png) no-repeat center;
}
.member .end .left .tab li:hover .ico3,
.member .end .left .tab li.active .ico3{
  background: url(../images/member_tab33.png) no-repeat center;
}
.member .end .left .tab li:hover .ico4,
.member .end .left .tab li.active .ico4{
  background: url(../images/member_tab44.png) no-repeat center;
}
.member .end .left .tab li:hover .ico5,
.member .end .left .tab li.active .ico5{
  background: url(../images/member_tab55.png) no-repeat center;
}






.m_dd table{
  width: 100%;
}
.m_dd th{
  color: #333;
  text-align: center;
}
.m_dd tr{
  border-bottom: 1px solid #ececec;
}
.m_dd .tr1{
  border: 1px solid #dcdcdc;
  background: #eee;
  line-height: 38px;
}
.m_dd .table_top{
  background: #eee;
  line-height: 38px;
  margin-top: 20px;
}
.m_dd .table_main th{

  text-align: left;
  font-weight: normal;
  line-height: 38px;
  text-indent: 18px;
  margin-top: 10px;
  border: 1px  solid #e5e5e5;
  border-bottom: 0;
}
.m_dd .table_main th span{
  margin-right: 50px;
}
.m_dd .td1 img{
  width: 72px;
  height: 72px;
  border: 1px solid #dcdcdc;
  margin-left: 18px;
}
.m_dd .td1 div{
  height: 74px;
  padding: 13px 0;
}
.m_dd .td1 .div1{
  border-top: 1px solid #ececec;
}
.m_dd .td1 span{
  margin-left: 10px;
  line-height: 20px;
  vertical-align: top;
  font-size: 12px;
  overflow: hidden;
  height: 60px;
  width: 120px;
  display: inline-block;
}
.m_dd td{
  border-left: 1px solid #ececec;
  vertical-align: middle;
  text-align: center;
}
.m_dd td>div{
  text-align: center;
  font-size: 12px;
}
.m_dd div{
  text-align: center;
}
.m_dd .td1 div{
  text-align: left;
}
.m_dd .align30{
  line-height: 30px;
  font-size: 12px;
  color: #333;
  margin-top: 10px;
}
.m_dd .align30:hover{
  color: #c4a44d;
}
.m_dd .td5 a{
  height: 24px;
  line-height: 24px;
  display: inline-block;
  margin: 3px auto;
  font-size: 12px;
}
.m_dd .td5 .a1{
  width: 50px;
  text-align: center;
  background: #c4a44d;
  color: #fff;
  border-radius: 4px;
}
.m_dd .td5 .a2{
  color: #333;
}
.m_dd .td5 .a2:hover{
  color: #c4a44d;
}
.m_dd .table_main{
  margin-top: 10px;
}
.m_dd .bdtop{
  border-top: 1px solid #ececec;
}
.m_dd .hg100>div{
  height: 100px;
  line-height: 100px;
  font-size: 12px;
  text-align: center;
}
.m_dd .hg50>div{
  height: 50px;
  line-height: 50px;
}
.m_dd .hg50>div>.jiajian{
  margin-top: 13px;
}
.m_dd .divhg50{
  height: 50px;
  line-height: 50px;
}
.m_dd .divhg100{
  height: 100px;
  line-height: 100px;
}
.m_dd .alignLeft div{
  text-align: left;
  text-indent: 30px;
}


.member .end .right{
  width: 300px;
  float: right;
}
.member .end .part4 .p1{
  line-height: 90px;
  text-indent: 20px;
  font-size: 16px;
}
.member .end .part4 .p1 span{
  color: #999;
}
.member .end .part4 .p1 em{
  color: #333;
}

.member .end .part5 li{
  border-bottom: 1px solid #e5e5e5;
}
.member .end .part5 li a{
  padding: 10px 20px;
}
.member .end .part5 li a:hover{
  background: #fcfaf6;
}
.member .end .part5 li a:hover p{
  color: #c4a44d;
}
.member .end .part5 li .img{
  width: 100px;
  float: left;
  height: 66px;
  overflow: hidden;
}
.member .end .part5 li p{
  float: left;
  margin-top: 10px;
  width: calc( 100% - 110px );
  margin-left: 10px;
}
.member{
  padding-bottom: 80px;
}
.data{
  background: #fafafa;
}
.data .content{
  width: 900px;
  background: #fff;
  padding: 40px 40px 50px;
  margin: 80px auto;
}
.data .content .p1{
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #333;
}
.data .content .input{
  margin-top: 40px;
  border-bottom: 1px solid #e5e5e5;
}
.data .content .input input{
  line-height: 50px;
  margin-left: 15px;
  font-size: 16px;
  color: #333;
  width: calc( 100% - 75px );
}
.data .content .input span{
  float: left;
  font-size: 16px;
  color: #333;
  width: 60px;
  line-height: 50px;
}
.data{
  padding-bottom: 1px;
}
.data .btn{
  text-align: center;
  margin-top: 50px;
}
.data .btn a{
  width: 128px;
  border-radius: 46px;
  margin: 0 7px;
  line-height: 46px;
  text-align: center;
  display: inline-block;
}
.data .btn .a1{
  color: #999;
  border: 1px solid #eee;
}
.data .btn .a2{
  color: #fff;
  background: #c4a44d;
  border: 1px solid #c4a44d;
}



.password .content .input{
  border-bottom: 0;
  margin-bottom: 50px;
}
.password .content .input span{
  width: 170px;
  line-height: 40px;
  text-align: right;
}
.password .content .input input{
  width: calc( 100% - 235px );
  box-sizing: border-box;
  border: 1px solid #eee;
  border-radius: 40px;
  line-height: 40px;
  height: 40px;
}







.m_detail{
  text-align: left;
}
.m_detail div{
  text-align: left;
}
.m_detail .border{
  border: 1px solid #ececec;
  padding: 0 40px;
  margin-bottom: 20px;
}
.m_detail .border .title1{
  font-size: 16px;
  line-height: 62px;
  border-bottom: 1px solid #dcdcdc;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px;
}
.m_detail .mid .main p span,
.m_detail .mid .main p em{
  font-style: normal;
}
.m_detail .top1{
  padding-bottom: 50px;
}
.m_detail .top1 ul{
  text-align: center;
}
.m_detail .top1 li.active .p1{
  color: #c4a44d;
}
.m_detail .top1 li.active .cir{
  background: #c4a44d;

  overflow: hidden;
}
.m_detail .top1 li.active .line{
  background: #c4a44d;
}
.m_detail .top1 li.active1 .line{
  width: 193px;
}
.m_detail .top1 li{
  width: 120px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.m_detail .top1 li .p1{
  color: #666;
  font-size: 14px;
  margin-bottom: 10px;
}
.m_detail .top1 li .line{
  position: absolute;
  width: 100px;
  height: 6px;
  bottom: 9px;
  left: 50%;
  margin-left: 12px;
  background: #ddd;
}
.m_detail .top1 li .line1{
  position: absolute;
  width: 100px;
  height: 14px;
  bottom: 5px;
  left: 50%;
  margin-left: 12px;
  background: #ddd;
  z-index: -1;
}
.m_detail .top1 .cir{
  width: 24px;
  height: 24px;
  margin: 0 auto;
  border-radius: 50%;
  background: #dddddd;
  color: #fff;
  line-height: 24px;
  text-align: center;
}
.m_detail .top1 .cir1{
  width: 34px;
  height: 34px;
  margin: 0 auto;
  border-radius: 50%;
  background: #dddddd;
  color: #fff;
  line-height: 35px;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -17px;
  bottom: -5px;
  z-index: -1;
}
.m_detail .mid{
  padding-bottom: 55px;
}
.m_detail .mid .main p{
  line-height: 30px;
  font-size: 12px;
  text-indent: 40px;
  color: #333;
  font-family: '微软雅黑';
}
.m_detail .mid .main p span{
  margin-right: 40px;
}
.m_detail .m_dd .table_main{
  border-top: 1px solid #ececec;
  margin-top: 0;
}
.m_detail .end{
  padding-bottom: 45px;
  margin-bottom: 50px;
}
.m_detail .sum{
  line-height: 22px;
  margin-top: 20px;
}
.m_detail .sum span{
  width: 130px;
  display: inline-block;
  text-align: right;
}
.m_detail .sum em{
  width: 90px;
  display: inline-block;
  text-align: right;
}
.choose_way *{
  display: inline-block;
  vertical-align: middle;
}
.choose_way img{
  border: 1px solid #e5e5e5;
  width: 150px;
  margin-right: 10px;
}
.m_detail .sum .fontweig{
  font-weight: bold;
}
.m_detail .sum .red{
  font-weight: bold;
  color: #ff0036
}
.m_detail .sum div a{
  width: 145px;
  line-height: 45px;
  text-align: center;
  float: right;
  margin-top: 30px;
  background: #c4a44d;
  color: #fff;
}
.m_detail .sum>a{
  padding-left: 25px;
  color: #2a93fe;
  font-size: 12px;
  background: url(../images/wenhao.png) no-repeat left;
}





.box{
  width: 1200px;
  
  margin: 0 auto;
}
.buycar-2{padding:20px 0;}
.buycar-2 .tit{width:100%;float:left;font-size:15px; text-align:left;text-indent:20px;}
.buycar-2 .list,.buycar-2 .list2{ text-align:left; text-indent:20px;margin-top:15px;width:100%;float:left;}
.buycar-2 .list input{ vertical-align:middle;}
.buycar-2 .list span{margin-left:20px;}
.buycar-2 .list a{color:#c4a44d;display: inline-block;width: inherit;}

.buycar-2 .list2{margin-top:25px;}
.buycar-2 .list2>span{
  width:70px; 
  display:inline-block; text-align:left; text-indent:0}
.buycar-2 .list2 .input1{border:1px solid #eaeaea;height:30px;width:230px;margin-right:10px;padding-left: 5px;}
.buycar-2 .list2 .input2{
  border:1px solid #eaeaea;height:30px;
  width:545px;
  padding-left: 5px;
}
.buycar-2 .list2 select{width:190px;border:1px solid #eaeaea;height:30px;}
.buycar-2 .list2 .input3{width:170px;height:45px; background:#c4a44d;border:none;color:#fff;font-size:14px;}
.buycar-2 .list2 p,.buycar-2 .list p{ display:inline-block}

.dialling_code_div .nice-select{width:100px;}

.buycar-none,.buycar-2{width:100%;border:1px solid #eaeaea;margin-top:15px;float:left; text-align:center;padding:40px 0;}




.sub-top-area{margin-top:15px;width:100%;float:left;}
.sub-top-area a.home{ background:url(../images/ico-11.png) left center no-repeat;width:16px;height:14px; display:inline-block;}

.num_box, .wan-spinner-2{display: inline-block;vertical-align: middle;}
.J_jia,.wan-spinner-2 .plus,.wan-spinner-2 .plus2{border-width:1px 0 1px 1px;border-radius:3px 0 0 3px;}
.J_jian,.wan-spinner-2 .minus,.wan-spinner-2 .minus2{border-width:1px 1px 1px 0;border-radius:0 3px 3px 0;}

.wan-spinner-2 a{width:20px;text-align:center;cursor:pointer;}
.wan-spinner-2 input{height:28px;line-height:28px;border-color:#ccc;border-style:solid;color:#333;float:left;border-width:1px;text-align:center;line-height:15px\9;padding:0;margin:0;width:50px;}
.wan-spinner-2 a{height:28px;line-height:28px;border-color:#ccc;border-style:solid;color:#333;float:left;}



.over_jc{
  float: left;
}
.sub-top-tit{width:100%;float:left;border-bottom:2px solid #464646;padding-bottom:10px;margin-top:15px;font-size:16px;}
.sub-top-tit p{float:right;font-size:12px;}
.sub-top-tit p span{padidng:0 2px;}
.sub-top-tit p span.cur{color:#c4a44d;}


.buycar-none{width:100%;border:1px solid #eaeaea;margin-top:15px;float:left; text-align:center;padding:40px 0;}
.buycar-none p i{  display:inline-block;font-size:15px;}
.buycar-none span{ vertical-align:middle; display:inline-block;margin:0 15px; text-align:left;font-size:16px;}
.buycar-none span a{width:130px; height:30px; text-align:center; line-height:30px; background:#c4a44d;color:#fff; display:inline-block;margin-top:15px;}
.buycar-list{width:100%;border:1px solid #eaeaea;margin-top:15px;}
.buycar-list .list{width:100%;float:left;border-bottom:1px dashed #eaeaea;padding-bottom:15px;padding-top:15px;}

.buycar-list .toptit .li{font-size:14px;height:50px; line-height:50px;}
.buycar-list .li{float:left;height:105px; text-align:center; line-height:105px;}
.buycar-list .li1{width:100px;}
.buycar-list .li2{width:509px;margin-right:20px;}
/* .buycar-list .li3{width:132px;} */
.buycar-list .li4{width:130px;}
.buycar-list .li5{width:160px;}
.buycar-list .li6{width:130px;}
.buycar-list .li7{width:110px;}
.buycar-list .mt40{ display:inline-block;}
.buycar-list .li2 .pro-pic{float:left;width:100%; text-align:left;}
.buycar-list .li2 .pro-pic img{ vertical-align:middle;border:1px solid #eaeaea;width:103px;display:inline-block;}
.buycar-list .li2 .pro-pic p{ vertical-align:middle; display:inline-block;margin-left:10px;width: calc( 100% - 130px );line-height: 25px;}
.buycar-list .list:hover{ background:#FAFAFA}
.buycar-list .cant .li,.buycar-list .cant .li a{color:#CDCDCD}
.car-list-bot,.car-list-total,.car-list-botinput{width:95%;float:left;margin-top:15px;}
.car-list-bot .fl{margin-right:30px;height:25px; line-height:25px;font-size:14px;}
.car-list-bot .delinput{width:auto;border:none;height:25px; background:url(../images/del.jpg) left center no-repeat; cursor:pointer;padding-left:30px;font-size:14px;}
.car-list-bot .fr{font-size:14px;}
.car-list-total{ text-align:right;font-size:14px;}
.car-list-total i{font-size:30px;color:#c4a44d;}
.car-list-botinput .gouwu{float:left;border:1px solid #DFDFDF; background:#F8F8F8;width:97px;height:38px; line-height:38px; text-align:center;font-size:14px;}
.car-list-botinput .tijiao{float:right;background:#c4a44d;width:160px;height:38px; line-height:38px; text-align:center;font-size:14px;color:#fff;}
.phonetab1,.phonetab2{display:inline-block; vertical-align:middle;}
.buycar-list .list:last-child{
  border-bottom: 0;
}
.box{
  font-size: 12px;
  color: #333;
  padding-bottom: 80px;
}
.box a{
  display: inline;
}
.box:after{
  content: "";
  clear: both;
  display: block;
}
.car-list-total .nice-select{
  float: none;
  width: 100px;
  display: inline-block;
  text-align: left;
}


.order_detail .all_right{
  width: 900px;
}
.order_detail .all_left{
  width: 260px;
}

.bread .search{
  float: right;
  background: #fff;
  margin-top: 5px;
  width: 300px;
  line-height: 40px;
  border-radius: 40px;
  overflow: hidden;
}
.bread .search input{
  width: 250px;
  line-height: 40px;
  font-size: 14px;
  height: 40px;
  float: left;
  text-indent:20px;
}
.bread .search a{
  width: 50px;
  height: 40px;
  float: right;
  background: url(../images/search1.png) no-repeat center;
}
.book_page .all_right,
.video_page .all_right{
  width: 840px;
}
.video_page .content .img{
  position: relative;
  width: 100%;
  height: 230px;
  overflow: hidden;
}
.video_page .content .all_right li{
  float: left;
  width: 405px;
  margin-right: 30px;
  margin-bottom:  30px;
}
.video_page .content .all_right li .img img{
  width: 100%;
}
.video_page .content .all_right li:nth-of-type(2n){
  margin-right: 0;
}
.video_page .content .img .icon{
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  background: url(../images/video.png) no-repeat center;
}


.video_page .content .img .icon{
}
.video_page .content .all_right li:hover .img .icon{
  animation:mymove 1s 1;
  -webkit-animation:mymove 1s 1;
}
.book_page,
.video_page{
  padding-bottom: 80px;
}
.video_page .content .all_right li .p1{
  font-size: 16px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 10px;
  margin-top: 15px;
}
.video_page .content .all_right li:hover .p1{
  color: #c4a44d;
}

.book_page .all_pro1>li .img{
  width: 200px;
  margin: 0 auto;
  height: 286px;
}


.news{
  padding-bottom: 80px;
}
.news .content{
  padding: 45px 0 0;
}
.news .content li .img{
  width: 280px;
  height: 160px;
  overflow: hidden;
  float: left;
}
.news .content li:after{
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 0;
  transition: 0.5s all;
  height: 1px;
  background: #c4a44d;
}
.news .content li:hover:after{
  width: 100%;
}
.news .content li{
  padding: 35px 0 50px;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
}
.news .content li .font .p1{
  color: #252b3a;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news .content li .font .p2{
  line-height: 24px;
  height: 72px;
  color: #535864;
  overflow: hidden;
}
.news .content li .font{
  float: right;
  width: 850px;
  margin-right: 20px;
  margin-top: 10px;
}
.news .content li img{
  transition: 0.3s all;
}
.news .content li:hover img{
  transform: scale(1.2)
}
.news .content li:hover .font .p1{
  color: #c4a44d;
}





.news_detail .content{
  width: 800px;
  padding: 80px 0;
}
.news_detail .content .p1{
  font-size: 36px;
  color: #333;
  margin-bottom: 20px;
  font-family: "Impact";
}
.news_detail .content .p2{
  padding-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 75px;
}
.news_detail .content .p2 span{
  float: left;
  color: #999;
  margin-right: 20px;
}
.news_detail .content .p2 .share{
  float: right;
}
.news_detail .content .p2 .share em{
  float: left;
  margin-right: 10px;
}
.news_detail .content .p2 .share .bshare-custom{
  float: left;
}
.news_detail .content .p2 .share a{
  margin-right: 10px;
}
.news_detail .simple-article{
  font-size: 16px;
  line-height: 30px;
  padding-bottom: 80px;
  margin-bottom: 80px;
  border-bottom: 1px solid #e5e5e5;
}
.news_detail .np{
  font-size: 16px;
  line-height: 32px;
}
.news_detail .np span{
  color: #c4a44d;
}
.news_detail .np a{
  color: #999;
  display: inline-block;
}
.news_detail .np a:hover{
  color: #c4a44d;
}

.white_bg{
  margin-bottom: 20px;
  background: #fff;
}
.member_order .p1{
  font-size: 18px;
  color: #333;
  line-height: 59px;
  border-bottom: 1px solid #c4a44d;
  text-indent: 20px;
}
.member_order .top1{
  padding: 7px 0;
}
.member_order .top1 .tab{
  margin-top: 16px;
}
.member_order .top1 .tab a{
  float: left;
  line-height: 24px;
  margin-left: 25px;
  font-weight: bold;
  color: #333;
  border-bottom: 2px solid transparent;
}
.member_order .top1 .tab a:hover,
.member_order .top1 .tab a.active{
  border-bottom: 2px solid #c4a44d;
  color: #c4a44d;
  font-weight: bold;
}
.member_order .top1 .search{

    float: right;
    background: #fff;
    margin-top: 5px;
    width: 300px;
    border: 1px solid #e5e5e5;
    margin-right: 20px;
    line-height: 40px;
    border-radius: 40px;
    overflow: hidden;
}
.member_order .top1 .search input{

    width: 250px;
    line-height: 40px;
    font-size: 14px;
    height: 40px;
    float: left;
    text-indent: 20px;
}
.member_order .top1 .search a{

    width: 50px;
    height: 40px;
    float: right;
    background: url(../images/search1.png) no-repeat center;
}
.member_order .content .main{
  padding: 1px 20px 20px;
}

.member_order .m_dd .table_main th{
  text-indent: 0;
  padding: 0 20px;
  border: 0;
  line-height: 45px;
  background: #fcfaf6;
}
.member_order .m_dd .td1 span{
  width: calc( 100% - 94px )
}
.member_order .m_dd .td1 img{
  margin-left: 0;
  border: 0;
}
.member_order .m_dd .td1{
  border-left: 0;
}
.member_order .m_dd .td5 .a1{
  width: 100px;
  line-height: 36px;
  height: 36px;
  font-size: 14px;
  border-radius: 36px;
}
.member_order .m_dd .td5 .a2{
  font-size: 14px;
}
.member_order .m_dd .align30{
  font-size: 14px;
}
.member_order .page{
  padding-bottom: 60px;
  padding-top: 60px;
}
.member_order .m_dd .table_top{
  background: #fcfaf6;
  line-height: 45px;
}
.member_order .m_dd .table_top tr{
  border-bottom: 0;
}





.login_bg{
  background: url(../images/login_bg.png) no-repeat center fixed;
  background-size: cover;
  padding: 150px 0;
}
.login_bg .right{
  float: right;
  background: #fff;
  width: 300px;
  position: relative;
  padding: 0 100px 50px;
}
.login_bg .contain{
  width: 1000px;
}
.login_bg .p1{
  font-size: 24px;
  color: #333;
  margin-top: 60px;
  margin-bottom: 20px;
}
.login_bg .input{
  border-bottom: 1px solid #e5e5e5;
  line-height: 30px;
}
.login_bg .input i{
  width: 20px;
  height: 20px;
  margin-top: 5px;
  float: left;
}
.login_bg .input i.ico1{
  background: url(../images/login1.png) no-repeat center;
  background-size: cover;
}
.login_bg .input i.ico2{
  background: url(../images/login2.png) no-repeat center;
  background-size: cover;
}
.login_bg .input i.ico3{
  background: url(../images/login3.png) no-repeat center;
  background-size: cover;
}
.login_bg .input i.ico4{
  background: url(../images/login4.png) no-repeat center;
  background-size: cover;
}
.login_bg .input i.ico5{
  background: url(../images/login5.png) no-repeat center;
  background-size: cover;
}
.login_bg .input i.ico6{
  background: url(../images/login6.png) no-repeat center;
  background-size: cover;
}
.login_bg .input i.ico7{
  background: url(../images/login7.png) no-repeat center;
  background-size: cover;
}
.login_bg .input{
  margin-top: 30px;
}
.login_bg .input input{
  width: 270px;
  margin-left: 10px;
  float: left;
  text-indent: 10px;
  color: #333;
  font-size: 14px;
  line-height: 30px;
  height: 30px;
}
.login_bg .input input:-ms-input-placeholder{
   color: #ccc;
}
.login_bg .input input::-moz-placeholder{
   color: #ccc;
}
.login_bg .input input:-moz-placeholder{
   color: #ccc;
}
.login_bg .input input::-webkit-input-placeholder {
   color: #ccc;
}

.login_bg .yzm{
  width: 205px;
}
.login_bg .yzm input{
  width: 170px;
}
.login_bg .code{
  margin-top: 32px;
}
.login_bg .btn{
  margin-top: 40px;
}
.login_bg .btn .btn1{
  line-height: 20px;
  margin-bottom: 20px;
  font-size: 12px;
}
.login_bg .btn .btn1 span{
  float: left;
  cursor: pointer;
  color: #999;
}
.login_bg .btn .btn1 span i{
  width: 18px;
  height: 18px;
  vertical-align: middle;
  display: inline-block;
  background: #fff;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
}
.login_bg .btn .btn1 a{
  float: right;
  color: #e60012;
}
.login_bg .btn .btn1 span.active i{
  background: url(../images/login.png) no-repeat center;
}
.login_bg .btn .btn1 span em{
  vertical-align: middle;
  display: inline-block;
  margin-left: 7px;
}
.login_bg .btn .a1{
  background: #c4a44d;
  line-height: 35px;
  border-radius: 35px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  margin-bottom: 15px;
}
.login_bg .send{
  border-radius: 4px;
}
.login_bg .send:hover,
.login_bg .btn .a1:hover{
  box-shadow: 0 0 10px 2px rgba(0,0,0,0.2)
}
.to_reg{
  text-align: center;
  color: #333;
}
.to_reg a{
  display: inline-block;
  color: #c4a44d;
}
.to_reg a:hover{
  text-decoration: underline;
}
.login_bg .left{
  width: 500px;
  position: absolute;
  left: -500px;
  top: 0;
  height: 100%;
  background: rgba(255,255,255,0.5)
}
.login_bg .left .p2{
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  margin-top: -30px;
}
.login_bg .left .p3{
  text-align: center;
  color: #333;
  font-size: 16px;
  line-height: 40px;
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
}
.send_code{
  width: 180px;
}
.login_bg .send_code input{
  width: 150px;
}
.login_bg .send{
  float: right;
  width: 100px;
  line-height: 30px;
  color: #fff;
  background: #c4a44d;
  text-align: center;
  margin-top: 30px;
}
.login_bg .choose{
  margin-top: 35px;
}
.login_bg .choose label{
  display: block;
  margin-bottom: 15px;
}
.login_bg .choose label a{
  color: #c4a44d;
}
.login_bg .choose label a:hover{
  text-decoration: underline;
}
.login_bg .choose label *{
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.reg .btn{
  margin-top: 35px;
}


.pro0{
  padding-top: 50px;
}
.pro0 .p1{
  color: #333;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.pro0 .p2{
  font-size: 16px;
  color: #333;
  line-height: 25px;
}
.pro0 img{
  width: 240px;
}
.pro0 .right{
  width: 1000px;
}
.pro_parent li{
  width: 32%;
  margin-right: 2%;
  margin-bottom: 25px;
  text-align: center;
  float: left;
}
.pro_parent li a:hover p{
  color: #c4a44d;
}
.pro_parent li:nth-of-type(3n){
  margin-right: 0;
}
.pro_parent li .img{
  width: 180px;
  overflow: hidden;
  height: 180px;
  margin: 0 auto;
  position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pro_parent li p{
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  overflow: hidden;
  height: 44px;
  color: #333;
  width: 180px;
  text-align: center;
  margin: 10px auto 0;
}
.pro_parent li .img img{
  max-width: inherit;
  height: 100%;
    margin: 0 auto;
    display: block;
}



.all_pro .collect{
  width: 24px;
  overflow: hidden;
  height: 24px;
  margin-top: 26px;
  background: url(../images/c_01.png) no-repeat center;
}
.all_pro .collect.active{
  background: url(../images/c_02.png) no-repeat center;
}

.to_collect{
  width: 24px;
  overflow: hidden;
  height: 24px;
  float: left;
  margin-left: 15px;
  margin-top: 9px;
  background: url(../images/c_01.png) no-repeat center;
}
.to_collect.active{
  background: url(../images/c_02.png) no-repeat center;
}
.all_pro1 .to_collect{
  display: inline-block;
  float: none;
  margin-top: 0;
  margin-left: 10px;
}

.input_province,.input_city,.input_area{
  width: 170px !important;
}