.swiper-kv {min-width: 1000px;}
.swiper-kv .windmill{position: absolute;left: 54.2%;top: 42.3%;}

.swiper-kv .swiper-prev:before,.swiper-kv .swiper-next:before {position: absolute;width: 4em; height: 4em;left: 50%; top: 50%; margin: -2em; background-repeat: no-repeat;background-position: center;background-color:#eee;background-color: rgba(0,0,0,0.3);border-radius: 5px;}
.swiper-kv .swiper-prev:before {background-image: url(../image/common/arrow-white-left.png);background-size: 40% auto;}
.swiper-kv .swiper-next:before {background-image: url(../image/common/arrow-white.png);background-size: 40% auto;}

.product-hd {text-align: center;padding: 1em 0;overflow: hidden;}
.product-hd a{float:right;color: #000;font-size: 1.4em;margin-top: 0.4em;}
.product-hd h2{float: left;font-size: 2.2em;width: 100%;margin-right: -8em;}
.product-bd {}
.product-bd ul {/*white-space: nowrap;*/letter-spacing: -0.35em;text-align: center; margin:0 -1.0%;}
.product-bd li { display: inline-block; vertical-align: top;width: 16%; margin: 0 .2%; white-space:normal;position: relative;letter-spacing: 0;}
.product-bd li a { display: block;}
.product-bd li a img {width: 100%;margin-top: 70px;}
 .product-bd li:hover .word{padding: 5em 0;}
.product-bd li .word {position:absolute;width: 100%;left: 0;top:0;padding: 1.2em 0;text-align: center; color: #fff;transition: padding 300ms 100ms;}
.product-bd li .word h2{font-size: 1.55em;}
.product-bd li.product-1 .word {background:#0fb7d4;}
.product-bd li.product-2 .word {background:#0b78bd;}
.product-bd li.product-3 .word {background:#10b7d4;}
.product-bd li.product-4 .word {background:#ffc742;}
.product-bd li.product-5 .word {background:#0b78bd;}
.product-bd li.product-6 .word {background:#ffc742;}

/* news */
.news {padding:2em 0;background-color: #f7f7f7; position: }
.news .news-head {position: relative;}
.news .news-more {position: absolute;right: 0;top:50%;margin-top: -0.5em;}
.news .news-more a {display: inline-block;margin: 0 0.8em;}
.news .news-more a.weixin {position: relative;}
.news .news-more a.weixin img {display: none;max-width: none;position: absolute;width: 123px;right: -10px;top: 100%;}
.news .news-more a.weixin:hover img {display: block}
.news .tab-hds {border-bottom: 4px #c7e8f7 solid;font-size: 1.4em;}
.news .tab-hds a{display: inline-block;color: #000;padding: 1em 1.5em;box-sizing: border-box; max-width: 30%; vertical-align:bottom;border-bottom: 4px #c7e8f7 solid;margin-bottom: -4px;cursor: pointer;}
.news .tab-hds a.active{border-bottom: 4px #0487d5 solid;}
.news .tab-bd {padding: 3em 0;overflow: hidden;display: none;}
.news .active {display: block;}
.news .tab-bd .news-img {float: left;margin-right: 3em;}
.news .tab-bd .news-word {display: block;overflow: hidden;padding-bottom: 0.5em;}
.news .tab-bd .news-hd h2 {font-size: 2.2em;}
.news .tab-bd .news-hd a {font-size: 1.3em;float: right;color: #000;margin-top: 0.3em;}
.news .tab-bd .news-hd a i{margin-right: 0.3em;}
.news .tab-bd .news-list li{margin: 1em 0!important;font-size: 1.2em;white-space: nowrap}
.news .tab-bd .news-list li a{color: #000;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;display: inline-block; width: 100%; vertical-align: middle;margin-top: -.2em;text-indent: 0;}
.news .tab-bd .news-list li a:hover{color: #0088d5;}
.news .tab-bd .news-list li a span{margin-right: 1em;}

/* tools */
.tools {background-color:#f7f7f7;padding: 2em 0; margin-top: -4em;}
.tools ul {text-align: justify;}
.tools ul:before, .tools ul:after { content: "";display: inline-block; width: 100%;}
.tools li { display: inline-block; vertical-align: top;width: 24%; white-space:normal;position: relative;text-align: center;}
.tools li *{ width: 100%;}
.tools li a{font-size: 1.4em;color: #000;}
.tools li h2{margin-top: .5em;}
.tools a:hover{color: #0088d5;}
/*pc*/
@media (min-width: 769px){
	.imgword {padding: 1.5em 0;}
	.imgword .wrap {overflow: hidden;text-align: center;font-size: 1.2em;}
	.imgword-left {float:right;width: 50%;height: 0;padding-bottom:35%;margin-bottom:9%; }
	.imgword h2{font-size: 1.6em;}
	.imgword-left + div {float:left;width: 25%;}
	.imgword-left + div + div {float:left;width: 25%;}
	.imgword-right {float:left;width: 50%;text-align: center;}
	.imgword-right + div {float:left;width: 25%;margin-top: -9%;}
	.imgword-right + div + div {float:left;width: 25%;margin-top: -9%;}
	.imgword-left:before,.imgword-right:before {content: "";display: inline-block; width: 0;height:0;padding-bottom: 68%;vertical-align: middle;}
	.imgword-left .inside,.imgword-right .inside{display: inline-block; vertical-align: middle;width: 60%;}
	.media-pc .dialog-boxs{display: none;}
	.dialog{
		width: 140px;
		height: 90px;
		background: #000000;
		position: fixed;
		top: 70%;
		right: 0;
		transform: translateY(-50%);
		border-top-left-radius:30px;
		border-bottom-left-radius:30px;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		cursor: pointer;
	}
	.dialog-icon{
	  width: 40px;
	  height: 40px;
	  background: url("/resource/srcs/image/dialog/dialog1.png") no-repeat center center;
	  background-size: 40px 40px;
	  margin-right: 10px;		
	}
	.dialog>span{
		display: block;
		/* width: 50%; */
		font-size: 22px;
		user-select: none;
	}
	/* 弹框 盒子 */
	.dialog-boxs{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.3);
		overflow-y: scroll;
		z-index: 1002;
	}
	.dialog-boxs::-webkit-scrollbar {
		display: none;
   }
	.dialog-box-content{
		/* position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 800px;
		background: #fff;
		box-sizing: border-box;
		padding:20px 40px; */
	}
	/* .dialog-close-ico{
		position: absolute;
		top: 0;
		right: -40px;
		width:40px;
		height: 40px;
		background: url("/resource/srcs/image/dialog/cel.png")no-repeat center center;
		background-size: 40px 40px;
		cursor: pointer;
	} */
	.dialog-cont-box{
		width: 100%;
	}
	.dialog-cont-box>h3{
	  text-align: center;
	  font-size: 24px;
	  font-weight: 600;
	}
	.dialog-goods{
		text-align: center;
	   padding-top: 20px;
	}
	.dialog-goods>h5{
		font-weight: 600;
		font-size: 18px;
		margin-bottom: 10px;
	}
	.goods-checboxs{
		width: 480px;
		margin: 0 auto;
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.e-selfecheckbox {
	  display: none;
   }

  .selfecheckbox_label:before {
	  content: "";
	  display: inline-block;
	  vertical-align: middle;
	  width: 11px;
	  height: 11px;
	  border: 2px solid #7c7e7e;
	  margin-right: 6px;
	  margin-bottom: 2px;
  }
  
  /*在e-selfecheckbox元素被选择的时候，将selfecheckbox_label前面的图片替换成另一张*/
  .e-selfecheckbox:checked+.selfecheckbox_label:before {
	  background:#d4a55d;
	  border: 2px solid #d4a55d;
  }
  .e-selfecheckbox:checked+.selfecheckbox_label{
	  color:#d4a55d;
  }
  .label-check{
	  display: flex;
	  display: -webkit-flex;
	  justify-content: space-between;
  }
  .label-check>label{
	  font: 400 15px microsoft yahei;
	  user-select: none;
  }
  .input-list{
	  width: 480px;
	  margin: 0 auto;
	  box-sizing: border-box;
	  padding: 20px 0;
  }
  .input-list>h5{
	  text-align: left;
	  color:  #0096df;
	  font-size: 15px;
	  margin: 5px;
  }
  .input-list-box{
	  width:100%;
	  box-sizing: border-box;
  }
  .input-li{
	  width: 100%;
	  text-align: left;
	  display: flex;
	  display: -webkit-flex;
	  justify-content: flex-start;
	  padding: 12px 0;
	  border-bottom: 1px solid #dedede;
  }
  .input-li>span{
	  display: block;
	  width: 18%;
	  font: 400 15px microsoft yahei;
  }
  .input-li>input{
	  width: 82%;
	  border: none;
	  color: #969696;
		font: 400 15px microsoft yahei;
	  line-height: normal;
  }

  .yz-code>div:first-child>input::-webkit-input-placeholder,.input-li>input::-webkit-input-placeholder { /* WebKit browsers */ 
	  color: #969696;
  }
  .yz-code>div:first-child>input:-moz-placeholder,.input-li>input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
	  color: #969696;
  } 
  .yz-code>div:first-child>input::-moz-placeholder ,.input-li>input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
	  color: #969696;
  }
  .yz-code>div:first-child>input:-ms-input-placeholder,.input-li>input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
	  color: #969696;
  }

 
  .input-li>.user-name{
	  width: 50%;
  }
  .input-textarea{
	  width: 100%;
	  text-align: left;
	  padding: 12px 0;
  }
  .input-textarea>textarea{
	  width: 100%;
	  height: 70px;
	  resize: none;
	  outline: none;
	  border: 1px solid #dedede;
		padding: 10px;
		color: #969696;
		font: 400 15px microsoft yahei;
  }
  .yz-code{
	  display: flex;
	  font-size: 16px;
	  display: -webkit-flex;
	  justify-content: space-between;
  }
  .yz-code>div{
	  width: 48%;
	  text-align: center;
	  height: 50px;
  }
  .yz-code>div:first-child{
	  border: 1px solid #dedede;
	  padding: 0 30px;
	  box-sizing: border-box;
  }
  .yz-code>div:first-child>input{
	  width: 100%;
	  border: none;
	  height: 48px;
	  padding: 0;
	  text-align: center;
  }
  .yz-code>div:last-child>img{
	 width: 100%;
	 height: 50px;
  }
  .dialog-tips{
	  width: 100%;
	  text-align: left;
	  padding: 20px 0;
  }
  .dialog-tips>h3{
	  font: 600 15px microsoft yahei;
  }
  .dialog-tips>p{
		font: 400 15px microsoft yahei;
		color: #969696;
  }
  .agree-box .e-selfecheckbox {
	  display: none;
   }
   .agree-box .label-check>label {
	  font: 600 15px microsoft yahei;
   }
   .agree-box .selfecheckbox_label:before {
	  content: "";
	  display: inline-block;
	  vertical-align: middle;
	  width: 13px;
	  height: 13px;
	  border: 2px solid #7c7e7e;
	  margin-right: 6px;
	  margin-bottom: 2px;
	  border-radius: 100%;
  }
  
  /*在e-selfecheckbox元素被选择的时候，将selfecheckbox_label前面的图片替换成另一张*/
  .agree-box .e-selfecheckbox:checked+.selfecheckbox_label:before {
	  background:#d4a55d;
	  border: 2px solid #d4a55d;
  }
  .agree-box .e-selfecheckbox:checked+.selfecheckbox_label{	  
	  font: 600 15px microsoft yahei;
  }
  .button-submit{
	  width: 100%;
	  height: 50px;
		font: 18px microsoft yahei;
	  text-align: center;
	  line-height: 50px;
	  border: none;
	  outline: none;
	  background:#d4a55d;
	  color: #fff;
	  border-radius: 3px;
	  margin-top: 30px;
  }
  .button-submit:active{
	  background:#e2ab57;
  }
  .mobile-dialog{display: none;}
  .search{
		width: 48%;
		display: none;
    position: absolute;
    background: #fff;
    margin-left: 10%;
    max-height: 400px;
    border: 1px solid #dedede;
    border-top: none;
    text-align: left;
    box-shadow: 0 -2px 5px rgba(200,200,200,.5);
		line-height: 30px;
		overflow-y: scroll;
		z-index: 1000;
  }
  .search>ul>li{padding:10px;cursor: pointer;}
  .search>ul>li:hover{background: #efefef;}
}
/*ipad*/
@media only screen and (min-width: 768px) and (max-width: 1024px){	
	.product-hd a {margin-right: 1em;}
	.imgword {padding:0;}
	.imgword .wrap {overflow: hidden;text-align: center;font-size: 1.2em;}
	.imgword-left {float:right;width: 50%;height: 0;padding-bottom:35%;margin-bottom:9%; }
	.imgword h2{font-size: 1.6em;}
	.imgword-left + div {float:left;width: 25%;}
	.imgword-left + div + div {float:left;width: 25%;}
	.imgword-right {float:left;width: 50%;text-align: center;}
	.imgword-right + div {float:left;width: 25%;margin-top: -9%;}
	.imgword-right + div + div {float:left;width: 25%;margin-top: -9%;}
	.imgword-left:before,.imgword-right:before {content: "";display: inline-block; width: 0;height:0;padding-bottom: 68%;vertical-align: middle;}
	.imgword-left .inside,.imgword-right .inside{display: inline-block; vertical-align: middle;width: 60%;}
	.news .tab-bd{padding: 2em;}
	.news .tab-bd .news-img{width: 60%}
	.media-pc .dialog-boxs{display: none;}
	.dialog{
		width: 140px;
		height: 90px;
		background: #000000;
		position: fixed;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		border-top-left-radius:30px;
		border-bottom-left-radius:30px;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		cursor: pointer;
	}
	.dialog-icon{
	  width: 40px;
	  height: 40px;
	  background: url("/resource/srcs/image/dialog/dialog1.png") no-repeat center center;
	  background-size: 40px 40px;
	  margin-right: 10px;		
	}
	.dialog>span{
		display: block;
		/* width: 50%; */
		font-size: 22px;
		user-select: none;
	}
	/* 弹框 盒子 */
	.dialog-boxs{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.3);
		/*overflow-y: scroll;*/
		z-index: 1001;
	}
	.dialog-boxs::-webkit-scrollbar {
		display: none;
   }
	.dialog-box-content{
		position: absolute;
		top: 200px;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 600px;
		background: #fff;
		box-sizing: border-box;
		padding: 40px;
		margin-bottom: 100px;
	}
	/* .dialog-close-ico{
		position: absolute;
		top: 0;
		right: 10px;
		width:40px;
		height: 40px;
		background: url("/resource/srcs/image/dialog/cel.png")no-repeat center center;
		background-size: 40px 40px;
		cursor: pointer;
	} */
	.dialog-cont-box{
		width: 100%;
	}
	.dialog-cont-box>h3{
	  text-align: center;
	  font-size: 24px;
	  font-weight: 600;
	}
	.dialog-goods{
		text-align: center;
	   padding-top: 20px;
	}
	.dialog-goods>h5{
		font-weight: 600;
		font-size: 18px;
		margin-bottom: 10px;
	}
	.goods-checboxs{
		width: 480px;
		margin: 0 auto;
	  display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		align-items: center;
	}
	.e-selfecheckbox {
	  display: none;
   }

  .selfecheckbox_label:before {
	  content: "";
	  display: inline-block;
	  vertical-align: middle;
	  width: 11px;
	  height: 11px;
	  border: 2px solid #7c7e7e;
	  margin-right: 6px;
	  margin-bottom: 2px;
  }
  
  /*在e-selfecheckbox元素被选择的时候，将selfecheckbox_label前面的图片替换成另一张*/
  .e-selfecheckbox:checked+.selfecheckbox_label:before {
	  background:#d4a55d;
	  border: 2px solid #d4a55d;
  }
  .e-selfecheckbox:checked+.selfecheckbox_label{
	  color:#d4a55d;
  }
  .label-check{
	  display: flex;
	  display: -webkit-flex;
	  justify-content: space-between;
  }
  .label-check>label{
	  font-size: 16px;
	  font-weight: 400;
	  user-select: none;
  }
  .input-list{
	  width: 480px;
	  margin: 0 auto;
	  box-sizing: border-box;
	  padding: 20px 0;
  }
  .input-list>h5{
	  text-align: left;
	  color:  #0096df;
	  font: 400 15px microsoft yahei;
	  margin: 5px;
  }
  .input-list-box{
	  width:100%;
	  box-sizing: border-box;
  }
  .input-li{
	  width: 100%;
	  text-align: left;
	  display: flex;
	  display: -webkit-flex;
	  justify-content: flex-start;
	  padding: 12px 0;
	  border-bottom: 1px solid #dedede;
  }
  .input-li>span{
	  display: block;
	  width: 18%;
	  font-size: 16px;
  }
  .input-li>input{
	  width: 82%;
	  border: none;
	  color: #969696;
	  font-size: 16px;
	  line-height: normal;
  }

  .yz-code>div:first-child>input::-webkit-input-placeholder,.input-li>input::-webkit-input-placeholder { /* WebKit browsers */ 
	  color: #969696;
  }
  .yz-code>div:first-child>input:-moz-placeholder,.input-li>input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
	  color: #969696;
  } 
  .yz-code>div:first-child>input::-moz-placeholder ,.input-li>input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
	  color: #969696;
  }
  .yz-code>div:first-child>input:-ms-input-placeholder,.input-li>input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
	  color: #969696;
  }

 
  .input-li>.user-name{
	  width: 50%;
  }
  .input-textarea{
	  width: 100%;
	  text-align: left;
	  padding: 12px 0;
  }
  .input-textarea>textarea{
	  width: 100%;
	  height: 70px;
	  resize: none;
	  outline: none;
	  border: 1px solid #dedede;
		padding: 10px;
		color: #969696;
		font: 400 16px Arial;
  }
  .yz-code{
	  display: flex;
	  font-size: 16px;
	  display: -webkit-flex;
	  justify-content: space-between;
  }
  .yz-code>div{
	  width: 48%;
	  text-align: center;
	  height: 50px;
  }
  .yz-code>div:first-child{
	  border: 1px solid #dedede;
	  padding: 0 30px;
	  box-sizing: border-box;
  }
  .yz-code>div:first-child>input{
	  width: 100%;
	  border: none;
	  height: 48px;
	  padding: 0;
	  text-align: center;
  }
  .yz-code>div:last-child>img{
	 width: 100%;
	 height: 50px;
  }
  .dialog-tips{
	  width: 100%;
	  text-align: left;
	  padding: 20px 0;
  }
  .dialog-tips>h3{
	  font-size: 18px;
  }
  .dialog-tips>p{
	  font-size: 14px;
  }
  .agree-box .e-selfecheckbox {
	  display: none;
   }
   .agree-box .label-check>label {
	  font-size: 14px;
   }
   .agree-box .selfecheckbox_label:before {
	  content: "";
	  display: inline-block;
	  vertical-align: middle;
	  width: 13px;
	  height: 13px;
	  border: 2px solid #7c7e7e;
	  margin-right: 6px;
	  margin-bottom: 2px;
	  border-radius: 100%;
  }
  
  /*在e-selfecheckbox元素被选择的时候，将selfecheckbox_label前面的图片替换成另一张*/
  .agree-box .e-selfecheckbox:checked+.selfecheckbox_label:before {
	  background:#d4a55d;
	  border: 2px solid #d4a55d;
  }
  .agree-box .e-selfecheckbox:checked+.selfecheckbox_label{
	  
	  font-size: 14px;
  }
  .button-submit{
	  width: 100%;
	  height: 50px;
	  font-size: 18px;
	  text-align: center;
	  line-height: 50px;
	  border: none;
	  outline: none;
	  background:#d4a55d;
	  color: #fff;
	  border-radius: 3px;
	  margin-top: 30px;
  }
  .button-submit:active{
	  background:#e2ab57;
  }
  .mobile-dialog{display: none;}
  .search{
		width: 48%;
		display: none;
    position: absolute;
    background: #fff;
    margin-left: 10%;
    max-height: 400px;
    border: 1px solid #dedede;
    border-top: none;
    text-align: left;
    box-shadow: 0 -2px 5px rgba(200,200,200,.5);
		line-height: 30px;
		overflow-y: scroll;
		z-index: 1000;
  }
  .search>ul>li{padding:10px;cursor: pointer;}
	.search>ul>li:hover{background: #efefef;}
	.swiper-kv {min-width: 0;}
}
/*mobile*/
@media (max-width: 767px){
	.swiper-kv {min-width: 0;}
	.product-hd {padding: 0.5em 0;}
	.product-bd li {width: 47%; margin: 0 1%;white-space:initial;}
	/* .product-bd li:nth-child(3){width: 96%;margin: 2% 1%;} */
	.product-hd a{float:none;}
	.product-bd li a img{margin-top: 0;}
	.product-hd h2{float: none;margin: auto;}
	.product-bd {padding:0 10px;}
	/* .product-bd li:hover .word{padding: 2em 0;} */
	.product-bd li .word {padding: 0.5em 0;bottom: 0;top: inherit;opacity: 0.9;}
	.product-bd li .word h2{font-size: 1.3em;}
	/* .product-bd li .word h2 i{display: none} */
	.product-bd li .word h3{font-size: 0.5em;letter-spacing: -0.4px;display: none}
	/* .product-bd li.product-4 .word{background: #368fc8;}
	.product-bd li.product-5 .word{background: #1991a4;} */
	
	.imgword {padding: 10px;text-align: center}
	.imgword .wrap {overflow: hidden;}
	.imgword .wrap > div {float:left;width: 50%;box-sizing: border-box;}
	.imgword .wrap > div * {width:100%;box-sizing: border-box;}
	.imgword .wrap > div a {margin-top: 1em;}
	.imgword .wrap > div.imgword-left,
	.imgword .wrap > div.imgword-right{width: 100%;padding:2em;}
	.imgword .wrap > div h2,
	.product-hd h2{font-size: 1.5em;}

	.btn-black-arrow {font-size:0.8em;}
	
	.news .tab-hds {text-align: center;}
	.news .tab-hds a{padding: 1em 1em;box-sizing: border-box; width: 32%;}
	.news .tab-bd {padding: 10px;}
	.news .tab-bd .news-img {float:none;margin: auto;}
	.news .tab-bd .news-img *{width: 100%;}
	.news .tab-bd .news-hd {margin-top: 1em;}
	
	.tools {padding: 10px; margin-top:-40px;}
	.tools li { width: 49%;margin-bottom: 1em;}
	.tools li a{font-size: 1.2em;}
	.dialog{display: none;}
	.mobile-dialog{display: block;}
	.mobile-dialog{
		z-index: 100;
		width: 100%;
		height: 50px;
		background: rgba(0, 0, 0, 0.7);
		text-align: center;
		line-height: 36px;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.mobile-dialog>a{    
		color: #fff;
		font-size: 1.2em;
		width: 90%;
		display: block;
		margin: 0 auto;
		height: 36px;
		margin-top: 7px;
		background: rgba(255, 255, 255, 0.4);
	
	
	}
	/* 弹框 盒子 mob*/
	.dialog-boxs_mb{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);overflow-y: scroll;z-index: 1001;}
	.dialog-boxs_mb .dialog-box-content_mb{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 75%;background: #fff;box-sizing: border-box;padding: 1%;color: #000;}
	.dialog-boxs_mb .dialog-close-ico{position: absolute;top: 0;right: -30px;width: 30px;height: 30px;background: url(/resource/srcs/image/dialog/cel.png)no-repeat center center;background-size: 30px 30px;cursor: pointer;}
		

	/* 弹框 盒子 */
                  
	.dialog-box-content{
		width: 100%;
		background: #fff;
		box-sizing: border-box;
		padding:  10px;
		overflow: hidden;
		background: #f3f4f8;
	}
   
	.dialog-cont-box{
		width: 100%;
	}
	.dialog-cont-box>h3{
	  text-align: center;
	  font-size: 16px;
	  font-weight: 400;
	  color: #000;
	}
	.dialog-goods{
		text-align: center;
	   /* padding-top: 20px; */
	}
	.dialog-goods>h5{
		font-weight: 400;
		font-size: 14px;
		color: #000;
		margin: 5px;
	}
	.goods-checboxs{
		width: 100%;
		margin: 0 auto;
		display: flex;
		display: -webkit-flex;
		align-items: center;
	}
	.e-selfecheckbox {
	  display: none;
   }

  .selfecheckbox_label:before {
	  content: "";
	  display: inline-block;
	  vertical-align: middle;
	  width: 10px;
	  height: 10px;
	  border: 2px solid #7c7e7e;
	  margin-right: 6px;
	  margin-bottom: 2px;
  }
  
  /*在e-selfecheckbox元素被选择的时候，将selfecheckbox_label前面的图片替换成另一张*/
  .e-selfecheckbox:checked+.selfecheckbox_label:before {
	  background:#d4a55d;
	  border: 2px solid #d4a55d;
  }
  .e-selfecheckbox:checked+.selfecheckbox_label{
	  color:#d4a55d;
  }
  .label-check{
	  display: flex;
	  display: -webkit-flex;
	  justify-content: space-between;
	  align-items: center;
  }
  .label-check>label{
	  font-size: 12px;
	  font-weight: 400;
	  user-select: none;
  }
  .input-list{
	  width: 100%;
	  margin: 0 auto;
	  box-sizing: border-box;
	  /* padding: 20px 0; */
  }
  .input-list>h5{
	  text-align: left;
	  color:  #0096df;
	  font-size: 12px;
  }
  .input-list-box{
	  width:100%;
	  box-sizing: border-box;
  }
  .input-li{
	  width: 100%;
	  box-sizing: border-box;
	  text-align: left;
	  display: flex;
	  display: -webkit-flex;
	  justify-content: flex-start;
	  padding: 6px 12px;
	  background: #fff;
	  margin-bottom: 5px;
	  border-radius: 5px;
  }
  .input-li>span{
	  display: block;
	  width: 25%;
	  font-size: 12px;
	  color: #000;
  }
  .input-li>input{
	  width: 75%;
	  border: none;
	  color: #969696;
	  font-size: 12px;
	  line-height: normal;
  }

  .yz-code>div:first-child>input::-webkit-input-placeholder,.input-li>input::-webkit-input-placeholder { /* WebKit browsers */ 
	  color: #969696;
  }
  .yz-code>div:first-child>input:-moz-placeholder,.input-li>input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
	  color: #969696;
  } 
  .yz-code>div:first-child>input::-moz-placeholder ,.input-li>input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
	  color: #969696;
  }
  .yz-code>div:first-child>input:-ms-input-placeholder,.input-li>input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
	  color: #969696;
  }

 
  .input-li>.user-name{
	  width: 44%;
  }
  .input-textarea{
	  width: 100%;
	  text-align: left;
	  padding: 6px 0;
  }
  .input-textarea>textarea{
	  width: 100%;
	  height: 50px;
	  resize: none;
	  outline: none;
	  border: 1px solid #dedede;
		padding: 10px;
		color: #969696;
		font: 400 16px Arial;
  }
  .yz-code{
	  display: flex;
	  display: -webkit-flex;
	  justify-content: space-between;
  }
  .yz-code>div{
	  width: 48%;
	  text-align: center;
	  height: 50px;
  }
  .yz-code>div:first-child{
	  border: 1px solid #dedede;
	  padding: 0 30px;
	  box-sizing: border-box;
	  background: #fff;
  }
  .yz-code>div:first-child>input{
	  width: 100%;
	  border: none;
	  height: 48px;
	  padding: 0;
	  text-align: center;
	  font-size: 14px;
  }
  .yz-code>div:last-child>img{
	 width: 100%;
	 height: 100%;
  }
  .dialog-tips{
	  width: 100%;
	  text-align: left;
	  /* padding: 20px 0; */
	  color: #333;
  }
  .dialog-tips>h3{
		font-size: 14px;
		font-weight: 600;
  }
  .dialog-tips>p{
	  font-size: 12px;
  }
  .agree-box .e-selfecheckbox {
	  display: none;
   }
   .agree-box .label-check>label {
	  font-size: 12px;
		color: #333;
		font-weight: 600;
   }
   .agree-box .selfecheckbox_label:before {
	  content: "";
	  display: inline-block;
	  vertical-align: middle;
	  width: 10px;
	  height: 10px;
	  border: 1px solid #7c7e7e;
	  margin-right: 6px;
	  margin-bottom: 2px;
	  border-radius: 100%;
  }
  
  /*在e-selfecheckbox元素被选择的时候，将selfecheckbox_label前面的图片替换成另一张*/
  .agree-box .e-selfecheckbox:checked+.selfecheckbox_label:before {
	  background:#d4a55d;
	  border: 1px solid #d4a55d;
  }
  .agree-box .e-selfecheckbox:checked+.selfecheckbox_label{
	  
	  font-size: 12px;
  }
  .button-submit{
	  width: 100%;
	  height: 50px;
	  font-size: 14px;
	  text-align: center;
	  line-height: 50px;
	  border: none;
	  outline: none;
	  background:#d4a55d;
	  color: #fff;
	  border-radius: 3px;
	  margin-top: 20px;
  }
  .button-submit:active{
	  background:#e2ab57;
  }
  .user-name{
	padding-right: 0
  }
  .user-name label {
	margin-bottom: 0;
  }
  .label-check1{
	margin-right: 5px;
  }
  .input-textarea>p{
	font-size: 12px;
	color: #000;
  }

	.search{
		width: 55%;
    display: none;
    position: absolute;
    background: #fff;
    margin-left: 23%;
    max-height: 200px;
    border: 1px solid #dedede;
    border-top: none;
    text-align: left;
    box-shadow: 0 -2px 5px rgba(200,200,200,.5);
    line-height: 20px;
	overflow-y: scroll;
	z-index: 1000;
  }
  .search>ul>li{padding:10px;cursor: pointer;}
  .search>ul>li:hover{background: #efefef;}

}
#udesk_btn > a {
//  top:50%!important;
//  margin-top:-100px!important;
}








