@charset "utf-8";

/* reset */

div, p, dl, dd, h1, h2, h3, h4, h5, h6, a, b, u, em, input, textarea, button, select, form, section, label, span, td, li, nav, footer, body, ul, i { -webkit-box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0); padding: 0; margin: 0; }
ul, li, ol { list-style: none; }
a {color:#333; text-decoration: none; }
a, img, button{-webkit-touch-callout:none; /*-webkit-user-select:none;*/}
a:focus, a:active, a:hover, input, button, textarea { outline: none; }
table { border-collapse: collapse; }
body, td, input, textarea, option, select, button {font-family:poppin,'PingFang SC',Tahoma,Arial,\5FAE\8F6F\96C5\9ED1,sans-serif; -webkit-text-size-adjust: none; }
body{font-size:14px; max-width:640px; margin:0 auto; background:#d11e1a; color:#000;}
em, i{font-style:normal;}
p{-webkit-text-size-adjust: none !important;}

/* common */

.container{}

.none{display:none;}
.tc{text-align:center;}

.topic{position:relative; margin-bottom:-45px;}
.topic .infostail{
    position:absolute;
    top:10px;
    width:60px;
    height:22px;
    right:13%;
    top:12%;
}
.topic img{display:block; width:100%;}
.bottom_img{margin-top:25px;position: relative;padding-bottom: 25px;}
.bottom_img img{display:block; width:100%;}
.topic .i-rule{position:absolute; top:10px; right:10px; font-size:0.857rem; color:#fff; text-decoration:underline;}

.topic-box{position:relative; width:310px; margin:0 auto; background:#8ec59c; box-shadow:4px 4px 4px #009F5D; -wekit-border-radius:12px 0 0 0; -moz-border-radius:12px 0 0 0; border-radius:12px 0 0 0;}
.topic-box .bd{padding:15px; color:#006235; font-size:0.857rem;}
.topic-box .ft a{display:block; height:35px; line-height:34px; text-align:center; font-weight:700; border-top:1px solid #b2e7c0; color:#006235;}
.topic-box .ft a:active{color:#009F5D;}

.topic-reg{max-width:360px; margin:0 auto; padding-top:45px; background-size:100% auto;}
.topic-reg .inner{border-radius:5px;background:#fff;}
.topic-reg .i-free{display:block; height:47px; line-height:47px; margin:15px 0; color:#fff; font-size:1.142rem; text-align:center; background: #c21916; border-radius:25px;}
.topic-reg .i-free:active{opacity:0.3}
.topic-reg .i-notice{font-size:0.8rem; color:#666; text-align: center;}
.topic-reg .i-notice a{color:#de7832;display: inline-block;padding:6px 25px; border:1px solid #f1cbb1; border-radius: 15px; margin-top:15px;}
.topic-reg .tips{color: #999999}
.topic-reg .i-read{position:relative; padding-top:10px; padding-left:25px; font-size:0.7rem; line-height:1.2rem;}
.topic-reg .i-read input{display:none; position:relative; top:2px; margin-right:5px;}
.topic-reg .i-read label{position:absolute; left:0; top:12px;}

/*隐藏掉我们模型的checkbox*/
.topic-reg .i-read input{
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    display: none;
}
/*未选中时*/        
.topic-reg .i-read input+span {
	position:relative;
    width: 16px;
    height: 16px;
    display: block;
    border:1px solid #c52725;
    position: relative;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
/*选中checkbox时,修改背景图片的位置*/            
.topic-reg .i-read input:checked+span:after{
	position:absolute;
	display: block;
	content:'';
	width:6px;
	height:6px;
	top:4px;
	left:4px;
    background:#c52725;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}

.topic-reg .i-read a{color:#2f7dde;}
.topic-notice{padding:15px 20px; color:#ffe4b7; font-size:0.857rem;}
.topic-reg .active_tips{text-align: center;font-size: 15px;color: #b41512;}

.field-list{padding:15px;}
.field-list dl{position:relative; height:32px;margin-top:9px;}
.field-list dl dt{position:absolute; top:0; left:0; height:32px; line-height:32px;}
.field-list dl dd{position:relative; padding-left:60px;}
.field-list dl dd input{width:100%; height:32px; border:0;padding-left: 8px; border:1px solid #b5b5b4; font-size:14px; color:#000;border-radius:0;-webkit-appearance:none;}
.field-list dl dd .i-sms{display:block; position:absolute; top:0; right:0; width:110px; height:32px; line-height:34px;background: #c21916; color:#fff; text-align:center;}
.field-list dl dd .i-sms:active{opacity:0.3}

.moreinfo{text-align: center;}
.moreinfo a{color:#c21916;}
.topic-rule{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:100;}
.topic-rule .inner{position:fixed; top:50%; left:50%; width:320px; background:#fff; border-radius:5px; z-index:5; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); padding:15px;}
.topic-rule .inner h3{height:20px; margin:0 auto; text-align:center; line-height:20px; font-size:1.142rem; font-weight:400;}
.topic-rule .inner .i-close{display:block; position:absolute; bottom:-50px; left:50%; width:31px; height:31px; margin-left:-17px; line-height:30px; border:1px solid #fff; background:#333; text-align:center; font-size:2rem; color:#fff; z-index:10; font-family: Arial; border-radius:20px; margin-left:-15px;}
.topic-rule .inner table{margin-top:15px;}
.topic-rule .inner table tr td{padding:5px; font-size:0.857rem; color:#666; border:1px solid #efefef;}
.bottom_moreInfo{text-align: center;padding:25px 0;}
.bottom_moreInfo a{ display: block;margin:0 auto; color:#f9d8b0;font-size: 14px;width: 212px;height: 46px;line-height: 46px;border-radius: 24px;border:1px solid #ffeece;}


.act_suc_btn{position: relative;}
.act_suc_btn .toIdb{position: absolute; width: 100%;height: 52px;top: 0;}
.act_suc_btn .tobaodan{position: absolute; width: 100%;height: 52px;top: 75px;}

.help_w a{
    position: fixed;right: 0;width: 30px;height: 90px;top: 27%;z-index: 999;
}

.i-m{
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    bottom: 10px;
    color: #fff;
    left: 50%;
    font-size: 1.2rem;
    font-weight: bold;
    text-decoration: underline;
    width: 100%;
    text-align: center;
}

/* fix */

.pn-field-mod{margin-top:0;}

@media screen and (max-width:320px){
	.topic-reg .inner{margin:0 17px;}
}

@media screen and (min-width:410px){
	.topic-notice{padding:15px 40px;}
}