/* .tpl-left-nav {
     position: fixed;
 } */
 /* 改start */
 .header_margin{
     width:1200px;
     margin:0 auto;
 }
 .practice_showding{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    z-index: 500;
 }
 .practice{
    position: fixed;
    left: 50%;
    top: 50%;
    width:600px;
    height:400px;
    background-color: white;
    margin-top: -200px;
    margin-left: -300px;
 }
 .practice_title{
     background:#F2F6F9;
     padding-left:30px;
     height:50px;
     line-height: 50px;
     color:#495A69;
     font-weight: bold;
 }
 .practice_close{
     position: absolute;
     top: 16px;
    right: 20px;
    width: 20px;
    height: 20px;
     cursor: pointer;
     background:url(../images/practice_close.png) no-repeat center;
     background-size: 100%;
 }
 
 p{
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none; 
 }
 .tpl-header-nav-hover-ico {
     display: block;
 }
 /* 改end */
 
 .bg-white {
     background: #fff;
 }
 
 .clearfix:after {
     content: "";
     height: 0;
     line-height: 0;
     display: block;
     visibility: hidden;
     clear: both
 }
 
 .practice_block .am-selected {
     width: 180px;
 }
 
 .clearfix {
     zoom: 1;
 }
 
 .MathJax span {
     font-style: normal!important;
 }
 
 .am-topbar-inverse .am-topbar-brand a {
     width: 100%;
 }
 
 .tpl-logo img {
     display: inline-block;
 }
 
 .tpl-logo span {
     color: #333;
     font-size: 20px;
 }
 
 .practice_block {
     background: #fff;
     font-size: 16px;
     line-height: 2;
     /* overflow: hidden; */
     box-shadow:0px 0px 8px 0px rgba(0,0,0,0.12);
     border-radius:5px;
    padding:10px 0;
    position: relative;
    }
 .lianxi_block {
    background:rgba(255,255,255,1);
    border-radius:5px;
    box-shadow:0px 0px 8px 0px rgba(0,0,0,0.12);
    padding-left: 20px;
    overflow: hidden;
    margin-bottom: 20px;
    height:46px;
}
 .practice_block .am-form-group {
     margin-bottom: 0;
     padding-right: 20px;
 }
 
 .practice_block .am-form-group .am-radio-inline+.am-radio-inline {
     margin-left: 130px;
 }
 
 .right_wrong_num>div {
     float: left;
 }
 
 .right_wrong_num>div:first-child {
     margin:0 30px;
 }
 
 .right_wrong_num>div>i {
     margin-right: 5px;
 }
 
 .font-color-blue {
     color: #4c90cb;
     display: inline-block;
 }
 
 .font-color-yellow {
     color: #ffa809;
 }
 
 .f-c-blue_c {
     color: #5b9bd1;
 }
 
 .font-color-red {
     color: #ed6b75;
     display: inline-block;
 }

 .practice_nav_link .practice_nav_item {
     cursor: pointer;
 }
 
 .practice_nav_link .practice_nav_item.active {
     color: #5b9bd1;
 }
 
 .p-l-20 {
     padding-left: 20px;
 }
 
 .m-t-20 {
     margin-top: 20px;
 }
 
 .am-input-group-btn>.am-btn {
     height: 34px;
     line-height: 0.2;
 }
 
 .swiper-container {
     width: 100%;
     /* height: 100%; */
     /* overflow-y: auto; */
 }
 
 .swiper-button-next,
 .swiper-button-prev {
     width: 80px;
     background-size: 10px 10px;
     top: 30px;
     text-align: center;
    height:30px;
    border-radius:5px;
    border:1px solid #495A69;
 }
 
 .swiper-button-prev {
     left:40%;
     background-image: url(../images/left_shou.png);
     background-size: 20px;
 }
 .swiper-button-next {
    left: 55%;
    background-image: url(../images/right_shou.png);
    background-size: 20px;

}
.swiperDisabled{
    left: 55%;
    top: 30px;
    border: 1px solid #495A69;
    width: 80px;
    height: 30px;
    position: absolute;
    margin-top: -22px;
    background: url(../images/right_shou.png) no-repeat center;
    background-size: 20px;
    opacity: .5;
    z-index:123123;
    border-radius: 5px;
 }
 #swiper-total {
     display: inline-block;
 }
 .siwper-no{
    display: inline-block;
 }
 .swiper-pagination-fraction {
     display: inline-block;
     width: auto;
     bottom: auto;
     position: static;
 }
 
 .swiper-pagination-fraction .swiper-pagination-current {
     color: #999;
     padding-right: 5px;
 }

 .am-dropdown-content:before, .am-dropdown-content:after{
    left: 120px;
 }
 .am-dropdown-content .iconfont {
     font-size:12px;
 }

 .icon-size{
     font-size: 22px;
 }
 .practice_btnSearch{
     display: inline-block;
     margin-right:10px;
 }
 .practice_btnSearch image{
    width:20px;  
}
 .practice_ziding{
    padding: 5px;
    position: absolute;
    bottom: 80%;
    z-index: 111111;
    right: 2%;
    /* background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.14) 0px 5px 10px 0px; */
    /* border-radius: 5px; */
 }
 .practice_foot{
     padding:5px 0;
 }
 .practice_foot .swiper-pagination-total {
     display: none;
 }
 .practice_types{
     display: inline-block;
     position: relative;
     cursor: pointer;
     width:20px;
     margin-left:20px;
 }
 /* .practice_types ul{
    padding: 5px;
    position: fixed;
    bottom: 10%;
    right: 10%;
    z-index: 121212;
    background:rgba(255,255,255,1);
    box-shadow:0px 5px 10px 0px rgba(0,0,0,0.14);
    border-radius:5px;
} */
#btnSearch ul{
    padding: 5px;
    position: absolute;
    right: 10%;
    bottom: 150%;
    z-index: 121212;
    background:rgba(255,255,255,1);
    box-shadow:0px 5px 10px 0px rgba(0,0,0,0.14);
    border-radius:5px;
} 
 .practice_slide_content {
     padding-left: 8px;
     /* padding-top: 40px; */
 }
 
 .practice_slide_content .confirm-btn {
     border: none;
     background: #4c90cb;
     padding: 9px 35px;
     color: #fff;
     border-radius: 5px;
    border-radius:5px;
     outline: none;
 }
 .practice_slide_title {
     margin-bottom:20px;
    border-bottom: 1px dashed #CFCFCF;
    padding-bottom: 30px;
 }
 .practice_slide_title .type,.b_title .type {
     border: 1px solid #1BD346;
     border-radius: 5px;
     font-weight: normal;
     font-size: 14px;
     padding: 3px 10px;
     color: #1BD346;
     /* float: left; */
     margin-bottom: 10px;
     display: inline-block;
 }
 
 .practice_slide_title .type.type_circle {
     border-radius: 100%;
 }
 
 .practice_slide_title .title ,.b_title .title{
     margin-left: 5px;
     font-size: 20px;
     position: relative;
     top: 2px;
     color: #000;
     display: block;
     /* float: left; */
     width: 80%;
     padding-bottom: 10px;
 }

 .practice_slide_title .title p{
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
 }
 
 .option_content {
     padding-left: 5px;
     padding-top: 20px;
     overflow:auto;
 }
 
 .option_content li {
     margin-bottom: 10px;
     position: relative;
     padding-left: 35px;
 }
 
 .option_content.no-p-l li {
     padding-left: 0;
 }
 
 .option_content li .zxf-radio,
 .option_content li .zxf-check {
     position: absolute;
     top: 5px;
     left: 0;
 }
 
 .option_content .txt {
     /* display: inline-block; */
     padding-left: 5px;
     color: #666;
     min-height: 30px;
 }
 .option_content .txt p{
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
 }
 

 .mark_collect{
    position: absolute;
    left: 40px;
    top: 0;
 }
 .mark_collect>i:first-child {
     margin-right: 25px;
 }
 
 .mark_collect i {
     cursor: pointer;
 }
 
 .right_ans_mark {
     padding-left: 5px;
 }
 
 .practice_analysis{
    background: rgba(242,246,249,1);
    border-radius: 5px;
    padding:18px 20px;
 }
 .practice_analysis .wrong_ans_mark {
     font-size: 16px;
 }
 
 .practice_analysis .answer {
     padding: 4px 0;
 }
 
 .practice_analysis .wrong_ans_mark i {
     padding-right: 5px;
 }
 
 .practice_analysis .analysis-content .desc {
     line-height: 26px;
 }
 
 .practice_analysis .analysis-content .txt {
     /* float: left; */
     color: #666;
     font-size: 16px
 }
 
 .show_answer {
     margin-top:20px;
    display:inline-block;
    text-align: center;
    width:80px;
    height:30px;
    line-height: 30px;
    background:rgba(243,149,85,1);
    border-radius:5px;
 }
 
 .show_answer a {
     font-size: 16px;
     color: #fff;
 }
 
 #curnum {
     position: absolute;
     top: 0;
     left: 50%;
 }
 
 #zong_curnum {
     position: absolute;
     top: 0;
     left: 60%;
 }
 /*练习*/
 
 .practice_slide_content.common-slide {
     border-bottom: 1px solid #ddd;
     padding-bottom: 30px;
     margin-bottom: 20px;

 }
 
 .practice_slide_content.common-slide:last-child {
     border-bottom: none;
     padding-bottom: 0;
 }
 
 .practice_analysis,
 .right_ans_mark,
 .fill_option {
     display: none
 }
 
 .student_practice_wrap {
     height: 80%;
     position: relative;
     overflow-y: auto;
 }
 
 #no-data-tip {
     position: absolute;
     top: 50%;
     left: 50%;
     display: none;
 }
 
 #total {}
 
 .big-sharedProblem {
     border-bottom: 1px solid #ddd;
     padding-bottom: 30px;
 }
 
 .big-sharedProblem:last-child {
     border-bottom: none;
     padding-bottom: 0;
 }
/*  
 .am-selected-content {
     max-height: 350px;
     overflow: auto
 } */
 /*单选框*/
 
 .am-checkbox,
 .am-radio {
     display: inline-block;
 }
 
 .zxf-radio,
 .zxf-check {
     width: 16px;
     height: 16px;
     border: 2px solid #9e9e9e;
     position: relative;
     display: inline-block;
     padding: 5px;
 }
 
 .zxf-radio {
     border-radius: 100%;
 }
 
 .zxf-radio input[type='radio'],
 .zxf-check input[type='checkbox'] {
     width: 16px;
     height: 16px;
     position: absolute;
     top: -5px;
     left: -2px;
     z-index: 10;
 }
 
 .zxf-radio label,
 .zxf-check label {
     display: block;
     width: 8px;
     height: 8px;
     cursor: pointer;
     position: absolute;
     top: 2px;
     left: 2px;
     z-index: 1;
     background: #fff;
 }
 
 .zxf-radio label {
     border-radius: 100px;
 }
 
 .zxf-radio .letterArr,
 .zxf-check .letterArr {
     position: absolute;
     left: 20px;
     top: -7px;
 }
 
 .zxf-radio input[type=radio],
 .zxf-check input[type=checkbox] {
     opacity: 0
 }
 
 .zxf-radio input[type=radio]:checked+label,
 .zxf-check input[type=checkbox]:checked+label {
     background: #4c90cb;
 }
 
 .zxf-radio.on_wrong input[type=radio]:checked+label,
 .zxf-check.on_wrong input[type=checkbox]:checked+label {
     background: red;
 }
 
 .zxf-radio.on_wrong,
 .zxf-check.on_wrong {
     border-color: red;
 }
 
 .zxf-radio.on_right,
 .zxf-check.on_right {
     border-color: #4c90cb;
 }
 /*预测*/
 
 .actions-btn li span.bg-block1 {
     border-color: #ff0000;
     background-color: #ff0000;
 }
 
 .actions-btn li span.bg-block2 {
     border-color: #ff6600;
     background-color: #ff6600;
 }
 
 .actions-btn li span.bg-block3 {
     border-color: #33ff00;
     background-color: #33ff00;
 }
 
 .actions-btn li span.bg-block4 {
     border-color: #55acf3;
     background-color: #55acf3;
 }
 
 .actions-btn li span.bg-block5 {
     border-color: #c23531;
     background-color: #c23531;
 }
 
 .actions-btn li span.bg-block6 {
     border-color: #2f4554;
     background-color: #2f4554;
 }
 
 .actions-btn li span.bg-block7 {
     border-color: #61a0a8;
     background-color: #61a0a8;
 }
 
 .actions-btn li span.bg-block8 {
     border-color: #cf7030;
     background-color: #cf7030;
 }
 
 .actions-btn li span.bg-block9 {
     border-color: #00cdff;
     background-color: #00cdff;
 }
 
 .actions-btn li span:nth-of-type(2),
 .actions-btn li span:nth-of-type(4) {
     padding-left: 5px;
 }
 
 .part_three ul {
     width: 100%;
     border-top: 1px solid #f1f1f1;
     text-align: center;
     overflow: hidden;
 }
 
 .part_three ul li {
     width: 33.3%;
     float: left;
     padding-top: 14px;
     padding-bottom: 13px;
 }
 
 .part_three ul li:nth-of-type(2) {
     position: relative;
 }
 
 .part_three ul li:nth-of-type(2):after {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 1px;
     background: #f1f1f1;
 }
 
 .part_three ul li>div:first-child {
     color: #666;
     font-size: 20px;
     padding-bottom: 8px;
 }
 
 .part_three ul li>div+div {
     color: #333;
     font-size: 24px;
 }
 
 .tpl-portlet.no-pb {
     padding-bottom: 0;
 }
 
 .datanalysis-info {
     min-height: 310px;
     padding: 20px 30px 35px 70px;
     position: relative;
 }
 
 .datanalysis-info .avtor {
     width: 250px;
     height: 250px;
     border-radius: 100%;
     color: #fff;
     font-size: 90px;
     text-align: center;
     line-height: 250px;
 }
 
 .datanalysis-info .avtor.bad {
     background: red;
 }
 
 .datanalysis-info .avtor.pass {
     background: #ff6600;
 }
 
 .datanalysis-info .avtor.good {
     background: #33ff00;
 }
 
 .datanalysis-info .avtor.very_good {
     background: #55acf3;
 }
 
 .datanalysis-info .studyWarm {
     width: 50%;
     padding: 6px 6px 6px 12px;
     position: absolute;
     top: 30%;
     right: 0;
 }
 
 .datanalysis-info .studyWarm.bad {
     border: 1px solid red;
 }
 
 .datanalysis-info .studyWarm.pass {
     border: 1px solid #ff6600;
 }
 
 .datanalysis-info .studyWarm.good {
     border: 1px solid #33ff00;
 }
 
 .datanalysis-info .studyWarm.very_good {
     border: 1px solid #55acf3;
 }
 
 .datanalysis-info .studyWarm:before {
     content: '';
     position: absolute;
     left: -11px;
     top: 50%;
     margin-top: -10px;
     width: 20px;
     height: 20px;
     background: #fff;
     border-bottom: 1px solid;
     border-left: 1px solid;
     transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
 }
 
 .datanalysis-info .studyWarm.bad:before {
     border-bottom-color: red;
     border-left-color: red;
 }
 
 .datanalysis-info .studyWarm.pass:before {
     border-bottom-color: #ff6600;
     border-left-color: #ff6600;
 }
 
 .datanalysis-info .studyWarm.good:before {
     border-bottom-color: #33ff00;
     border-left-color: #33ff00;
 }
 
 .datanalysis-info .studyWarm.very_good:before {
     border-bottom-color: #55acf3;
     border-left-color: #55acf3;
 }
 
 .datanalysis-info .studyWarm .title {
     font-size: 20px;
     color: #333;
 }
 
 .datanalysis-info .studyWarm .txt {
     font-size: 16px;
     color: #666;
 }
 
 .tpl-portlet-relative {
     position: relative;
 }
 
 .ranking {
     position: absolute;
     right: 5%;
     top: 90px;
 }
 
 .ranking .txt {
     color: #999;
     font-size: 14px;
 }
 
 .ranking>div {
     padding-bottom: 26px;
 }
 
 .ranking .num {
     color: #333;
     font-size: 18px;
 }
 
 .forecast-img {
     display: inline-block;
     width: 25px;
     height: 20px;
     background: url(../images/forecast-img.png);
 }
 /*自测详情*/
 
 .timer {
     position: absolute;
     left: 10px;
     top: 8px;
     color: #999;
     font-size: 18px;
 }
 
 .sun_btn {
     position: absolute;
     right: 21px;
     top: 7px;
     font-size: 16px;
     z-index: 1000;
     cursor: pointer;
     background: rgba(85,132,255,1);
     border-radius: 3px;
     border: 1px solid rgba(0,0,0,0);
     color: #fff;
     padding: 2px 15px;
 }
 
 .timer i,
 .sun_btn i {
     padding-right: 5px;
 }
 
 @media only screen and (max-width: 1000px) {
     /* .tpl-header-nav-hover-ico {
         display: block
     }
     .tpl-left-nav {
         position: static;
     } */


 }
 @media only screen and (min-width: 1400px) and (max-width: 1700px)  {
    .datanalysis-info .avtor{
        width: 200px;
        height: 200px;
        border-radius: 100%;
        color: #fff;
        font-size: 70px;
        text-align: center;
        line-height: 200px;
    }
    .datanalysis-info .studyWarm{
        top:15%;
        width: 40%;
    }

 }
 @media only screen and (max-width: 1400px) {
    .datanalysis-info .avtor{
        width: 180px;
        height: 180px;
        border-radius: 100%;
        color: #fff;
        font-size: 60px;
        text-align: center;
        line-height: 180px;
        margin-top:25px;
        
    }
    .datanalysis-info .studyWarm{
        top:10%;
        width: 35%;
    }
}
 @media only screen and (max-width: 700px){
    .swiper-button-next {
        left: 20%;
        /* background-image: none; */
    }
 }

 /* 添加B型题 */

 .b_content{
     font-size:14px;
     color:#201F1F;
     /* padding-top:12px; */
     padding-left:48px;
 }
 .b_content p,.b_title .title p{ /**选项里过来的是p标签**/
    display: inline-block;
    margin: 0;
    width:90%;
 }
 .b_content li{
     padding:10px 0;
 }
 .b_title{
     font-size: 15px;
     color:#4D4D4D;
     line-height: 20px;
     margin-top:40px;
     /* text-indent: 2em; */
     padding-left:48px;
     overflow: hidden;
     border-bottom: 1px dashed #CFCFCF;
     padding-bottom: 30px;
 }
 .b_options{
     padding:20px 0 10px 48px;
   
 }
 .b_options li{
     display: inline-block;margin-right:70px;
 }
@media screen and (max-height: 900px) {
    .student_practice_wrap{
        height:79%;
    }
}
@media screen and (max-height: 800px) {
    .student_practice_wrap{
        height:75%;
    }
}
@media screen and (max-height: 700px) {
    .student_practice_wrap{
        height:70%;
    }
    
}
@media screen and (max-height: 600px) {
    .student_practice_wrap{
        height:65%;
    }
    
}