@charset "UTF-8";
/**
* 
* @authors Your Name (you@example.org)
* @date    2018-06-27 11:22:44
* @version $Id$
*/
*{margin:0;padding:0}
	a{text-decoration:none;}
.tit {text-align:center;width:100%;}
.tit strong{display:block;text-align:center;color:red;font-size:0.4rem;margin:0.3rem auto;}
.tit btn{display:block;width:5.6rem;height:0.6rem;line-height:0.6rem;border:1px solid #ccc;margin:0 auto;font-size:0.24rem;color:#444;text-align:center;border-radius:0.3rem;box-shadow:0px 5px 10px #eee;}
.tit btn i{font-style:normal;color:red;}
.tit btn img{width:0.41rem !important;height:0.42rem !important;}
#main{margin:0 auto;z-index:1}
#main section{display:flex}
#main section img{width:6.4rem;height:auto;border:0;margin:0;padding:0;height:auto}
form{margin-bottom:1.5rem;}
.form-g{width:5.76rem;padding:.16rem .32rem;font-size:.16rem}
.form-h{width:5.76rem;font-family:PingFangSC-Regular;font-size:.28rem;line-height:.58rem;color:#222}
.form-h span{color:#f44}
.form-h small{color:#999}
.form-i{display:flex;padding-top:.12rem;flex-wrap:wrap}
.form-i input[type=number],.form-i input[type=text]{-webkit-appearance:none;width:5.76rem;background-color:transparent;border:1px solid #dcdcdc;border-width:1px;border-radius:0;font-size:.28rem;line-height:.58rem;outline:0}
.form-i input[type=number]:hover,.form-i input[type=text]:hover{border-color:#f44}

.form-i .autophone{position:relative;width:.28rem;height:.28rem;background-color:transparent;border:1px solid #d7d7d7;color:transparent}
.form-i .autophone::after{content:"";position:absolute;left:20%;top:20%;width:50%;height:25%;border:2px solid #fff;border-radius:1px;border-top:none;border-right:none;background:0 0;transform:rotate(-45deg)}
.form-i p i{font-style:normal;color:#3b9aff;text-decoration:none}
.form-i input[type=submit]{border-radius:.1rem;background-color:#f85959;color:#fff;border:0;width:100%;height:.58rem;-webkit-appearance:none;outline:0;font-size:.32rem}

.cover{background:#000;position:absolute;left:0;top:0;width:100%;opacity:.5;display:none;z-index:2}
.tc{display:none;background:#fff;font-size:.28rem;text-align:center;width:5rem;margin:.16rem .32rem;position:fixed;top:25%;border-radius:.1rem;padding:.38rem .38rem;z-index:3}
.tc .x{display:block;width:.3rem;height:.3rem;font-weight:700;color:grey;float:right}
.lb{width:5.76rem;padding:.16rem .32rem;font-size:.3rem;text-align:center}
.icon-lb{-webkit-box-flex:0;-webkit-flex:none;flex:none;color:#d0021b;box-sizing:border-box;-webkit-tap-highlight-color:transparent;width:.48rem;height:.48rem}
.text-lb{display:inline-block;vertical-align:super;margin-left:.16rem}
.text-lb span{font-weight:700;font-size:.36rem;color:#d0021b}
.form-r{flex:1;min-width:50%;font-size:.28rem;color:grey}



.form-r input[type=radio]{display:none}
.form-r label{line-height:.48rem}
.form-r label:before{width:.22rem;height:.22rem;border:1px solid #ddd;border-radius:50% !important;margin:0 .11rem;display:inline-block;content:''}
.form-r input[type=radio]:checked+label:before{content:'◉';color:#f85959;font-size:.4rem;font-weight:100;width:.48rem;height:.22rem;display:inline-block;text-align:center;vertical-align:top;background-color:#fff;margin:0;border:0}


.form-i input[type=checkbox]{display:none}
.form-i .label1{line-height:.48rem}
.form-i .label1:before{width:.22rem;height:.22rem;border:1px solid #ddd;border-radius:0 !important;margin:0 .11rem;display:inline-block;content:''}
.form-i input[type=checkbox]:checked+.label1:before{content: "\2714";color:#f85959;font-size:.4rem;font-weight:100;width:.48rem;height:.22rem;display:inline-block;text-align:center;vertical-align:top;background-color:#fff;margin:0;border:none;border-radius:0 !important;}
footer a{display:block;position:fixed;bottom:0;text-align:center;background-color:#f85959;color:#fff;border:0;width:100%;height:.88rem;line-height:0.88rem;-webkit-appearance:none;outline:0;font-size:.32rem}
footer a img{width:0.41rem !important;height:0.42rem !important;}