body{
    font-size:14px !important;
    background-color: #f5f5f5 !important;
    font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif !important;
}
.login_container{
    width:100%;
    height:100%;
    min-height:860px;
    background-color: #f5f5f5;
    position: absolute;
    top:0;
    left:0;
    overflow: hidden;
}
.s-bottom-ctner,.main-footer {
    width: 100%;
    z-index: 3;
    bottom: 12px;
    left: 0;
    color: #FFF;
    zoom: 1;
    margin: 0;
    text-align: center;
}
.etiger-con{
    width:300px;
    margin:0 auto;
}
.etiger-con a{
    display:inline-block;
    text-decoration:none;
    height:20px;
    line-height:20px;
}
.etiger-con img{
    float: left;
}
.etiger-con p{
    float:left;
    height:20px;
    line-height:20px;
    margin: 0px 0px 0px 5px; 
    color:#939393;
}
.s-bottom-ctner{
    position: absolute;
}
.recordcode {
    padding-top: 6px;
    height: 16px;
    line-height: 16px;
    color: #FFF;
}
.main_container{
    min-width:1360px;
    background-color: #f5f5f5;
}
.main-container{
    margin-top: 24px;
}
.main_container header{
    display:flex;
}
.main-page{
    overflow-y: auto !important;
    min-height:860px;
}
.login_container{
    background-image: url("../img/login-bg.svg");
    background-repeat: round;
}

/**********登录*********************/
.login_container{
    background-color:#211f1f !important;
}
.main_login{
    width:370px;
    height:310px;
    margin:auto;
    position: absolute;
    left:0;
    right:0;
    top:-200px;
    bottom:100px;
}
.main_login img{
    width: 268px;
    height: 90px;
    position: absolute;
    margin-top: 5px;
    float: left;
    margin-left: 45px;
    transform: scale(1,1)
}
.main_login .title{
    font-size:44px !important;
    font-weight: 900;
    line-height: 1;
    text-align: right;
    color: #fff;
    left:238px;
    top:6px;
    position: absolute;
}
.user_info{
    width: 370px !important;
    height: 30px !important;
    border-radius: 100px !important;
    background-color: #ffffff !important;
    border:none !important;
    text-indent: 15px;
    margin-top:6px;
    margin-bottom: 6px;
    box-shadow: 0 6px 12px 0 rgba(62, 67, 85, 0.5);
}
.user_info:-webkit-autofill{
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-text-fill-color: #333;
}
.user_info:focus{
    outline:none;
}
.imgCode {
    margin-top:9px;
}
.verifyCode {
    width: 145px !important;
    height: 30px !important;
    border-radius: 100px !important;
    background-color: #ffffff !important;
    border:none !important;
    text-indent: 15px;
    margin-top:6px;
    margin-bottom: 6px;
    box-shadow: 0 6px 12px 0 rgba(62, 67, 85, 0.5);
}
.mobileCode {
    width: 220px !important;
    height: 30px !important;
    border-radius: 100px !important;
    background-color: #ffffff !important;
    border:none !important;
    text-indent: 15px;
    margin-top:6px;
    margin-bottom: 6px;
    box-shadow: 0 6px 12px 0 rgba(62, 67, 85, 0.5);
}
.mobileCodeCon button{
    margin-left:15px;
}
.username span,
.password span,
.nickname span,
.password-sure span,
.email span,
.mobile span,
.imgCode span,
.verifySpan{
    opacity: 0.5;
    font-size:12px;
    line-height: 1.33;
    text-align: left;
    color: #fff;
}
.imgCode img,
.verifiImg{
    width:90px !important;
    height:39px !important;
    margin-left:14px !important;
    cursor: pointer;
}
.verifyCodeInput{
    width: 136px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid #ccc;
    text-indent: 11px;
    float: left;
}
.imgCode a,
.imgCode-con a{
    float: right;
    text-decoration: underline;
    font-size: 12px;
}
.title_con-thrall{
    height:90px;
    background:url("../img/logo.svg");
    background-repeat: no-repeat;
    background-size: 268px 90px;
    margin-left: 45px;
}

.title_con-lingrui{
    height:90px;
    background:url("../img/login-logo-lingrui.jpg");
    background-repeat: no-repeat;
    background-size: 268px 90px;
    margin-left: 45px;
}
.title_con-tiger{
    height:90px;
    background:url("../img/logo-tiger.png");
    background-repeat: no-repeat;
    background-size: 268px 90px;
    margin-left: 45px;
}

.submit_con{
    margin-top:28px;
}
.submit_con button{
    width:370px;
    height:36px;
    border-radius: 100px;
    box-shadow: 0 6px 12px 0 rgba(62,67,85,0.5);
    line-height: 1.29;
    margin-bottom:16px;
}

.remember_con span,.remember_con a,.back-to-login a{
    font-size:12px;
    color: #f4f5f9;
}

.remember_con a,.back-to-login a{
    float:right;
}

.back-to-index-500,
.back-to-index-404{
    text-align: right;
}

.back-to-index-404{
    margin-right: 200px;
}
.back-to-index-500{
    margin-right: 123px;
}
.back-to-index-404 a,
.back-to-index-500 a{
    color: #76D7FB !important;
    text-decoration: underline;
}

/***********404*****************************************/
.not-find-con{
    background:url('../img/bg.png') no-repeat center center #1d1d1d !important;
    color:#eee !important;
    position:absolute;
    left:0;
    top:0;
    width:100%;
}

#rocket{
    width:400px;
    height:375px;
    background:url('../img/404.svg') no-repeat;
    margin:140px auto 50px;
    position:relative;
}

#server{
    width:400px;
    height:375px;
    background:url('../img/500.svg') no-repeat;
    margin:140px auto 50px;
    position:relative;
}
/*	Two steam classes. */

.steam1,
.steam2{
    position:absolute;
    bottom:78px;
    left:50px;
    width:80px;
    height:80px;
    background:url('../img/steam.png') no-repeat;
    opacity:0.8;
}

.steam2{

    /*	.steam2 shows the bottom part (dark version)
     *	of the background image.
     */

    background-position:left bottom;
}

hgroup{

    /* Using the HTML4 hgroup element */

    display:block;
    margin:0 auto !important;
    width:850px;
    text-align:center;
}

h1{
    color:#76D7FB !important;
    font-size:60px !important;
    text-shadow:3px 3px 0 #3D606D;
    white-space:nowrap;
}

h2{
    color:#9FE3FC !important;
    font-size:18px !important;
    font-weight:normal;
    padding:25px 0 !important;
}
header{
    box-shadow: -2px -3px 20px 0px;
    height: 100px;
}
header img{
    border-style: none;
    width: 214px;
    height: 72px;
    margin-left: 24px;
    margin-top: 13px;
    float:left;
}
.menu,.menu-en {
    padding-left: 20px;
    height: 100px;
    width: 880px;
}
.menu li,.menu-en li{
    float: left;
    line-height: 100px;
}
.menu li a,.menu-en li a{
    border-left: 3px solid rgba(0, 0, 0, 0);
    color: #808080;
    display: block;
    font-family: 'Lucida Console';
    line-height: 100px;
    text-decoration: none;
    text-transform: uppercase;
}
.menu li a{
    font-size: 18px;
    padding: 0 21px;
}
.menu-en li a{
    font-size: 12px;
    padding: 0 8px;
}
/* 鼠标放上后的样式 */
.menu li:hover,.menu-en li:hover {
    background-color: #ebebeb;
    background: linear-gradient(#ebebeb, #ececec);
}
.menu li:hover > a,.menu-en li:hover > a {
    border-left: 3px solid #4e69c3;
    color: #4e69c3;
}
.menu li:hover .submenu, .menu-en li:hover .submenu{
    display: block;
}
.submenu {
    width: 135px;
    position: absolute;
    border: none;
    z-index: 9999;
    background-color: #d8d8d8;
    opacity: 0.8;
    display: none;
    padding-left: 0;
}
.submenu li a{
    line-height: 50px;
}
.submenu li:hover, .submenu-min dd:hover{
    width: 135px;
}
.sign-con{
    display: flex;
    line-height: 28px;
}
.sign-con input{
    width: 400px;
}
.submenu-min{
    width: 135px;
    position: absolute;
    border: none;
    z-index: 9999;
    background-color: #d8d8d8;
    opacity: 0.8;
    display: none;
    padding-left: 0;
    left: 135px;
    top: 0;
}
.submenu li:hover .submenu-min{
    display: block;
}
.user-info-con i{
    font-size: 21px;
    font-weight: bolder;
    margin-top: 38px;
    margin-right: 24px;
    cursor: pointer;
}
.nick-name{
    float: left;
    margin-top: 36px;
    margin-right: 10px;
}
.time-now-con{
    float:left;
    margin-top: 38px;
    margin-right: 30px;
    font-style: italic;
    font-weight: 600;
}

#broadcast-con{
    background: rgba(0,0,0,0.4);
    height:40px;
    color: #f4e800;
    font-size:20px;
    line-height:40px;
    z-index:999;
    position: relative;
    width:100%;
    overflow: hidden;
}
#broadcast-txt{
    float: left;
}

.pad_right{ padding-right:2em;}
#scroll_div {height:26px;overflow: hidden;white-space: nowrap;width:535px;margin-left:10px;}
#scroll_begin,#scroll_end {display: inline;}

.gallery-con{
    height: 400px;
    margin:-40px 24px 24px 24px;
}
.time-con{
    width: 30%;
    height: 400px;
    background: #fff;
    float: right;
    border-radius:4px;
    text-align:center;
}
.time-con p{
    margin-top: 45px;
    font-size:21px;
    text-align:center;
}
.time-con p span{
    color: #4191ff;
}
.day-con{
    margin-top:9px;
    margin-left: 12px;
    margin-right: 12px;
    height: 46px;
    display: inline-flex;
}
.day-con span{
    color: #4191ff;
}
.circle-con{
    float: left;
}
.circle{
    width:25px;
    height:25px;
    border:1px solid #4191ff;
    border-radius:25px;
    text-align:center;
    margin-left:8px;
    cursor:pointer;
}
.circle span{
    line-height: 23px;
}
.circle-selected{
    background: #4191ff;
}
.circle-selected span{
    color: #fff;
}
.split-circle{
    float:left;
    line-height:66px;
}
.main-con{
    margin-left: 24px;
    margin-right: 24px;
    height: 485px;
    margin-bottom: 24px;
    width:calc(100% - 48px);
}
.main-left-con{
    height: 485px;
    float: left;
    width: 49%;
    border-radius: 4px;
    background-color: #fff;
}
.main-right-con{
    height: 485px;
    float: right;
    width: 49%;
    border-radius: 4px;
    background-color: #fff;
}
.main-left-top-title,.main-right-top-title{
    height: 40px;
    margin:12px;
    border-bottom: 1px solid #4191ff;
}
.main-left-top-title i,.main-right-top-title i{
    font-size: 25px;
    color: #4191ff;
    float: left;
}
.left-title,.right-title{
    line-height: 25px;
    float: left;
    margin-left: 12px;
    color: #4191ff;
    font-size: 16px;
}
.tab-select{
    float: right;
}

.logo-bg-con-thrall{
    height: 90px;
    background: url('../img/logo2.svg');
    background-repeat: no-repeat;
    background-size: 268px 90px;
    margin-left: 24px;
    width:268px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.logo-bg-con-tiger{
    height: 90px;
    background: url('../img/logo2-tiger.png');
    background-repeat: no-repeat;
    background-size: 268px 90px;
    margin-left: 24px;
    width:268px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.logo-bg-con-lingrui{
    height: 90px;
    background: url('../img/logo-lingrui.jpg');
    background-repeat: no-repeat;
    background-size: 268px 90px;
    margin-left: 24px;
    width:268px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.new-ac-tab:hover,
.new-ac-30-tab:hover,
.shili-tab:hover,
.ac-tab:hover,
.new-submit-tab:hover{
    color: #fff !important;
    background-color: #4e69c3 !important;
    border:1px solid #4e69c3 !important;
}
.selected{
    color:#fff !important;
    background-color: #4191ff !important;
    border:1px solid #4191ff !important;
}
.new-ac-tab,.new-ac-30-tab,.ac-tab,.new-submit-tab{
    width: 69px;
    height: 28px;
    float: left;
    text-align: center;
    border: 1px solid #4191ff;
    line-height: 26px;
    border-radius: 100px;
    color: #4191ff;
    margin-right: 12px;
    cursor: pointer;
}
.tab-en{
    width: 106px;
}
.shili-tab{
    width: 69px;
    height: 28px;
    float: left;
    text-align: center;
    border: 1px solid #4191ff;
    line-height: 26px;
    border-radius: 100px;
    color: #4191ff;
    cursor: pointer;
}
.main-left-content{
    height: 420px;
    overflow-x: hidden;
    overflow-y: auto;
}
.main-right-content{
    height: 420px;
    overflow-x: hidden;
    overflow-y: auto;
}
.main-right-content div:nth-child(0){
    height: 420px;
}
.main-left-content ul,
.main-right-content ul{
    padding-left: 12px;
    margin-right: 12px;
    height: 100%;
    padding-bottom: 30px;
}
.main-right-content ul{
    overflow-x: hidden;
    overflow-y: auto;
}
.main-left-content li,
.main-right-content li{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
}
.main-left-content li:hover,
.main-right-content li:hover{
    background-color: rgba(51,142,225,0.21);
}
.main-left-content li i,
.main-right-content li i{
    font-size: 25px;
    color: #3498db;
    float:left;
    margin-left: 7px;
    line-height: 18px;
    margin-top: 16px;
}
.main-left-content .title,
.main-right-content .title{
    float: left;
    color: #666;
    font-size: 16px;
    margin-left: 8px;
    width:270px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
}
.main-right-content .title-img{
    width: 20px;
    height: 20px;
    margin-top: 15px;
}
.main-left-content .time,
.main-right-content .time{
    color: #999;
    font-size: 14px;
    margin-right: 8px;
}
.main-right-content .time{
    margin-left: 186px;
    text-align: right;
    width: 140px;
}

.main-left-content::-webkit-scrollbar,
.main-right-content::-webkit-scrollbar,
.main-right-content ul::-webkit-scrollbar,
.main-left-content ul::-webkit-scrollbar
{
    width: 6px;
}
.main-left-content::-webkit-scrollbar-track,
.main-right-content::-webkit-scrollbar-track
{
    border-radius: 100px;
}
.main-left-content::-webkit-scrollbar-thumb,
.main-left-content ul::-webkit-scrollbar-thumb,
.main-right-content::-webkit-scrollbar-thumb,
.main-right-content ul::-webkit-scrollbar-thumb
{
    border-radius: 100px;
    background-color: #4191ff;
}
.update-time{
    float: right;
    font-size: 16px;
    line-height: 25px;
    color: #4191ff;
}
.content-title{
    margin-left: 12px;
    margin-right: 12px;
    height: 30px;
    background-color: #f7f7f7;
    display: flex;
}
.content-left-title{
    margin-left: 52px;
}
.content-middle-title{
    margin-left: 260px;
}
.content-right-title{
    margin-left: 82px;
}
.content-left-title,.content-right-title,.content-middle-title{
    font-size: 14px;
    line-height: 30px;
    color: rgba(0,0,0,0.65);
    font-weight: 700;
}
.first{
    color: rgb(255,128,0) !important;
    font-weight: 600 !important;
}

.main-right-content .title:hover{
    text-decoration: underline;
}
.normal{
    width:25px;
    float: left;
}
.second{
    color: rgb(128,0,255) !important;
    font-weight:600;
}
.third{
    color: rgb(0,0,255) !important;
    font-weight: 600;
}
.question{
    margin-left: 38px;
    width: 20px;
}
.actime{
    margin-left: 84px;
}

.forget_con{
    margin-top:12px;
}
.reset-con{
    border-radius: 4px;
    background-color: #fff;
    height: 100%;
    margin-left: 24px;
    margin-right: 24px;
    width:calc(100% - 48px);
    padding-bottom: 120px;
}
.reset-title{
    text-align: center;
    font-size: 25px;
    padding-top: 12px;
    border-bottom: 1px solid #ebebeb;
    line-height: 25px;
    height: 51px;
    margin-left: 24px;
    margin-right: 24px;
}
.reset-form{
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 48px;
}

.user-name-span,
.old-password-span,
.new-password-span,
.sure-password-span,
.mobile-span,
.imgCode-span,
.mobile-verify-span{
    float: left;
    margin-right: 12px;
    font-size: 16px;
    width: 90px;
    height: 24px;
    text-align: right;
    line-height: 32px;
}
.language-change{
    width: 100%;
    text-align: center;
    margin-top: 30px !important;
}
.user-name,
.old-password,
.mobile-con,
.imgCode-con,
.mobile-verify-con{
    margin-bottom: 30px;
}
.new-password{
    margin-bottom: 5px;
}
.sure-password{
    margin-bottom:5px;
    margin-top:15px;
}
.mobile-verifyCode{
    width:250px;
    height:32px;
    border-radius:4px;
    border:1px solid #cccccc;
    text-indent:11px;
}
.mobileCodeCon button{
    line-height:32px;
    height:32px;
}
.user-name-input,
.old-password-input,
.new-password-input,
.sure-password-input,
.user-name-input-error,
.old-password-input-error,
.new-password-input-error,
.sure-password-input-error,
.mobile-input{
    width: 360px;
    height: 32px;
    border-radius: 4px;
    border:1px solid #ccc;
    text-indent: 11px;
}

.user-name-input-error,
.old-password-input-error,
.new-password-input-error,
.sure-password-input-error,
.user-name-input-error:focus,
.old-password-input-error:focus,
.new-password-input-error:focus,
.sure-password-input-error:focus
{
    border:1px solid #d73435 !important;
}
.user-name-input:focus,
.old-password-input:focus,
.new-password-input:focus,
.sure-password-input:focus{
    border:1px solid #4191ff !important;
}

.submit-con{
    text-align: right;
    margin-top: 15px;
}
.submit-con button{
    width: 200px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid #4191ff;
    background-color: #4191ff;
    color: #fff;
    margin-right: 35px;
    cursor: pointer;
}

.question-bg,.question-bg-en{
    z-index: 9999;
    position: fixed;
    /*margin-top:-124px;*/
    /*padding:0px;*/
    /*overflow: hidden;*/
    /*width:100%;*/
    /*height:100%;*/
    top:0;
    left:0;
    bottom:0;
    right:0;
}
.question-bg h1{
    z-index:10000;
    position: fixed;
    top:50%;
    left:50%;
    color: gold !important;
    transform:translateX(-50%) translateY(-100%);
    font-size:58px !important;
    overflow: hidden;
    text-shadow: none !important;
}
.question-bg h3{
    z-index:10000;
    position: fixed;
    top:67%;
    left:46%;
    color: gold !important;
    transform:translateX(-50%) translateY(-100%);
    font-size:45px !important;
    overflow: hidden;
    text-shadow: none !important;
}
.question-bg span {
    position: relative;
    display: inline-block;
    animation: drop 0.75s ease 0s;
}

.question-bg-en h1{
    z-index:10000;
    position: fixed;
    top:37%;
    left:50%;
    color: gold !important;
    transform:translateX(-50%) translateY(-100%);
    font-size:54px !important;
    overflow: hidden;
    text-shadow: none !important;
}
.question-bg-en h3{
    z-index:10000;
    position: fixed;
    top:75%;
    left:46%;
    color: gold !important;
    transform:translateX(-50%) translateY(-100%);
    font-size:38px !important;
    overflow: hidden;
    text-shadow: none !important;
}
.question-bg-en span {
    position: relative;
    display: inline-block;
    animation: drop 0.75s ease 0s;
}

canvas {
    margin:0px;
    padding:0px;
    width:100%;
    height:100%;
    filter: alpha(opacity=60);
    -moz-opacity:0.6;
    opacity: 0.6;
}

@keyframes drop {
    0% {
        transform: translateY(-100px);
        opacity: 0;
    }

    90% {
        opacity: 1;
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0px);
    }
}

.question-bg h2,.question-bg-en h2{
    position: fixed;
    color: gold !important;
    top:15%;
    left:98%;
    font-size:58px !important;
    transform:translateX(-100%) translateY(-100%);
    cursor: pointer;
}
.notice-icon{
    position: fixed;
    font-size: 50px;
    top: 100px;
    right: 0;
    cursor: pointer;
    z-index:9999;
}
/**********************************************题目列表*******************************************/
.question-list-con,.question-detail-con,.task-list-con, .goods-list-con,
.order-list-con,.product-list-con,.course-list-con, .blog-list-con, .blog-detail-con{
    border-radius: 4px;
    background-color: #fff;
    margin-left: 24px;
    padding-bottom: 120px;
    height: auto;
}

.question-page-con {
    text-align: right;
    margin-right:24px;
    margin-bottom:12px;
}

.question-list-con,.task-list-con, .goods-list-con, .order-list-con,
.product-list-con,.course-list-con, .blog-list-con{
    margin-right:24px;
    height:100%
}
.question-detail-con{
    float: left;
    width:70%;
}

.question-list-title,.task-list-title, .goods-list-title, .order-list-title,
.product-list-title,.course-list-title,.blog-list-title{
    font-size: 25px;
    padding-top: 12px;
    border-bottom: 1px solid #ebebeb;
    line-height: 25px;
    height: 51px;
    margin-left: 24px;
    margin-right:24px;
    color: #4191ff;
    font-weight: 700;
}
.question-list-operate,.task-list-operate, .course-list-operate,.blog-list-operate{
    height: 40px;
    margin-top: 12px;
    margin-left: 24px;
    margin-right: 24px;
}

.question-add-con,.task-add-con,.goods-add-con, .blog-add-con{
    width: 74px;
    height: 28px;
    float: left;
}
.verb-add-con{
    display: flex;
    flex: 0.6;
}
.question-search-con,.task-search-con{
    float: left;
    margin-right:24px;
}

.question-table-con,.task-table-con, .goods-table-con, .blog-table-con{
    margin-left: 24px;
    margin-right: 24px;
}

.question-item-seq{
    background-color: #4e69c3;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    height: 24px;
    line-height: 24px;
    padding: 4px 9px;
    white-space: nowrap;
}

.question-level-1,.question-level-2,.question-level-3,.question-level-4,.question-level-5,.question-level-6,.question-level-7,.question-level-8
{
    width: 120px;
    height: 24px;
    line-height: 24px;
    position:relative;
    color:#fff;
    text-align: center;
    border-radius: 3px;
}

.question-level-1,.question-detail-level-tip-1{
    background-color: #979797;
}

.question-level-2,.question-detail-level-tip-2{
    background-color:#79d479;
}

.question-level-3,.question-detail-level-tip-3{
    background-color:#4191ff;
}

.question-level-4,.question-detail-level-tip-4{
    background-color:yellowgreen;
}

.question-level-5,.question-detail-level-tip-5{
    background-color:plum;
}

.question-level-6,.question-detail-level-tip-6{
    background-color: goldenrod;
}

.question-level-7,.question-detail-level-tip-7{
    background-color: orange;
}

.question-level-8,.question-detail-level-tip-8{
    background-color:red;
}

.question-detail-passinfo{
    float: right;
    background-color: #fff;
    border-radius: 4px;
    width:25%;
    margin-right:24px;
}

.question-detail-pass-info{
    width:calc(100% - 24px);
    height:192px;
    border:1px solid #ccc;
    border-radius:4px;
    margin:12px;
}

.question-detail-level{
    height:38px;
    border-bottom:1px solid #ccc;
    margin-left:12px;
    margin-right:12px;
}
.question-detail-level-title{
    float: left;
    font-size:20px;
    font-weight:600;
}
.question-detail-level-tip-1,
.question-detail-level-tip-2,
.question-detail-level-tip-3,
.question-detail-level-tip-4,
.question-detail-level-tip-5,
.question-detail-level-tip-6,
.question-detail-level-tip-7,
.question-detail-level-tip-8{
    float: right;
    text-align: center;
    border-radius:3px;
    width:100px;
    line-height:25px;
    margin-top:3px;
    color: #fff;
}
.question-detail-limit,.question-detail-grade{
    border-bottom:1px solid #ccc;
}
.question-detail-limit,.question-detail-grade{
    height:38px;
    margin-top:7px;
    margin-left:12px;
    margin-right:12px;
}
.question-detail-sign{
    height: auto !important;
    display: flex;
    margin-top:7px;
    margin-left:12px;
    margin-right:12px;
}
.question-detail-sign-title{
    font-size:20px;
    font-weight:600;
    display: flex;
    flex: 1;
}
.question-detail-sign-list{
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    justify-content: flex-end;
}
.question-detail-limit-title, .question-detail-grade-title{
    float: left;
    font-size:20px;
    font-weight:600;
}
.question-detail-limit-span, .question-detail-grade-span{
    float: right;
    font-weight: 600;
    margin-top:6px;
}

.question-detail-pass-list{
    margin:24px auto 24px auto;
    font-size:18px;
    font-weight:500;
    height:142px;
    width:263px;
}
.question-detail-pass-item{
    width:120px;
    text-align: center;
}
.question-detail-pass-num,
.question-detail-submit-num,
.question-detail-passrate{
    font-weight:900;
    font-size:22px;
}

.question-detail-description,.question-detail-output-title{
    font-size:20px;
    font-weight:700;
    margin-left:24px;
    margin-top:12px;
    margin-bottom:12px;
}
.question-detail-description-content, .blog-dialog-content-con{
    margin-left: 24px !important;
    margin-right: 24px !important;
    padding-top: 8px;
    display: block;
    padding: 1rem;
    margin: 1rem 0;
    font-size: 1.3rem;
    line-height: 1.6;
    word-break: break-all;
    word-wrap: break-word;
    color: #555;
    background-color: #f8f8f8;
    border: 1px solid #dedede;
    border-radius: 4px;
    white-space: pre-wrap;
}
.question-detail-description-content p img, .blog-dialog-content-con p img{
    width: 100%;
}
.question-detail-output-con{
    margin-left:24px;
    margin-right:24px;
}

.question-detail-output-con h2{
    color: rgba(0,0,0,0.65) !important;
    font-weight:600;
    padding-top:12px !important;
    padding-bottom:12px !important;
}
.question-detail-output-sample,
.question-detail-description-info,
.question-detail-comment-add,
.question-recQids-info
{
    color: rgba(0,0,0,0.65) !important;
    font-weight:600;
    margin-left:24px;
}
.question-recQids-info a{
    font-size:16px;
    margin-right:12px;
}
.question-detail-input,.question-detail-output,.question-detail-description-pr,
.error-msg{
    display: block;
    padding: 1rem;
    font-size: 12px;
    line-height: 1.6;
    word-break: break-all;
    word-wrap: break-word;
    color: #555;
    background-color: #f8f8f8;
    border: 1px solid #dedede;
    border-radius: 4px;
    white-space: pre-line;
}
.question-detail-output-sample-con{
    margin-left: 24px;
    margin-right:24px;
}
.question-detail-output-sample-con-1{
    float: left;
    width:48%;
}
.question-detail-output-sample-con-1-span,.question-detail-output-sample-con-2-span{
    font-size:16px;
    font-weight:700;
}
.question-detail-output-sample-con-1 button,.question-detail-output-sample-con-2 button{
    margin-left: 15px;
}
.question-detail-output-sample-con-1 pre,.question-detail-output-sample-con-2 pre{
    display: block;
    padding: 1rem;
    margin: 1rem 0;
    font-size: 12px;
    line-height: 1.6;
    word-break: break-all;
    word-wrap: break-word;
    color: #555;
    background-color: #f8f8f8;
    border: 1px solid #dedede;
    border-radius: 4px;
    white-space: pre-wrap;
}
.question-detail-output-sample-con-2{
    float: right;
    width:48%;
}
.question-detail-description-info,
.question-recQids-info{
    padding-bottom:12px !important;
}
.question-detail-description-pre{
    margin-left:24px;
    margin-right:24px;
    margin-bottom:12px;
    overflow: auto;
}
.back-to-question-detail{
    font-size:14px !important;
    float:right;
}
.question-detail-comment{
    float: right;
    margin-top: 10px;
    margin-right:24px;
}
.question-detail-comment button:nth-child(1){
    margin-right:20px;
}
.question-comment-con{
    margin:24px;
}
.back-to-question-con{
    text-align: right;
    margin-top:20px;
}
.question-detail-comment-add{
    padding-bottom:12px !important;
}
.question-detail-comment-con{
    margin-left:24px;
    margin-right:24px;
}

.question-code-con{
    height:auto;
}
.question-code-language{
    text-align: center;
    margin-top:12px;
}
.question-language-select{
    margin-left:12px;
    width:400px;
}
.question-code-area{
    margin:24px;
    display: flex;
}
.CodeMirror{
    border: 1px solid #d9d9d9 !important;
}
.question-code-submit-result-con{
    display: flex;
    align-items: center;
}
.question-code-online-result-con{
    display: flex;
    align-items: center;
    justify-content: center;
}
.question-code-submit-con{
    display: flex;
    justify-content: center;
    align-items: center;
}
.question-code-submit-con button, .question-code-submit-result-con button,
.question-code-online-result-con button{
    width:180px;
    height:32px;
}
.question-score-con{
    height:100%;
}
.question-score-num{
    margin:24px;
    font-size:20px;
    font-weight:bold;
    flex: 0.5;
}
.question-score-num-coding{
    font-size:20px;
    font-weight:bold;
    flex: 0.5;
    margin: 24px 24px 24px 48px;
}
.question-score-con ul{
    margin-right:24px;
}
.question-score-con ul li{
    float: left;
    margin-right:40px;
    margin-bottom:24px;
    height:69px;
    width: 173px;
}
.detail-item span:nth-child(1){
    font-size:16px;
    margin-right:5px;
}
.detail-item span:nth-child(2){
    font-size:18px;
    font-weight:700;
}
.detail-item-mem{
    font-size:14px;
}

.color-ac{
    color: green;
}
.color-wa{
    color: red;
}
.color-rte{
    color: blue;
}
.color-te{
    color: gold;
    filter: opacity;
    -webkit-filter: opacity(170%);
}
.color-ce{
    color: orange;
}
.color-se{
    color: blue;
}
.output-con{
    display: flex;
}
.output-con a{
    text-decoration: underline !important;
}

.question-add-container,.blog-add-container{
    margin-top:24px;
    width: 870px;
    margin-left:auto;
    margin-right:auto;
}

.question-title-con,
.question-member-con,
.question-time-con,
.blog-title-con{
    height:38px;
}
.blog-title-con{
    display: flex;
    line-height: 38px;
}
.blog-title-con input{
    line-height: 38px;
    margin-left: 10px;
}

.btn-editor{
    float: left;
    margin-right: 20px;
}
.question-member-con,
.question-time-con
{
    margin-top:12px;
}

.question-member-con .ant-input-number,
.question-time-con .ant-input-number{
    width:200px;
    float: left;
    margin-left:10px;
}

.question-title-con,
.question-description-con,
.question-member-con,
.question-time-con, .blog-content-con{
    text-align: center;
}

.question-description-con,
.question-output-file-con,
.blog-content-con{
    height:auto;
    margin-top:12px;
}

.upload-con{
    text-align: left;
    margin-left:8px;
    float: left;
    width:calc(100% - 130px);
    background: #ececec;
    padding-left:10px;
}
.upload-con i{
    float: right;
    line-height:40px !important;
    font-size: 18px;
    margin-right:8px;
    cursor: pointer;
}

.member-left,
.time-left{
    float: left;
    width:120px;
    text-align: right;
}

.question-title-con input{
    float: right;
    width:740px !important;
    height:38px !important;
}

.question-description-con textarea,
.question-output-file-con textarea{
    width:740px !important;
    margin-left:10px;
    min-height:100px !important;
}

.question-time-con .ant-select{
    width:400px;
    float: left;
    margin-left:10px;
}
.question-time-con .upload-btn{
    width:200px;
    float: left;
    margin-left:10px;
    height:38px !important;
    font-size:16px !important;
}

.upload-question{
    float: left;
}

.submit-add-question,.submit-add-blog{
    width:400px !important;
    height: 38px !important;
    font-size: 16px !important;
    margin-top:60px;
}
.btn-check{
    margin-left: 24px;
}
.check-operate-con{
    display: flex;
}
.check-operate-con a{
    margin-right: 12px;
}

.question-time-con .upload-btn1,.verb-upload-con .upload-btn1{
    width:200px;
    float: left;
    margin-left:-200px;
    height:38px !important;
    font-size:16px !important;
    z-index: 0;
    cursor: pointer;
}

.upload-question1{
    float: left;
    opacity: 0;
    z-index: 999;
    position: relative;
    margin-left:10px;
    cursor: pointer;
    width: 200px;
    height: 38px;
}

.submit-add-question1{
    width:400px !important;
    height: 38px !important;
    font-size: 16px !important;
    margin-top:60px;
}

.question-title a{
    text-decoration: underline !important;
}

.btn-upload-file{
    width:120px !important;
    height:38px !important;
    float: left;
    margin-left:40px;
}

/**********************************************个人信息********************************************/
.personal-con{
    width:1280px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.personal-left-con{
    width:393px;
    height:100%;
    float: left;
}
.personal-left-info-con{
    width:100%;
    height:410px;
    background-color: #fff;
    border-radius: 4px;
}

.personal-right-con{
    width:870px;
    background-color: #fff;
    height:100%;
    border-radius: 4px;
    margin-left:410px;
}

.personal-left-info-head-con{
    text-align: center;
}
.personal-left-info-head-con i{
    font-size:85px;
    color: cadetblue;
}
.personal-left-detail-con{
    position: relative;
    margin-top: 1px;
    margin-left:40px;
    margin-right:40px;
    width:calc(100% - 80px);
    height:220px;
}
.personal-left-detail-con ul{
    height:220px;
    padding-left: 0;
}
.personal-left-detail-con ul li{
    float: left;
    width:100px;
    text-align: center;
    margin-right: 50px;
}

.personal-left-pass-con{
    margin-top:12px;
    width:100%;
    height:auto;
    background-color: #fff;
    padding-bottom:40px;
}

.personal-left-pass-title{
    padding:12px;
    font-size:24px;
    font-weight:600;
}
.personal-left-pass-detail{
    padding-left:12px;
    padding-right:12px;
}
.personal-left-pass-detail a{
    margin-right:12px;
    font-size:16px;
}
.personal-left-nopass-con{
    width:100%;
    height:auto;
    background-color: #fff;
    margin-top:12px;
    padding-bottom:40px;
}
.personal-right-moment-title,.personal-right-match-title{
    font-size: 24px;
    font-weight: 600;
    margin-left: 12px;
    padding-top: 12px;
}
.personal-right-moment,.personal-right-match-list{
    margin:12px;
}


/*********************************群组****************************************/
.group-left-con,.group-right-con{
    width:47%;
    height:300px;
    margin-top:24px;
}
.group-left-con{
    background-color: #e74c3c;
    margin-left:24px;
    cursor: pointer;
}
.group-right-con{
    margin-left:24px;
    background-color: #e67e22;
    cursor: pointer;
}

.group-icon-con{
    text-align: center;
    margin-top: 115px;
}
.group-icon-con i{
    font-size:36px;
    color: #fff;
}
.group-span-con{
    text-align: center;
    font-size:24px;
    color: #fff;
    margin-top:6px;
}

.group-main-con{
    margin-top: 24px;
    width: 870px;
    margin-left: auto;
    margin-right: auto;
}

.group-name-con,
.group-desc-con,
.group-type-con,
.group-boss-con{
    text-align: center;
    line-height:38px;
    height:38px;
    margin-bottom:24px;
}

.group-submit-con{
    line-height:38px;
    height:38px;
    margin-bottom:24px;
}
.group-name-con div:nth-child(1),
.group-desc-con div:nth-child(1),
.group-type-con div:nth-child(1),
.group-boss-con div:nth-child(1){
    float: left;
    text-align: right;
}

.group-name-con input,
.group-desc-con input,
.group-type-con input,
.group-boss-con input{
    width:800px !important;
    height:38px !important;
}
.table-header{
    display: flex;
    height: 50px;
    line-height: 50px;
    background:#f7f7f7;
    margin-top: 12px;
}
.table-header div{
    text-align: center;
    width:50px;
}
.table-header div:first-child{
    width:300px !important;
}
.table-body{
    margin-bottom: 12px;
}
.columns-body{
    display: flex;
    height: 51px;
    line-height: 51px;
    text-align: center;
    border-bottom: 1px solid #e9e9e9;
}
.columns-body:hover{
    background: #f1f3fa;
}
.username-con{
    width: 300px;
}
.grade-con,.grade-con{
    width:50px;
}
.group-submit-con button{
    height:38px;
    left:70px;
    width:200px;
}

.add-select-list{
    width:550px;
    margin-left:144px;
    margin-top:2px;
    border-radius:4px;
    border:1px solid #ececec;
    z-index:9999;
    text-align: left;
    position: absolute;
    background-color: #fff;
    padding-left: 0;
}

.user-select-list{
    width:800px;
    margin-left:56px;
    margin-top:2px;
    border-radius:4px;
    border:1px solid #ececec;
    z-index:9999;
    text-align: left;
    position: relative;
    background-color: #fff;
}
.add-select-list li{
    line-height:38px;
}
.user-select-list li,.add-select-list li{
    cursor: pointer;
}

.user-select-list li:hover,.add-select-list li:hover{
    background: #4e69c3;
    color: #fff;
}

.user-text{
    padding-left:12px;
}

.match-title-con .ant-select-selection--multiple{
    min-height:38px !important;
}
.match-title-con .ant-select-selection--multiple > ul > li,
.ant-select-selection--multiple .ant-select-selection__rendered > ul > li{
    height:32px !important;
    line-height:32px !important;
    margin-top:2px !important;
}
.match-pre{
    background: #f8f8f8;
    border:1px solid #dedede;
    border-radius:4px;
    width:740px;
    float: right;
    text-align: left;
    padding-left:15px;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
    padding-right:15px;
    line-height: 1.6;
}

.my-group-list{
    margin:24px;
    height:100%;
}
.create-time-con{
    padding-bottom:12px;
    margin:12px;
    border-bottom:1px solid rgba(0,0,0,0.2);
}
.group-img-con{
    margin:0 12px 12px 12px;
}
.group-img-con img{
    width:100%;
    height:100%;
}
.my-group-name-con,.my-group-desc-con,.group-operate-con{
    margin-left:12px;
    margin-bottom:12px;
}
.add-group{
    background: #5eb95e !important;
    border-color:#5eb95e !important;
    color: #fff !important;
    box-shadow: #5eb95e;
}
.delete-group,.group-detail{
    background: #23abf0 !important;
    border-color: #23abf0 !important;
    color: #fff !important;
    box-shadow: -1px 0 0 0 #23abf0 !important;
}
.group-blog{
    background: #ea6e0c !important;
    border-color: #ea6e0c !important;
    color: #fff !important;
    box-shadow: -1px 0 0 0 #ea6e0c !important;
}
.add-group-one-select-con{
    margin-left:auto;
    margin-right:auto;
    margin-top:12px;
    width:800px;
}
.add-group-one-member-con,
.add-group-one-selected-con,
.add-group-submit-con{
    margin-left:auto;
    margin-right:auto;
    margin-top:24px;
    width:800px;
}
.member-title-con,.select-title-con{
    width:120px;
    text-align: right;
    float: left;
    margin-right:24px;
    line-height:28px;
}
.add-group-one-selected-con ul{
    float: right;
}
.add-group-one-member-con ul,.add-group-one-selected-con ul{
    width:656px;
    height:auto;
}
.add-group-one-member-con ul li,.add-group-one-selected-con ul li{
    background: #ececec;
    border-radius:20px;
    height:28px;
    line-height:28px;
    float: left;
    margin-right:24px;
    margin-bottom:12px;
}
.add-group-one-member-con ul li span,.add-group-one-selected-con ul li span{
    margin-left:12px;
    margin-right:12px;
    font-size:12px;
}
.add-group-one-selected-con ul li i{
    margin-right:12px;
    cursor: pointer;
}
.add-group-btn{
    width:93px !important;
    height:38px !important;
    font-size:15px !important;
    margin-left:12px;
}
.add-group-btn i{
    font-size:18px !important;
}
.add-group-submit-con button{
    margin-left:144px;
    width:200px;
    height:38px;
    line-height:38px;
}
.group-boss-name{
    margin-left:144px;
    background:#ececec;
    height:28px;
    line-height:28px;
    border-radius:4px;
    padding-left:12px;
    border:1px solid #979797;
    overflow: hidden;
}
/***********************************管理员*******************************************/
.register-admin-btn-con,.register-admin-list{
    margin-left: 24px;
    margin-top: 24px;
}
.register-admin-list{
    margin-right: 24px;
}
.admin-register-comp{
    border:1px solid #ebebeb;
    border-radius: 5px;
    height: 60px;
    margin-bottom: 12px;
}
.admin-username,
.admin-nickname,
.admin-phone,
.admin-email {
    width: 270px;
    float: left;
    margin-top: 15px;
}
.admin-username-title,
.admin-nickname-title,
.admin-phone-title,
.admin-email-title{
    float: left;
    width: 80px;
    text-align: right;
    line-height: 30px;
}
.admin-username-input,
.admin-nickname-input,
.admin-phone-input,
.admin-email-input{
    float: right;
    width: 180px;
}
.admin-close{
    float: right;
    margin-top: 20px;
    margin-right: 20px;
}
.admin-close i{
    font-size: 20px;
    cursor: pointer;
}
.admin-submit-con{
    text-align: right;
    padding-right: 24px;
    padding-top: 24px;
}
.admin-result-con{
    padding-top: 48px;
    padding-left: 24px;
    padding-right: 24px;
}
.admin-result-title{
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ccc;
}
.admin-result-title i{
    font-size: 24px;
    line-height: 24px;
    color: #4191ff;
}
.admin-result-title span{
    font-size: 24px;
    margin-left: 12px;
    line-height: 24px;
    color: #4191ff;
}
.admin-com-fail{
    font-size: 20px;
    color: red;
    margin-right: 9px;
}
.admin-com-fail-span{
    font-size: 15px;
    line-height: 20px;
    color: red;
}
.admin-com-success{
    font-size: 20px;
    color: green;
    margin-right: 9px;
}
.admin-com-success-span{
    font-size: 15px;
    line-height: 20px;
    color: green;
}
.userlist-operate{
    margin: 12px 24px;
    height: 32px;
}
.userlist-operate button{
    float: left;
}
.admin-user-query-con{
    float:right;
    display: flex;
}
.admin-user-list-con{
    margin-top: 20px;
}
.admin-user-list-con,.admin-comment-list-con,.admin-sub-operate{
    margin-left: 24px;
    margin-right: 24px;
}
.admin-comment-list-con{
    margin-top: 20px;
}
.admin-sub-operate{
    margin-top: 20px;
}
.admin-sub-title{
    font-size:18px;
    margin-top: 20px;
    line-height: 18px;
    height: 18px;
    margin-left: 24px;
    margin-right: 24px;
    color: #4191ff;
    font-weight: 700;
}
/******************  时钟组件   ************************************/
.box{width:210px; margin: 0 auto;}
.clock{position: relative; width:200px; height: 200px; border: 5px solid #fff; border-radius: 100px; background:-webkit-radial-gradient(center center,circle,#fff,#f5f5f5); box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.8); }
.clock .clock-xin{position: absolute; top: 50%; left: 50%; width:30px; height: 30px; border-radius: 15px; background: #eee;margin:-15px 0 0 -15px;}
.clock .clock-xin2{position: absolute; top: 50%; left: 50%; width:12px; height: 12px; border-radius: 6px; background: #f00; z-index: 100; margin:-6px 0 0 -6px;}
.clock .date{position: absolute; z-index: 3; top: 123px; left: 40px; font-size: 12px; color: #000; text-shadow: 1px 1px white; }
.clock .hour{position: absolute; z-index: 3; top: 50%; left: 50%; width:70px; height: 4px; border-radius:4px; background: #000; -webkit-transform-origin: 10px 50%; margin:-3px 0 0 -10px;}
.clock .min{position: absolute; z-index: 4;top: 50%; left: 50%; width:90px; height: 2px; border-radius:2px; background: #333; -webkit-transform-origin: 10px 50%; margin:-2px 0 0 -10px;}
.clock .sec{position: absolute; z-index: 5; top: 50%; left: 50%; width:120px; height: 2px; background: #f00; -webkit-transform-origin: 30px 50%; margin:-1px 0 0 -30px;}
.clock em{display: block; width: 1px; height: 5px; background: #000; position: absolute; top: 0; left: 0; -webkit-transform-origin: 50% 0; margin-left: -6px;
    margin-top: -5px;}
.clock em.ishour{width: 2px; height: 8px; margin-left: -8px;}
.clock em.ishour i{font-size: 15px; color: #000; position: absolute; top: 12px; left: -7px;text-shadow: 1px 1px white; }

/**********************************初赛*********************************************/
.verb-add-container,.verb-info-container{
    margin-top: 24px;
}
.verb-title-con{
    line-height: 38px;
}
.verb-upload-con {
    margin-left: 20px;
    width: 74px;
    height: 28px;
}
.upload-question2{
    float: left;
    opacity: 0;
    z-index: 999;
    position: relative;
    cursor: pointer;
    width: 74px;
}
.upload-btn2{
    width: 74px;
    float: left;
    margin-left: -74px;
    z-index: 0;
    cursor: pointer !important;
}
.verb-input-type-con{
    margin-top: 16px;
}
.verb-item-type-title{
    width: 120px;
    float: left;
    text-align: right;
    line-height: 32px;
}
.verb-input-select-title-con,.verb-input-select-num-con,
.verb-input-select-detail-con,.verb-input-select-explain-con,
.verb-input-submit{
    margin-top: 16px;
}
.verb-select-textarea{
    width:500px !important;
    margin-left: 10px !important;
    min-height:60px !important;
}
.verb-item-select-type-a,.verb-item-select-type-b,
.verb-item-select-type-c,.verb-item-select-type-d,
.verb-item-select-type-e, .verb-item-select-type-f,
.verb-item-select-type-g,.verb-item-select-type-h,
.verb-item-select-type-i, .verb-item-select-type-j{
    margin-left:120px;
    width: 500px;
    margin-top: 16px;
}
.type-a,.type-b,.type-c,.type-d,.type-e{
    float: left;
    line-height: 46px;
}
.verb-item-select-type-a input,
.verb-item-select-type-b input,
.verb-item-select-type-c input,
.verb-item-select-type-d input,
.verb-item-select-type-e input,
.verb-item-select-type-f input,
.verb-item-select-type-g input,
.verb-item-select-type-h input,
.verb-item-select-type-i input,
.verb-item-select-type-j input{
    width:475px !important;
    height: 46px !important;
    margin-left: 10px;
}
.btn-select{
    width: 200px;
    height: 32px !important;
    margin-left: 130px;
}
.verb-info-title-con,.verb-info-desc-con, .verb-info-sign-con{
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 16px;
}
.verb-info-title,.verb-desc-title, .verb-sign-title{
    width: 120px;
    float: left;
    text-align: right;
}
.verb-info-title-con pre, .verb-input-type-con pre{
    display: block;
    padding: 1rem;
    font-size: 12px;
    line-height: 1.6;
    word-break: break-all;
    word-wrap: break-word;
    color: #555;
    background-color: #f8f8f8;
    border: 1px solid #dedede;
    border-radius: 4px;
    white-space: pre-line;
    margin-left: 120px;
}
.verb-info-desc-content{
    margin-left: 120px;
    padding-top: 8px;
    display: block;
    padding: 1rem;
    font-size: 1.3rem;
    line-height: 1.6;
    word-break: break-all;
    word-wrap: break-word;
    color: #555;
    background-color: #f8f8f8;
    border: 1px solid #dedede;
    border-radius: 4px;
    white-space: pre-wrap;
    overflow-x: auto;
}
.verb-info-title-con ul {
    height:16px;
}
.verb-info-title-con ul li{
    float: left;
    margin-right: 16px;
}
.examination-header{
    width: 100%;
    padding-top: 8px;
    text-align: center;
}
.examination-title{
    font-size: 35px;
    font-weight: 700;
}
.examination-input{
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid rgba(0,0,0,0.65);
    width: 100px;
    text-indent: 10px;
}
.examination-container{
    margin-top: 12px;
    text-align: center;
    height: 100%;
    border-top: 1px solid #ccc;
    padding-top: 12px;
}
.examination-type-title{
    float:left;
    line-height:28px;
    margin-right:12px
}
.examination-type{
    width:150px;
    float:left;
}
.examination-start{
    float: left;
    margin-left: 24px;
}
.examination-con{
    width:350px;
    height: 32px;
    margin-left: auto;
    margin-right: auto;
}
.examination-main{
    text-align: left;
    margin-left: 24px;
    margin-bottom: 24px;
}
.select-examination-title{
    margin-bottom: 12px;
    margin-left: 24px;
}
.submit-examination{
    margin-left: 24px;
    margin-top: 24px;
}
#canvas,#canvas2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lowerRight {
    margin: 2px;
    font-family: serif;
    font-size: large;
    color: rgba(20, 255, 70, 1);
    position: fixed;
    right: 0;
    bottom: 0;
}
.result-ac-con{
    font-weight:600;
    color:green;
    margin-top:12px;
}
.result-wa-con{
    font-weight:600;
    color:red;
    margin-top:12px;
}
.person-exam-info-con{
    margin-left: 24px;
}
.personal-report-grade{
    margin-top: 12px;
    margin-left: 24px;
}
.zero{
    font-weight: 600;
    color: red;
}
.statics-search-con{
    float: right;
    margin-top: 12px;
    margin-right: 24px;
}
.type-search-con{
    float: left;
    margin-right: 24px;
    margin-top: 12px;
}
.qrcode,.qrcode-login{
    width: 300px;
    height:405px;
    margin-left: auto;
    margin-right: auto;
}
.qrcode-login{
    margin-top:155px;
}
.other-login{
    float: left;
}
.other-login span{
    color: #fff;
    opacity: 0.5;
}
.other-login img{
    width: 20px !important;
    height: 20px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    cursor: pointer;
}
.back-to-login-con{
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
}
.personal-verb-con{
    margin-left: 24px;
    margin-right: 24px;
}
.personal-verb-item-con{
    width:100%;
    height: 150px;
}
.personal-verb-item-detail-con{
    width: 600px;
    height: 150px;
    margin-right: 24px;
    float: left;
}
.personal-verb-item-detail-con textarea{
    height:100px !important;
    margin-top: 12px;
    max-height:100px;
}
.homework-detail-con{
    background: #fff;
    border-radius:4px;
    margin-left: 24px;
    margin-right: 24px;
    padding-bottom: 120px;
}
.homework-detail-con-title{
    font-size: 25px;
    padding-top: 12px;
    border-bottom: 1px solid #ebebeb;
    line-height: 25px;
    height: 51px;
    margin-left: 24px;
    margin-right: 24px;
    color: #4191ff;
    font-weight: 700;
}
.homework-detail-title-con, .homework-deadtime-con, .notice-detail-title-con,
.notice-detail-content-con, .notice-detail-priority-con, .notice-detail-deadline-con,
.notice-detail-type-con, .notice-detail-back-con{
    margin-top: 24px;
    display: flex;
    height: 38px;
    line-height: 38px;
}
.notice-detail-title-con, .notice-detail-priority-con, .notice-detail-content-con,
.notice-detail-deadline-con,.notice-detail-type-con, .notice-detail-back-con{
    margin-left: 24px;
}
.notice-detail-back-con button{
    width: 200px;
    height: 38px;
}
.homework-qustion-con, .homework-detail-title-con{
    width: 870px;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.homework-detail-title-con pre{
    width: 740px !important;
}
.assign-homework-con,.homework-operate-con{
    width: 870px;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
}
.homework-detail-title-con pre, .notice-detail-title-con pre, .notice-detail-priority-con pre,
.notice-detail-deadline-con pre,.notice-detail-type-con pre{
    background: #f8f8f8;
    border: 1px solid #dedede;
    border-radius: 4px;
    width: 1000px;
    padding-left: 15px;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
    padding-right: 15px;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
}
.homework-title-con{
    display: flex;
}
.homework-title{
    float: left;
    width: 120px;
    text-align: right;
    line-height: 38px;
}
.homework-list-con{
    width: 600px;
    margin-left: 10px !important;
    float: left;
}
.btn-assign-task{
    width:100px;
    float:right;
    height:38px !important;
    margin-left:20px;
}
.homework-deadline-con{
    margin-top: 24px;
    display: flex;
}
.submit-button{
    margin-left: 120px;
    width: 200px !important;
    height:38px !important;
}
.info-area{
    display: flex;
}
.info-title{
    width: 70px;
    text-align: right;
    margin-right: 12px;
}
.notice-con{
    min-height:120px;
    background:#fff;
    margin-bottom:12px;
    border-radius:4px;
}
.notice-con-title{
    height:40px;
    margin:12px;
    line-height:40px;
    font-size:16px;
    color:#4191ff;
    border-bottom:1px solid #4191ff;
}
.notice-con-title i{
    font-size:25px;
    color:#4191ff;
    float:left;
    margin-top: 7px;
    margin-right: 12px;
}
.notice-detail-content-con{
    margin-top: 24px;
    display: flex;
    line-height: 38px;
    height: auto;
}
.notice-content{
    width: 1000px;
    display: block;
    padding: 1rem;
    font-size: 1.3rem;
    line-height: 1.6;
    word-break: break-all;
    word-wrap: break-word;
    color: #555;
    background-color: #f8f8f8;
    border: 1px solid #dedede;
    border-radius: 4px;
    white-space: pre-wrap;
}
.notice-content p{
    width: auto;
    text-align: left;
    margin-bottom: 0 !important;
}
.notice-rolling-list ul{
    padding-left: 12px;
    padding-right: 12px;
}
.notice-rolling-list ul li{
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
}
.notice-rolling-list ul li span{
    float: right;
    color: #4e69c3;
}
.goods-right-con{
    float: right;
    margin-right: 24px;
}
.goods-search-name-con{
    float: left;
}
.goods-search-type-con{
    float: right;
}
.search-type, .search-name,.search-username{
    width: 150px !important;
    margin-right: 40px !important;
    margin-left: 12px !important;
}
.goods-list-operate{
    margin-left: 24px;
    margin-top: 24px;
    height: 50px;
}
.goods-add-container{
    margin-top: 24px;
}
.goods-name-con,.goods-price-con,.goods-type-con,.goods-attribute-con,.goods-detail-con,
.goods-limit-con,.goods-remain-con,.goods-submit-con, .goods-buynum-con,.goods-buy-con{
    width: 870px;
    display: flex;
    margin-right: auto;
    margin-left: auto;
}
.goods-attribute-con{
    margin-bottom: 12px;
}
.goods-attribute-con textarea{
    margin-left: 9px;
    min-height: 100px !important;
}
.goods-name-con input{
    margin-left: 9px;
    height: 38px !important;
}
.goods-type-select{
    width: 150px;
    height: 38px !important;
}
.goods-limit-con{
    margin-top: 12px;
}
.goods-name-con p:first-child, .goods-price-con p:first-child, .goods-type-con p:first-child,
.goods-attribute-con p:first-child,.detail-txt,.goods-limit-con p:first-child,
.goods-remain-con p:first-child,.goods-submit-con p:first-child, .goods-buynum-con p:first-child,
.goods-buy-con p:first-child{
    width: 80px;
    text-align: right;
    line-height: 38px;
}
.goods-save-btn, .goods-buy-btn{
    width: 320px;
    height: 38px !important;
}
.goods-name-con pre, .goods-price-con pre,.goods-type-con pre,.goods-limit-con pre,.goods-remain-con pre{
    background: #f8f8f8;
    border: 1px solid #dedede;
    border-radius: 4px;
    width: 740px;
    float: right;
    text-align: left;
    padding-left: 15px;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
    padding-right: 15px;
    line-height: 38px;
}
.goods-detail-txt{
    display: block;
    padding: 1rem;
    margin: 1rem 0;
    font-size: 1.3rem;
    line-height: 1.6;
    word-break: break-all;
    word-wrap: break-word;
    color: #555;
    background-color: #f8f8f8;
    border: 1px solid #dedede;
    border-radius: 4px;
    white-space: pre-wrap;
    width: 740px;
}
.back-to-goods-list{
    float: right;
    font-size: 14px !important;
}
.order-list-operate, .product-list-operate{
    height: 32px;
    margin-top: 12px;
    margin-bottom: 12px;
}
.order-right-con, .product-right-con{
    float: right;
}
.order-table-con, .product-table-con{
    margin-left: 24px;
    margin-right: 24px;
}
.order-search-name-con,.product-search-name-con{
    float: left;
}
.order-search-username-con,.product-search-username-con{
    float: right;
}
.deduct-num-con, .deduct-remark-con{
    display: flex;
}
.deduct-num-con{
    margin-bottom:12px;
}
.deduct-num-con p{
    width: 80px;
}
.deduct-remark-con p{
    width:100px;
}
.deduct-num-con p, .deduct-remark-con p{
    text-align: right;
    margin-right: 10px;
}
.deduct-txt{
    min-height: 80px;
}
.level-con{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
}
.level-con img{
    width: 20px;
    height: 20px;
}
.level-name{
    font-size: 20px;
    margin-top: 20px;
    margin-left: 12px;
}
.current-level-con img{
    width: 16px;
    height: 16px;
}
.current-level-con a{
    margin-left: 5px;
}

.cd-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100003;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #402f44 url(../img/modal-bg.jpg) no-repeat center center;
    background-size: cover;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-modal .modal-content {
    height: 100%;
    overflow: hidden;
    padding: 15em 5%;
    color: #e4dcca;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.cd-modal h1,h3 {
    text-align: center;
}
.cd-modal h1::after {
    /* ink/brush separation */
    content: '';
    display: block;
    width: 130px;
    height: 18px;
    margin: .2em auto 0;
}
.cd-modal p {
    line-height: 1.6;
    margin: 2em auto;
    max-width: 800px;
}
.cd-modal .modal-close {
    /* 'X' icon */
    position: absolute;
    z-index: 10001;
    top: 20px;
    right: 5%;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3) url(../img/cd-icon-close.svg) no-repeat center center;
    /* image replacement */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
    -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
    transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
}
.no-touch .cd-modal .modal-close:hover {
    background-color: rgba(0, 0, 0, 0.5);
}
.cd-modal.visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.7s, visibility 0s;
    -moz-transition: opacity 0.7s, visibility 0s;
    transition: opacity 0.7s, visibility 0s;
}
.cd-modal.visible .modal-content {
    /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
    -webkit-overflow-scrolling: touch;
}
.modal-content h1,h3{
    color: rgb(207,155,18) !important;
}
.modal-content h3{
    font-size: 50px !important;
    font-weight: 400;
    text-shadow: 3px 3px 0 #3D606D;
}
.cd-modal.visible .modal-close {
    visibility: visible;
    opacity: 1;
    -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
    -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
    transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
@media only screen and (min-width: 1100px) {
    .cd-modal .modal-content {
        padding: 15em 5%;
    }
    .cd-modal .modal-close {
        height: 60px;
        width: 60px;
    }
    .cd-modal p {
        font-size: 2rem;
    }
}

/* --------------------------------

Transition Layer

-------------------------------- */
.cd-transition-layer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}
.cd-transition-layer .bg-layer {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-2%);
    -moz-transform: translateY(-50%) translateX(-2%);
    -ms-transform: translateY(-50%) translateX(-2%);
    -o-transform: translateY(-50%) translateX(-2%);
    transform: translateY(-50%) translateX(-2%);
    /* its dimentions will be overwritten using jQuery to proportionally fit the viewport */
    height: 100%;
    /* our sprite is composed of 25 frames */
    width: 2500%;
    background: url(../img/ink.png) no-repeat 0 0;
    background-size: 100% 100%;
    overflow: hidden;
}
.cd-transition-layer.visible {
    opacity: 1;
    visibility: visible;
}
.cd-transition-layer.opening .bg-layer {
    -webkit-animation: cd-sequence 0.8s steps(24);
    -moz-animation: cd-sequence 0.8s steps(24);
    animation: cd-sequence 0.8s steps(24);
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.cd-transition-layer.closing .bg-layer {
    -webkit-animation: cd-sequence-reverse 0.8s steps(24);
    -moz-animation: cd-sequence-reverse 0.8s steps(24);
    animation: cd-sequence-reverse 0.8s steps(24);
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.no-cssanimations .cd-transition-layer {
    display: none;
}

@-webkit-keyframes cd-sequence {
    0% {
        /* translateX(-2%) is used to horizontally center the first frame inside the viewport */
        -webkit-transform: translateY(-50%) translateX(-2%);
    }
    100% {
        /* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
        -webkit-transform: translateY(-50%) translateX(-98%);
    }
}
@-moz-keyframes cd-sequence {
    0% {
        /* translateX(-2%) is used to horizontally center the first frame inside the viewport */
        -moz-transform: translateY(-50%) translateX(-2%);
    }
    100% {
        /* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
        -moz-transform: translateY(-50%) translateX(-98%);
    }
}
@keyframes cd-sequence {
    0% {
        /* translateX(-2%) is used to horizontally center the first frame inside the viewport */
        -webkit-transform: translateY(-50%) translateX(-2%);
        -moz-transform: translateY(-50%) translateX(-2%);
        -ms-transform: translateY(-50%) translateX(-2%);
        -o-transform: translateY(-50%) translateX(-2%);
        transform: translateY(-50%) translateX(-2%);
    }
    100% {
        /* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
        -webkit-transform: translateY(-50%) translateX(-98%);
        -moz-transform: translateY(-50%) translateX(-98%);
        -ms-transform: translateY(-50%) translateX(-98%);
        -o-transform: translateY(-50%) translateX(-98%);
        transform: translateY(-50%) translateX(-98%);
    }
}
@-webkit-keyframes cd-sequence-reverse {
    0% {
        -webkit-transform: translateY(-50%) translateX(-98%);
    }
    100% {
        -webkit-transform: translateY(-50%) translateX(-2%);
    }
}
@-moz-keyframes cd-sequence-reverse {
    0% {
        -moz-transform: translateY(-50%) translateX(-98%);
    }
    100% {
        -moz-transform: translateY(-50%) translateX(-2%);
    }
}
@keyframes cd-sequence-reverse {
    0% {
        -webkit-transform: translateY(-50%) translateX(-98%);
        -moz-transform: translateY(-50%) translateX(-98%);
        -ms-transform: translateY(-50%) translateX(-98%);
        -o-transform: translateY(-50%) translateX(-98%);
        transform: translateY(-50%) translateX(-98%);
    }
    100% {
        -webkit-transform: translateY(-50%) translateX(-2%);
        -moz-transform: translateY(-50%) translateX(-2%);
        -ms-transform: translateY(-50%) translateX(-2%);
        -o-transform: translateY(-50%) translateX(-2%);
        transform: translateY(-50%) translateX(-2%);
    }
}
.admin-sub-operate{
    display: flex;
}
.admin-operate-btn{
    flex: 1;
}
.admin-sub-search-con{
    display: flex;
    align-items: baseline;
}
.use-delaytime-con{
    margin-left: 24px;
}
.contextMenu{
    position: fixed;
    width: 170px;
    height: 100px;
    border: 1px solid #ccc;
    background: #fafafa;
    border-radius: 4px;
    padding-top: 12px;
    display: none;
    text-align: center;
}
.contextMenu a{
    color: rgba(0, 0, 0, 0.85) !important;
    padding: 12px;
}
.contextMenu a:hover{
    background: #4e69c3;
    color: #fff !important;
}
.personal-submit-history {
    margin-left: 24px;
    margin-top: 24px;
}
.personal-submit-history p{
    font-size: 18px;
    font-weight: 600;
}
.group-edit-txt{
    margin-left: 12px;
}
.group-name-modal-con, .group-desc-modal-con{
    display: flex;
}
.group-name-modal-con p, .group-desc-modal-con p{
    width: 88px;
    line-height: 32px;
}
.group-desc-modal-con textarea{
    max-height: 90px;
    min-height: 90px !important;
}
.content-con{
    display: flex;
    max-height: 500px;
}
.input-content-con, .output-content-con, .myoutput-content-con{
    flex: 1;
    border: 1px solid #ccc;
    margin-right: 12px;
    padding: 10px;
    overflow-y: auto;
    overflow-x: hidden;
}
.input-content-con pre, .output-content-con pre, .myoutput-content-con pre{
    overflow-x: hidden;
    overflow-y: auto;
    white-space: pre-line;
}
.output-modal-con{
    width: 700px;
    height: 500px;
}
/**************************************物品列表********************************************/
.resource-list-con{
    border-radius: 4px;
    background-color: #fff;
    margin-left: 24px;
    margin-right: 24px;
    padding-bottom: 120px;
    height: auto;
}
.resource-list-title{
    font-size: 25px;
    padding-top: 12px;
    border-bottom: 1px solid #ebebeb;
    line-height: 25px;
    height: 51px;
    margin-left: 24px;
    margin-right: 24px;
    color: #4191ff;
    font-weight: 700;
}
.resource-list-operate{
    margin: 12px 24px;
    height: 32px;
}
.resource-add-con{
    float: left;
}
.resource-search-con{
    float: right;
    display: flex;
}
.resource-search-type-con{
    display: flex;
    margin-right: 12px;
}
.resource-search-type-con p:nth-child(1), .resource-search-title-con p:nth-child(1){
    line-height: 32px;
    margin-right: 12px;
    width: 93px;
    text-align:right;
    float: left;
}
.resource-table-con{
    margin: 24px;
}
/**********************************新增物品***************************************/
.resource-add-container,.resource-update-container{
    border-radius: 4px;
    background-color: #fff;
    margin-left: 24px;
    margin-right: 24px;
    padding-bottom: 120px;
    height: auto;
}
.resource-add-title,.resource-update-title{
    font-size: 25px;
    padding-top: 12px;
    border-bottom: 1px solid #ebebeb;
    line-height: 25px;
    height: 51px;
    margin-left: 24px;
    margin-right: 24px;
    color: #4191ff;
    font-weight: 700;
}
.resource-add-form,.resource-update-form{
    margin: 24px;
}
.resource-add-title-con,.resource-add-type-con,.resource-add-pic-con,
.resource-add-audio-con,.resource-add-operate-con,.resource-update-title-con,
.resource-update-type-con,.resource-update-pic-con,
.resource-update-audio-con,.resource-update-operate-con{
    display: flex;
    margin-bottom: 12px;
}
.resource-add-title-con p:nth-child(1),.resource-add-type-con p:nth-child(1),
.resource-add-audio-con p:nth-child(1),.resource-update-title-con p:nth-child(1),
.resource-update-type-con p:nth-child(1),.resource-update-audio-con p:nth-child(1){
    text-align: right;
    margin-right: 12px;
    width: 80px;
    line-height: 32px;
}
.resource-add-pic-con p:nth-child(1),.resource-update-pic-con p:nth-child(1){
    width: 88px;
    text-align: right;
    margin-right: 12px;
}
.resource-add-operate-con button,.resource-update-operate-con button{
    margin-left: 90px;
    width: 200px;
}
/*************************************物料详情****************************************/

.resource-info-container{
    border-radius: 4px;
    background-color: #fff;
    margin-left: 24px;
    margin-right: 24px;
    padding-bottom: 120px;
    height: auto;
}
.resource-info-title{
    font-size: 25px;
    padding-top: 12px;
    border-bottom: 1px solid #ebebeb;
    line-height: 25px;
    height: 51px;
    margin-left: 24px;
    margin-right: 24px;
    color: #4191ff;
    font-weight: 700;
}
.resource-info-form{
    margin: 24px;
}
.resource-info-file-con img{
    width: 350px;
}
.resource-info-title-con,.resource-info-type-con,.resource-info-file-con{
    display: flex;
    margin-bottom: 12px;
}
.resource-info-title-con p:nth-child(1),.resource-info-type-con p:nth-child(1),
.resource-info-file-con p:nth-child(1){
    line-height: 38px;
    margin-right: 12px;
    width: 80px;
    text-align: right;
}
.resource-info-pre-title, .resource-info-type{
    background: #f8f8f8;
    border: 1px solid #dedede;
    border-radius: 4px;
    width: 740px;
    text-align: left;
    padding-left: 15px;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
    padding-right: 15px;
    line-height: 38px;
}
/******************************************新增课程************************************************/
.course-add-con{
    border-radius: 4px;
    background-color: #fff;
    margin-left: 24px;
    margin-right: 24px;
    padding-bottom: 120px;
    height: auto;
}
.course-add-title{
    font-size: 25px;
    padding-top: 12px;
    border-bottom: 1px solid #ebebeb;
    line-height: 25px;
    height: 51px;
    margin-left: 24px;
    margin-right: 24px;
    color: #4191ff;
    font-weight: 700;
}
.course-add-form{
    margin: 24px;
}
.course-add-title-con, .course-add-name-con, .course-operate-con{
    display: flex;
    line-height: 38px;
}
.course-add-title-con p, .course-add-name-con p, .course-operate-con p{
    width: 80px;
    margin-right: 12px;
    text-align: right;
}
.course-add-buttons{
    margin-left: 36px;
}
.spread-btn, .expend-btn, .save-couse-btn{
    margin-right: 12px;
}
.course-steps-item-con{
    border: 1px solid #e8e8e8;
    margin-left: 48px;
    width: 540px;
    border-radius: 4px;
    margin-bottom: 12px;
    padding-bottom: 12px;
}
.course-steps-title{
    height: 40px;
    line-height: 40px;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 12px;
}
.course-steps-title p{
    float: left;
}
.course-steps-btns{
    float: right;
}
.course-steps-btns button:nth-child(1){
    margin-right: 12px;
}
.course-steps-name, .course-steps-view, .course-steps-audio, .course-steps-complete{
    width: 500px;
    display: flex;
    margin-bottom: 12px;
}
.course-steps-name p, .course-steps-view p, .course-steps-audio p, .course-steps-complete p,
.course-item-question-title p, .course-item-answer p, .course-item-select p{
    text-align: right;
    height: 32px;
    line-height: 32px;
    margin-right: 12px;
}
.course-steps-name p{
    width: 100px;
}
.course-steps-name pre, .course-steps-view pre, .course-steps-audio pre,
.course-steps-complete pre, .course-item-question-title pre, .course-item-answer pre{
    display: block;
    padding: 0.5rem;
    word-break: break-all;
    word-wrap: break-word;
    color: #555;
    background-color: #f8f8f8;
    border: 1px solid #dedede;
    border-radius: 4px;
    white-space: pre-wrap;
    width: 400px;
}
.course-steps-view p, .course-steps-audio p, .course-steps-complete p,
.course-item-question-title p, .course-item-answer p, .course-item-select p{
    width: 80px;
}
.course-pic-con, .course-audio-con{
    margin-left: 92px;
    margin-bottom: 12px;
}
.course-pic-con img{
    width: 200px;
    border-radius: 4px;
    cursor: pointer;
}
.course-item-question-title, .course-item-answer, .course-item-select{
    display: flex;
    margin-bottom: 12px;
}
.course-item-question-title textarea, .course-item-answer textarea{
    height: 130px !important;
    min-height: 130px !important;
    max-height: 130px !important;
    width: 400px;
}
.course-item-operate-con{
    text-align: right;
    padding-right: 12px;
    padding-bottom: 12px;
}
.course-item-save{
    margin-right: 12px;
}
/***********************************课程列表***********************************************/
.course-add-list-con{
    width: 74px;
    height: 28px;
    float: left;
}
.course-search-con{
    float: right;
    margin-right: 24px;
}
.course-search-type-con{
    float: left;
    display: flex;
    margin-right: 24px;
}
.course-search-title-con{
    float: right;
    display: flex;
}
.course-search-type-con p,.course-search-title-con p{
    line-height: 32px;
    margin-right: 12px;
}
.course-table-con{
    margin-left: 24px;
    margin-right: 24px;
}
/************************************课程详情********************************************/
.course-info-con{
    border-radius: 4px;
    background-color: #fff;
    margin-left: 24px;
    margin-right: 24px;
    padding-bottom: 120px;
    height: auto;
}
.course-info-title{
    font-size: 25px;
    padding-top: 12px;
    border-bottom: 1px solid #ebebeb;
    line-height: 25px;
    height: 51px;
    margin-left: 24px;
    margin-right: 24px;
    color: #4191ff;
    font-weight: 700;
}
.course-info-form{
    margin:24px;
}
.course-title-con, .course-title-name-con{
    display: flex;
}
.course-title-con p, .course-title-name-con p{
    width: 120px;
    text-align: right;
    margin-right: 12px;
    line-height: 38px;
}
.course-title-con pre, .course-title-name-con pre{
    display: block;
    padding: 0.5rem;
    word-break: break-all;
    word-wrap: break-word;
    color: #555;
    background-color: #f8f8f8;
    border: 1px solid #dedede;
    border-radius: 4px;
    white-space: pre-wrap;
    width: 100%;
}
.course-name-con li, .course-item-select-li{
    text-align: center;
    border: 1px solid #dedede;
    border-radius: 20px;
    word-break: keep-all;
    padding-left: 12px;
    padding-right: 12px;
    margin-right: 12px;
    margin-bottom: 12px;
    float: left;
    background: #f8f8f8;
}
.course-name-con li{
    height: 40px;
}
.course-item-select ul{
    display: contents;
}
.course-item-select li{
    line-height: 33px;
}
.course-name-con{
    width: 700px;
    padding-left: 0;
}
.course-name-con p{
    text-align: center;
    margin-right: 0;
    width: auto;
}
.course-steps-title p:nth-child(1){
    font-size: 18px;
}
.course-steps-info-con p{
    width: 110px;
    margin-right: 12px;
}
.course-steps-info-con{
    display: flex;
}
.course-step-list-con{
    margin-left: 24px;
    margin-right: 24px;
    overflow-x: auto;
}
.step-content{
    border: 1px dashed #e9e9e9;
    border-radius: 2px;
    background-color: #fafafa;
}
.ant-steps-vertical .ant-steps-item{
    margin-left: 48px!important;
}
.step-content img{
    width: 1100px;
}
.btn-prev-step, .btn-next-step, .btn-save-step{
    margin-right: 12px;
}
.step-complete-text, .step-complete-question{
    margin: 24px;
    width: 1124px;
}
.complete-question-con, .complete-answer-con{
    display: flex;
}
.complete-question-con p, .complete-answer-con p{
    line-height: 38px;
    width: 80px;
    text-align: right;
}
.complete-question-con pre{
    display: block;
    padding: 0.5rem;
    word-break: break-all;
    word-wrap: break-word;
    color: #555;
    background-color: #f8f8f8;
    border: 1px solid #dedede;
    border-radius: 4px;
    white-space: pre-wrap;
    width: 100%;
}
/*****************************************分配课程*******************************************/
.add-course-info-con{
    border-radius: 4px;
    background-color: #fff;
    margin-left: 24px;
    padding-bottom: 120px;
    margin-right: 24px;
    height: 100%;
}
.add-course-info-title{
    font-size: 25px;
    padding-top: 12px;
    border-bottom: 1px solid #ebebeb;
    line-height: 25px;
    height: 51px;
    margin-left: 24px;
    margin-right: 24px;
    color: #4191ff;
    font-weight: 700;
}
.add-course-info-form{
    margin: 24px;
}
.add-course-title-con, .add-course-user-list{
    display: flex;
}
.add-course-title-con p, .add-course-user-list p{
    width: 80px;
    text-align: right;
    line-height: 38px;
    margin-right: 12px;
}
.add-course-title-con pre{
    display: block;
    padding: 0.5rem;
    word-break: break-all;
    word-wrap: break-word;
    color: #555;
    background-color: #f8f8f8;
    border: 1px solid #dedede;
    border-radius: 4px;
    white-space: pre-wrap;
    width: 700px;
}
.add-course-user-save-btn{
    width: 120px;
    margin-left: 92px;
}
.complete-question-list-con, .complete-question-list-con ul{
    height: 32px;
}
.my-group-operate-con{
    height: 32px;
}
.group-add-list-con{
    float: left;
}
.group-search-con{
    float: right;
    display: flex;
}
.group-search-title-con{
    display: flex;
    line-height: 32px;
}
.group-search-title-con p{
    margin-right: 12px;
}
.group-admin-operate a, .group-operate a{
    margin-right: 12px;
}
.pact-content-con{
    display: flex;
    margin: 24px;
}
.pact-content-title {
    font-size: 18px;
}
.pact-btn{
    width: 200px;
    margin-left: 114px;
}
.notification-con, .ant-notification-bottomRight{
    width: 340px !important;
}
.notification-con-en, .ant-notification-bottomRight-en{
    width: 374px !important;
}
.notification-title-con{
    display: flex;
    line-height: 38px;
    height: 38px;
}
.notification-title-con p{
    margin-right: 12px;
}
.notification-con .ant-notification-notice-icon-info,
.notification-con-en .ant-notification-notice-icon-info{
    font-size: 28px;
    margin-top: 5px;
}
.notification-con .ant-notification-close-icon,
.notification-con-en .ant-notification-close-icon{
    font-size: 28px;
}
.notification-con .ant-notification-notice-close,
.notification-con-en .ant-notification-notice-close{
    line-height: 48px;
    right: 16px;
}
.float-con,.float-con-en{
    position:absolute;
    z-index:10000;
    left:100px;
    top:100px;
    height:90px;
    display: flex;
    border-radius:4px;
    background:#fff;
    cursor:pointer;
}
.float-con{
    width:220px;
}
.float-con-en{
    width:320px;
}
.question-stdio-input{
    display: flex;
    margin-left: 24px;
}
.question-code-output{
    display: flex;
    margin-top: 24px;
}
.stdio-input, .stdio-output{
    width: 100%;
    padding-right: 24px;
}
.question-stdio-input p{
    width: 80px;
    text-align: right;
}
.question-code-output p{
    width: 100px;
    text-align: right;
}
.stdio-input textarea{
    min-height: 100px;
    max-height: 100px;
    width: 100%;
}
.stdio-output pre{
    width: 100%;
    height: 310px;
    background: #f8f8f8;
    border: 1px solid #dedede;
    border-radius: 4px;
    padding: 12px;
}
.question-submit-con{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
}
.question-submit-con button{
    width: 120px;
}
.userlist-operate-con{
    display: flex;
    float: left;
}
.question-score-info{
    padding-left: 96px;
    font-size: 24px;
}
.question-score-info .success{
    color: #4e69c3;
}
.question-score-info .error{
    color: #ff0000;
}
.test-success-con{
    display: flex;
    line-height: 50px;
}
.test-success-img img{
    width: 50px;
}
.question-online-con{
    display: flex;
}
.question-online-left-con{
    width: 60%;
}
.question-online-right-con{
    width:40%;
}
.question-wamsg-con{
    margin-left: 24px;
    color: #ff0000;
    font-size: 18px;
}
.feicoding-img{
    width: 24px;
    height: 24px;
    margin-right: 12px;
}
.noncoding-con{
    margin-top: 24px;
}
.label-color{
    background: #ef7e2d;
    color: #fff;
    padding: 5px;
    font-size:12px;
    margin-right:10px;
    margin-bottom: 5px;
}
.blog-title{
    font-size: 16px;
    font-weight: 600;
    margin-left: 24px;
}
.blog-dialog-body-con{
    overflow-y: auto;
    height: 400px;
}
.blog-table-con p{
    font-size: 16px;
    font-weight: bold;
    color: #858585;
}
.blog-tip-con{
    display: flex;
    margin-left: 24px;
    margin-top: 12px;
}
.blog-tip-con p{
    margin-right: 12px;
}