.ht_background{width:100%;height: 400px;position: relative;overflow: hidden;min-width: 800px;}
.news_title{width:620px;margin: 120px auto 0;}
.news_title h3{margin-bottom: 22px;}
.news_title h3 img{margin: auto;display: block;}
.news_title p{font-size:16px;line-height: 32px;word-wrap: break-word;text-align: left;}
#indexgs {position: absolute;width:400px; height:282px;left:16.5%;top:80px; }
#indexg0 {left:5px; top:20px; position: absolute;}

.insideBox{width:100%;min-width: 800px;padding:10px 0 100px;}
.news_ul li{width:100%;padding:30px 0;border-bottom: 1px dashed #d6d6d6;position: relative;}
.news_ul li:first-child{padding-top: 0;}
.news_date{width:78px;float: left;text-align: center;color:#ff8726;font-size:16px;}
.news_date span{width:70px;height: 75px;background: url(../images/date.png) left center no-repeat;line-height: 80px;color:#fff;font-size:36px; font-family: 'DINBlack';display: block;margin:0 auto 30px;}

.news_desc{width:572px;float: left;margin-left:122px;}
.news_desc h3 a{display: block;font-size:20px;font-weight: bold;color:#333;line-height: 28px;margin-bottom: 14px;}
.news_desc h3 a:hover{color:#ff8525;}
.news_desc p{color:#999;line-height: 21px;word-wrap: break-word;font-size:14px;margin-bottom: 20px;}
.seeMore{display: inline-block;font-size:16px;color:#ff8525;}
.seeMore i{display: inline-block;color:#ff8525;font-family: "iconfont";font-size:12px;margin-left: 6px;vertical-align: middle;}
.seeMore:hover,.seeMore:hover i{color:#ea6700;}
.figure{width:288px;height: 162px;float: right;border-radius: 10px;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
.figure img{border-radius: 10px;}
.news_ul li:hover .figure{box-shadow: 0 8px 16px rgba(0,0,0,.1);-webkit-box-shadow: 0 8px 16px rgba(0,0,0,.1);transform: translateY(-5px);-webkit-transform: translateY(-5px);}
.news_ul li:hover .news_desc h3 a{color:#ff8525;}
/*分页2*/
.pages2{margin:40px 0 0;text-align: center;padding-bottom: 20px;}
.pages2 a,.pages2 span{display:inline-block;height:38px;padding:0 16px;text-align: center;line-height:38px;font-size: 14px;margin:0 8px;vertical-align:middle;border-radius:10px;background:#ffcda5;color:#fff;-webkit-box-shadow: inset 0px 1px 0px #ffcda5, 0px 3px 0px #fbad6f;-moz-box-shadow: inset 0px 1px 0px #ffcda5, 0px 3px 0px #fbad6f; -o-box-shadow: inset 0px 1px 0px #ffcda5, 0px 3px 0px #fbad6f; box-shadow: inset 0px 1px 0px #ffcda5, 0px 3px 0px #fbad6f;}
.pages2 span,.pages2 a:hover{background: #ff8525;-webkit-box-shadow: inset 0px 1px 0px #ffcda5, 0px 3px 0px #ed6800;-moz-box-shadow: inset 0px 1px 0px #ffcda5, 0px 3px 0px #ed6800; -o-box-shadow: inset 0px 1px 0px #ffcda5, 0px 3px 0px #ed6800; box-shadow: inset 0px 1px 0px #ffcda5, 0px 3px 0px #ed6800;}

.pages2 a.prohibit{background:#d1d1d1;-webkit-box-shadow: inset 0px 1px 0px #d1d1d1, 0px 3px 0px #b8b8b8;-moz-box-shadow: inset 0px 1px 0px #d1d1d1, 0px 3px 0px #b8b8b8; -o-box-shadow: inset 0px 1px 0px #d1d1d1, 0px 3px 0px #b8b8b8; box-shadow: inset 0px 1px 0px #d1d1d1, 0px 3px 0px #b8b8b8;}


.newsDetail{width:1080px;border:1px solid #e6e6e6;border-radius:10px;background: #fff;-webkit-box-shadow: inset 0px 1px 0px #fff, 0px 8px 0px #d6d6d6;-moz-box-shadow: inset 0px 1px 0px #fff, 0px 8px 0px #d6d6d6; -o-box-shadow: inset 0px 1px 0px #fff, 0px 8px 0px #d6d6d6; box-shadow: inset 0px 1px 0px #fff, 0px 8px 0px #d6d6d6;margin: auto;position: relative;}
.Content{padding: 50px 130px;}
.detail_title{text-align: center;margin-bottom:28px;width:100%;}
.detail_title h1{font-size:28px;line-height: 32px;color:#333;font-weight:bold;margin-bottom: 12px;}
.detail_title p{font-size:16px;color:#999999;line-height: 2em;}
.detail_title p span{display:inline-block;margin: 0 12px;}
.detail_title p span i{color:#999;font-size:16px;display: inline-block;margin-right: 6px;font-family: "iconfont"}
.content_box{padding:0 0 20px;border-bottom: 1px solid #ccc;}
.content_box p{word-wrap: break-word;line-height:24px;margin-bottom:24px;font-size:16px;text-indent: 30px;}
.share{margin-top:55px;}
.share span{display:block;font-size:14px;color:#999;margin-right: 8px;float: right;line-height: 36px;}
#bdshare_weixin_qrcode_dialog {-webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;}
.preNext{margin-top: 30px;}
.preNext a{font-size:14px;width:46%;color:#333;font-weight: bold;}
.preNext a span{font-size:14px;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;font-weight: normal;}
.preNext a:hover span{color:#ff8525;}
.back{width:70px;height: 63px;border-radius: 10px;background: #ff8525;line-height: 63px;text-align: center;color:#fff;font-size:16px;display: block;-webkit-box-shadow: inset 0px 1px 0px #ff8525, 0px 4px 0px #ed6800;-moz-box-shadow: inset 0px 1px 0px #ff8525, 0px 4px 0px #ed6800; -o-box-shadow: inset 0px 1px 0px #ff8525, 0px 4px 0px #ed6800; box-shadow: inset 0px 1px 0px #ff8525, 0px 4px 0px #ed6800;position: absolute;top:48px;right:-80px;}
.back:hover{opacity: .9;}

/*闯关练习*/
.Checkpoint{width:100%;}
.checkpoint_box{width:49%;border:1px solid #e6e6e6;border-radius:10px;background: #fff;-webkit-box-shadow: inset 0px 1px 0px #fff, 0px 8px 0px #d6d6d6;-moz-box-shadow: inset 0px 1px 0px #fff, 0px 8px 0px #d6d6d6; -o-box-shadow: inset 0px 1px 0px #fff, 0px 8px 0px #d6d6d6; box-shadow: inset 0px 1px 0px #fff, 0px 8px 0px #d6d6d6;margin: auto;position: relative;float: left;margin-right: 15px;margin-bottom: 50px;padding: 36px;}
.checkpoint_box:nth-of-type(2n){margin-right: 0;}
.quan{width:15px;height: 47px;display: block;background: url(../images/square.png) left center no-repeat;position: absolute;top:42px;left:-8px;}
.checkpoint_title{padding-right: 145px;}
.checkpoint_title h3{color:#333;font-weight: bold;font-size:22px;line-height: 24px;margin-bottom: 10px;}
.checkpoint_title p{color:#999;font-size:14px;line-height: 21px;word-wrap: break-word;margin-bottom: 20px;}
.c_number{width:80px;height: 70px;border-radius:6px;position: absolute;right:40px;top:28px;background: -webkit-linear-gradient(#FF8727, #FF6B00);
    background: -o-linear-gradient(#FF8727, #FF6B00); background: -moz-linear-gradient(#FF8727, #FF6B00); background: linear-gradient(#FF8727, #FF6B00);text-align: center;font-size:14px;color:#fff; }
.c_number span{color:#fff;font-weight: bold;display: block;margin: 16px auto 6px;font-size:18px;line-height: 1em;}
.q_list{width:100%;height: 370px;background: #ededed;border:1px solid #e6e6e6;border-radius: 4px;overflow-y:auto;}
.q_list ul li{width:100%;padding: 0 110px 0 12px;position: relative;height: 37px;line-height: 37px;overflow: hidden;}
.q_list.detail ul li{padding: 0 12px 0 12px;}
.q_list ul li:nth-of-type(even){background: #fafafa;}
.q_list ul li a{font-size:14px;color:#333;}
.q_list ul li a:hover{color:#ff8525;}
.q_list ul li a strong{font-size:14px;color:#666;display:inline-block;margin-right: 10px;}
.q_list ul li.lock strong{border-color:#ababab;}
.q_list ul li.lock strong,.q_list ul li.lock a{color:#ababab;}
.q_list ul li b{font-size:20px;color:#c9c9c9;font-family: "iconfont";position: absolute;right:34px;top:0;}
.passed{width:64px;height: 21px;border-radius:4px;background: #77d04b;line-height: 21px;text-align: center;color:#fff;font-size:12px;display: block;position: absolute;right:28px;top:50%;margin-top: -10px;}
.passed.no-passed{background: #ff7716;}
.passed i{font-size:14px;color:#fff;display:inline-block;margin-right:4px;}
.passed i.iconfont-dagou:before{content: "\e600"}
.passed.no-passed i.iconfont-dagou:before{content: "\e620";font-size:12px;}


.left_suspension{width:490px;background: #fff;border-top:2px solid #ff8525;border-right:2px solid #ff8525;border-bottom:9px solid #ff8525;position: fixed;left:0;top:20%;border-radius:0 10px 15px 0;padding-bottom: 40px;z-index: 9999;}
.suspension_title{padding:30px 30px 20px;font-size:22px;font-weight: bold;color:#333;line-height: 26px; }
.left_suspension .q_list ul li{padding-left: 30px;}
.left_suspension .q_list ul li.choosed{background:url(../images/diandian.png) 80% center no-repeat #ff8625;}
.left_suspension .q_list ul li.choosed a,.left_suspension .q_list ul li.choosed strong{color:#fff;}

.but_suspension{width:81px;height: 153px;background: url(../images/retract.png) left center no-repeat;position: absolute;right:-77px;top:50%;margin-top: -76px;cursor: pointer;text-align: center;}
.but_suspension span{color:#fff;font-weight: bold;font-size:16px;width:20px;display: block;margin: 20px 0 0 18px;line-height:18px;}
.but_suspension i{color:#fff;font-size:14px;display: block;position: absolute;top:64px;right:14px;}
.but_suspension i.iconfont-shouqikechengliebiao:before{content:"\e61c"}


.left_suspension.on{left:-490px;}
.left_suspension.on .but_suspension i{transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}

.course_left{width:590px;background: #fff;border-radius:10px;border:1px solid #e6e6e6;float: left;position: relative;}
.course_title{width:100%;background: #f5f5f5;padding:25px 180px 25px 30px;border-radius:10px 10px 0 0;}
.course_title h3 strong{font-size:24px;color:#333;display:block;margin-right: 10px;float: left;width:100px;}
.course_title h3 span{font-weight: bold;color:#333;font-size:22px;display:block;line-height: 26px;float: left;width:500px;}
.course_title dl{position: absolute;right:30px;top:22px;}
.course_title dl dd{float: left;margin-left: 10px;}
.course_title dl dd a{display: block;font-size:14px;color:#fff;padding: 0 6px 0 8px;height: 30px;line-height: 30px;border-radius:4px;}
.course_title dl dd a i{color:#fff;font-size:16px;font-family: "iconfont";vertical-align: bottom;margin-right: 6px;}
.course_title dl dd a:hover{opacity: .8;}
.course_title dl dd a.notice{background: #31a7fe;border-bottom: 2px solid #2d7cb5;}
.course_title dl dd a.help{background: #76e43f;border-bottom: 2px solid #54c41c;}
.title_description{width:100%;height: 100%;overflow-y:auto;padding: 25px 30px 50px;}
.description{width:100%;margin-bottom: 20px;padding-bottom: 5px;}
.description h3{font-weight: bold;font-size:16px;color:#ff8525;line-height: 24px;margin-bottom:6px;}
.description p{line-height: 24px;word-wrap: break-word;font-size:20px;}
.tm_img{width:100%;border:1px solid #b3b3b3;border-radius: 10px;margin: 10px 0 ;padding: 30px 50px;}
.description.border{border-bottom:1px dashed #e6e6e6;}

.course_right{width:590px;background: #fff2e5;border-radius:10px;border:1px solid #f2d0ae;float: right;position: relative;}
.course_right .course_title{background: #ffddba;padding-right: 250px;}
.course_right .course_title h3 span{font-weight: bold;color:#c56200;font-size:22px;display:block;line-height: 26px;float: left;width:auto;}
.course_title dl dd a.collect{background: #fffbf5;border-bottom: 2px solid #ded4c4;color:#bfbfbf;}
.course_title dl dd a.collect i{color:#bfbfbf;}
.course_title dl dd a.note{background: #76e43f;border-bottom: 2px solid #54c41c;}
.course_title dl dd a.shares{background: #76e43f;border-bottom: 2px solid #54c41c;}
.code_area{width:100%;padding:10px 30px 50px;height: 100%;}
.function_name{line-height: 22px;font-size:16px;color:#c56200;}
.CodeMirror{width:100%;height: 540px;border:1px solid #f2d0ae;background: #fff;margin: 10px 0;border-radius: 10px;padding: 12px 18px;font-size:16px;overflow-y:auto;}

.CodeMirror::-webkit-scrollbar-track-piece{width:8px;background-color:#fff2e5;}
.CodeMirror::-webkit-scrollbar{width:8px;background-color:#f7c899;height:8px}
.CodeMirror::-webkit-scrollbar-thumb{width:8px;background-color:#f7c899;border-radius:4px;}
.submit_code{display: block;width:140px;height: 43px;text-align: center;line-height: 40px;border-radius: 20px;background: #ff8525;color:#fff;font-size:16px;border-bottom: 3px solid #ea6700;margin: 26px auto 0;}
.submit_code:hover{background: #ff9e52;}

.submit_answer{display: block;width:140px;height: 43px;text-align: center;line-height: 40px;border-radius: 20px;background: #ff8525;color:#fff;font-size:16px;border-bottom: 3px solid #ea6700;margin: 26px auto 0;}
.submit_answer:hover{background: #ff9e52;}

body .layui-layer.demo-class5{width:800px!important;}
body .demo-class5 .layui-layer-title{background:#ff8525; color:#fff; border: none;height: 60px;line-height: 60px;font-size:20px;font-weight: bold;border-radius:10px 10px 0 0 ;}
body .demo-class5 .layui-layer-title b{width:3px;height: 24px;background: #fff;border-radius: 1.5px;display:block;margin-right:16px;float: left;margin-top: 18px;}
body .layui-layer.demo-class5{border-radius:10px;}
body .demo-class5 .layui-layer-setwin{width:40px;height: 40px;line-height: 40px;text-align: center;border:1px solid #fff;border-radius: 6px;background: #ff8525;top:34px;right:-20px;overflow: hidden;}
body .demo-class5 .layui-layer-setwin a{width:18px;height: 18px;}
body .demo-class5 .layui-layer-setwin .layui-layer-close1{background-position: -81px -40px;margin: 12px auto;}
body .demo-class5 .layui-layer-content{padding: 24px 46px 60px;background: #fafafa;border-radius:0 0 10px 10px;}
.test-state{width:100%;margin-bottom: 38px;}
.state_top{margin-bottom: 10px;}
.state_top h3{font-size:16px;color:#333;font-weight: bold;float: left;margin-right: 16px;line-height: 32px;}
.state_list{width:580px;float: left;}
.state_list p.Waitting{font-size:14px;color:#31a7fe;}
.state_list p.Judging{font-size:14px;color:#ff8425;}
.state_list p.done{font-size:14px;color:#58d028;}
.state_list p img{margin-right: 10px;}

.state_result{padding: 12px 20px;border:1px solid #b6bfb8;line-height: 24px;font-size:16px;color:#333;}
.test_result{width:100%;margin-bottom: 40px;}

.test_result h3{font-size:16px;color:#333;font-weight: bold;line-height: 32px;margin-bottom: 10px;}
.result_desc{width:100%;padding:30px;border:1px solid #b6bfb8;min-height: 135px;}
.result_score{width:80px;float: left;text-align: center;font-size:16px;color:#ff8525;margin: 0 100px 0 50px;}
.result_score h6{color:#ff8525;font-size:50px;line-height: 1em;font-weight: bold;margin-bottom: 10px;}
.result_info{float: left;}
.result_info p{line-height: 24px;margin: 5px 0;font-size:16px;}
.test_sure{width:120px;height: 41px;text-align: center;line-height: 41px;border-radius: 20px;background: #ff8525;color:#fff;font-size:14px;display: block;margin: auto;}
.test_sure:hover{opacity: .9;}


body .layui-layer.clearance_ok {background: none;box-shadow: 1px 1px 50px rgba(0,0,0,0);}
body .layui-layer-dialog.clearance_ok .layui-layer-content{overflow: hidden;width:574px;height: 580px;}

body .clearance_ok .layui-layer-btn{position: absolute;bottom:0;width:100%;text-align: center;margin: 0 15px;}
body .clearance_ok .layui-layer-btn a{margin: 0 15px;}
body .clearance_ok .layui-layer-btn .layui-layer-btn0{width:144px;height: 73px;background: url(../images/close.png) left center no-repeat;font-size:0;border:0px;}
body .clearance_ok .layui-layer-btn .layui-layer-btn1{width:144px;height: 73px;background: url(../images/next.png) left center no-repeat;font-size:0;border:0px;}

body .layui-layer.clearance_fail {background: none;box-shadow: 1px 1px 50px rgba(0,0,0,0);}
body .layui-layer-dialog.clearance_fail .layui-layer-content{overflow: hidden;width:614px;height:498px;}

body .clearance_fail .layui-layer-btn{position: absolute;bottom:-60px;width:100%;text-align: center;margin: 0 15px;}
body .clearance_fail .layui-layer-btn a{margin: 0 15px;}
body .clearance_fail .layui-layer-btn .layui-layer-btn0{width:144px;height: 73px;background: url(../images/close.png) left center no-repeat;font-size:0;border:0px;}
body .clearance_fail .layui-layer-btn .layui-layer-btn1{width:144px;height: 73px;background: url(../images/again.png) left center no-repeat;font-size:0;border:0px;}



body .layui-layer.demo-class6 {box-shadow: 1px 1px 50px rgba(0,0,0,0);background: none;width:522px!important;}
body .demo-class6 .layui-layer-content{overflow: hidden;background:url(../images/tishi.png) left center no-repeat;width:100%;height: 564px;}
body .demo-class6 .t_desc{padding: 250px 50px 0;font-size:16px;line-height: 24px;text-align: left;color:#2e91d7;}
body .demo-class6 .layui-layer-btn{position: absolute;bottom:56px;width:100%;text-align: center;margin: 0 15px;}
body .demo-class6 .layui-layer-btn .layui-layer-btn0{width:122px;height:62px;background: url(../images/sure1.png) left center no-repeat;font-size:0;border:0px;}

body .layui-layer.demo-class7 {box-shadow: 1px 1px 50px rgba(0,0,0,0);background: none;width:522px!important;}
body .demo-class7 .layui-layer-content{overflow: hidden;background:url(../images/help.png) left center no-repeat;width:100%;height: 564px;}
body .demo-class7 .t_desc{padding: 250px 50px 0;font-size:16px;line-height: 24px;text-align: left;color:#217300;}
body .demo-class7 .layui-layer-btn{position: absolute;bottom:56px;width:100%;text-align: center;margin: 0 15px;}
body .demo-class7 .layui-layer-btn .layui-layer-btn0{width:122px;height:62px;background: url(../images/sure.png) left center no-repeat;font-size:0;border:0px;}



/*公开比赛*/
.bs_screening{width:100%;margin-bottom: 30px;}
.bs_screening .layui-form-item .layui-inline{margin-right:3px;}
.bs_screening .layui-form-label{width:110px;font-size:16px;color:#666;text-align: left;}
.bs_screening .layui-form-item .layui-form-checkbox[lay-skin=primary]{margin-top: 0;}
.bs_screening .layui-form-select dl dd.layui-this{background: #ff8525;}
.bs_screening .layui-input{border-radius:0;}
.bs_screening .layui-form-select dl{border-radius:0;}
.bs_screening .layui-form-checkbox[lay-skin=primary] span{float: left;padding-right:8px;color:#666;font-size:14px;}
.bs_screening .layui-form-checkbox[lay-skin=primary] i{border:1px solid #999;top:2px;}
.bs_screening .layui-form-checkbox[lay-skin=primary]:hover i{border:1px solid #ff8525;}
.bs_screening .layui-form-checked[lay-skin=primary] i{background: #ff8525;border-color:#ff8525;}
.bs_screening .open_submit{font-size:14px;width:68px;color:#fff;display:inline-block;border-radius:5px;background: #ff8525;height:32px;line-height: 32px;text-align: center;margin-left:6px;}
.bs_screening .open_submit:hover{background: #ff9e52;}
.bs_screening .open_submit.xj{width:72px;background:#69e239;}
.bs_screening .open_submit.xj:hover{background:#83e35d;}
.bs_screening .open_submit i{color:#fff;font-family: "iconfont";display: inline-block;vertical-align: middle;margin-right:6px;font-size:20px;}
.laydate-btns-time{border:1px solid #c9c9c9;padding: 0 5px!important;border-radius:3px;}
.laydate-footer-btns span{border: 1px solid #ff8525!important;color:#fff!important;background-color: #ff8525!important;margin: 0 1px!important;line-height: 24px!important;}
.layui-laydate-content th{background: #f2f2f2;}
.layui-laydate-content td{border-radius: 3px;}
.layui-laydate-footer span.laydate-btns-time:hover{color:#ff8525!important;}
.layui-laydate-footer span[lay-type=date]{color:#ff8525!important;}
.layui-laydate-header i{font-size:14px!important;}

.screeningList ul li{width:100%;margin-top: 30px;}
.List_left{width:830px;border:1px solid #e6e6e6;border-radius: 10px;height: 228px;border-bottom: 6px solid #d6d6d6;position: relative;padding: 30px 40px 0 50px;float: left;background: #fff;}
.class_name1 h3{width:410px;float: left;overflow: hidden;margin-bottom: 12px;}
.class_name1 h3 a{font-size:22px;font-weight: bold;line-height: 28px;}
.class_name1 span{padding: 0 12px;height: 20px;line-height: 18px;font-size:12px;color:#34c556;border:1px solid #34c556;border-radius:10px;display: block;float: right;}
.class_name1 span.time_end{border:1px solid #f75050;color:#f75050;}
.class_name1 span.jiange{margin: 0 8px;font-size:16px;color:#4ad26a;border:0;padding: 0;}
.List_left p{font-size:14px;color:#999999;line-height: 21px;word-wrap: break-word;margin-bottom: 22px;}
.List_left_bot span{display: block;line-height: 22px;color:#ff6b00;margin-bottom: 4px;}
.List_left_bot span i{font-size:16px;color:#ff6b00;font-family: "iconfont";display: inline-block;margin-right: 8px;}

.but_detail{width:140px;height: 43px;background: #ff8525;border-radius: 20px;color:#fff;font-size:16px;line-height: 40px;text-align: center;display: block;position: absolute;bottom: 30px;right:40px;border-bottom: 3px solid #ea6700;}
.but_detail:hover{background: #ff9e52;}
.List_right{width:364px;height: 228px;border:1px solid #e6e6e6;border-bottom: 6px solid #d6d6d6;height: 228px;border-radius: 10px;float: right;padding: 30px 20px;background: #fff;}
.connect{width:23px;height: 18px;display: block;position: absolute;right:-15px;top:42px;}
.connect b{display: block;width:100%;height: 6px;background: #fff;border:1px solid #ff8525;border-radius: 3px;margin-bottom: 6px;}
.screening_state{width:55px;height: 195px;text-align: center;position: absolute;left:-28px;top:50%;margin-top: -98px;z-index: 999;}
.screening_state h6{color:#fff;font-size:18px;font-weight: bold;line-height: 20px;padding:20px 18px 24px;}
.screening_state span{color:#ff8322;font-size:14px;padding: 0 18px;display: block;line-height:16px }
.List_left.ready .screening_state{background: url(../images/open_s1.png) left center no-repeat;}
.List_left.underway .screening_state{background: url(../images/open_s2.png) left center no-repeat;}
.List_left.over .screening_state{background: url(../images/open_s3.png) left center no-repeat;}
.List_left.underway .but_detail{background: #69e239;border-bottom-color:#4dc61d;}
.List_left.underway .but_detail:hover{background: #83e35d;}
.List_left.underway .screening_state span{color:#61cc2a;}
.List_left.underway .connect b{border-color:#61cc2a; }
.List_left.over .screening_state span{color:#666;}
.List_left.over .connect b{border-color:#999; }
.List_left.over .class_name1 span{border-color:#999;color:#999;}
.creat_icon{width:157px;height: 122px;position: absolute;bottom: 0;left:174px;background: url(../images/mecreat.png) left center no-repeat;z-index: 998;}

/* 2018.7.7 */
.but_detail.edit_bs{right:190px}
.but_detail.del_bs{right:340px}


/*进阶课程*/
.advanced{width:100%;}
.advanced ul li{width:49%;border:1px solid #e6e6e6;border-radius:10px 10px 12px 12px;background: #fff;height: 318px;border-bottom: 7px solid #d6d6d6;padding: 46px 142px 0 46px;position: relative;float: left;margin-right:10px;margin-bottom: 40px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
.advanced ul li:nth-of-type(2n){margin-right: 0;}
.advanced ul li h3{font-size:22px;font-weight: bold;color:#333;line-height: 26px;margin-bottom: 12px;}
.advanced ul li h3 i{display: inline-block;width:55px;height: 13px;background: url(../images/square_heng.png) left center no-repeat;margin-left: 8px;}
.advanced ul li p{font-size:14px;color:#999;line-height: 21px;word-wrap: break-word;margin-bottom:30px;}
.but_experience{width:138px;height: 43px;background: #ff8525;border-radius: 20px;color:#fff;font-size:16px;line-height: 40px;text-align: center;display: block;border-bottom: 3px solid #ea6700;margin-top: 14px;}
.but_experience i{display: inline-block;font-size:14px;color:#fff;font-family:"iconfont";margin-left: 6px;width: 12px;}
.but_experience:hover{background: #ff9e52;}
.order2{width:62px;height: 62px;border-radius: 100%;background: -webkit-linear-gradient(#FF8727, #FF6B00);
    background: -o-linear-gradient(#FF8727, #FF6B00); background: -moz-linear-gradient(#FF8727, #FF6B00); background: linear-gradient(#FF8727, #FF6B00);position: absolute;right:50px;top:28px;font-size:40px;font-family: 'DINBlackAlternate';text-align: center;line-height: 54px;color:#fff;}
.advanced ul li:hover{border-color:#ff8525;border-bottom-color:#ff8525;box-shadow: 0 10px 17px rgba(255,133,37,.25);-webkit-box-shadow: 0 10px 17px rgba(255,133,37,.25);}


/*入门课程*/
.rumen_course ul li{width:100%;padding: 40px 0;border-bottom: 1px dashed #d6d6d6;position: relative;}
.course_desc{width:47%;padding: 30px 74px 0 150px;position: relative;text-align: right;float: left;}
.course_desc h3{font-size:22px;font-weight: bold;color:#333;line-height: 26px;margin-bottom: 12px;}
.course_desc h3 i{display: inline-block;width:55px;height: 13px;background: url(../images/square_heng.png) left center no-repeat;margin-left: 8px;}
.course_desc p{font-size:14px;color:#999;line-height: 21px;word-wrap: break-word;margin-bottom:30px;}
.course_desc .but_experience{float: right;}
.quan2{display: inline-block;width:55px;height: 13px;background: url(../images/square_heng.png) left center no-repeat;position: absolute;right:0;top:36px;}
.course_img{width:50%;border-radius: 10px;float: left;margin-left: 26px;box-shadow: 0 7px 15px rgba(19,49,20,.15);-webkit-box-shadow: 0 7px 15px rgba(19,49,20,.15);}
.course_img img{border-radius: 10px;}
.rumen_course ul li .order2{left:0;top:30px;}
.course_pt{position: absolute;left:0;bottom:20px;}
.rumen_course ul li:nth-of-type(even) .course_desc{float: right;padding: 30px 150px 0 74px;text-align: left; }
.rumen_course ul li:nth-of-type(even) .course_desc .but_experience{float: left;}
.rumen_course ul li:nth-of-type(even) .quan2{background: url(../images/square_hengf.png) left center no-repeat;left:0;top:36px;right:auto;}
.rumen_course ul li:nth-of-type(even) .order2{right:0;left:auto;}
.rumen_course ul li:nth-of-type(even) .course_pt{right:0;left:auto;}

@media (max-width: 900px){
	.course_desc{width:45%;}
}

/*游戏窗口*/
 .wrapper {padding-top:60px;position: relative;}
.game_header{width:100%;height:60px;background: #ffb266;position: relative;padding: 0 20px;margin-top: -60px;}
.logo3{/* float: left; */margin-top: 10px;}
.box-fluid{padding: 20px;height:95%;width:100%;overflow-y:auto;}
#mainLeft{border:1px solid #f2d0ae;border-radius:15px 0 0 15px;width:74%;float: left;height: 100%;}
.mainLeft_head{width:100%;height: 50px;background: #ffddba;border-radius:15px 0 0 0;line-height: 50px;padding: 0 20px;}
.crumbs{float: left;}
.crumbs a{font-size:16px;color:#ec8c29;}
.crumbs i{font-family:"iconfont";color:#ec8c29;font-size:14px;display: inline-block;margin: 0 4px;}
.crumbs span{display: inline-block;font-size:16px;font-weight: bold;color:#c56200;}
.number_wheel{float: right;margin-top: 8px;position: relative;margin-right:40px;}
.but_left{width:19px;height: 17px;background: url(../images/but_left.png) left center no-repeat;display: block;position:absolute;top: 50%;left:-34px;margin-top: -8px;}
.but_right{width:19px;height: 17px;background: url(../images/but_right.png) left center no-repeat;display: block;position:absolute;top: 50%;right:-34px;margin-top: -8px;}
.number_wheel ul li{float: left;margin: 0 5px;position: relative;}
.number_wheel ul li a{display: block;width:33px;height: 33px;line-height:30px;border-bottom: 3px solid #54c41c;background: #76e43f;border-radius: 100%;text-align: center;position: relative;color:#fff;font-size:18px; font-family: 'DINBlack';}
.number_wheel ul li a:hover{opacity: .8;}
.number_wheel ul li.active a{background: #ffa74f;border-bottom: 3px solid #e38527;}
.number_wheel ul li.locked a{background: #fffbf5;border-bottom: 3px solid #ded4c4;color:#bfbfbf;}
.number_wheel ul li span{display: block;width:18px;height: 18px;border:1px solid #fff;background: #bfbfbf;border-radius: 100%;line-height: 16px;text-align: center;font-size:12px;color:#fff;font-family: "iconfont";position: absolute;right:-4px;bottom: -4px;}
.canvasBox{width:100%;border-radius: 0 0 0 15px;overflow: hidden;}
#mainRight{width:25%;float: right;height: 100%;min-width: 200px;}
.game_code{width:100%;background: #fff2e5;border:1px solid #f2d0ae;border-radius: 0 15px 15px 0;margin-bottom: 16px;height: 92%;}
.code_top{width:100%;height:48px;border-bottom: 1px solid #f2d0ae;padding: 0 20px;background: #ffddba; }
.code_top a{display: block;float: left;height: 29px;padding: 0 6px 0 7px;background: #fffbf5;border-radius: 4px;margin-right:10px;color:#bfbfbf;font-size:14px; line-height: 28px;border-bottom: 2px solid #ded4c4;margin-top: 10px;}
.code_top a i{display: inline-block;font-size:14px;font-family: "iconfont";margin-right: 4px;}
.code_top a.on{background: #76e43f;color:#fff;border-bottom: 2px solid #54c41c;}


.code_area2{width:100%;padding: 20px;background: #fff;overflow-y:auto;height:60%;}
.code_area2::-webkit-scrollbar-track-piece{width:8px;background-color:#fff2e5;}
.code_area2::-webkit-scrollbar{width:8px;background-color:#f7c899;height:8px}
.code_area2::-webkit-scrollbar-thumb{width:8px;background-color:#f7c899;border-radius:4px;}
.game_code h4{text-align: center;height: 50px;line-height: 50px;background: #ffddba;font-size:18px;font-weight: bold;color:#c56200;border-bottom: 1px solid #f2d0ae;border-top: 1px solid #f2d0ae;}
.code_ts{width:100%;padding: 20px;background: #fff2e5;border-radius: 0 0 15px 0;overflow: hidden;height: 24%;}
.code_ts ul li{margin-bottom: 6px;width:100%;line-height: 22px;font-size:16px;color:#333;}
.code_ts ul li span{color:#ff0000;}
.code_button a{width:28.5%;height: 40px;text-align: center;line-height: 40px;color:#fff;border-radius: 20px;display: inline-block;margin-right:5.5%;}
.code_button a.code_run{background: #31a7ff;border-bottom: 3px solid #1383d7;}
.code_button a.code_run.on{background: #d6d6d6;border-color: #c4c4c4;}
.code_button a.code_submit{background: #ff8525;border-bottom: 3px solid #ea6700;}
.code_button a.code_help{background: #69e239;border-bottom: 3px solid #4dc61d;margin-right: 0;}
.code_button a.code_submit:hover{background: #ff9e52;}
.code_button a.code_help:hover{background: #8ae466;}
.range-wrap{width:115px;position: absolute;right:20%;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.range-bar {width: 100%; height:6px; border-radius: 3px; background: #fff1df; }
.range-btn {width: 30px; height:30px; border-radius: 50%; background: #ffa74f; position: absolute; top: -50%;margin-top:-10px; left: 0px; cursor: pointer; transition: left .4s;-webkit-transition: left .4s;border:2px solid #fff;line-height: 28px;text-align: center;color:#fff;font-family: "iconfont";font-size:16px; }
.range-label {width:20px;text-align: center; position: absolute; top: 15px; left: 0px;transition: left .1s;-webkit-transition: left .1s;color:#fff; }
@media screen and (max-height: 800px) {
      .code_area2 { height: 50%;}
    }
@media (max-width: 1199px) {
	#mainLeft{border-radius:15px 0 0 15px;width:100%;float: none;margin-bottom: 20px;height: 800px;}
	#mainRight{width:100%;float: none;height: 800px;}
}

/*本周之星*/
.starBox{width:100%;padding: 90px 0 100px;}
.single_star{width:100%;margin-bottom: 30px;}
.star_box{width:760px;height:350px;border-radius: 10px;position: relative;background: url(../images/index/zuan_bg.png) right bottom no-repeat #fff;float: left;box-shadow: 0 9px 18px rgba(255,116,12,.1);-webkit-box-shadow:  0 9px 18px rgba(255,116,12,.1);}
.touxiang{width:153px;height: 152px;background: url(../images/index/tuoy.png) left center no-repeat;position: absolute;left:-76px;top:-32px;}
.touxiang_img{width:120px;height: 120px;overflow: hidden;margin-left:5px;margin-top: 3px;position: relative;z-index: 6;border-radius: 100%;}
.touxiang_img img{border-radius: 100%;}
.touxiang .icon1{display: block;width:36px;height: 33px;background: url(../images/index/zuansi.gif) left center no-repeat;position: absolute;left:-5px;top:-5px;z-index: 0;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;}
.star_desc{padding: 40px 30px 0 66px;}
.name_rank{width:100%;margin-bottom: 22px;padding: 0 20px;}
.name_rank h3{float: left;color:#333;font-size:26px;font-weight: bold;}
.rank{width:146px;height: 25px;border:1px solid #ff8e33;border-radius: 10px;background: #fff1e5;float: left;margin-left: 14px;margin-top: 2px;padding: 0 10px;}
.rank ul li{width:20px;height: 17px;background: url(../images/index/rank_icon.png) 0 -75px no-repeat;overflow: hidden;display:block;margin:4px 2px 0;float:left;}
.rank ul li.active{background-position: 0 -51px;}
.star_desc p{font-size:16px;color:#666;padding: 0 20px;margin-bottom:50px;line-height: 32px;}
.star_desc dl dd{padding: 0 13px;height: 26px;line-height: 26px;color:#fff;background:#ff6e03;float: left;margin-right: 18px;border-radius: 13px;}
.star_box.crown{background: url(../images/index/huang_bg.png) right bottom no-repeat #fff;}
.star_box.crown .touxiang .icon1{display: block;width:47px;height:44px;background: url(../images/index/touguan.gif) left center no-repeat;position: absolute;left:-10px;top:-10px;z-index: 0;}
.star_box.crown .rank ul li{background-position: 0 -23px;}
.star_box.crown .rank ul li.active{background-position: 0 0;}
.star_but a{display: block;float: left;height: 30px;line-height: 28px;padding: 0 8px;font-size:14px;border-radius: 4px;margin-left: 20px;}
.star_but a i{display: inline-block;font-size:14px;margin-right: 4px;font-family: "iconfont";}
.star_but a.dianzan{background: #f2f2f2;border-bottom: 2px solid #bfbfbf;color:#bfbfbf;}
.star_but a.star_share{background: #76e43f;border-bottom: 2px solid #54c41c;color:#fff;}
.star_but a:hover{opacity: .85;}

.comment{float: right;width:410px;height: 350px;overflow: hidden;background: #fff;box-shadow: 0 9px 18px rgba(255,116,12,.1);-webkit-box-shadow:  0 9px 18px rgba(255,116,12,.1);border-radius: 10px;padding: 40px 40px 0;}
.comment h3{color:#333;font-size:26px;font-weight: bold;}
.comment h3 i{display: inline-block;font-size:32px;color:#ff8525;margin-right: 14px;font-family: "iconfont";vertical-align: middle;font-weight: normal;}
.comment p{line-height: 28px;word-wrap: break-word;font-size:14px;margin: 24px 0 50px;}
.t_name{text-align: right;font-size:16px;color:#ff8525;}
.t_name:before{content: "";height: 1px;width:98px;background: #ff8525;display:inline-block;margin-right: 10px;vertical-align: middle;}

.answer_analysis{width:100%;min-height: 300px;overflow: hidden;background: #fff;box-shadow: 0 9px 18px rgba(255,116,12,.1);-webkit-box-shadow:  0 9px 18px rgba(255,116,12,.1);border-radius: 10px;padding: 40px 60px;margin-bottom:70px;}
.answer_analysis h3{color:#333;font-size:26px;font-weight: bold;}
.answer_analysis h3 i{display: inline-block;font-size:32px;color:#ff8525;margin-right: 14px;font-family: "iconfont";vertical-align: middle;font-weight: normal;}
.analysis_data{margin-top:10px;padding-left: 20%;}

.star_box2{width:400px;height: 172px;border-radius: 10px;position: relative;background: url(../images/index/zuan_bg.png) right bottom no-repeat #fff;float: left;margin-left:160px;cursor: pointer;}
.star_box2:hover{box-shadow: 0 9px 18px rgba(255,116,12,.1);-webkit-box-shadow:  0 9px 18px rgba(255,116,12,.1);transform: translateY(-5px);-webkit-transform: translateY(-5px);}
.star_box2 .touxiang_img::before {content: ""; position: absolute; width: 80px; height:120px; top:50px; left: -90px; overflow: hidden; background: -moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.5)50%,rgba(255,255,255,0)100%); background: -webkit-gradient(linear,left top,righttop,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.5)50%,rgba(255,255,255,0)100%); background: -o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.5)50%,rgba(255,255,255,0)100%); -webkit-transform: skewX(45deg); -moz-transform: skewX(45deg); -o-transform: skewX(45deg); z-index: 999; } 
.star_box2:hover .touxiang_img::before {left:100px; top:-35px; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; }
.star_box2 .touxiang .icon1{display: block;width:47px;height:44px;background: url(../images/index/zuansi.png) left center no-repeat;position: absolute;left:-10px;top:-10px;z-index: 0;}
.star_box2.crown{background: url(../images/index/huang_bg.png) right bottom no-repeat #fff;}
.star_box2.crown .touxiang .icon1{display: block;width:47px;height:44px;background: url(../images/index/touguan.png) left center no-repeat;position: absolute;left:-10px;top:-10px;z-index: 0;}
.star_box2.crown .rank ul li{background-position: 0 -23px;}
.star_box2.crown .rank ul li.active{background-position: 0 0;}
.star_box2 .rank{margin-top: 3px;}
.star_box2 .star_desc{padding:30px 30px 0 66px;}
.star_box2 .name_rank{margin-bottom: 12px;}
.star_box2 .name_rank h3{font-size:22px;}
.star_box2 .star_desc p{margin-bottom:18px;line-height: 22px;color:#999;}

.star_box2:hover .touxiang .icon1{background: url(../images/index/zuansi.gif) left center no-repeat;}
.star_box2.crown:hover .touxiang .icon1{background: url(../images/index/touguan.gif) left center no-repeat;}



#swiper-container2 .swiper-button-next,#swiper-container2 .swiper-button-prev{display: block;color:#ff882b;font-size:42px;background-image: none;position: absolute;left:2px;top:50%;margin-top: -21px;width:42px;height: 42px;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
#swiper-container2 .swiper-button-next{left:auto;right:2px;}
#swiper-container2 .iconfont-zuojiantou:before{content: "\e615";}
#swiper-container2 .iconfont-youjiantou:before{content: "\e612";}
#swiper-container2 .swiper-wrapper{padding: 50px 0;}
#swiper-container2 .iconfont-zuojiantou:hover,#swiper-container2 .iconfont-youjiantou:hover{color:#ec5912;}

.prizes{width:47px;height: 94px;background: url(../images/xz.png) left center no-repeat;position: absolute;left:-23px;top:38px;z-index: 99;}


/*2018.9.10*/
.test_main{width:100%;padding: 40px 0 140px;background: #f5f5f5;}
.nr_left{width:830px;height:100%;float:left;position: relative;}
.test{width:100%;text-align:left;}
.test_title{width:100%; height:50px; line-height:50px; background-color:#f5f5f5;position:absolute;left:0;bottom:0; z-index:1000;border-radius: 5px 5px 0 0;border:1px solid #e6e6e6;}
.test_title p{padding:0 30px; display:block; float:left;}
.test_time{color:#ff8024; line-height:50px;font-weight: bold;}
.test_time i{font-size:22px; height:50px; line-height:50px; display:block; float:left;}
.test_time b{font-size:22px; height:50px; display:block; float:left; margin-left:10px;}
.test_title font{width:120px; height:50px;  display:block; float:right; text-align:center; }
.test_title font input{background:#ff8024; border:none; display:block; width:120px; height:50px; cursor:pointer; color:#fff; font-size:22px; font-weight:bold;border-radius: 5px 5px 0 5px;}

.test_content{width:100%; height:auto;}
.test_content_title{width:100%; height:70px; line-height:70px; background:#46d071; text-align:center;border-radius: 10px 10px 0 0;position: relative;}
.test_content_title h2{padding:0 30px; font-size:22px; font-weight:bold; display:block; float:left;color:#fff;}
.test_content_title p{padding:0 22px; height:26px; line-height:26px; color:#fff; border-radius:13px; display:block; float:right; margin-top:22px;border:1px solid #fff;margin-right: 26px;}
.icon_q{width:15px;height: 47px;position: absolute;left:-7px;top:28px;background: url(../images/ti_yuan.png) left center no-repeat;z-index: 999;}

.test_content_nr{width: 100%;margin-bottom: 30px;border:1px solid #e6e6e6;border-radius: 0 0 10px 10px;background: #fff;border-top: 0;padding:30px;}
.last{padding-bottom:80px;width: 100%;}
.test_content_nr>ul>li{width:100%;margin-bottom:30px;}
.test_content_nr>ul>li:last-child{margin-bottom: 0;}
.test_content_nr_tt{width:100%; height:auto; line-height:32px; margin:0 auto;}
.fill_test_content_nr_tt{height:auto; line-height:32px; margin:0 auto;}
.test_content_nr_tt i{width:36px; height:36px; line-height:36px; text-align:center; display:block; float:left; background:#46d071; border-radius:50%; margin-left:-50px; color:#fff; margin-top:0; font-size:20px;  font-family: 'DINBlack';}
/* .test_content_nr_tt span{padding:0 8px;font-size:16px;color:#333;font-weight: bold;} */
.test_content_nr_tt font{font-size:18px;color:#333;font-weight: bold;}
.contest_content_nr_tt span{font-size:16px;color:#333;}

.test_content_nr_main{width:85%; margin:0 auto; padding:10px 0;height:auto;}
.option{line-height:34px;background:#fff;color:#666;margin: 3px 0;}
.option:hover{background:#e9f9ef;}
.option input{width:20px; height:20px; display:block;float:left; margin:10px 10px 0 0;}
.option label{height:auto;width: 100%;display:block;}
.option label p{word-wrap: break-word;}
.option input[type=radio],.option input[type=checkbox]{ position: absolute;opacity: 0;z-index: -1;}
.option input[type=radio]+label{background: url(../images/radio.png) left 6px no-repeat; display: inline-block;padding-left: 32px;}
.option input[type=radio]:checked+label{background: url(../images/radio-ok.png) left 6px no-repeat;}

.option input[type=checkbox]+label{background: url(../images/check.png) left 6px no-repeat; display: inline-block;padding-left: 32px;}
.option input[type=checkbox]:checked+label{background: url(../images/check-ok.png) left 6px no-repeat;}
.option.option1{display: inline-block;margin-right: 20px;}
.option.option1 input[type=radio]{display: none;}
.option.option1.option1 input[type=radio]+label{width:87px;height: 40px;background: #ccc;border-radius: 4px;color:#fff;line-height: 40px;font-size: 16px;text-align: left;padding-left: 0;}
.option.option1 input[type=radio]+label i{width:22px;height: 22px;background: url(../images/yes.png) left center no-repeat;float: left;margin:8px 10px 0;display: block;}
.option.option1 input[type=radio]+label i.cw{width:18px;height: 18px;background: url(../images/no.png) left center no-repeat;margin:10px 10px 0 14px;}
.option.option1:hover{background:none;}
.option.option1 input[type=radio]:checked+label{background:#46d071;}
.tk{width:160px;height: 36px;border:0;background: #f5f5f5;padding: 0 20px;line-height: 36px;font-size: 16px;margin: 0 14px;font-weight: normal;border:1px solid #f5f5f5;color:#46d071;}
/* .content{width:100%;height: 200px;background: #f5f5f5;padding: 20px;line-height: 1.5em;font-size: 16px;margin-top:16px;border:1px solid #f5f5f5;color:#46d071;} */
.tk.on,.content.on{border:1px solid #46d071;color:#46d071;}

.nr_right{width:350px; height:100%; float:right;}
.nr_rt_main{width:100%;}
.rt_nr1{width:350px; position:fixed;top:120px; z-index:1000;overflow-y:auto;padding-bottom: 30px;}
.rt_nr1_title{width:100%; height:70px; line-height:70px; background:#ff8525;border-radius: 6px;margin-bottom: 20px;}
.rt_nr1_title h1{width:130px;height:70px;text-align:center; font-size:22px;font-weight: bold; display:block; float:left; color:#fff;}
.rt_nr1_title p{width:141px;display:block; float:right;}
.rt_nr1_title .test_time b{font-size:22px; height:70px; display:block; float:right; margin-right:20px;color:#fff; line-height:70px; }
.rt_content{width:100%;background: #46d071;margin-bottom: 20px;border-radius: 6px;}
.rt_content_tt{width:100%; height:50px; line-height:50px; margin:0 auto;}
.rt_content_tt h2{width:130px; font-size:18px;font-weight: bold; display:inline-block;color:#fff;text-align: center;}
.rt_content_tt p{color:#fff;font-size: 14px;float: right;margin-right: 20px;}
.answerSheet ul{padding:20px;background: #fff;border-radius: 20px 20px 6px 6px; border:1px solid #dbdbdb;border-top: 0;}
.answerSheet li{display:inline-block;margin-bottom:5px; height:40px; width:40px; line-height:40px; text-align:center;}
.answerSheet li a{display:block;border:1px solid #dbdbdb;border-radius: 4px;}
.answerSheet li:hover a{border-color:#46d071;}
.answerSheet li a.hasBeenAnswer {background: #46d071;color:#fff;border-color:#46d071;}

.fill_title_description{width:100%;height: 100%;overflow-y:auto;padding: 25px 30px 50px;}