.free_trial_content{

    padding: 0;
    margin-top: 35px;

}

.e_content h5{

    display: flex;

    justify-content: space-around;

    align-items: center;

}

.e_content h5 span, .e_content h4 span {

    margin: 0;

    border-bottom: 2px solid transparent;

}
@font-face{font-family:Alkatip Basma Tom;src:local("Alkatip Basma Tom"),url(/static/fonts/alkatip.ttf) format("truetype")}
/*@font-face {

    font-family: 'KazNet';

    src: url('/static/fonts/KazNet.eot');

    src: url('/static/fonts/KazNet.eot?#iefix') format('embedded-opentype'),url('/static/fonts/KazNet.woff2') format('woff2'),url('/static/fonts/KazNet.woff') format('woff'),url('/static/fonts/KazNet.ttf') format('truetype');}*/

img.icon{

    margin: 0 4px;

}

#vvoice {

    display: none;

    position: absolute;

    top: 0;

    left: 0;

    min-width: 100%;

    min-height: 100%;

    max-width: 100vw;

    max-height: 100vh;

    overflow: hidden;

    z-index: 10;

    background: rgba(0,0,0,0.4);

    margin: 0;

}
.font_size_contentt{ padding:5px;}
.font_size_content{

    display: flex;

    justify-content: flex-start;

}

.font_size_content > span{

    border: 1px solid #cccccc;

    min-width: 20px;

    display: inline-block;

    margin-right: 5px;

    padding: 0 6px;

    color: #515a84;

    cursor: pointer;
	
	border-radius: 5px;

}

.font_size_content > span.on{
    background: #eee;
    color: #000;
    border: 1px solid #000;
}
.font_size_content > span:hover {color: #37B5F8;background: linear-gradient(181deg, #ffffff 0, #ffffff 100%);border: 1px solid #37B5F8;}
.word-right .font_size_content{

    justify-content: flex-end;

}



.word-right .font_size_content > span{

    margin-left: 6px;

    margin-right: 0;

}

.noborder{

    border: none !important;

}

#enter section{

    background-size: 100% 100%;

}

.process .dati_ul li{

    line-height: 27px;

}

.process .dati_ul li span{

    text-align: center;

    color: #666;

}

.word-right,.body-right{

    direction: rtl;

    unicode-bidi: bidi-override;

    font-family: 'Alkatip Basma Tom',PingFang SC,HarmonyOS_Regular,Helvetica Neue,Microsoft YaHei,sans-serif, serif;

    /*text-align:right;*/

}
.new-right{
     unicode-bidi: bidi-override;
     font-family: 'Alkatip Basma Tom',PingFang SC,HarmonyOS_Regular,Helvetica Neue,Microsoft YaHei,sans-serif, serif;
}
.font-rtl{
    direction: rtl;
}

.font-right{
    direction: rtl;
    text-align:right;
}
.font-left{
    text-align:left;
}



.word-left,.body-left{

    direction: ltr;

    unicode-bidi: normal;

    /*text-align:left;*/

}

.body-right .e_c p.e_zc{

    display: flex;

    justify-content: space-between;

    /*flex-direction: row-reverse;*/

}

.body-right .e_c p.e_zc input{

    position: unset;

}

.body-right .h_top .h_t_contetn .h_t_right a:last-child{

    border-left: none;

    border-right: 1px solid #aaa;

}

.body-right .e_c p.e_zc i{

    text-align: right;

}

.body-right .e_c p.e_p a{

    float: left;

}

.body-right .note_tishi{

    text-align: right;

    margin-right: 40px;

    margin-left: 0;

}

.body-right .note_tishi h5{

    background-position-x: right;

}

.body-right .l{

    float: right;

}

.body-right .r{

    float: left;

}

.body-right .free_trial_content h4{

    text-align: right;

    background-position-x: right;

}

.body-right .topic h5,

.body-right .topic li,

.body-right .topic p,

.body-right .topic .rate,

.body-right .topic .opt{

    text-align: right;

}

.body-right .topic .opt span{

    margin-right: 20px;

    margin-left: 0;

}

.body-right .process{

    text-align: right;

}

.body-right .process .dati_ul li{

    float: left;

}

.body-right .v_c_c1 .v_all,.body-left .v_c_c1 .v_all.v_c1_top{

    width: 828px;

    max-width: 828px;

}

.v_c_c1{

    width: 850px;

    max-width: 850px;

}

.body-right .v_c_left .v_ul{

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    text-align: right;

}



.body-right .v_c_left .v_ul h5,

.body-right .v_c_left .v_ul li{

    width: 200px;

    min-width: 200px;

    max-width: 200px;

}

.body-right .v_c_c1 .v_c1_top h5,

.body-right .v_c_c2 h5,

.body-right .v_t_record h5,

.body-right .v_all .user_info ul:first-child,

.body-right  .v_all .user_info ul:last-child p:first-child{

    text-align: right;

}

.body-right .v_all .user_info ul,

.body-right .v_all .user_info ul:last-child p,

.body-right .v_all .user_info ul:first-child span em{

    float: right;

}

.body-right .v_all .user_info ul:last-child p:first-child span{

    margin-right: 60px;

    margin-left: 0;

}

.body-right .v_c_c2 p i{

    margin-right: 20px;

    margin-left: 0;

}





.t_m_left p{

    min-width: 355px;

    width: auto;

}

.t_m_left p span{

    min-width: 110px;

    width: auto;

}

.t_m_left p em{

    float: none;

    text-align: center;

}

.t_m_left p i{

    margin: 0;

    text-align: center;

}

.t_m_left p input{

    float: right;

    margin-right: 10px;

    margin-left: 0;

}

.t_m_left p.t_btn{

    display: flex;

    justify-content: center;

    align-items: center;

}

.t_m_left p.t_btn input{

    float: none;

    text-align: center;

}

.body-right .t_m_left p input{

    text-align: center;

}

.body-right .orderpay{

    text-align: right;

    margin: 30px 200px 30px 0px;

}



/* small */

.small .free_trial_content h4,

.small .test2_content h4,

.small .shake{

    font-size: 18px;

}

.small .topic h5,

.small .note_tishi h5,

.small .note_tishi,

.small .q-title,

.small .skill-text{

    font-size: 16px;

}

.small .test2_xinxi .close_time{

    font-size: 14px;

}

.small .free_trial_content h4 span,

.small .answerarea,

.small .topic p,

.small .opt,

.small .topic .rate,

.small .test2_xinxi .jieshu,

.small .test2_content span i{

    font-size: 12px;

}

.small .process .dati_ul li span{

    font-size: 10px;

    transform: scale(0.85);

    -webkit-transform: scale(0.85);

}


.small .process .dati_ul li{

    width: 28px;

    height: 28px;

    line-height: 28px;

}

.small .test2_content span i{

    width: 80px;

    height: 36px;

    line-height: 36px;

}

.small .test2_content{

    width: 380px;

    height: 224px;

}

.small .test2_content .cztishi p{

    font-size:  24px !important;

}

/* middle */
.middle .opt .question-btn span { line-height:35px;}
.middle .opt .answer-sheet-button-con { line-height:33px;}
.middle .free_trial_content h4,

.middle .test2_content h4,

.middle .shake{

    font-size: 20px;

}

.middle .topic h5,

.middle .note_tishi h5,

.middle .note_tishi,

.middle .q-title,

.middle .skill-text{

    font-size: 18px;

}

.middle .test2_xinxi .close_time{

    font-size: 16px;

}

.middle .free_trial_content h4 span,

.middle .answerarea,

.middle .topic p,

.middle .opt,

.middle .topic .rate,

.middle .test2_xinxi .jieshu,

.middle .test2_content span i,

.middle .note-answerarea-list{

    font-size: 14px;

}

.middle .process .dati_ul li span{

    font-size: 12px;

}

.middle .opt .question-btn span{

    width: 100px;

    line-height: 33px;

}

.middle .topic .rate{

    padding-left: 20px;

}

.middle .process .dati_ul li{

    width: 30px;

    height: 30px;

    line-height: 30px;

}

.middle .test2_content span i{

    width: 100px;

    height: 40px;

    line-height: 40px;

}

.middle .test2_content{

    width: 400px;

    height: 240px;

}

.middle .test2_content .cztishi p{

    font-size:  26px !important;

}

/* big */
.big .opt .question-btn span { line-height:45px;}
.big .opt .answer-sheet-button-con { line-height:45px;}
.big .free_trial_content h4,

.big .test2_content h4,

.big .shake{

    font-size: 22px;

}

.big .topic h5,

.big .note_tishi h5,

.big .note_tishi,

.big .q-title,

.big .skill-text{

    font-size: 20px;

}

.big .test2_xinxi .close_time{

    font-size: 18px;

}

.big .free_trial_content h4 span,

.big .answerarea,

.big .topic p,

.big .opt,

.big .topic .rate,

.big .test2_xinxi .jieshu,

.big .test2_content span i,

.big .note-answerarea-list{

    font-size: 16px;

}

.big .process .dati_ul li span{

    font-size: 14px;

}

.big .process .dati_ul li{

    width: 36px;

    height: 36px;

    line-height: 36px;

}

.big .test2_content span i{

    width: 110px;

    height: 46px;

    line-height: 46px;

}

.big .test2_content{

    width: 420px;

    height: 246px;

}

.big .test2_content .cztishi p{

    font-size:  28px !important;

}

/* biggest */
.biggest .opt .question-btn span { line-height:55px;}
.biggest .opt .answer-sheet-button-con { line-height:55px;}
.biggest .free_trial_content h4,

.biggest .test2_content h4,

.biggest .shake,

.biggest .q-title,

.biggest .skill-text{

    font-size: 24px;

}

.biggest .topic h5,

.biggest .note_tishi h5,

.biggest .note_tishi{

    font-size: 22px;

}

.biggest .test2_xinxi .close_time{

    font-size: 20px;

}

.biggest .free_trial_content h4 span,

.biggest .answerarea,

.biggest .topic p,

.biggest .opt,

.biggest .topic .rate,

.biggest .test2_xinxi .jieshu,

.biggest .test2_content span i,

.biggest .note-answerarea-list{

    font-size: 18px;

}

.biggest .process .dati_ul li span{

    font-size: 16px;

}

.biggest .process .dati_ul li{

    width: 46px;

    height: 46px;

    line-height: 46px;

}

.biggest .test2_content span i{

    width: 120px;

    height: 52px;

    line-height: 52px;

}

.biggest .test2_content{

    width: 420px;

    height: 252px;

}

.biggest .test2_content .cztishi p{

    font-size:  30px !important;

}



.process .dati_ul li{

    border-color: #ebeeee;

    border-radius: 50%;

}

.process .dati_ul li em{

    display: none;

}

.process .dati_ul li.error{

    background-color: #ffe3e2;

    border-color: #ffe3e2;

}

.process .dati_ul li.sure{

    background-color: #eafcf2;

    border-color: #eafcf2;

}

.process .dati_ul li.error span{

    color: #ff3e6e;

}

.process .dati_ul li.sure span{

    color: #52c67b;

}

.readQuestion{
    display: inline-block;
}

.readQuestion span{

    /*min-width: 50px;*/

    border: 1px solid #37b5f8;

    cursor: pointer;

    background-color: #37b5f8;

    color: #fff;

    border-radius: 6px;

    font-size: 12px;

padding: 3px 10px;

}

.small .readQuestion span{

    width: 40px;

}

.middle .readQuestion span{

    width: 50px;

}

.big .readQuestion span{

    width: 60px;

}

.biggest .readQuestion span{

    width: 80px;

}


.remember{border-radius: 18px 0 0 18px;}

.process .dati_ul li{

    padding: 10px;

}

.process .dati_ul li.dati_on{

    position: relative;

}

.process .dati_ul li.dati_on::after{

    content: attr(title);

    position: absolute;

    bottom: 0;

    left: 0;

    font-size: 12px;

    line-height: 18px;

    transform: scale(0.90);

    -webkit-transform-origin-x: 0;

    -webkit-transform: scale(0.90);

    background-color: #0C0C0C81;

    color: #fff;

    z-index: 10;

    width: calc(100% / 0.90);

    text-align: center;

}

.v_c_left .v_ul li{

    max-height: 50px;

    white-space:nowrap;

    overflow:hidden;

    text-overflow: ellipsis;

}

.v_c_left .v_ul li a{

    display: block;

    width: 100%;

    height: 100%;

    text-indent: 0;

    text-align: center;

}

.v_c_c2 p span{

    min-height: 50px;

    max-height: 50px;

    white-space:nowrap;

    overflow:hidden;

    text-overflow: ellipsis;

    width: auto;

    min-width: 150px;

    max-width: 240px;

}

.v_c_c2 p input{

    vertical-align: top;

    margin: calc(calc(50px - 36px) / 2) 0;

}

.v_c_c2 p i{

    vertical-align: top;

    margin: calc(calc(50px - 36px) / 2) 0 calc(calc(50px - 36px) / 2) 20px;

}

.ti_daan .choice i {

    display: inline-block;

    padding: 2px 10px;

    text-align: center;

    line-height: 20px;

    height: 20px;

    margin-right: 15px;

    border: 1px solid #888;

    cursor: pointer;

}
.ti_daan .choice i:hover { 
    background-color: #0283f8;
    color: #fff;
     border: none;
	 border: 1px solid #0283f8;
}