/***************************试卷页面 start*********************************/
html, body {
    position:relative;
    height:100%;
}
input,button,textarea{
    border:0;
    outline:none;
    margin:0;
    padding:0;
}
i{
    font-style:normal;
}

.swiper-container {
    width: 100%;
    height: 100%;
}
/*头部 start*/
.am-header .am-header-title{
    width:60%;
    font-size:1.5rem;
    margin:0 20%;
}
.am-header-default{
    box-shadow: none;
}
.am-header-default .am-header-title{
    color:#333;
}
.am-header-default .am-header-nav{
    width:20%;
    color:#333;
}
.am-header .am-header-right{
    text-align: right;
}
#top_header {
    position:fixed;
    z-index:9999;
}
#top_header .am-dropdown-content{
    min-width:90px;
    background:rgba(0,0,0,0.6);
    border-radius:5px;
    text-align:center;
}
#top_header ul.am-dropdown-content>li>a{
    color:#fff;
}
#top_header .am-header-icon{
    font-size:2.5rem;
    vertical-align:-3px;
}
.am-dropdown-content:before {
    border: 8px solid rgba(0,0,0,0.7);
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 8px solid transparent;
    top: -15px;
    z-index:99;
}
.am-dropdown-content li:not(:last-child){
    border-bottom:1px solid #999;
}
ul.am-dropdown-content>li>a:focus, ul.am-dropdown-content>li>a:hover{
    background:#33cc99;
}

.collect{
    width:100%;
}
.collect p{
    float:right;
}
.collect i{
    float:right;
    width:20px;
    height:20px;
    background:url("../../images/icon_sc1.png") no-repeat;
    background-size:cover;
    margin:15px 0 0 5px;
}
.collect i.sc{
    background:url("../../images/icon_sc2.png") no-repeat;
    background-size:cover;
}
/*头部 end*/

.swiper-wrapper{
    top:49px;
    height:calc(100% - 98px);
}
.topic_box{
    width:100%;
    height:100%;
    background:#fff;
    padding:0 0 10px;
    margin:0 auto;
    overflow-y:scroll;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.swiper-button-next,.swiper-button-prev{
    width:25%;
    height:50px;
    line-height:50px;
    font-size:1.5rem;
    background:none;
    text-align:center;
}
.swiper-button-next{
    right:0;
}
.swiper-button-prev{
    left:0;
}
.topic_title{
    position:fixed;
    z-index:999;
    top:49px;
    left:0;
    width:100%;
    height:35px;
    line-height:35px;
    background:#fff;
    border-bottom:1px solid #eee;
    font-size:1.5rem;
    padding:0 4%;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.topic_title img{
    width:20px;
    height:20px;
    margin-right:3px;
    vertical-align: -5px;
}
.topic_title>span{
    font-weight:bold;
}
.swiper-pagination{
    width:20%;
    height:35px;
    line-height:35px;
    bottom:0;
    left:80%;
    pointer-events: none;
    cursor: pointer;
    color:#999;
}
.swiper-pagination-current{
    color:#333;
    font-size:1.6rem;
}

.contain{
    position:fixed;
    z-index:1000;
    left:0;
    bottom:0;
    width:100%;
    height:50px;
    background: #fff;
    border-top:1px solid #eee;
    padding-top:3px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.answer_sheet,.submit_paper,.collect2{
    position:absolute;
    width:25%;
    height:50px;
    left:25%;
    text-align: center;
    cursor: pointer;
}
.submit_paper,.collect2{
    left:50%;
    text-align: center;
}
.answer_sheet img,.submit_paper img{
    width:20px;
    height:20px;
}
.collect2 i{
    display:block;
    float:inherit;
    width:20px;
    height:20px;
    margin:0 auto;
}
.collect2 p{
    float:inherit;
    line-height:25px;
}
.answer_sheet p,.submit_paper span{
    display:block;
    line-height:25px;
}

.topic_outside{
    width:100%;
    padding:45px 0 10px 0;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.topic_nav{
    width:92%;
    max-height:50%;
    font-family:"Times New Roman";
    text-align:justify;
    margin:0 auto;
    overflow-y:scroll;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.topic_nav P{
    font-size:1.4rem;
}
.topic_nav2{
    background:#f4f4f4;
}
.topic_nav audio{
    width:100%;
    border:1px solid #eee;
}
.topic_answer{
    width:100%;
    margin:10px auto;
    overflow:hidden;
}
.am-checkbox input[type=checkbox],
.am-checkbox-inline input[type=checkbox],
.am-radio input[type=radio],
.am-radio-inline input[type=radio]{
    position:absolute;
    width:18px;
    height:18px;
    margin:1px 0 0 1px;
}
.topic_answer i.icon_right{
    position:absolute;
    width:20px;
    height:20px;
    background:url("../../images/jy/icon_right.png") no-repeat center;
    background-size:cover;
}
.topic_answer i.icon_wrong{
    position:absolute;
    width:20px;
    height:20px;
    background:url("../../images/jy/icon_wrong.png") no-repeat center;
    background-size:cover;
}

.topic_answer .am-radio,.topic_answer .am-form-group{
    width:100%;
    padding:10px 4%;
    margin-bottom:.5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.topic_answer .am-radio span,.topic_answer .am-form-group span{
    display:block;
    width:100%;
    padding-left:26px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.am-checkbox-inline, .am-radio-inline{
    padding-left:0;
}
.topic_answer .am-radio:nth-child(odd),
.topic_answer .am-form-group:nth-child(odd){
    background:#eee;
}

.topic_text{
    width:94%;
    margin:10px auto;
    overflow:hidden;
}
.topic_text textarea{
    width:100%;
    padding:10px;
    background:#f4f4f4;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.topic_text input{
    width:100%;
    height:40px;
    padding:10px;
    background:#f4f4f4;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*正确答案 start*/
.watch_answer{
    width:100%;
    margin:10px auto;
    overflow:hidden;
}
.right_answer{
    width:100%;
    border-top:10px solid #f4f4f4;
    border-bottom:10px solid #f4f4f4;
    padding:10px 0;
    overflow:hidden;
}
.right_answer p{
    float:left;
    width:50%;
    text-align: center;
    overflow:hidden;
}
.right_answer p:first-child{
    border-right:1px solid #eee;
}
.right_answer span{
    display:block;
    width:100%;
    height:30px;
    line-height:30px;
    font-size:1.5rem;
    color:#333;
}
.right_answer i{
    display:block;
    width:100%;
    height:30px;
    line-height:30px;
    font-size:1.8rem;
    font-weight:bold;
}
.right_answer i.standard{
    color:#0e88de;
}
.right_answer i.mine{
    color:#e92910;
}
.answer_nr{
    width:100%;
    border-bottom:10px solid #eee;
    padding:10px 4%;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.answer_nr h3{
    color:#000;
    line-height:35px;
    font-size:1.5rem;
}
.watch_answer p{
    color:#999;
    font-size:1.4rem;
}

/*正确答案 end*/


/*答题卡 start*/
.topic_card{
    position:fixed;
    left:0;
    top:100%;
    z-index:999;
    width:100%;
    height:100%;
    background:#fff;
    overflow:hidden;
    transition:all .3s;
}
.topic_card.show{
    top:0;
}
.card_box{
    position:absolute;
    top:49px;
    z-index:999;
    width:100%;
    height:calc(100% - 79px);
    background:#fff;
    overflow-y:scroll;
}
.card_list{
    width:92%;
    margin:5px auto;
    overflow:hidden;
}
.card_list dt{
    width:100%;
    line-height:30px;
    overflow:hidden;
}
.card_list dd{
    width:100%;
    overflow:hidden;
}
.card_list dd span{
    float:left;
    width:16.66%;
    text-align:center;
    margin:5px 0;
    overflow:hidden;
}
.card_list dd a{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:40px;
    border:1px solid #d7d7d7;
    color:#000;
    border-radius:3px;
    text-align: center;
    overflow:hidden;
}
.card_list dd a.sel_topic{
    background:linear-gradient(to top, #ff9240 0%, #ffba00 100%);
    border:1px solid transparent;
    color:#fff;
}
.card_list dd a.sel_topic2 {
    color:#fff;
    border:1px solid #47ad76;
    background: #47ad76;
}
.card_list dd a.sel_topic1{
    color:#fff;
    border:1px solid #f00;
    background: #f00;
}

.card_intro{
    position:absolute;
    bottom:0;
    z-index:999;
    width:100%;
    height:30px;
    background:#fff;
    padding:0 4%;
    text-align: center;
    overflow:hidden;
}
.card_intro li{
    display:inline-block;
    line-height:30px;
    margin:0 5px;
}
.card_intro li span{
    float:left;
    width:18px;
    height:18px;
    border:1px solid #d7d7d7;
    border-radius:3px;
    margin:6px 5px 0 5px;
    overflow:hidden;
}
.card_intro li span.error{ background:#f00; border:1px solid #f00;}
.card_intro li span.ok{ background:#47ad76; border:1px solid #47ad76;}
.card_intro li span.do{
    background:linear-gradient(to top, #ff9240 0%, #ffba00 100%);
    border:1px solid transparent;
}
/*答题卡 end*/

/*弹出层 start*/
.success_layer,.collect_layer{
    position:fixed;
    top:30%;
    left:50%;
    z-index:999;
    margin-left:-80px;
    width:160px;
    height:120px;
    background:rgba(0,0,0,0.7);
    border-radius:5px;
    text-align: center;
    overflow:hidden;
    display:none;
}
.success_layer img,.collect_layer img{
    width:50px;
    margin:15px 0;
}
.success_layer p,.collect_layer p{
    font-size:1.4rem;
    color:#fff;
}
/*弹出层 end*/
/***************************试卷页面 end*********************************/

/***************************答案解析 start*********************************/
.result{
    width:100%;
    padding-bottom:50px;
    overflow:hidden;
}
.result_up{
    width:100%;
    background:#fff;
    font-size:1.6rem;
    padding:10px 0;
    border-bottom:1px solid #eee;
    text-align: center;
    overflow:hidden;
}
.result_up img{
    width:24px;
    vertical-align:-6px;
}
.result_up span i{
    color:#e91414;
    font-size:1.8rem;
}
.test_name{
    width:100%;
    background:#fff;
    padding:10px 4%;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.test_name h2{
    font-size:1.5rem;
    line-height:2rem;
}
.test_name span{
    color:#999;
    line-height:2rem;
}
.evaluate{
    position:relative;
    width:100%;
    min-height:100px;
    background:#fff;
    margin:10px 0;
    padding:10px 4%;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.evaluate span{
    position:absolute;
    width:80px;
    height:80px;
    border-radius:50%;
    overflow:hidden;
}
.evaluate span img{
    width:100%;
}
.evaluate p{
    width:100%;
    padding:10px 0 0 90px;
    line-height:2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.result_footer{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    height:50px;
    background:#fff;
    border-top:1px solid #eee;
    overflow:hidden;
}
.result_footer li{
    float:left;
    width:50%;
    text-align:center;
    padding:5px 0;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.result_footer li a{
    display:block;
}
.result_footer li img{
    width:20px;
    height:20px;
}
.result_footer li span{
    display:block;
    line-height:20px;
}
.result_footer li a.btn2{
    width:90%;
    height:36px;
    line-height:36px;
    background:#46a6ef;
    border-radius:5px;
    color:#fff;
    margin:2px auto;
    overflow:hidden;
}


/***************************答案解析 end*********************************/