@charset "utf-8";
/* CSS Document */
.banner{ position:relative;}
.banner figure img{ width:100%;}
.banner a:nth-child(2){ position:absolute; left:50%; bottom:5.5%; width:104px; height:28px; text-align:center; background:url(../images/baseIconBg/btnBg.png) no-repeat; background-size:104px auto; margin-left:-52px; color:#d11725; font:bold .9em/26px 'MicroSoft YaHei'; }
.step{ background:#fff;}
.step header{ height:2.4em; line-height:2.4em; color:#333; padding:0 .6em; border-top:solid 1px #dfdfdf; border-bottom:solid 1px #dfdfdf; background:#f7f7f7;}
.step:first-child header{ border-top:none;}
.ringCon{ padding:.4em .6em; height:5.6em; color:#333; font:normal .95em/1.5em 'MicroSoft YaHei'; border:none; resize:none; -webkit-box-sizing:border-box; width:100%;}
.tip{ padding:0 .6em .6em;}
.tip span{ float:left; font-size:.85em; color:#999; padding-top:.3em;}
.tip a{ float:right; font-size:.85em; border-radius:10em; color:#666; border:solid 1px #dfdfdf; background:#f7f7f7; padding:.2em .8em;}
.tip a:before{ content:''; display:inline-block; vertical-align:middle; width:13px; height:13px; background:url(../images/baseIconBg/icon2.png) 0 -113px no-repeat; background-size:100px auto; margin-right:2px;}
.tip a i{ font-style:normal;}
.step2List{ padding:.2em 0;}
.step2List li{ display:-webkit-box; -webkit-box-align:center;}
.step2List li figure{ width:60px; height:60px; overflow:hidden; margin:0 .6em;}
.step2List li figure img{ width:60px;}
.choose{ -webkit-box-flex:1; display:-webkit-box; -webkit-box-align:center; border-bottom:solid 1px #dfdfdf; padding:.95em .6em .95em 0}
.step2List li:last-child .choose{ border-bottom:none;}
.choose>div{ -webkit-box-flex:1;}
.choose>div h2{ color:#333; font-size:.95em; font-weight:normal;}
.choose>div a{ color:#999; font-size:.8em;}
.choose .btnC{ border-color:#dfdfdf; color:#333 !important; padding:.4em .6em;}
.diyOption{ display:-webkit-box; -webkit-box-align:center; border-bottom:solid 1px #dfdfdf; padding:.6em;}
.diyOption p{ -webkit-box-flex:1; color:#333; font-size:.9em;}
.diyOption span{ display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center;}
.diyOpt01{ width:3.6em; height:3.6em; background:#373950; border-radius:3.6em; margin-right:.6em;}
.diyOpt01 a{ display:block; width:36px; height:33px; background:url(../images/baseIconBg/icon2.png) -61px -83px no-repeat; background-size:100px auto;}
.diyOpt01 a:before{ content:''; display:none;}
.diyOpt01 a.curr{ background-position:-64px -114px;}
.diyOpt02{ width:2.6em; height:2.6em; border-radius:2.8em; border:solid 1px #dfdfdf; margin-left:.6em;}
.downloadApp{ padding:0 .6em; text-align:center; color:#666;}
.downloadApp p{ font-size:.9em; padding:.8em 0;}
.downloadApp .btnB{ width:100%; display:block; -webkit-box-sizing:border-box; padding:.8em .7em; font-size:1em;}

/* .demo,.anchorList{ display:-webkit-box; -webkit-box-align:center; background:#fff; border-bottom:solid 1px #e6e6e6; padding:.5em 0 .4em;} */
/* .demo h2{ color:#333; font-size:.95em; font-weight:normal; width:1em; padding:0 1em;} */
/* .demoList{ -webkit-box-flex:1; display:-webkit-box; -webkit-box-align:center;} */
/* .demoList li{ -webkit-box-flex:1; padding-right:1em; text-align:center;} */
/* .demoList li input[type=radio],.anchorList>div input[type=radio]{ display:none;} */
/* .demoList li label,.anchorList>div label{ display:block; position:relative;} */
/* .demoList li label img,.anchorList>div label img{ width:100%;} */
/* .demoList li label h3,.anchorList>div label h3{ color:#333; font-size:.8em; font-weight:normal; padding-top:.2em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} */
/* .demoList li input[type=radio]:checked+label:after,.anchorList>div input[type=radio]:checked+label:after{ content:''; width:24px; height:24px; background:url(../images/baseIconBg/icon2.png) 0 -127px no-repeat; background-size:100px auto; display:block; position:absolute; right:-8px; top:-8px;} */
.anchorList{ display:-webkit-box; -webkit-box-align:center; background:#fff; border-bottom:solid 1px #e6e6e6; padding:.5em 0 .4em;}
.essay{ overflow:hidden;}
.demo{ background:#fff; border-bottom:solid 1px #e6e6e6; padding:.5em 0 .4em;}
.demo input[type=radio],.anchorList>div input[type=radio]{ display:none;}
.demo label{ font-size:.9em; color:#333; line-height:1.3em; padding:0 .8em 0 2.2em; display:inline-block; position:relative;}
.anchorList>div label{ display:block; position:relative;}
.anchorList>div label img{ width:100%;}
.anchorList>div label h3{ color:#333; font-size:.8em; font-weight:normal; padding-top:.2em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.demo input[type=radio]:checked+label:after,.anchorList>div input[type=radio]:checked+label:after{ content:''; width:24px; height:24px; background:url(../images/baseIconBg/icon2.png) 0 -127px no-repeat; background-size:100px auto; display:block; position:absolute; right:-8px; top:-8px;}
.demo input[type=radio]:checked+label:after{ left:5px; top:-1px;}

.anchor{ width:100%; overflow:hidden; position:relative;}
.anchor ul li{ float:left; width:100%;}
.anchorList{ padding:.5em .5em .4em; text-align:center;}
.anchorList>div{ width:25%; -webkit-box-sizing:border-box; padding:0 .3em;}
.anchorList>div a{ border:solid 1px #dfdfdf; background:#f7f7f7; border-radius:10em; display:inline-block; font-size:.8em; color:#999; width:100%; text-align:center; max-width:10em; padding:.2em 0; margin-top:.4em;}
.diy_audition:before{ content:''; display:inline-block; width:10px; height:11px; background:url(../images/baseIconBg/icon2.png) -90px -73px no-repeat; background-size:100px auto; margin-right:2px; vertical-align:middle;}
.diy_audition.curr:before{ background-position:-80px -73px;}
.diy_audition.loading:before{ background:url(../images/baseIconBg/loading.gif) no-repeat; background-size:10px auto;}

.anchorPage{ text-align:center; width:100%; padding-top:.3em;}
.anchorPage span{ display:inline-block; width:.5em; height:.5em; border-radius:.25em; background:#ccc; margin:0 .2em;}
.anchorPage span.curr{ background:#77d39c;}
#anchorBox .boxBtn,#scoreBox .boxBtn{ padding-top:.4em;}