@font-face {
    font-family: 'Gotham Medium';
    src: url('../../ziti/Gotham-Medium.otf');
}

@font-face {
    font-family: 'Gotham Book';
    src: url('../../ziti/Gotham-Book.otf');
}

@font-face {
    font-family: 'Poppins SemiBold';
    src: url('../../ziti/Poppins-SemiBold.otf');
}

@font-face {
    font-family: 'Poppins light';
    src: url('../../ziti/Poppins-Light.otf');
}

*{padding: 0;margin: 0;}
@if(Session('_lang_version') == 'en')
.hidden_en {
    display: none!important;
}
@endif
@if(Session('_lang_version') == 'cn')
.hidden_cn {
    display: none!important;
}
@endif
@if(Session('_lang_version') == 'kr')
.hidden_kr {
    display: none!important;
}
/*.language_change_cn {
  border: 1px solid #fff;
}*/
@endif
@if(Session('_lang_version') == 'vt')
.hidden_vt {
    display: none!important;
}
@endif
@if(Session('_lang_version') != 'cn')
.button3-common {
    width: 155px;
}
/*.language_change_en {
  border: 1px solid #fff;
}*/
@endif
body,html{
    width: 100%;min-height: 100%;display: none;
}
html,body,button,input,select,textarea,
input::placeholder,textarea::placeholder{
    font-family:Lato,sans-serif !important;
    color:#221E1F;font-size: 14px;
}
label{font-weight:400;}
.box{display: flex;height: 100%;width: 100%}
.leftmenu .logo{height: 90px;display: flex;align-items: center;width: 202px;}
.leftmenu .logo img{margin: 0 auto}
.menumain{height: 100%}
.icon{display: inline-block;vertical-align: middle;background-size: contain;background-repeat: no-repeat;margin-right: 8%;font-size: 18px;}
.icon_home{background-image: url(/images/icon_p_home.png);}
.icon_pen{background-image: url(/images/icon_p_pen.png);}
.icon_voice{background-image: url(/images/icon_p_voice.png);}
.icon_calendar{background-image: url(/images/icon_p_calendar.png);}
.icon_book{background-image: url(/images/icon_p_book.png);}
.icon_clock{background-image: url(/images/icon_p_clock.png);}
.icon_set{background-image: url(/images/icon_p_set.png);}
.icon_location{background-image: url(/images/icon_p_location.png);}
.menumain ul{list-style: none;}
.menumain li{margin-bottom: 5%;cursor: pointer;padding-left: 10%;height: 40px;line-height: 40px;border-left: 4px solid;border-color: #3a3e53;}
.menumain ul:nth-child(1){padding-top: 44px;}
.menumain li a{color: #fff;width: 100%;display: block;}
.menu_line{margin: 0;width: 100%;height: 6px;background: #2D3141;margin-bottom: 9%;}
.righttop{display: flex;line-height: 45px;justify-content: space-between;}
.rightcontent{width: 100%}
.ronline{width: 13%;color: #fff;text-align: center;}
.rinput{width: 60%;}
.rinput div{width: 36%;float: right;margin-right: 9%;border-radius: 24px;color: #fff;position: relative;height: 22px;line-height: 22px;margin-top: 11px;background: #52515E;}
.ricon{width: 12%}
.ricon img{width: 11%}
.ricon img:nth-child(2){margin-left: 13%;}
.rstudent{display: flex;}
.rname{color: #fff;display: flex;position: relative;cursor: pointer;}
.rstudent div:nth-child(2){height: 45px;margin-right: 20px;}
.rinput i{font-size: 12px;top: 5px;right: 15px;position: absolute;}
.rinput input{border: none!important;margin-left: 6%;padding: 0!important;}
.rname ul{list-style: none; display: none; position: absolute;top: 38px;background: #F1F5FA;width: 100px;color: #000;left: 40px;box-shadow: 2px 2px 2px #ccc;z-index: 1;}
.rname i{line-height: 45px;margin-left: 20px;}
.rname p{}
.rname ul li{border-bottom: 1px solid #ccc;height: 30px;cursor: pointer;line-height: 30px;text-align: center;width: 100%;}
.rightmain{width: 100%;background: #F1F5FA;padding: 2.4%;height: 100%;}
.rname ul li:hover{background: #ccc}
.rightblank{height: 45px;box-shadow: 2px 5px 2px #ccc;position: relative;}
.pieceline{background: linear-gradient(#EFEFF0, #DEDFE0);height: 46px;line-height: 46px;border: 1px solid #ededee;box-shadow: 2px 2px 2px #ccc;color: #000;position: relative;}
.pieceline p{padding-left: 34px;}
.pieceline .line{position: absolute;display: block;width: 6px;height: 24px;top: 10px;left: 12px;}
[v-cloak]{display: none;}
.laydate-day-mark::after{background-color: #BE1E2D !important;}
.person-img{margin-right: 20px;}
.person-img>img{width: 40px;height: 40px; border-radius: 50%;}
.top_leftbox{margin-left: 30px;margin-right: 40px;}
.top_book{}
.top_book a{display: block;background: #be1d2c;width: 90px;border-radius: 10px;line-height: 35px;color: #FFF;text-align: center;font-size: 13px;margin-top: 5px;}
.button-red:hover {color: #be1d2c;background: white;border-color: #be1d2c;}
.loginright_img{width: 30px;height: 30px;}
.many-lang{display: flex;}
th,td {text-align: left;}
.button-red {
    display: block;
    width: 200px;
    background: linear-gradient(to right,#E35629,#BF2330);
    color: #FFF !important;
    border-color: #be1d2c;
}
.button-red:hover {
    color: #be1d2c !important;
    background: white;
    border-color: #be1d2c;
}
.button1-common {
    display: inline-block;
    width: 80px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    border: 1px solid;
    border-radius: 0;
    cursor: pointer;
}
.right-head {display: flex;justify-content: space-between;}
.right-box{
    width: 74%;
    margin-top: 2%;
    margin-left: auto;
    margin-right: auto;
}
.exam-detail p {
    font-size: 16px;
    padding-bottom: 10px;
    padding-top: 10px;
    line-height: 25px;
}
.exam-detail{
    border: 2px solid rgba(0, 0, 0, 0.125);
    margin:40px 0;
    padding: 3%;
}
.btn-red {
    display: block;
    color: rgb(255, 255, 255);
    background: linear-gradient(to right,#E35629,#BF2330);
    font-size: 20px;
    text-align: center;
    border-radius:0px;
    border: 1px solid #BE1E2D;
    cursor: pointer;
}
.button3-common{
    display: inline-block;
    width: 150px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    border: 1px solid;
}
.button4-common{
    height: 40px;
    width: 200px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    border: 1px solid;
}
.center-button2-common{
    display: block;
    width: 100px;
    border-radius: 0px;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    border: 1px solid;
    cursor: pointer;
}
.choose{
    background: #2D3141;
    border-color: #f3470e!important;
    font-weight: bold;
}
.ivu-input{font-size: 14px;}
.button-green {
    display: block;
    color: #FFFFFF;
    background: linear-gradient(to right,#34B24A,#129745);
    text-align: center;
    border-radius:0;
    border: 1px solid #129745;
    cursor: pointer;
}
.button-green:hover{
    color: #129745 !important;
    background: #FFFFFF;
    border-color: #129745;
}
.a-acive{
    font-weight: bold;
}

.idat-pop-warn{
    position: fixed;top:0;z-index:9999;
    width: 100vw;height: 100vh;background: rgba(0,0,0,0.5);
    display: flex;align-items: center;justify-content: center;
}
.i-pop-w-1{
    width: 480px;height: 220px;background: #FFFFFF;border-radius: 20px;display: flex;
    flex-direction: column;align-items: center;position: relative;margin-top: -10%;
}
.i-pop-w-1 object{
    margin-top: 20px;height: 40px;width: 40px;
}
.i-pop-w-2{margin-top: 10px;color: #000000;font-size: 18px;font-weight: bold;
}
.i-pop-w-3{
    margin-top: 10px;width:90%;text-align: center;color: #656363;font-size: 16px;
}
.i-pop-w-4{
    background: #D03932;height: 40px;width: 100%;position: absolute;bottom: 0;
    border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;
    display: flex;flex-direction: row;color: #FFFFFF;line-height: 40px;text-align: center;
}
.i-pop-w-4-1{
    width: 240px;height: 100%;cursor: pointer;
    border-bottom-left-radius: 20px;border-top: 1px solid #D03932;
}
.i-pop-w-4-1:hover{
    background: #FFFFFF;
    color:#D03932;
}

.i-pop-w-4-2{
    width: 1px;height: 100%;background: #FFFFFF;
}

.i-pop-w-4-3{
    width: 239px;height: 100%;cursor: pointer;
    border-bottom-right-radius: 20px;border-top: 1px solid #D03932;
}

.i-pop-w-4-3:hover{
    background: #FFFFFF;
    color:#D03932;
}


@keyframes fadeIn {
    0% {
        opacity: 0; /*初始状态 透明度为0*/
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1; /*结尾状态 透明度为1*/
    }
}


.transIn {
    animation-name: fadeIn; /*动画名称*/
    animation-duration: 0.3s; /*动画持续时间*/
    animation-iteration-count: 1; /*动画次数*/
    animation-delay: 0s; /*延迟时间*/
}

.v5-top{
    position: relative;
    height: 45px;width: 100%;display: flex;flex-direction: row;align-items: center;
}
.v5-top2{
    width:100%;height: 45px;background: #FFFFFF;
    box-shadow: 2px 2px 2px #d6d0d0;display: block;margin-bottom: 2px;
}
.v5-logo{
    height:60%;
    margin-left: 10%;
}
.v5-logo img{
    height: 100%;
}
.top-info-con{
    height: 100%;color: #FFFFFF;display: flex;flex-direction: row;align-items: center;
}
.t-i-v-icon{
    font-size: 30px;
}
.top-line{
    height: 50%;width: 2px;background: #2B455B;margin: 0 20px;
}
.t-i-c-1{
    display: flex;flex-direction: column;
}
.t-i-c-1>span:first-child{
    color:#FFFFFF;font-size: 14px;font-weight: bold;line-height: 20px;
}
.t-i-c-1>span:last-child{
    font-size: 14px;line-height: 20px;
}


.top-lang{
    display: flex;flex-direction: row;align-items: center;color: #FFFFFF;font-size: 14px;cursor: pointer;
    position: absolute;right:50px;height: 60px;z-index: 999;
}
.top-lang-choose{
    position: absolute;right:45px;top:46px;height: 70px;width:86px; background: #3A3E53;z-index:99;border-radius:10px;
    display: flex;flex-direction: column;align-items: center;opacity: 0.5;
}

.tli2{
    height: 35px;
}

.top-lang-icon{
    /*width: 60px;*/
}

.top-lang-icon a{
    color:#FFFFFF;
}
.tli2 a:hover{
    color:#888888;
}
.top-lang-icon img{
    width: 100%;height: 100%;
}

.top-head{
    display: flex;flex-direction: row;align-items: center;color: #FFFFFF;font-size: 20px;cursor: pointer;
    position: absolute;right:150px;height: 60px;z-index: 999;
}

.top-head-icon{
    width: 35px;height: 35px;
}
.top-head-icon img{
    height: 100%;width: 100%;border-radius: 50%;
}

.top-lang>.fa-angle-down,.top-head>.fa-angle-down{
    margin-left: 10px;
}

.top-lang-choose>.top-lang-icon{
    cursor: pointer;
    line-height: 35px;
}
.top-lang-choose>div:nth-child(1){
    border-bottom: 1px solid #888888;
}

.top-head-choose{
    position: absolute;right:130px;top:46px;height: 80px;width:100px;z-index:99;border-radius:10px;
    display: flex;flex-direction: column;align-items: center;background: #3A3E53;
}

.top-head-choose>div:nth-child(1){
    border-bottom: 1px solid #888888;
}

.thi2:hover{
    color:#888888;
}

.top-head-item{
    display: flex;align-items: center;flex-direction: row;height: 40px;color: #FFFFFF;font-size: 14px;cursor: pointer;
}

.nick-name{
    position: absolute;right:230px;color: #FFFFFF;
}

.top-input{
    margin:0 auto;
}


.top-input>input{
    width: 300px;
    height: 30px;border: 0;background: #51505E;border-radius: 15px;color: #FFFFFF;
    padding:0 36px 0 20px;
}

.top-input>input:focus{
    outline: 0;
    border-radius: 15px !important;
}

.fa-search{color:#FFFFFF;margin-left: -30px;}


.animated03 {
    animation-delay:0s !important;
    -webkit-animation-delay:0s !important; /* Safari 和 Chrome */
    animation-duration: 0.5s !important;
    -webkit-animation-duration: 0.5s !important;
    animation-fill-mode: both !important;
    -webkit-animation-fill-mode: both !important;
}
/*从下到上进入*/
.fadeInUp {
    animation-name: fadeInUp;
    -webkit-animation: fadeInUp;
}

/*按钮从下往上进入*/
@keyframes fadeInUp
{
    from {
        opacity: 0;
        transform: translateY(-20px); /* 标准语法 */
    }
    to {
        opacity:1;
        transform: translate(0,0); /* 标准语法 */
    }
}

.font-bold{font-weight: bold;}


.cqabtn-write{
    color: #E35629;border: 1px solid #E35629;
}

.cqabtn-write:hover{
    background: linear-gradient(to right,#E35629,#BF2330);
    color:#FFFFFF;
}

.icon-img{
    width:20px;margin-right: 10px;line-height: 20px;display: flex;align-items: center;
}
.icon-img img{
    vertical-align: unset;height:100%;width:100%;
}
.gotham-m{
    font-family: Gotham Medium,Lato,PingFangSC-Regular,arial,sans-serif !important;
    font-size: 16px;
}
.font16{font-size: 16px !important;}

.button-green,.button-write,.button-red,.cqabtn-write,.btn-red,btn-green{font-weight: bold !important;font-size: 14px !important;}
input,i-input,i-select,i-option,select,option,.ivu-select-selected-value{font-size: 14px !important;}

.fa-angle-right{font-size: 24px !important;;}