@charset "utf-8";

.liuyan_dh{margin:auto; padding:0.3rem 0 0 0; }
.liuyan_dh h2{ font-size: 0.28rem; font-weight: bold; text-align: center; }
.liuyan_con{ margin:0.4rem auto; width: 90%; }
.liuyan_con li,.liuyan_con dd{ margin:0.2rem auto; }
.liuyan_con li lable,.liuyan_con dd lable{font-size: 0.26rem; font-size: 18px; text-align: right; width: 40%;  display: block; float: left; line-height: 50px;}
.liuyan_con li lable font{ color: #D9001B; }
.liuyan_con li p,.liuyan_con dd p{   overflow: hidden; font-size: 14px; display: flex; align-items: center;  }

.liuyan_con li p input[type=text]{  height: 48px; width: 100%; padding-left: 14px;   background-color: rgba(249, 249, 249, 1);  border-radius: 4px; /*text-indent: 14px; */font-size: 14px; border: #C2C2C2 1px solid; width: 300px; width: 455px;cursor: pointer; -webkit-appearance: none; outline:none; position: relative; }

.liuyan_con li p.radio{ line-height: 50px; font-size: 14px; }

.liuyan_con li p input[type=text]:focus{ border: #1E98D7 1px solid; }

.liuyan_con dd p textarea,.liuyan_con li p textarea{background-color: rgba(249, 249, 249, 1);  border-radius: 4px;  font-size: 14px; border: #C2C2C2 1px solid; width: 547px; height: 204px; padding:16px;}

.liuyan_con li p i,.liuyan_con dd p i{ font-size: 12px; color: #f00; padding-left: 0.2rem; }
.liuyan_con li p em{font-size: 12px; padding-left: 0.2rem; }

.liuyan_con li p a{ width: 140px; height: 46px; line-height: 46px; background: #fff; border-radius: 4px; border: #ccc 1px solid; display: block;  text-align: center; }

.liuyan_con li p label{ width: 140px; height: 46px; line-height: 46px; background: #fff; border-radius: 4px; border: #ccc 1px solid; display: block;  text-align: center; position:relative; cursor:pointer; overflow:hidden }

.liuyan_con li p input[type="file"]{ position: absolute; top: 0; left: 0; opacity: 0; }
.liuyan_con li p label input[type="file"]{ position: absolute; top: 0; left: 0; opacity: 0; cursor:pointer; width:100%; height:100%; }

.liuyan_con dt{ margin:0.6rem auto 0.3rem auto; text-align: center; }
.liuyan_con dt lable{ display: block; font-size: 0.26rem; font-size: 18px; }
.liuyan_con dt p{margin:0.3rem auto 0 auto; font-size: 16px; }
.liuyan_con .tj{margin:auto;}
.liuyan_con .tj input{ width: 200px; height: 40px; line-height: 40px; border: none; border-radius: 4px; background: #BA2B3B; color: #fff; font-size: 16px; text-align: center; display: block; margin:auto; cursor: pointer; cursor: pointer; -webkit-appearance: none; outline:none;}
.liuyan_con .tj input:hover{ font-weight: bold; font-size: 20px; -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.3); -o-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);box-shadow: 5px 5px 5px rgba(0,0,0,0.3);}

.liuyan_con dt p.p1{ font-size: 18px; margin:auto; }
.liuyan_con li.block p{ position: relative; }

.liuyan_con input::-webkit-input-placeholder{  font-size: 13px;  }
.liuyan_con input:-moz-placeholder{  font-size: 13px;   }
.liuyan_con input::-moz-placeholder{  font-size: 13px;  }
.liuyan_con input:-ms-input-placeholder{  font-size: 13px; }
.liuyan_con textarea::-webkit-input-placeholder{  font-size: 13px;  }
.liuyan_con textarea:-moz-placeholder{  font-size: 13px;   }
.liuyan_con textarea::-moz-placeholder{  font-size: 13px;  }
.liuyan_con textarea:-ms-input-placeholder{  font-size: 13px; }


@media only screen and (max-width: 1570px) {

.liuyan_con li lable,.liuyan_con li.dd lable{ width: 45%; }
.liuyan_con li lable,.liuyan_con dd lable,.liuyan_con dt lable{ font-size: 16px; }

}

@media only screen and (max-width: 1400px) {

.liuyan_con li lable,.liuyan_con li.dd lable{ width: 48%; }

}
@media only screen and (max-width: 1280px) {

.liuyan_con li lable,.liuyan_con li.dd lable{ width: 35%; letter-spacing: 0;}
.liuyan_con li lable,.liuyan_con dd lable,.liuyan_con dt lable{ font-size: 14px; }

}


@media only screen and (max-width: 1100px) {
.liuyan_con{ width: 100%; }
.liuyan_con li lable,.liuyan_con li.dd lable{ width: 35%; letter-spacing: 0;}
.liuyan_con dt lable{letter-spacing: 0;}
.liuyan_con dt p.p1{ font-size: 16px;  }
}

@media only screen and (max-width: 800px) {
.liuyan_con li p,.liuyan_con li.dd p,.liuyan_con li p input[type=text],.liuyan_con li p.radio,.liuyan_con li.dd p textarea,.liuyan_con li.dd p textarea{ font-size: 12px; }
.liuyan_con li lable,.liuyan_con li.dd lable{  width: 41%; font-size: 13px; }
.liuyan_con li p label{ width:auto; font-size: 12px; padding: 0 10px; }

}


@media only screen and (max-width: 767px) {
/*.liuyan_con li lable{display: none; }*/
.liuyan_con li lable{  width: auto; text-align: left; font-size: 14px; line-height: 1;  width:100%; float: none; font-weight: bold; }
.liuyan_con li p{ display: block; float: right; width: calc(100% - 140px);float: none; width: 100%; /*margin-top: 10px;*/ }
/*.liuyan_con li p:after{font-family:"iconfont"; content: "\e632"; font-size:16px; color: #333; padding-left: 5px;  display: block; position: absolute; right: 0px; top: 17px;}*/

.liuyan_con li,.liuyan_con li.dd{ border-bottom: #ddd 1px solid; position: relative; padding:10px 0;}
.liuyan_con li p input[type=text]{ width: 100%; border: none; height: auto; line-height: auto; background: none; text-align: left; text-indent: 0; height: auto; border-radius:0;  line-height: 1; padding:10px 0 20px 0; }
.liuyan_con input::-webkit-input-placeholder{white-space: pre-wrap; line-height: 1.2; font-size: 10px; }
.liuyan_con input:-moz-placeholder{  white-space: pre-wrap; line-height: 1.2; font-size: 10px; }
.liuyan_con input::-moz-placeholder{ white-space: pre-wrap; line-height: 1.2; font-size: 10px; }
.liuyan_con input:-ms-input-placeholder{ white-space: pre-wrap; line-height: 1.2; font-size: 10px; }
.liuyan_con li.dd lable{ float: none; width: 100%; text-align: left; font-size: 14px; line-height: 1; font-weight: bold; }
.liuyan_con li.dd p{ display: block; margin-top: 10px; width:100% }
.liuyan_con li.dd p textarea{ width: auto; border: none; height: 100px; width: 100%; background: none; padding:0; }

.liuyan_con li p i, .liuyan_con li.dd p i{ display: block; padding-left:0; text-align: left; position: absolute; left: 0; bottom: 2px; /*display: none;*/ }
.liuyan_con li p a{ width: 120px; height: 35px; line-height: 35px; }
.liuyan_con li p em,.liuyan_con li p i{ display: block;  margin:auto; position: relative;}
.liuyan_con li p.radio{ line-height: 1.5; text-align: left; margin-top: 10px; }
.liuyan_con li p em{ margin:10px auto; padding-left: 0; }

.liuyan_con li.chang lable{ float: none; width: 100%; }
.liuyan_con li.chang p{ float: none; width: 100%; margin-top: 10px; }
.liuyan_con li.chang p input{ width: 100%; text-align: left; }
.liuyan_con li.block lable{ float: none; width: 100%; }
.liuyan_con li.block p{ float: none; width: 100%; display: block; margin-top: 10px; }
.liuyan_con li p input[type=text]:focus{ border: none; }

.liuyan_con li p.radio:after,.liuyan_con li.chang p:after,.liuyan_con li.block p:after{ display: none; }
.liuyan_con dt p.p1{ font-size: 14px; }
.liuyan_con li p label{width: 120px; height: 35px; line-height: 35px; padding: 0;}
}