.item{background-color:#f7f7f7;margin-bottom:40px;padding:20px 40px;position:relative}.item .desc{font-size:16px;margin-bottom:10px;transition:100ms}.item .title{transition:100ms}.item .title .count{padding-top:1px;font-size:20px;float:left;width:40px}.item .title .text{float:left;wdith:600px}.item .title .text img{width:160px;height:130px}.item .title .text p{float:left;padding:0 2px;text-align:center}.item .title .text p span{display:block;font-size:20px;padding-bottom:3px}.item .title .text p span.pinyin{height:30px}.item .title .text p span.mizige{width:60px;height:60px;font-size:30px;line-height:60px;text-align:center;background-image:url(../../../static/images/self-test/mizige.jpg);background-size:100%;background-repeat:no-repeat}.item .title .text p.nopinyin{padding-top:0;font-size:20px;text-align:left}.item .title .text p.audio{padding-top:0;margin-left:30px;font-size:20px;color:#666;cursor:pointer;height:25px}.item .title .text p.audio span:nth-of-type(2){display:none}.item .title .text p.audio:hover,.item .title .text p.audio.play{color:#22b14c}.item .answers{margin-top:40px;padding-left:40px;width:90%;transition:100ms}.item .answers li{position:relative}.item .answers li .text{padding:6px 0 6px 20px;margin-bottom:25px;cursor:pointer;text-align:left;border:1px solid #ccc;border-radius:3px;font-size:16px;background-color:#fff}.item .answers li .text .prefix,.item .answers li .text .raw{float:left;margin-right:0}.item .answers li .text .prefix p,.item .answers li .text .raw p{margin-bottom:0}.item .answers li .text .prefix.shengdiao,.item .answers li .text .raw.shengdiao{font-size:30px}.item .answers li .pic{background-color:transparent;width:160px;height:160px;position:relative;left:0;top:0;margin-bottom:30px;cursor:pointer}.item .answers li .pic img{transition:transform 300ms;width:100%;height:160px;border-radius:3px}.item .answers li .pic img:hover{transform:scale(.95)}.item .answers li .pic .answer_mark{right:5px;font-size:15px}.item .answers li .answer_mark{position:absolute;right:20px;top:5px;width:15px;height:15px;font-size:14px;color:#1ae957;display:none}.item .answers li.active .pic img,.item .answers li.user_answer .pic img{border-radius:0;outline:3px solid #22b14c;outline-offset:3px;transform:scale(1)}.item .answers li.active .text,.item .answers li.user_answer .text{background-color:#2bb052;color:#fff}.item .answers li.correct_answer .answer_mark{display:block}.item .answers li.correct_answer.user_answer .answer_mark{color:#eee}.item .answers li.correct_answer.user_answer .pic .answer_mark{color:#1ae957}.item .answers li.drag{float:left;padding:0 5px 0 15px}.item .answers li.drag .text{padding:5px 20px;transition:200ms}.item .mark{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:50%;background-color:#fff;font-size:16px;line-height:24px;text-align:center}.item .mark span{display:none}.item.item12 .dragBox{position:relative;width:90%;margin-left:40px;min-height:150px;background-color:#fff;border:1px solid #ccc;border-radius:5px;padding:10px 30px 10px 10px}.item.item12 .dragBox h5{font-size:14px}.item.item12 .dragBox li{float:left;padding:3px 15px;border:1px dashed #ccc;margin-right:5px;cursor:pointer;margin-bottom:5px}.item.item12 .dragBox li:nth-of-type(even){color:#1ec24e}.item.item12 .dragBox li:nth-of-type(odd){color:#f97114}.item.item12 .dragBox li:hover{background-color:#f5f5f5}.item.item12 .dragBox li p{margin-bottom:0}.item.item12 .dragBox .userAnswerBox{margin-top:20px}.item.item12 .dragBox .userAnswerBox li{border:1px dashed #ccc;color:#444}.item.item12 .drag.selectd .text{background-color:#ccc;cursor:not-allowed;opacity:.3}.item.item12 .reset{position:absolute;right:0;top:0;width:30px;height:30px;line-height:30px;font-size:14px;color:#666;cursor:pointer;text-align:center}.item.item12 .reset:hover{color:#ed1c24}#user_login{margin-top:0;margin-bottom:60px;padding-bottom:50px;border:1px solid #d6d6d6;background:url(/static/pages/static/images/user/pageuser-bg.png) right top no-repeat;background-color:#f9f9f9}#user_login .sbtit{text-align:center;margin:80px 0 0;padding:0 0 20px 20px;width:40%;font-size:20px;margin-bottom:20px;border-bottom:1px solid #8c8c8c;cursor:pointer}#user_login .sbtit.active{color:#093;border-bottom:3px solid #093}#user_login .lin{margin-left:80px}#user_login .icode{width:130px;height:60px;background:#ccc;margin-left:180px;margin-bottom:10px}#user_login .con2{display:none}#self-test{min-height:400px;margin-top:5px}#self-test .homePage{margin-bottom:50px;background-image:url(../../static/images/self-test/start-bg.jpg);background-repeat:no-repeat}#self-test .homePage .dest{padding:40px 0 20px;background:rgba(255,255,255,.6)}#self-test .homePage .dest h1{font-size:36px;margin-bottom:20px}#self-test .homePage .types .type-box{padding:10px 50px 10px 15px;height:270px;background:rgba(255,255,255,.6)}#self-test .homePage .types .type-box h3{font-size:26px;color:#ee7001}#self-test .homePage .types .type-box p{height:80px}#self-test .homePage .btn{padding:7px 70px;font-size:20px;border-radius:0}#self-test .loadingPage{width:100%;min-height:400px;display:none;padding:50px 0;text-align:center;background-color:#f7f7f7}#self-test .loadingPage img{width:40px;height:40px;background-color:#ccc}#self-test .stage{background-color:#f7f7f7;display:none;min-height:400px;padding:10px 40px 40px}#self-test .stage .body{min-height:300px}#self-test .stage .btns{padding:0 0 40px;text-align:center}#self-test .stage .btns .btn{width:25%;padding:6px 0;margin-right:30px;font-size:18px}#self-test .user{background-color:#f7f7f7;display:none;padding:0 0 100px;opacity:0;transition:300ms}#self-test .user #user_login{width:100%;background-color:transparent;border:0;margin-bottom:10px}