@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{letter-spacing: 15px; font-size: 0.26rem; 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: 16px; display: flex; align-items: center;  }

.liuyan_con li p input[type=text]{  height: 48px; width: 100%; line-height: 48px;  background-color: rgba(249, 249, 249, 1);  border-radius: 4px; text-indent: 16px; font-size: 16px; border: #C2C2C2 1px solid; width: 300px; cursor: pointer; -webkit-appearance: none; outline:none;}
.liuyan_con li p.radio{ line-height: 50px; font-size: 16px; }

.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: 16px; border: #C2C2C2 1px solid; width: 547px; height: 204px; padding:16px;}

.liuyan_con li p i,.liuyan_con dd p i{ font-size: 12px; color: #D9001B; 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; letter-spacing:6px; }
.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; }





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

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

}

@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: 28%; letter-spacing: 0;}

}


@media only screen and (max-width: 1100px) {
.liuyan_con{ width: 100%; }
.liuyan_con li lable,.liuyan_con li.dd lable{ width: 25%; 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: 14px; }
.liuyan_con li lable,.liuyan_con li.dd lable{  width: 34%;}
}


@media only screen and (max-width: 600px) {
/*.liuyan_con li lable{display: none; }*/
.liuyan_con li lable{  width: auto; text-align: left; font-size: 14px; line-height: 1;  width: 140px; font-weight: bold; }
.liuyan_con li p{ display: block; float: right; width: calc(100% - 140px);/* padding-right: 15px;*/  }
/*.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:20px 0;}
.liuyan_con li p input[type=text]{ width: 100%; border: none; height: auto; line-height: auto; background: none; text-align: right; text-indent: 0; height: auto; line-height: 1; border-radius:0;}
.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: right; position: absolute; right: 0; bottom: 2px; /*display: none;*/ }
.liuyan_con li p a{ width: 120px; height: 35px; line-height: 35px; }
.liuyan_con li p em{ display: block; }
.liuyan_con li p.radio{ line-height: 1; text-align: right; }
.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: flex; 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; }




}