@import url("../libs/font-awesome/css/font-awesome.min.css");
@import url("../libs/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css");
@import url("../libs/bootstrap-daterangepicker/daterangepicker.css");
@import url("../libs/bootstrap-select/dist/css/bootstrap-select.min.css");
@import url("../libs/fastadmin-selectpage/selectpage.css");
body>#toast-container{
    position: absolute;
    display: none;
}
* {box-sizing:border-box;-webkit-user-select: text;user-select: text;scrollbar-width: thin;}
::-webkit-scrollbar-track-piece {background-color: rgba(0, 0, 0, 0);}
::-webkit-scrollbar {width:4px;height:4px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.2);background-clip: padding-box;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;min-height: 28px;}
::-webkit-scrollbar-thumb:hover {background-color: rgba(0, 0, 0, 0.2);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
body{font-family:"Microsoft Yahei"; font-size:14px; padding:0; margin:0; background:#F5F7FA;color:#000;}
ul li{ list-style-type:none;}
img{max-width: 100%; border:0;}
a{ color: #000;}
a:hover{ color: #3662EC;}
a,a:hover{ text-decoration:none;}
a:focus{outline:none;text-decoration:none;}
h1,h2,h3,h4,h5,p,ul,dl,dd,label{ margin:0; padding:0;}
h1,h2,h3,h4,h5,dt,label{ font-weight:normal;}
em,i{ font-style: normal; }
input,textarea,button,select{outline:none !important;font-family: "Microsoft Yahei";}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0); border: 0}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

.scroll{overflow-y: auto !important;}
.clear{ clear: both; }
.fr{float: right !important;}
.center{text-align: center}
.container{width: 1280px; display: block; margin: 0 auto;}
.container:after{content: ""; display: block; width: 100%; height: 1px; clear: both;}
.container1{width: 1280px; display: block; margin: 0 auto;}
.container1:after{content: ""; display: block; width: 100%; height: 1px; clear: both;}
.page{min-width: 1280px; margin-top: 24px; overflow: hidden;}
.section{background: #FFFFFF; padding: 24px; margin-bottom: 24px; border: 1px solid #E6ECF3;border-radius: 10px;overflow: hidden;}
.section .cloumn{height: 40px; padding-left: 24px; line-height: 40px;border-left: 2px solid #3662EC; background: #F5F7FA; font-size: 18px; margin-bottom: 16px;}
.section .text-main{color: #3D485D; line-height: 28px; margin-bottom: 20px;overflow: hidden;}
.check{color: #3D485D; cursor: pointer; padding-left: 28px; background: url(../img/ico/check.png) left center no-repeat;}
.check.checked{ background: url(../img/ico/checked.png) left center no-repeat;}
.wrong{color: #FEC101}
.error{color: #FF595C}
.accepted{color: #299A53}
.limit{color: #A157FF}
.mr16{margin-right: 16px !important;}
.ml16{margin-left: 16px !important;}
.cursor{cursor: pointer;}

/*测评结果色值*/
.answer0{color: #FFB000}
.answer0:before{background:#FFB000}
.answer1{color: #ff8a5c}
.answer1:before{background:#ff8a5c}
.answer2{color: #FFD048}
.answer2:before{background:#FFD048}
.answer3{color: #8bc24c}
.answer3:before{background:#8bc24c}
.answer4{color: #299A53}
.answer4:before{background:#299A53}
.answer5{color: #FEC101}
.answer5:before{background:#FEC101}
.answer6{color: #FF595C}
.answer6:before{background:#FF595C}
.answer7{color: #A157FF}
.answer7:before{background:#A157FF}
.answer8{color: #0052D9}
.answer8:before{background:#0052D9}
.answer9{color: #ADB5BF}
.answer9:before{background:#ADB5BF}
.answer10{color: #de4307}
.answer10:before{background:#de4307}
.answer11{color: #FF595C}
.answer11:before{background:#FF595C}
.answer12{color: #98A3B7}
.answer12:before{background:#98A3B7}
.answer13{color: #688BF8}
.answer13:before{background:#688BF8}
.answer14{color: #FF595C}
.answer14:before{background:#FF595C}

/*头部*/
.header {background: #fff; height: 80px;min-width: 1280px;}
.header .logo{height:30px; float: left; margin:25px 30px 0 0;}
.header .logo img{ display: block;height:30px; width: 115px;}
.header .register,.header .login{float: right; border: 1px solid #3662EC; line-height:30px; padding: 0 20px; color: #3662EC; border-radius: 50px; margin: 24px 0 0 16px}
.header .register{background: #3662EC; color: #fff;}
.header .name,.header .exit{float: right; color: #fff;font-size: 16px; line-height: 120px;}
.header .exit{margin-left: 20px;}
.header .name:hover,.header .exit:hover{color: #ea1f25}
.header .user{float: right; height: 60px; min-width: 120px; margin-top: 20px; text-align: center; cursor: pointer; color: #3D485D; position: relative;}
.header .user dt{ height: 40px; line-height: 40px;}
.header .user dt:after{content: "";float: right;width: 11px;height: 40px; margin-left:12px; background: url(../img/ico/ico23.png) center no-repeat;background-size: contain;transition: 0.2s all linear;}
.header .user dt img{ float: left; margin-right: 12px; border-radius: 100%;width: 40px;height: 40px;}
.header .user dd{ display: none; position: absolute;left: 0;right: 0;top: 50px; padding: 6px;border: 1px solid #E6ECF3; background: #fff;border-radius: 8px; z-index: 10;}
.header .user dd a{display: block; line-height: 30px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.header .user:hover dt:after{transform:rotate(180deg);}
.header .user:hover dd{display: block}

.navmenu{float: left; margin-top: 16px;}
.navmenu:after{content: ""; display: block; width: 100%; height: 1px; clear: both;}
.navmenu li{ float: left; height: 62px; position: relative; margin-right: 35px;}
.navmenu li a{display: block;font-size: 16px; position: relative; line-height: 40px; }
.navmenu li a:after{content: "";width:0;height:4px; position: absolute;left: 50%; bottom: -6px; margin-left: -10px; border-radius: 50px; transition: 0.2s all linear;}
.navmenu li:hover{color: #3662EC}
.navmenu li:hover .drop{display: block;z-index: 999}
.navmenu .active a:after{background: #3662EC;width:20px;}
.navmenu .drop{ z-index:5;display: none; position: absolute; left: -30px;top: 55px; padding: 16px 10px 6px; width: 110px; background: #fff;border-radius: 10px;border: 1px solid #E6ECF3;}
.navmenu .drop a{display: block;font-size: 14px; color: #3D3D3D !important; margin-bottom: 10px; text-align: center;line-height: 30px;}
.navmenu .drop a:after{height: 0 !important;}
.navmenu .drop a:hover{background: #3662EC;color: #fff !important; border-radius: 5px;}

/*底部*/
.footer{ background: #D5DAE2;min-width: 1280px; overflow: hidden; }
.footer .logo,.footer .logo img{display: block;height: 35px;}
.footer .main{border-bottom: 1px solid #BBC3CE; margin-bottom: 15px; overflow: hidden; }
.footer .main .container{ position: relative;padding:24px 100px 0 0; min-height: 122px;}
.footer .menu{ margin: 12px 0 30px; overflow: hidden;}
.footer .menu a{float: left;color: #6C7584; margin-right: 25px;}
.footer .ewm{position: absolute;right: 12px; top:10px; width: 80px; color: #6C7584; text-align: center;}
.footer .link{line-height: 22px; min-height: 22px; position: relative; padding-left: 70px;overflow: hidden;}
.footer .link dt{position: absolute;left: 0;top: 0; color: #98A3B7}
.footer .link a{float: left; margin-right: 24px; color: #98A3B7}
.footer .copyright{ clear: both; padding: 12px 0 24px; color: #98A3B7;overflow: hidden; }
.footer .copyright a{ display: inline-block; margin-left: 8px; color: #98A3B7; }
.footer a:hover{ color: #3662EC;}
.back-top{width: 50px; height: 50px;visibility: hidden; cursor: pointer; position: fixed;right: 20px; bottom: 100px; background: url(../img/ico/back-top.png) center no-repeat;background-size: contain;}
.float-zixun{position: fixed;right: 20px; bottom: 200px;}
.float-zixun li{position: relative; text-align: center; margin-bottom: 6px;}
.float-zixun li a{display: block; background: #fff; color:#3D485D; width: 52px;height: 52px; border: 1px solid #98A3B7; border-radius: 5px;}
.float-zixun li a:before{content: "";display: block;height: 20px; margin: 5px auto 2px;}
.float-zixun li p{ display: none; position: absolute;top: 0;right: 60px;background: #fff; border: 1px solid #3662EC; border-radius: 5px;}
.float-zixun li img{display: block;width: 100px;height: 100px; border-radius: 5px; max-width: inherit}
.float-zixun li .tel{padding: 10px 8px;color: #3662EC;font-size: 16px; min-width: 144px;}
.float-zixun .item1:before{ background: url(../img/ico/float_ico1.png) center no-repeat;}
.float-zixun .item2:before{ background: url(../img/ico/float_ico2.png) center no-repeat;}
.float-zixun .item3:before{ background: url(../img/ico/float_ico3.png) center no-repeat;}
.float-zixun li:hover a{color: #3662EC;border-color: #3662EC;}
.float-zixun li:hover p{display: block}
.float-zixun li:hover .item1:before{ background: url(../img/ico/float_ico1_h.png) center no-repeat;}
.float-zixun li:hover .item2:before{ background: url(../img/ico/float_ico2_h.png) center no-repeat;}
.float-zixun li:hover .item3:before{ background: url(../img/ico/float_ico3_h.png) center no-repeat;}

/*location*/
.page-head{text-align: center; min-width: 1280px; color: #fff; font-size: 20px; padding-top: 74px; height: 280px; background: url(../img/bg/page_head.jpg) center top no-repeat;overflow: hidden;}
.page-head h1{font-size: 46px; text-indent: 26px; letter-spacing: 26px; margin-bottom: 20px; font-weight: bold;}
.page-head h1:after{content: "";display: block; border-radius: 50px; width: 30px; height: 6px; background:#FEC101; margin: 24px auto 0;}

.location{min-width: 1280px; height: 55px; line-height: 56px; overflow: hidden;
    /*background:#fff;*/
    /*margin: 10px 125px 0 125px;*/
    /*padding: 0 24px;*/
    /*border-radius: 10px;*/
}
main>.location{min-width: 1280px; height: 55px; line-height: 56px; overflow: hidden;margin-top:24px;
    /*background:#fff;*/
    /*margin: 10px 125px 0 125px;*/
    /*padding: 0 24px;*/
    /*border-radius: 10px;*/
}
.location>.container{
    background:#fff;
    padding: 0 24px;
    border-radius: 10px;
}
.location a{float: left; color: #98A3B7;}
.location .home{ padding-left: 26px; background: url(../img/ico/home.png) left center no-repeat;}
.location .home:hover{color: #3662EC}

.page-show{ margin: 0; padding-top: 10px; background: url(../img/bg/show-head.jpg) center top no-repeat;}
.page-show .location{color: #fff; margin-bottom: 10px; background: transparent;}
.page-show .location .home{color: #fff; background: url(../img/ico/home1.png) left center no-repeat;}


/*=========================比赛==========================*/
.match-list:after{content: ""; display: block; width: 100%; height: 1px; clear: both;}
.match-list li{background: #F5F7FA; position: relative; padding: 20px 24px 24px 152px; height: 160px; border-radius: 10px; margin-bottom: 40px;}
.match-list li:after{content: ""; display: block; width: 100%; height: 1px; clear: both;}
.match-list li:last-child{margin-bottom: 0}
.match-list .status{position: absolute;left: 0;top: -15px; line-height: 30px;width: 100px;text-align: center; border-radius: 10px 0 10px 0;}
.match-list .status1{background: #FFEEEE;color: #FF5659}
.match-list .status2{background: #E7FFF0;color: #299A53}
.match-list .status3{background: #ADBACE;color: #fff}
.match-list .img{position: absolute;left: 24px; top: 24px; width: 112px; height: 112px; border-radius: 8px;}
.match-list .name{ line-height: 32px; text-align: right;color: #98A3B7; overflow: hidden;}
.match-list .name em{float: left; padding: 0 5px; line-height: 22px; margin: 5px 6px 0 0; color: #fff;}
.match-list .name h4{float: left; color: #000; margin: 0 6px; max-width: 500px; font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.match-list .name .c1{background: #299A53}
.match-list .name .c2{background: #FEC101}
.match-list .name .c3{background: #3662eceb}
.match-list .name .c4{background: #ec3636eb}
.match-list .btn{float: right; height: 32px;line-height: 32px; color: #fff;background: #3662EC; width: 100px; text-align: center; margin-left: 16px; border-radius: 50px;}
.match-list .info{background: #fff;padding: 6px 0; margin-top: 10px; border-radius: 10px;overflow: hidden;}
.match-list .info p{line-height: 32px;color: #3D485D; padding-left: 26px; margin-left: 20px;float: left;}
.match-list .info .item1,.match-list .info .item3{width: 390px;}
.match-list .info .item1{background: url(../img/ico/ico1.png) left center no-repeat;}
.match-list .info .item2{background: url(../img/ico/ico4.png) left center no-repeat;}
.match-list .info .item3{background: url(../img/ico/ico2.png) left center no-repeat;}
.match-list .info .item4{background: url(../img/ico/ico3.png) left center no-repeat;}

.table-main{overflow: hidden}
.table-main table{border-spacing: 0;width: 100%}
.table-main thead{background: #F5F7FA; border-bottom: 1px solid #E6ECF3;}
.table-main th{line-height: 48px;height: 48px; text-align: left; font-weight: normal; font-size: 16px; padding: 0 16px;}
.table-main td{ padding: 12px 16px; line-height: 24px;border-bottom: 1px solid #E6ECF3; color: #3D485D}
.table-main .btn{float: left;color: #3662EC; margin-right: 12px;}
.table-main .btn:hover{color: #FF595C}
.table-main .btn:last-child{margin: 0}
.table-main .go{color: #0052D9;cursor: pointer}
.table-main .go:hover{color: #FF595C}
.table-main .label{border-radius: 5px;  display: block;width: 40px; color: #fff; text-align: center;}
.table-main .level0{background: #C8CDD4}
.table-main .level1{background: #C8CDD4}
.table-main .level2{background: #ADB5BF}
.table-main .level3{background: #FFD048}
.table-main .level4{background: #FFB000}
.table-main .level5{background: #8bc24c}
.table-main .level6{background: #f6d04d}
.table-main .level7{background: #f29c2b}
.table-main .level8{background: #de4307}
.table-main .level9{background: #ff8a5c}
.table-main .level10{background: #f5587b}
.table-main .result:before{content: ""; float: left; border-radius: 100%; margin: 8px 10px 0 0; width: 8px;height: 8px;}
.table-main .wrong{color: #FEC101}
.table-main .wrong:before{background:#FEC101}
.table-main .error{color: #FF595C}
.table-main .error:before{background:#FF595C}
.table-main .accepted{color: #299A53}
.table-main .accepted:before{background:#299A53}
.table-main .limit{color: #A157FF}
.table-main .limit:before{background:#A157FF}

.change-cloumn{background: #F5F7FA;border-bottom: 1px solid #E6ECF3; height: 40px;}
.change-cloumn a{float: left; line-height: 40px; padding: 0 30px;}
.change-cloumn .active{background: #fff; color: #3662EC; border-top: 4px solid #3662EC; height: 40px;}

.search-group{ padding-bottom: 20px;}
.search-group:after{content: ""; display: block; width: 100%; height: 1px; clear: both;}
.search-group .group{float: left; margin:0 20px 12px 0;}
.search-group .group:last-child{margin: 0}
.search-group .name{float: left; line-height: 32px; margin-right: 18px;}
.search-group select{float: left; border: 0; width: 231px; padding: 0  16px; border-radius: 5px;background: #F5F7FA;height: 32px;}
.search-group .search{ float: left; background: #F5F7FA; border-radius: 5px; height: 32px;overflow: hidden}
.search-group .input{ float: left; background: #F5F7FA;height: 32px; padding: 0 16px; width: 240px;}
.search-group .submit{ float: left; height: 32px; width: 50px; cursor: pointer; background: url(../img/ico/search.png) center #F5F7FA no-repeat;}

.form-main{display: block; margin: 48px 80px; overflow: hidden}
.form-main .group{margin-bottom: 24px;overflow: hidden}
.form-main .name{float: left; width: 100px; margin-right: 12px; line-height: 32px;}
.form-main .name em{color: #FF595C;margin-left: 3px}
.form-main .textarea{float: left; border-radius: 4px;width: 448px; padding: 8px 12px;border: 1px solid #DCDFE6;}
.form-main .input{float: left; border-radius: 4px;height: 32px; width: 448px; padding: 0 12px;border: 1px solid #DCDFE6;}
.form-main .input:disabled{background: #F5F7FA}
.form-main .radio{float: left;overflow: hidden}
.form-main .radio li{float: left; padding-left: 20px; cursor: pointer; margin-right: 30px; background: url(../img/ico/radio.png) left center no-repeat;}
.form-main .radio .active{background: url(../img/ico/radioed.png) left center no-repeat;}
.form-main .btns{margin-left: 112px;overflow: hidden}
.form-main .btns input{border-radius: 4px; margin-right: 16px; border: 1px solid #DCDFE6;height: 32px; color: #3D485D; font-size: 14px; width: 60px; background: #fff;cursor: pointer}
.form-main .btns .submit{border-color: #3662EC;background: #3662EC; color: #fff;}




/*=========================首页==========================*/
.index-head{position: relative; min-width: 1280px; height: 440px;background: url(../img/index_banner.jpg) center no-repeat;}
.index-head .header{position: absolute;left: 0;top: 0; right: 0; background: transparent;}
.index-head .header .login,.index-head .header .register{border-color: #fff; color: #fff;}
.index-head .header .register{background: #fff;color: #3662EC}
.index-head .navmenu li a{color: #fff }
.index-head .navmenu .active a:after{background: #fff;}
.index-head .user dt{color: #fff;}
.index-head .user dt:after{background: url(../img/ico/ico24.png) center no-repeat;background-size: contain;}

.index-cloumn{ line-height: 32px; margin-bottom: 20px; overflow: hidden;}
.index-cloumn h3{float: left; min-width: 130px; padding-bottom: 1px; font-size: 24px; font-weight: bold; background: url(../img/bg/cloumn.png) left bottom no-repeat;}
.index-cloumn .more{float: right;border-radius: 50px;background: #F5F7FA; padding: 0 18px; color: #98A3B7}
.index-cloumn .more:hover{background: #3662EC;color: #fff}

.index-main{ margin-top:24px; min-width: 1280px; overflow: hidden;}
.index-left{float: left; width: 864px;overflow: hidden;}
.index-right{float: right; width: 392px;overflow: hidden;}

.index-notice .list{float: left;background: #F5F7FA; border-radius: 10px; width: 255px; height: 128px;position: relative; padding: 16px 16px 0 32px; margin-right: 24px;overflow: hidden;}
.index-notice .list:before{content: "";position: absolute;left: 16px; top: 24px;border-radius: 100%;background: #3662EC; width: 8px; height: 8px;}
.index-notice .list:last-child{margin-right: 0}
.index-notice .list h4{font-size: 16px; line-height: 24px; height: 48px; margin-bottom: 14px;overflow: hidden}
.index-notice .list em{float: left;line-height: 32px;color: #98A3B7}
.index-notice .list span{float: right;border: 1px solid #3662EC; width: 86px; height: 32px;line-height: 32px; text-align: center; color:#3662EC; background: #fff; border-radius: 50px;}
.index-notice .list:hover span{background:#3662EC; color: #fff;}

.index-match .match-list{margin-top: 36px;}

.index-team{padding-bottom: 0 !important}
.index-team .main{ margin-left: -24px;overflow: hidden;}
.index-team .list{float: left; position: relative; padding:16px 100px 0 24px; margin: 0 0 24px 24px;background: #F5F7FA; border-radius: 10px;width: 394px; height: 120px;}
.index-team .nums{
    padding: 10px 0px;
    line-height: 20px;
    background: #F5F7FA;
    border-radius: 5px;
    color: #3D485D;
    overflow: hidden;
}
.index-team .nums em{
    /*border-left: 1px dashed #C7CED8;*/
    line-height: 20px;
    padding-left: 20px;
    margin-right: 15px;
}
.index-team .nums .item1{background: url(../img/ico/ico9.png) left center no-repeat;}
.index-team .nums .item2{background: url(../img/ico/ico4.png) left center no-repeat;}
.index-team .nums .item3{background: url(../img/ico/ico8.png) left center no-repeat;}

.index-team .img{border-radius: 100%; width: 64px; height: 64px; position: absolute;right: 24px; top: 20px;}
.index-team .name{ margin-bottom: 0px; line-height: 24px;overflow: hidden;}
.index-team .name h4{float: left;font-size: 16px; max-width: 155px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-team .name em{ float: left; margin-left: 12px; background: #FF595C; border-radius: 50px 50px 50px 0; color: #fff;padding: 0 10px;}
.index-team .list span{ display: block; border: 1px solid #0052D9; width:110px; height: 32px;line-height: 32px; text-align: center; color:#0052D9; background: #fff; border-radius: 50px;}
.index-team .list:hover span{background: #0052D9; color: #fff;}

.index-tip{ height: 232px; padding: 58px 28px 0; margin-bottom: 24px; border-radius: 10px; background: url(../img/bg/date.jpg) center no-repeat;}
.index-tip h3{font-size: 18px; color: #fff;}
.index-tip h3:before{content: ""; display: block; width: 20px; height: 4px; border-radius: 50px; background: #fff; margin-bottom: 15px;}
.index-tip p{font-size: 16px; margin-top: 24px; color: #FFE420;}
.index-tip span{font-size: 46px;}

.index-date li{ position: relative; padding-left:40px; height: 96px;}
.index-date li:before{content: ""; position: absolute;left: 8px;top: 30px; border: 4px solid #3662EC; width: 8px; height: 8px; border-radius: 100%;}
.index-date li:after{content: ""; position: absolute;left: 14px; top: 56px; background: #CDD9FF; width: 4px; height: 60px; border-radius: 5px;}
.index-date li:last-child:after{height:0;}
.index-date .list{ display: block; position: relative; padding: 15px; border-radius: 10px; height: 80px;border: 1px solid #ECF1F6;color: #98A3B7;}
.index-date .list h4{ font-size: 16px; margin-bottom: 12px; color: #3D485D;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*.index-date .item1{background: url(../img/ico/ico5.png) 18px center no-repeat;}*/
/*.index-date .item2{background: url(../img/ico/ico6.png) 18px center no-repeat;}*/
.index-date .over:after{content: ""; width: 57px; height: 57px; position: absolute;right: 4px;top: 11px;background: url(../img/ico/done.png) center no-repeat;}

.index-rank .list{background: #F5F7FA; margin-bottom: 8px; position: relative; padding: 12px 16px 0 110px; border-right: 5px; height: 72px; overflow: hidden;}
.index-rank .list:last-child{margin: 0}
.index-rank .rank{ width: 26px; text-align: center; line-height: 26px; color: #fff; height: 30px; font-weight: 600; font-size: 18px; position: absolute;left: 16px;top: 21px; background: url(../img/ico/rank4.png) center no-repeat;}
.index-rank .rank1{ background: url(../img/ico/rank1.png) center no-repeat;}
.index-rank .rank2{ background: url(../img/ico/rank2.png) center no-repeat;}
.index-rank .rank3{ background: url(../img/ico/rank3.png) center no-repeat;}
.index-rank .img{border-radius: 100%; width: 40px; height: 40px; position: absolute;left: 54px;top: 16px;}
.index-rank h4{font-size: 14px; line-height: 18px;overflow: hidden;}
.index-rank h4 em{ width: 18px; height: 18px; display: inline-block;margin-left: 6px; background: url(../img/ico/ico10.png) center no-repeat;}
.index-rank ul{ line-height: 16px; margin-top: 6px; overflow: hidden;}
.index-rank ul li{float: left;color: #98A3B7; margin-right: 12px; padding-left: 22px;}
.index-rank ul .item1{background: url(../img/ico/ico8.png) left center no-repeat;}
.index-rank ul .item2{background: url(../img/ico/ico9.png) left center no-repeat;}
.index-rank ul .item3{background: url(../img/ico/ico3.png) left center no-repeat;}
.index-rank .award{position: absolute;right: 0;top: 0; border-radius: 50px 0 50px 50px; color: #fff; padding: 0 10px;background: #FF595C; line-height: 28px;}

.index-test .table-main{height: 975px;overflow-y: auto}


/*=========================新闻通知==========================*/
.new-list{ padding: 0 16px; overflow: hidden;}
.new-list .list{ display: block; border-bottom: 1px solid #E6ECF3; position: relative; padding:24px 300px 24px 6px;overflow: hidden;}
.new-list h4{font-size: 16px; line-height: 20px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.new-list h4:before{content: ""; float: left; margin: 5px 12px 0 0; border-radius: 100%;background: #3662EC; width: 10px; height: 10px;}
.new-list p{color: #3D485D; margin: 22px 0 0 22px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.new-list .date{position: absolute;right: 8px;text-align: right;top: 24px;color: #98A3B7}
.new-list .date span{ display: block; margin-top: 16px; border: 1px solid #0052D9; width: 120px; height: 32px;line-height: 32px; text-align: center; color:#0052D9; background: #fff; border-radius: 50px;}
.new-list .date span:hover{background: #0052D9;color: #fff;}
.news-show .head{text-align: center; padding-top: 24px; margin: 0 120px; overflow: hidden;}
.news-show .head h2{font-size: 26px; line-height: 32px; margin-bottom: 40px;}
.news-show .head p{background: #F5F7FA; line-height: 40px; border-radius: 5px; color: #98A3B7; overflow: hidden;}
.news-show .head p span{display: inline-block; margin: 0 36px;}
.news-show .info{margin: 50px 120px; font-size: 16px; line-height: 32px; text-align: justify; overflow: hidden;}
.news-show .operate{margin: 0 120px; padding: 22px 0; border-top: 1px solid #E6ECF3;overflow: hidden;}
.news-show .operate a{ float: left; width: 44%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color: #3D485D}
.news-show .operate .next{float: right;}


/*=========================课程==========================*/
.course-list{margin-left: -24px;overflow: hidden;}
.course-list li{float: left;width: 302px;height: 312px;background: #FFFFFF;border-radius: 10px 10px 10px 10px;border: 1px solid #E6ECF3; margin: 0 0 24px 24px;overflow: hidden;}
.course-list .img{display: block; height: 208px; width: 100%;}
.course-list .info{display: block;padding: 16px 24px 0;overflow: hidden;}
.course-list .info h4{ font-size: 16px; margin-bottom: 16px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.course-list .info em{float: left;border-radius: 5px;height: 24px;
    background: #FFEBEC; line-height: 24px; margin-top: 4px; color: #FF595C;padding: 0 10px;}
.course-list .info span{float: right;width: 86px;
    height: 32px;border: 1px solid #3662EC; color: #3662EC; text-align: center; line-height: 30px;border-radius: 50px;}
.course-list .info span:hover{background: #3662EC; color: #fff;}
.course-show .section{padding: 32px;}
.course-show .video{float: left; width: 784px;}
.course-show .video .head{ font-size: 24px; margin-bottom: 20px; overflow: hidden;}
.course-show .video .head p{font-size: 14px; margin-top: 20px; line-height: 18px; color: #98A3B7}
.course-show .video .head span{float: left; margin-right: 24px;padding-left: 26px;}
.course-show .video .num{background: url(../img/ico/ico20.png) left center no-repeat;}
.course-show .video .date{background: url(../img/ico/ico17.png) left center no-repeat;}
.course-show .video .main{height: 440px; position: relative; background: #F5F7FA;}
.course-show .menu{float: right; width: 400px;}
.course-show .menu .user{height: 64px;line-height: 64px; margin-bottom: 25px;}
.course-show .menu .user img{float: left;width: 56px; height: 56px; border-radius: 100%; margin-right: 16px;}
.course-show .video-list{background: #F5F7FA;border-radius: 5px;overflow: hidden;}
.course-show .video-list dt{ height: 56px;line-height: 56px; font-size: 16px; border-bottom: 1px solid #E6ECF3; padding: 0 16px 0 24px;background: url(../img/bg/title.png) left center no-repeat;}
.course-show .video-list dt span{float: right;color: #98A3B7}
.course-show .video-list dd{ height: 440px; overflow: hidden;}
.course-show .video-list ul{height: 400px; padding: 0 8px; margin-top: 15px; overflow-y: auto;}
.course-show .video-list li{ padding: 0 8px; height: 44px;color: #3D485D; line-height: 40px;}
.course-show .video-list li span{float: left; margin-right: 16px;}
.course-show .video-list li p{float: left; max-width: 260px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.course-show .video-list li em{float: right;color: #98A3B7}
.course-show .video-list .on{background: #fff;color: #3662EC; border-radius: 5px;}
.course-show .video-list .on span{padding-left: 18px;background: url(../img/ico/ico16.png) left center no-repeat;}
.course-show .operate{margin-top:8px; height: 48px; overflow: hidden;}
.course-show .operate span{float: left; line-height: 48px; color: #98A3B7; margin-right: 25px; padding-left: 30px;}
.course-show .operate .praise{ cursor: pointer; background: url(../img/ico/ico18.png) left center no-repeat;}
.course-show .operate .praised{background: url(../img/ico/ico18_h.png) left center no-repeat;}
.course-show .operate .type{background: url(../img/ico/ico19.png) left center no-repeat;}
.course-show .operate .text{ height: 48px; width: 555px; padding:8px; float: right; background: #F5F7FA;}
.course-show .operate .text .submit{float: right; height: 32px; color: #fff;text-align: center; background: #98A3B7;width: 64px;border-radius: 5px; cursor: pointer}
.course-show .operate .not{ line-height: 32px;color: #98A3B7;}
.course-show .operate .not a{display: inline-block;color: #3662EC;}
.course-show .operate .not em{cursor: not-allowed;}
.course-show .operate .send input{background: #F5F7FA; width: 465px; border-radius: 5px; height: 32px;}

/*=========================比赛==========================*/
.screen-main{padding-bottom: 10px;}
.screen-main li{position: relative;padding-left: 80px; margin-bottom: 12px; min-height: 30px;overflow: hidden}
.screen-main li label{position: absolute;left: 0;top: 0;line-height: 30px; color: #3D485D;}
.screen-main li span{float: left;height: 30px;background: #F5F7FA;border: 1px solid #E6ECF3; line-height: 28px; min-width: 100px; padding: 0 12px; border-radius: 5px; text-align: center; margin: 0 12px 6px 0; cursor: pointer}
.screen-main li .all{padding: 0;width: 46px; min-width: 46px;}
.screen-main li .active{border-color: #3662EC;background: #3662EC;color: #fff;}

.page-match .match-list li{background: #FFFFFF;border: 1px solid #E6ECF3;border-radius: 10px; margin-bottom: 24px;}
.page-match .match-list .status{top: 0;right: 0;left: auto;}
.page-match .match-list .info{float: left;background: #F5F7FA;border-radius: 5px; width: 720px;}
.page-match .match-list .time{float: right; margin-right: 40px; color: #98A3B7; text-align: center}
.page-match .match-list .btn{ width: 200px; float: none; display: block;margin:0 0 16px 0;}
.page-match .match-list .btn1{background: #98A3B7;}
.page-match .match-list .btn2{background: #299A53}

.match-head{ min-height: 200px; background: url(../img/bg/bg1.png) right bottom #fff no-repeat;}
.match-head .name{ font-size: 26px; line-height: 30px; overflow: hidden}
.match-head .name em{ display: inline-block; font-size: 14px; vertical-align: middle; padding: 0 5px; line-height: 22px;color: #fff;}
.match-head .name .c1{background: #299A53}
.match-head .name .c2{background: #FEC101}
.match-head .time{ line-height: 20px; color: #3D485D; margin: 20px 0; padding-left: 30px;background: url(../img/ico/ico15.png) left center no-repeat; overflow: hidden}
.match-head .nums{ text-align: center; overflow: hidden}
.match-head .nums>span{border: 1px solid #E6ECF3; float: left; border-radius: 50px; height: 32px; line-height: 30px;color: #98A3B7; margin-right: 16px; padding: 0 16px;}
.match-head .nums .tip{float: right; line-height: 32px; font-size: 2rem;}
.match-head .nums .tip>span{font-size: 1.2rem;}
.match-head .nums .tip em{border-radius: 5px; display: inline-block; padding: 6px 6px; line-height: 24px; text-align: center;background: #FF595C;color: #fff;}
.match-head .btn{float: right; color: #fff; border-radius: 50px;width: 168px;line-height: 32px;background: #3662EC;}
.match-head .status{ float: right; line-height: 30px;width: 120px;text-align: center; font-size: 14px; border-radius: 10px 0 10px 0;}
.match-head .status1{background: #FFEEEE;color: #FF5659}
.match-head .status2{background: #E7FFF0;color: #299A53}
.match-head .status3{background: #ADBACE;color: #fff}

.match-record .search-group{ margin-top: 32px;}
.match-question{ margin-top: 32px;overflow: hidden}
.match-question .table-main img{max-width: 60%;}
.match-type{float: right; position: relative; margin-top: 32px; max-height: 550px; width: 220px;overflow-y: auto}
.match-type:before{content: "";width: 1px; border-left: 1px dashed #98A3B7; position: absolute;left: 6px;top: 0;bottom: 0;}
.match-type li{color: #98A3B7;cursor: pointer;line-height: 24px; margin: 8px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.match-type li:before{content: "";float: left; position: relative; background: #fff; margin: 5px 16px 0 0; border-radius: 100%;border: 3px solid #98A3B7;width: 7px;height:7px;}
.match-type .over{color: #299a53;}
.match-type .over:before{border-color:#299a53}
.match-type li:hover,.match-type .active{color: #3662EC;}
.match-type .active:before{border-color:#3662EC}


.match-type2{float: right; position: relative; margin-top: 32px; max-height: 550px; width: 220px;overflow-y: auto}
/*.match-type2:before{content: "";width: 1px; border-left: 1px dashed #98A3B7; position: absolute;left: 6px;top: 0;bottom: 0;}*/
/*.match-type2 li{color: #98A3B7;cursor: pointer;line-height: 24px; margin: 8px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}*/
/*.match-type2 li:before{content: "";float: left; position: relative; background: #fff; margin: 5px 16px 0 0; border-radius: 100%;border: 3px solid #98A3B7;width: 7px;height:7px;}*/
.match-type2 a{display:inline-block;}
.match-type2 li{color: #98A3B7;cursor: pointer;line-height: 24px; margin: 8px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.match-type2 li{
    width: 2rem;
    height: 2rem;
    border: 4px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin: 0 5px 5px 0;
}
.match-type2 .over{color: #299a53; font-weight: bolder;}
.match-type2 .over:before{border-color:#299a53}
.match-type2 li:hover,.match-type2 .active{color: #3662EC;}
.match-type2 .active:before{border-color:#3662EC}

.match-test{float: left;width: 960px;max-height: 1000px;overflow-y: scroll;padding-right: 5px;}
.match-test .index-cloumn span{float: right;border: 1px solid #E6ECF3; margin-left: 16px; border-radius: 50px; color:#98A3B7; padding: 0 15px;}
.match-test .index-cloumn em{margin-left: 8px;}
.match-test .code-mirror{width: 540px;}
.match-test .code-mirror .group{position: relative; margin-bottom: 24px; padding-left: 50px;min-height: 40px;}
.match-test .code-mirror .group:last-child{margin: 0}
.match-test .code-mirror .name{line-height: 40px; position: absolute;left: 0;top:0;color: #3D485D}
.match-test .code-mirror .select{border: 1px solid #E6ECF3; height: 40px; padding: 0 18px; width: 330px; border-radius: 5px;}
.match-test .submit{border-radius: 5px;height: 40px; cursor: pointer; margin-top: 24px; width: 120px; text-align: center; background: #3662EC; color: #fff;}

.match-rank{ margin-top: 32px;overflow: hidden}
.match-rank .tips{margin-bottom: 32px; line-height: 20px; overflow: hidden}
.match-rank .tips .check{float: left}
.match-rank .tips span{float: right; margin-left: 24px;}
.match-rank .tips span:before{content: ""; float: left; border-radius: 100%; margin: 4px 12px 0 0; width: 10px;height: 10px;}
.match-rank .tips .item1{color: #FF8F1F}
.match-rank .tips .item1:before{background:#FF8F1F}
.match-rank .tips .item2{color: #FF595C}
.match-rank .tips .item2:before{background:#FF595C}
.match-rank .tips .item3{color: #03CD89}
.match-rank .tips .item3:before{background:#03CD89}
.match-rank .tips .item4{color: #299A53}
.match-rank .tips .item4:before{background:#299A53}
.match-rank .table-main{ max-height: 1000px; overflow: auto;}
.match-rank .table-main .nm{ width: 80px;}
.match-rank .table-main .name{ width: 100px;}
.match-rank .table-main .answer{ width: 100px;}
.match-rank .table-main .total{ width: 100px;}
.match-rank .table-main .nums,.match-rank .table-main .score{font-size: 14px;padding: 12px 0;line-height: 22px;text-align: center;}
.match-rank .table-main .nums{ color: #3D3D3D;}
.match-rank .table-main .nums p{color: #000;font-size: 16px; width: 160px;}
.match-rank .table-main .score{background: #E0E0E0; border-right: 1px solid #E6ECF3; color: #fff;}
.match-rank .table-main .score p{width: 160px;}
.match-rank .table-main .score span{display: block;}
.match-rank .table-main .item4{background:#FF8F1F}
.match-rank .table-main .item3{background:#FF595C}
.match-rank .table-main .item2{background:#03CD89}
.match-rank .table-main .item1{background:#299A53}

.match-sign .section{float: left; width: 864px;}
.match-sign .sign{float: right;width: 392px; background: #fff; border-radius: 10px;text-align: center; font-size: 16px;  overflow: hidden}
.match-sign .sign h3{ color: #fff;line-height: 64px; font-size: 20px; font-weight: bold;background:linear-gradient(to right,#FFA676,#FF595C);}
.match-sign .time{padding: 40px 0 32px;overflow: hidden}
.match-sign .time li{display: inline-block; vertical-align: top;}
.match-sign .time em{display: inline-block; margin: 8px 6px 0 8px; vertical-align: top; color: #FEC101; font-weight: bold; font-size: 30px;}
.match-sign .time p{ color: #3D485D; display: inline-block;}
.match-sign .time p span{display: block;background: #FFEEEE; border-radius: 10px; margin-bottom: 12px; width: 64px; height: 64px; font-weight: bold; line-height: 64px; color: #FF595C;  font-size: 24px; border: 1px dashed #FF595C;}
.match-sign .btn{display: block;width: 302px; border-radius: 50px; line-height: 40px; color: #fff;height: 40px;background: #FF595C; margin: 0 auto 45px;}


/*=========================社团==========================*/

.team-head{
    /*padding: 16px 0; background: #fff; */
    overflow: hidden; margin-top:24px;}
.team-head .btn{float: right; height: 40px; line-height: 40px; color: #3662EC; padding: 0 18px; margin:7px 0 0 16px; background: #F5F7FA;border: 1px solid #3662EC;border-radius: 5px;}
.team-head .add{background: #3662EC;color: #fff;}
.team-head .add:before{content: "";display: inline-block;vertical-align: top;width: 16px;height: 40px;margin-right: 8px;background: url(../img/ico/add.png) center no-repeat; }
.team-head .search{float: right;height: 40px;background: #F5F7FA; margin-top: 7px;  border-radius: 5px;}
.team-head .search .input{ float: left; padding: 0 20px; height: 40px; border-radius: 5px;background: #F5F7FA; }
.team-head .search .submit{float: right; cursor: pointer;width: 40px;height: 40px;margin-right: 8px;background: url(../img/ico/search.png) center no-repeat;}

.team-list{margin-left: -24px;overflow: hidden}
.empty-list{
    width: 100%;
    text-align: center;
}
.empty-list p{
    color: white;
    margin: 0;
    background-color: #c1c3c7;
    width: 50%;
    padding: 10px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    margin-bottom: 20px;
}
.team-list .list{float: left; margin: 0 0 24px 24px; background: #FFFFFF;height: 120px;border: 1px solid #E6ECF3;border-radius: 10px; width: 628px; position: relative; padding:24px 24px 0 120px;}
.team-list .img{border-radius: 100%; position: absolute;left: 24px;top: 24px; width: 72px;height: 72px;}
.team-list .label{position: absolute;right: 0;top: 0;border-radius: 50px 50px 50px 0; padding: 0 16px; color: #fff;background: #FF595C;line-height: 24px;}
.team-list h4{font-size: 16px; margin-bottom: 15px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.team-list .nums{padding: 5px 8px;float: left; line-height: 20px;background: #F5F7FA; border-radius: 5px;color: #3D485D;font-size: 10px;overflow: hidden}
.team-list .nums em{border-left: 1px dashed #C7CED8; line-height: 20px; padding-left: 20px; margin-left: 20px;}
.team-list .btn{float: right; text-align: center; line-height: 30px;height: 32px;border: 1px solid #3662EC; color: #3662EC; width: 86px; border-radius: 50px;}
.team-list .btn:hover{background: #3662EC;color: #fff;}
.team-list h4 em{padding: 0 5px; line-height: 22px; margin: 5px 6px 0 0; color: #fff;}
.team-list h4 .c1{background: #299A53}
.team-list h4 .c2{background: #FEC101}
.team-list h4 .c3{background: #3662eceb}
.team-list h4 .c4{background: #ec3636eb}

.team-show{margin-top: 4px;}
.team-show .location{background: #F5F7FA}
.team-show .section{padding: 0}
.team-show .section .title{ padding-left: 24px; line-height: 64px; font-size: 18px; border-bottom: 1px solid #E6ECF3; background: url(../img/bg/title.png) -1px center no-repeat;}
.team-show .section .add{float: right; margin: 16px 16px 0 0; color: #fff;height: 32px; line-height: 32px; font-size: 14px; padding: 0 16px; background: #3662EC; border-radius: 5px;}
.team-show .section .add:before{content: ""; display: inline-block;width: 16px;height: 32px; vertical-align: top; margin-right: 6px; background: url(../img/ico/add.png) center no-repeat;}
.team-show .section1{float: left; padding: 32px; border-top: 8px solid #FEC101; width: 336px; height: 320px;}
.team-show .section1 .name{ height: 40px; margin-bottom: 24px; line-height: 40px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.team-show .section1 .name img{float: left;width: 40px; height: 40px; border-radius: 100%; margin-right: 16px;}
.team-show .section1 .item{margin-bottom: 8px; color: #3D485D; background: #F5F7FA;line-height: 40px;border-radius: 5px; padding: 0 16px;}
.team-show .section1 .item span{float: right;font-size: 16px; font-weight: bold}
.team-show .section2{float: right;height: 320px; width: 920px;}
.team-show .section2 .title{margin-bottom: 24px;}
.team-show .section2 .item{margin:0 24px 8px; height: 32px; line-height: 32px;overflow: hidden}
.team-show .section2 .item span{ width: 55px; margin-right: 12px; float: left; color: #3D485D}
.team-show .section2 .item p{float: left; height: 32px; margin-right: 16px; border-radius: 5px; max-width: 720px;}
.team-show .section2 .item em{float: left; color: #FF595C; background: #FFEEEE;border-radius: 5px; padding: 0 12px;}
.team-show .section2 .item1{background: #3662EC}
.team-show .section2 .item2{background: #688BF8}
.team-show .section2 .item3{background: #9DB4FB}
.team-show .section2 .item4{background: #C7D4FF}
.team-show .section2 .item5{background: #E2E8FF}
.team-show .section3{clear: both}
.team-show .section3 .list{float: left;background: #F5F7FA; border-radius: 10px; width: 394px; height: 120px;position: relative; padding: 16px 16px 0 32px; margin:24px 0 24px 24px;overflow: hidden;}
.team-show .section3 .list:before{content: "";position: absolute;left: 16px; top: 24px;border-radius: 100%;background: #3662EC; width: 8px; height: 8px;}
.team-show .section3 .list h4{font-size: 16px; line-height: 24px; height: 48px; margin-bottom: 14px;}
.team-show .section3 .list em{float: left;line-height: 32px;color: #98A3B7}
.team-show .section3 .list span{float: right;border: 1px solid #3662EC; width: 86px; height: 32px;line-height: 32px; text-align: center; color:#3662EC; background: #fff; border-radius: 50px;}
.team-show .section3 .list:hover span{background:#3662EC; color: #fff;}
.team-show .section4{clear: both}
.team-show .section4 .list{ margin-top: 24px;overflow: hidden}
.team-show .section4 .list li{float: left; padding: 24px 12px; margin: 0 0 24px 24px;background: #F5F7FA; border-radius: 5px; width: 394px; height: 280px; overflow: hidden}
.team-show .section4 .list p{float: left; position: relative; padding-left: 14px; color: #98A3B7; width: 98px; margin: 0 12px 22px;}
.team-show .section4 .list p:before{content: "";width: 6px;height: 6px;background: #3662EC; border-radius: 100%; position: absolute;left: 0;top: 6px;}
.team-show .section4 .list p span{display: block; color: #3D485D; font-weight: bold; margin-top: 10px;}
.team-show .section4 .name{display: block; font-size: 16px; margin-bottom: 20px; text-align: center;overflow: hidden}
.team-show .section4 .name img{display: block; width: 56px; height: 56px; border-radius: 100%; margin: 0 auto 8px;}
.team-show .section5 .list{margin: 0 24px 24px;overflow: hidden}
.team-show .section5 .list li{line-height: 24px; color: #3D485D; min-height: 24px; position: relative; padding: 22px 130px 22px 24px; border-bottom: 1px dashed #C7D0DB;}
.team-show .section5 .list li:before{content: ""; width: 10px;height: 10px; position: absolute;left:1px;top:29px; background: url(../img/ico/ico22.png) center no-repeat;}
.team-show .section5 .list li span{position: absolute;right: 0;top: 22px; color: #98A3B7}
.team-show .section6{clear: both}
.team-show .section6 .text-main{margin: 24px;}
.team-show .section7 .add{float: right; height: 32px; line-height: 32px;padding: 0 18px; margin:16px 16px 0 16px;background: #3662EC;color: #fff;border-radius: 5px;}
.team-show .section7 .add:before{content: "";display: inline-block;vertical-align: top;width: 16px;height: 32px;background: url(../img/ico/add.png) center no-repeat;}
.team-show .section7 .change-cloumn{margin: 24px 32px;}
.team-show .section7 .rank{ display: block; width: 26px; text-align: center; line-height: 26px; color: #fff; height: 30px; font-weight: 600; font-size: 18px;background: url(../img/ico/rank4.png) center no-repeat;}
.team-show .section7 .rank1{ background: url(../img/ico/rank1.png) center no-repeat;}
.team-show .section7 .rank2{ background: url(../img/ico/rank2.png) center no-repeat;}
.team-show .section7 .rank3{ background: url(../img/ico/rank3.png) center no-repeat;}
.team-show .section7 .name{line-height: 40px; color: #3D485D; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.team-show .section7 .name img{float: left;width: 40px;height: 40px;border-radius: 100%; margin-right: 12px;}
.team-show .section7 .level{display: block; height: 18px; width: 30px; background: url(../img/ico/ico10.png) center no-repeat;}
.team-show .table-main{margin:24px 32px;}


/*=========================排行榜==========================*/
.page-rank{
    /*padding: 32px;*/
    padding: 0;
    margin-top:24px;
}
.page-rank .rank{ display: block; width: 26px; text-align: center; line-height: 26px; color: #fff; height: 30px;font-size: 18px;background: url(../img/ico/rank4.png) center no-repeat;}
.page-rank .rank1{ background: url(../img/ico/rank1.png) center no-repeat;}
.page-rank .rank2{ background: url(../img/ico/rank2.png) center no-repeat;}
.page-rank .rank3{ background: url(../img/ico/rank3.png) center no-repeat;}
.page-rank .name{line-height: 40px;}
.page-rank .img{width: 40px;height: 40px; margin-right: 12px; border-radius: 100%;float: left}
.rank-head{ min-height: 145px; position: relative; padding: 20px 200px 0 170px; background: url(../img/bg/bg1.png) right bottom #fff no-repeat;}
.rank-head .img{border-radius: 100%;width: 100px; height: 100px; position: absolute;left: 40px;top: 22px;}
.rank-head h4{font-size: 26px; margin-bottom: 20px; line-height: 36px;}
.rank-head h4 em{background: #F5F7FA;border-radius: 5px; height: 24px; display: inline-block; vertical-align: middle; margin-left: 20px; line-height: 24px; padding: 0 5px; color: #98A3B7;font-size: 14px;}
.rank-head .text{color: #3D485D; margin-bottom: 10px;}
.rank-head .right{position: absolute;right: 40px;top: 22px; text-align: right}
.rank-head .right span{display: block;margin-top: 10px; font-size: 24px; font-weight: bold}
.rank-head .status{background: #ADBACE; color: #fff; margin-bottom: 16px; line-height: 30px;width: 74px;text-align: center; font-size: 14px; border-radius: 10px 0 10px 0;}
.rank-task{margin-top: 24px;overflow: hidden}
/*.rank-task .list{margin:24px 0 0 -24px;overflow: hidden}*/
.rank-task .list{margin:24px 0 0 0px;overflow: hidden}
/*.rank-task .list a{float: left; line-height: 30px; padding-left: 26px; width: 225px; margin:0 0 22px 24px; background: url(../img/ico/ico21.png) left center no-repeat;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}*/
.rank-task .list a{float: left;margin: 0 0 10px 10px;white-space: nowrap;text-overflow: ellipsis;background: gray;padding: 0 8px;border-radius: 10px;color: white;}
.rank-total{margin-top: 24px;overflow: hidden}
.rank-total ul{color: #3D485D; overflow: hidden}
.rank-total li{float: left; position: relative; padding-left: 20px; margin: 18px 0 24px 24px; width: 150px;}
.rank-total li:before{content: "";width: 8px;height: 8px;background: #3662EC; border-radius: 100%; position: absolute;left: 0;top: 3px;}
.rank-total li p{font-size: 20px; margin-top: 18px; font-weight: bold}


/*=========================题库==========================*/
.test-show .section{padding: 32px 32px 0;overflow: hidden}
.test-show .head{ margin-bottom: 24px; overflow: hidden}
.test-show .head .tag{border-radius: 50px 0 50px 50px; margin-left: 24px; float: left;background: #FF595C; padding: 0 16px; color: #fff;}
.test-show .head .btn{float: right; width: 88px; color: #3662EC; text-align: center; line-height:38px;height:40px;border: 1px solid #3662EC; border-radius: 5px; background: #F5F7FA; margin-left: 16px;}
.test-show .head .btn:before{content: ""; display: inline-block; height: 38px; vertical-align: top;margin-right: 8px;}
.test-show .head .item1:before{ width: 24px; background: url(../img/ico/ico12.png) center no-repeat;}
.test-show .head .item2:before{ width: 18px; background: url(../img/ico/ico14.png) center no-repeat;}
.test-show .head .item3:before{ width: 19px; background: url(../img/ico/ico13.png) center no-repeat;}
.test-show .head .item4:before{ width: 19px; background: url(../img/ico/ico26.png) center no-repeat;}
.test-show .num{ margin-top: 20px; overflow: hidden}
.test-show .num span{border: 1px solid #E6ECF3; border-radius: 50px; height: 32px; line-height: 30px;color: #98A3B7; padding: 0 16px;}
.test-show .num em{margin-left: 6px;}
.test-show .num .fl{margin-right: 16px;}
.test-show .num .fr{margin-left: 16px;}
.test-show .info-main{float: left; width: 655px; padding-right: 10px;background: #E6ECF3;}
.test-show .info-main .foot{background: #fff; padding: 24px 15px 0 0; overflow: hidden}
.test-show .info-main .foot ul{border-top: 1px solid #E6ECF3; line-height: 40px; padding: 16px 0;overflow: hidden}
.test-show .info-main .foot li{float: right;border: 1px solid ; cursor: pointer; color: #FFB000; padding: 0 16px;}
.test-show .info-main .foot .prev{border-radius: 5px 0 0 5px;}
.test-show .info-main .foot .next{border-radius: 0 5px 5px 0;margin-left: -1px;}
.test-show .info-section{ height: 34rem;background: #fff; padding-right: 10px; overflow-y: auto;}

.shili-main{ padding-bottom:24px; overflow: hidden}
.shili-main ul{border: 1px solid #E6ECF3; margin-top: 8px;overflow: hidden}
.shili-main li{border-bottom:1px solid #E6ECF3;position: relative;padding: 0 100px 0 90px;}
.shili-main li:last-child{border: 0}
.shili-main label{color: #98A3B7;background: #F5F7FA; line-height: auto; border-right:1px solid #E6ECF3;width: 70px;text-align: center;position: absolute;left: 0;top: 0;bottom: 0;padding-top: 1rem;}
.shili-main textarea{border: 0; width: 100%; line-height: 28px;height: auto; margin-top: 6px;resize:none;}
.shili-main em{ position: absolute;top: 50%;right: 16px; cursor: pointer;color: #FF595C; border-radius: 50px;height: 24px; line-height: 24px; margin-top: -12px; padding: 0 14px; background: #FFEEEE;}
.shili-main em:hover{background: #FF595C;color: #fff;}

.test-show .discuss-main{float: right; width: 545px;}
.discuss-main .send-form{height: 125px;}
.discuss-main .send{background: #F5F7FA;width: 545px; border-radius: 5px;padding: 8px;}
.discuss-main .send.fixed{position: fixed;top:10px; z-index: 1}
.discuss-main .send .submit{border-radius: 5px;height:32px; width:80px; text-align: center; cursor: pointer; background: #3662EC; color: #fff;}
.discuss-main .send .submit.cancel{background: #F5F7FA;color: #3662EC;border: 1px solid #3662EC}
.discuss-main .send textarea{background: #F5F7FA; font-size: 14px; margin-bottom: 12px; border: 0; display: block;width: 100%;resize:none;}
.discuss-main .comments{ height: 945px; padding-right: 8px; overflow-y: auto;}
.discuss-main dl{ margin-bottom: 30px;overflow: hidden}
.discuss-main dd{padding-left: 66px;overflow: hidden}
.discuss-main .list{position: relative; margin-bottom: 24px; padding-left: 66px; min-height: 50px;}
.discuss-main .list .img{width: 50px;height: 50px;border-radius: 100%; position: absolute;left: 0;top:0;}
.discuss-main .list .name{color: #98A3B7; line-height: 20px;overflow:hidden}
.discuss-main .list .name span{margin-left: 8px; padding-left: 14px; background: url(../img/ico/ico25.png) left center no-repeat; background-size: 8px auto}
.discuss-main .list .info{font-size: 15px;white-space: pre-wrap; margin: 3px 0 5px; background: #fff;font-family: "Microsoft Yahei";}
.discuss-main .list .time{color: #98A3B7; line-height: 20px; overflow: hidden}
.discuss-main .list .delete{color: #FF595C; margin-left: 0px;cursor: pointer;}
.discuss-main .list .replay{color: #3662EC; margin: 0 30px;cursor: pointer;}
.discuss-main .list .praise{ width: 20px;height: 20px; cursor: pointer;float: right;background: url(../img/ico/ico18.png) left center no-repeat;}
.discuss-main .list .praise-count{float: right;margin: 2px 0 0 8px;}
.discuss-main .list .praised{background: url(../img/ico/ico18_h.png) left center no-repeat;}
.discuss-main .list em{float: right; margin-right: 30px; color: #FF595C;cursor: pointer;}
.discuss-main .more{line-height: 20px;cursor: pointer;}
.discuss-main .more:after{ content: ""; width: 20px;height: 20px; display: inline-block;vertical-align: sub; background: url(../img/ico/ico23.png) center no-repeat;background-size: 12px auto;transition: 0.2s all linear;}
.discuss-main .more:hover{color: #3662EC;}
.discuss-main .more.close:after{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}

.test-show .code-main{float: right; width: 545px;}
.test-show .code-main .group{position: relative; margin-bottom: 24px; padding-left: 50px;min-height: 40px;}
.test-show .code-main .group:last-child{margin: 0}
.test-show .code-main .name{line-height: 40px; position: absolute;left: 0;top:0;color: #3D485D}
.test-show .code-main .select{border: 1px solid #E6ECF3; height: 40px; padding: 0 18px; width: 330px; border-radius: 5px;}
.test-show .code-main .foot{border-top: 1px solid #E6ECF3;color: #3D485D; margin-top: 24px; text-align: right; line-height: 40px; padding: 16px 0;overflow: hidden}
.test-show .code-main .foot .btn{display: inline-block; margin-right: 8px; color: #3662EC;border: 1px solid #3662EC;height: 40px;border-radius: 5px; padding: 0 18px;}
.test-show .code-main .foot span{margin-left: 8px; text-decoration: underline}
.test-show .code-main .foot .wrong{color: #FEC101}
.test-show .code-main .foot .error{color: #FF595C}
.test-show .code-main .foot .accepted{color: #299A53}
.test-show .code-main .foot .limit{color: #A157FF}
.test-show .code-main .foot .up{width:15px ;height: 40px; margin-left: 8px; display: inline-block;vertical-align: top; background: url(../img/ico/ico11.png) center no-repeat; cursor: pointer}
.test-show .code-main .submit{float: left;border-radius: 5px;height: 40px; width: 120px; text-align: center; cursor: pointer; background: #3662EC; color: #fff;}
.test-show .code-mirror{height: 30rem;}

.test-list{position: relative;}
.test-list .list{border-bottom: 1px solid #E6ECF3; margin-bottom: 30px; overflow: hidden}
.test-list .list dt{line-height: 22px; color: #666; position:relative;padding-left: 20px;}
.test-list .list dt label{position: absolute;left: 0;top: 0;}
.test-list .list dt span{ float: left; line-height: 22px; padding: 0 6px; color: #3662EC; border-radius: 5px;background: #F5F7FA;}
.test-list .list dd{margin: 10px 0 16px 20px;overflow: hidden}
.test-list .list dd p{line-height: 32px; padding: 0 8px; margin-bottom: 8px; cursor: pointer; overflow: hidden}
.test-list .list dd p>span:first-child{float: left; width: 24px;height: 24px;line-height: 24px; text-align: center;margin: 4px 8px 0 0;border-radius: 50px;border: 1px solid #ddd;color: #98A3B7;}
.test-list .list dd .checked{background: #F5F7FA;}
.test-list .list dd .checked>span:first-child{border-color: #3662EC;color: #3662EC;}
.test-list .list dd .option-right{background: #F5F7FA; pointer-events: none;}
.test-list .list dd .option-right>span:first-child{border-color: #36ec5c;color: #36ec5c;}
.test-list .list dd .option-wrong{background: #F5F7FA; pointer-events: none;}
.test-list .list dd .option-wrong>span:first-child{border-color: #ff595c;color: #ff595c;}
.test-list .list dd .option-done{background: #F5F7FA; pointer-events: none;}
.test-list .list dd .option-done>span:first-child{border-color: #ddd;color: #98A3B7;}

.answer-card{ margin: 60px 0 30px;}
.answer-card .container{position: relative;background: #fff;width: auto}
.answer-card.fixed{position:fixed;left: -1px;right: -1px;bottom: -1px; z-index: 5; margin: 0;}
.answer-card.fixed .container{width: 1280px;}
.answer-card:after{content: ""; display: block; width: 100%; height: 1px; clear: both;}
.answer-card .title{ position: absolute;left: 0;top: -36px; line-height: 36px; font-size: 16px; padding: 0 16px; color: #3d485d;background: #fff;border-radius:10px;border:1px solid #3662EC; cursor: pointer}
.answer-card .title:after{content: ""; display: inline-block;vertical-align: top; height: 36px;width:10px; margin-left: 6px;transition: 0.2s all linear; background: url(../img/ico/ico23.png) center no-repeat;background-size: contain;}
.answer-card .title.open{border-radius:10px 10px 0 0;border-bottom: none; border-color:#E6ECF3;}
.answer-card .title.open:after{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg); }
.answer-card .panel{background: #fff; padding:20px 24px 16px; border: 1px solid #E6ECF3;overflow: hidden}
.answer-card .panel h4{font-size: 18px;font-weight: bold;}
.answer-card .panel ul{margin-top: 16px; text-align: center; overflow: hidden}
.answer-card .panel li{float: left; height: 30px;width: 30px;line-height: 30px; border-radius: 5px; margin: 0 8px 8px 0;border: 1px solid #ddd;color: #98A3B7;cursor: pointer}
.answer-card .panel li:hover{color: #3662EC;}
.answer-card .panel .active{border-color: #3662EC;color: #3662EC;}

.test-total .section{padding: 32px;overflow: hidden}
.test-total .main{ margin-bottom: 24px; color: #3D485D; overflow: hidden}
.test-total .main li{float: left; position: relative; padding-left: 20px; margin: 18px 0 24px 24px; width: 148px;}
.test-total .main li:before{content: "";width: 8px;height: 8px;background: #3662EC;border-radius: 100%; position: absolute;left: 0;top: 6px;}
.test-total .main p{font-size: 20px; margin-top: 18px; font-weight: bold}


.alert-main{ display: none; position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 5; background: rgba(0, 0, 0, 0.4)}
.alert-main .close-bg{position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.alert-main .close{position: absolute;right: -45px; top: 0; width: 40px;height: 40px; cursor: pointer; background: url(../img/ico/close.png) center no-repeat;}
.alert-main .section{ position: absolute;left: 50%;top: 50%;background: #fff; border-radius: 10px; width: 848px; max-height: 80vh; margin: -40vh 0 0 -424px;overflow: inherit;}
.alert-main .submit{border: 0;cursor: pointer; margin-top: 16px;width: 100%; border-radius: 5px;height: 48px; color: #fff; font-size: 16px; background: #3662EC;}
.alert-main .btns{ text-align: center; overflow: hidden}
.alert-main .btns .submit{display: inline-block; margin: 16px 20px 0; width: 100px;height: 32px;font-size: 14px;}
.alert-main .btns .cancel{background: #F5F7FA; color: #3662EC; border: 1px solid #3662EC}

.alert-record{margin: 20px 48px;overflow-y: auto;}
.alert-record .index-cloumn span{float: right; color: #98A3B7; padding-left: 28px;background: url(../img/ico/ico17.png) left center no-repeat;}
.alert-record .total{background: #F5F7FA;border-radius: 5px; line-height: 24px; padding: 12px 16px; margin-top: 8px;overflow: hidden}
.alert-record .total li{float: left; margin-right: 16px; width: 130px;}
.alert-record .total .name{min-width: 220px; padding-left: 24px;}
.alert-record .accepted{color: #299A53}
.alert-record .accepted .name{ background: url(../img/ico/right.png) left center no-repeat;}
.alert-record .error .name{ background: url(../img/ico/wrong.png) left center no-repeat;}
.alert-record .info{border-radius: 5px;border: 1px solid #E6ECF3; margin-top: 16px;overflow: hidden}
.alert-record .info dt{ line-height: 38px; padding-left: 24px; background: url(../img/bg/title.png) -1px center no-repeat;}
.alert-record .info dd{border-top: 1px solid #E6ECF3;overflow: hidden}
.alert-record .code{background: #3D485D; white-space: pre-wrap;width: 100%;color: #fff; padding: 16px 24px; line-height: 30px; border-radius: 5px;}
.alert-record .info .code{ display: block; color: #333; border-radius: 0 5px 5px 0; background: #F5F7FA; border: 0;height: 20vh}
.alert-record .scroll{height: 33vh;resize:none;}


/*=========================登录、注册==========================*/
.alert-main .box{width: 456px;position: absolute;left: 50%;top: 50%; padding: 50px 0; background: #fff;border-radius: 10px;}
.alert-main .box .textarea{border: 1px solid #E6ECF3;width: 100%; padding: 10px;resize:none;}
.alert-main .group{margin-bottom: 16px;border: 1px solid #E6ECF3; color: #3D485D; border-radius: 5px; overflow: hidden; min-width: 356px;}
.alert-main .input{height: 38px; font-size: 14px; min-width: 270px; border-radius:0 5px 5px 0; padding: 0 16px;}
.alert-main .select{height: 38px; border: 0; font-size: 14px; width: 270px; padding: 0 16px;}
.alert-main .main{overflow-y: auto;}
.alert-main .main a{ color: #98A3B7;}
.alert-main .register{margin: -40vh 0 0 -228px;}
.alert-main .register .main{max-height: 60vh;padding: 0 45px;}
.alert-main .register h4{text-align: center; margin-bottom: 40px; font-size: 24px;}
.alert-main .register .name{float: left; min-width: 82px; line-height: 38px; padding-left: 8px; border-right: 1px solid #E6ECF3; }
.alert-main .register .code .form-control{width: 160px;height: 38px; padding: 0 16px;}
.alert-main .register .code .input-group-btn{float: right; cursor: pointer}
.alert-main .register .code .send_verification_code{float: right; padding: 0 10px; color: #3662EC; line-height: 36px; cursor: pointer}
.alert-main .register .code .msg-box{display: none !important;}
.alert-main .register .code img{display: block; margin: 3px;}
.alert-main .register .user{position: relative; padding:0 0 16px 82px; min-height: 32px;overflow: hidden}
.alert-main .register .user label{padding-left: 16px; line-height: 40px; position: absolute;left: 0;top: 0;}
.alert-main .register .user .faupload{border: 0;cursor: pointer; margin-top:8px; width: 70px; border-radius: 5px;height: 30px; color: #fff; background: #3662EC;}
.alert-main .register .user .profile-user-img{ display: block; border-radius: 100%;width: 70px;height: 70px;}
.alert-main .logo{display: block; margin: 0 auto 40px;}
.alert-main .login{margin: -200px 0 0 -228px; padding: 50px;}
.alert-main .login .input{width: 312px;}
.alert-main .login .group{ position: relative; padding-left: 42px;}
.alert-main .login .group:before{content: "";position: absolute;left: 0;top: 0;bottom: 0; width: 50px;}
.alert-main .login .item1:before{background: url(../img/ico/user.png) center no-repeat;}
.alert-main .login .item2:before{background: url(../img/ico/pwd.png) center no-repeat;}
.alert-main .agree{margin-top: 24px; text-align: center; line-height: 20px; color: #98A3B7; overflow: hidden}
.alert-main .radio{ display: inline-block; cursor: pointer; vertical-align: top; width: 20px; height: 20px; margin-right: 12px; background: url(../img/ico/check1.png) center no-repeat;background-size: contain}
.alert-main .radio.checked{background: url(../img/ico/checked1.png) center no-repeat;background-size: contain}
.alert-main .other{margin-top: 16px;overflow: hidden}

/*=========================用户中心==========================*/
.user-index{margin-top: 4px;}
.user-index .location{background: #F5F7FA}
.user-index .section{padding: 0}
.user-index .section .title{ padding-left: 24px; line-height: 64px; font-size: 18px; border-bottom: 1px solid #E6ECF3; background: url(../img/bg/title.png) -1px center no-repeat;}
.user-index .section1{float: left; padding: 24px; border-top: 8px solid #FEC101; width: 296px; height: 350px;}
.user-index .section1 .name{ margin-bottom: 10px;text-align: center;  border-bottom: 1px dashed #C7D0DB; padding-bottom: 20px; overflow: hidden;}
.user-index .section1 .name img{display: block;width: 88px; height: 88px; border-radius: 100%; margin:0 auto 16px;}
.user-index .section1 .name h4{ height: 20px;line-height: 20px;margin-bottom: 16px;}
.user-index .section1 .name span{display: inline-block;vertical-align: top; margin-left:8px; width: 20px;height:18px;background: url(../img/ico/ico10.png) center no-repeat;background-size: contain}
.user-index .section1 .name a{float: left;border-radius: 50px; background: #F5F7FA; border: 1px solid #3662EC; color: #3662EC; height: 28px; width: 102px; font-size: 13px; line-height: 28px;}
.user-index .section1 .name .fr{background: #3662EC;color: #fff;}

.user-index .section1 .item{position: relative; padding-left: 50px;line-height: 22px; margin-bottom: 8px; min-height: 22px; overflow: hidden}
.user-index .section1 .item span{position: absolute;left: 0;top: 0; color: #98A3B7;}
.user-index .section2{float: right;height: 350px; margin-left: 24px; width: 468px;}
.user-index .section2 .title{margin-bottom: 24px;}
.user-index .section2 .chart{ height: 250px; width: 445px; margin: 0 auto;}
.user-index .section3{clear: both}
.user-index .section3 .list{ margin-top: 24px;overflow: hidden}
.user-index .section3 .list li{float: left; padding: 16px; margin: 0 0 24px 24px;background: #F5F7FA; border-radius: 5px; width: 290px; height: 240px; overflow: hidden}
.user-index .section3 .list p{float: left; position: relative; padding-left: 14px; color: #98A3B7; width: 112px; margin: 0 8px 22px;}
.user-index .section3 .list p:before{content: "";width: 6px;height: 6px;background: #3662EC; border-radius: 100%; position: absolute;left: 0;top: 6px;}
.user-index .section3 .list p span{display: block; color: #3D485D; font-weight: bold; margin-top: 10px;}
.user-index .section3 .name{display: block;margin-bottom: 20px; line-height: 56px; overflow: hidden}
.user-index .section3 .name img{float: left; margin-right: 16px; width: 56px; height: 56px; border-radius: 100%;}
.user-index .match-list{padding-bottom: 24px;}
.user-index .match-list li{float: left; margin: 24px 0 0 24px; padding: 12px 16px 0 145px; border-radius: 5px; width: 603px;height: 152px;}
.user-index .match-list .status{top: 0;right: 0;left: auto;}
.user-index .match-list .img{left: 16px;top: 16px;}
.user-index .match-list .info{background: #F5F7FA;margin: 0; overflow: scroll; height: 115px;}
.user-index .match-list .info p{float: none;padding: 0; margin: 0;line-height: 28px;}
.user-index .match-list .info span{float: left; margin-right: 30px;}
.user-index .table-main{margin:24px 32px;}
.user-index .section8 ul,.user-index .section9 ul{display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px; overflow-y: scroll;height: 12rem;}
.user-index .section8 ul li{margin:2rem; float: left; cursor: pointer; transition: transform 0.2s; 
        flex-direction: column;
        align-items: center;}
.user-index .section8 ul li:hover{transform: scale(1.05);}
.badge-img-container {position: relative;width: 80px;height: 80px;margin-bottom: 8px;display: flex;align-items: center;justify-content: center;}
.badge-img-container::before {content: '';
        position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background: conic-gradient(#fec1019c 56%, #e0e0e0 0);mask: radial-gradient(transparent 65%, black 65%);-webkit-mask: radial-gradient(transparent 100%, black 65%);transform: rotate(0deg);box-shadow: 0 0 8px rgba(0,0,0,0.45);}
.badge-img {position: relative;width: 72px; height: 72px;border-radius: 50%;object-fit: cover;z-index: 1;margin: auto;display: block;border: 2px solid #ffffff;box-shadow: 0 3px 6px rgba(0,0,0,0.15);}
/*.user-index .section8 ul div{width:5rem; height:5rem;}*/
/*.user-index .section8 ul div img{width:5rem; height:5rem;margin-bottom: 1rem;border-radius: 50%; border: 2px solid #ffffff;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);}*/
/*.user-index .section8 ul div p{font-size: small;font-weight: bold;}*/

/*证书*/
.certificate-card {
    /* flex: 1 1 calc(25% - 24px); */
    float: left;
    width: 200px;
    height: 160px;
    background-color: var(--white);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: var(--shadow);
    transition: var(--transition);
    cursor: pointer;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.10);
    margin: 12px;
}

.certificate-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);
}

.certificate-image {
    height: 110px;
    overflow: hidden;
    position: relative;
    padding: 10px 5px;
    text-align: center;
}

.certificate-image img {
    /*width: 100%;*/
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.certificate-card:hover .certificate-image img {
    transform: scale(1.05);
}

.certificate-name {
    padding: 16px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-color);
}

.certificate-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: var(--transition);
    display: flex;
    align-items: center;
    justify-content: center;
}

.certificate-upload {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    /*opacity: 0;*/
    /*transition: var(--transition);*/
    display: flex;
    align-items: center;
    justify-content: center;
}
.certificate-upload button{
    background-color: #3662ec;
    color: white;
    border-radius: 5px;
}

.certificate-card:hover .certificate-overlay {
    opacity: 1;
}
/*=========================题单==========================*/

.description{padding: 24px;}
.opt{
    background: none;
    border: 1px solid;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    padding: 0 8px;
    margin-right: 8px;
    text-align: center;
}
.manage-opt{
    color: #18bc9c !important;
    border-color: #18bc9c;
}
.delete-opt{
    color: #f75444 !important;
    border-color: #f75444;
}
.follow-opt{
    color: #FEC101 !important;
    border-color: #FEC101;;
}
.unfollow-opt{
    color: gray !important;
    border-color: gray;
}
/*=========================客观题==========================*/

.objective-show{border-bottom: 1px solid #E6ECF3;margin-bottom: 30px;overflow: hidden;}
.objective-show .info-main{padding-right: 0;background: #E6ECF3; float: none;width: auto;}
.objective-show .info-section{min-height: 500px;height: auto;background: #fff;padding-right: 10px;overflow-y: auto;}
.objective-show .test-list .list{margin: 0; border: none;}
.objective-show .test-list .list dd{margin: 0; border: none;}
.objective-show .foot{background: #fff; padding: 24px 15px 0 0; overflow: hidden}
.objective-show .foot .submit{float: left;border-radius: 5px;height: 40px; width: 120px; text-align: center; cursor: pointer; background: #3662EC; color: #fff;}
.objective-show .foot .submited{float: left;border-radius: 5px;height: 40px; width: 120px; text-align: center; cursor: not-allowed; background: #ced0d7; color: #fff;}
.objective-show .foot .redo{float: left;border-radius: 5px;height: 40px; width: 120px; text-align: center; cursor: pointer; background: #3662EC; color: #fff; margin-left:2rem;}
.objective-show .foot ul{border-top: 1px solid #E6ECF3; line-height: 40px; padding: 16px 0;overflow: hidden}
.objective-show .foot li{float: right;border: 1px solid ; cursor: pointer; color: #FFB000; padding: 0 16px;}
.objective-show .foot .prev{border-radius: 5px 0 0 5px;}
.objective-show .foot .next{border-radius: 0 5px 5px 0;margin-left: -1px;}


/*=========================报告==========================*/

.team-class-show .section2 .chart{ height: 250px; width: 445px; margin: 0 auto;}
.team-class-show .table-main li{
    float: left;
    margin: 0 20px 10px 0px;
    background: ghostwhite;
    padding: 5px;
    border-radius: 5px;
}
.team-class-show .section2{
    float: right;
    height: 350px;
    margin-left: 24px;
    width: 468px;
}
.team-class-show .section1{
    width: 296px;
    height: 350px;
}

/*=========================消息中心==========================*/
.notice-num{
    display: none;
    background: red;
    padding: 0 4px;
    color: white;
    border-radius: 12px;
    font-size: 0.7rem;
    position: relative;
}

/*=========================轮播图==========================*/
.carousel-container {
    position: relative;
    /*width: 800px;*/
    height: 400px;
    /*margin: 50px auto;*/
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.carousel-slides {
    display: flex;
    height: 100%;
    transition: transform 0.5s ease-in-out;
}
.carousel-slide {
    min-width: 100%;
    height: 100%;
    position: relative;
}
.carousel-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.carousel-caption {
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    padding: 15px;
    /*background: linear-gradient(transparent, rgba(0,0,0,0.7));*/
    color: white;
    text-align: center;
}
.carousel-prev, .carousel-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0,0,0,0.5);
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 20px;
    z-index: 4;
    transition: background-color 0.3s;
}
.carousel-prev:hover, .carousel-next:hover {
    background-color: rgba(0,0,0,0.8);
}
.carousel-prev {
    left: 10px;
}
.carousel-next {
    right: 10px;
}
.carousel-indicators {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 4;
}
.carousel-indicator {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.5);
    cursor: pointer;
    transition: background-color 0.3s;
}
.carousel-indicator.active {
    background-color: white;
}
/*=========================轮播图==========================*/
/*=========================分页==========================*/

.ajax_pagination{margin: 24px 0;text-align: center;overflow: hidden}
.ajax_pagination a,.ajax_pagination span{display: inline-block;padding: 4px 10px;color: #98A3B7;background-color: #fff;border-radius: 4px;border: 1px solid #E6ECF3; margin:0 4px;}
.ajax_pagination a:hover{color: #3662EC;}
.ajax_pagination .current{color: #3662EC;border-color: #3662EC;}
.ajax_pagination .current.prev{color: #98A3B7;border-color: #E6ECF3;}

.pagination {
    margin: 24px 0;
    text-align: center;
}
.pagination > li {
    display: inline-block;
    margin: 0 4px;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 4px 10px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #98A3B7;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #E6ECF3;
    margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 2;
    color: #3662EC;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #3662EC;
    border-color: #3662EC;
    cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #98A3B7;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
}

/* 寮规鏍峰紡*/
.layui-layer-iframe .btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.layui-layer-iframe .layui-layer-title {
    padding: 0 80px 0 20px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 2px 2px 0 0;
    background: #2c3e50 !important;
    color: #fff !important;
    border-bottom: none;
    height: 45px;
    line-height: 45px;
}

.layui-layer-iframe .layui-layer-btn{
    text-align: center !important;
    padding: 10px !important;
    background: #ecf0f1;
    overflow: hidden;
}

.layui-layer-iframe .layui-layer-footer{
    text-align: center !important;
    padding: 10px !important;
    background: #ecf0f1;
    overflow: hidden;
}

.layui-layer-iframe .btn-primary{
    color: #fff;
    background-color: #444c69;
    border-color: #444c69;
}

.layui-layer-iframe .btn-default {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd;
}
.download_error_file{
    color: #0052D9;
}