html{height:100%}html body{font-family:'微软雅黑';font-size:14px;padding-bottom:100px;line-height:1;color:#000;position:relative;background:#efefef;height:auto;min-height:100%}*{font-family:'微软雅黑';box-sizing:border-box;margin:0;padding:0}a[href],a.service-robot{text-decoration:none;color:inherit}.service-robot{cursor:pointer}[v-cloak]{display:none}.content,.top_utalk .top-content{width:80%;min-width:1200px!important;margin:0 auto!important}.top{height:84px;background:#fff;box-shadow:1px 1px 10px #000}.top .school-logo{float:left;font-size:20px;line-height:1;height:84px;padding-top:36px;padding-left:100px;background:url(/static/img/utalk_logo_index.png) left center no-repeat}.top .notice{background:url(/static/img/icon_notice.png) center left no-repeat;float:right;margin-top:24px;position:relative;padding-left:20px;line-height:34px;font-size:14px;color:#999;cursor:pointer;height:34px}.top .notice .number{position:absolute;left:0;width:16px;height:16px;line-height:16px;background:#ff8100;color:#fff;text-align:center;font-size:12px;border-radius:50%;left:-6px;top:3px}.top .phone{background:url(/static/img/phone.png) center left no-repeat;float:right;margin:24px 1em 0 0;position:relative;padding:0 15px 0 25px;line-height:34px;font-size:14px;color:#999;cursor:pointer;height:34px}.top .phone::after{content:"|";position:absolute;right:0;top:0}.top .btn{float:right;color:#86217f;border:1px solid #86217f;line-height:34px;font-size:14px;margin-top:24px;border-radius:40px;padding:0 1em;cursor:pointer}.top .btn:hover{color:#fff;background-color:#86217f}.top-sub{background:#343f4c;height:60px;color:#fff}.top-sub .school-logo{line-height:1;height:60px;padding-top:28px;background:0 0;position:relative}.top-sub .school-logo .utalk-logo{position:absolute;left:0;top:0}.top-sub .top-user-info{float:right;line-height:60px;font-size:14px}.top-sub .top-user-info .user-notice{float:left;cursor:pointer;background:url(/static/img/icon_notice2.png) center left no-repeat;padding-left:20px;position:relative}.top-sub .top-user-info .user-notice .number{position:absolute;width:16px;height:16px;line-height:16px;background:#ff8100;color:#fff;text-align:center;font-size:12px;border-radius:50%;left:-6px;top:16px}.top-sub .top-user-info .user-notice::after{content:"|";font-size:16px;margin:0 .5em}.top-sub .top-user-info .user-image{float:left;border:2px solid #fff;margin:13px .5em;width:34px;height:34px;border-radius:50%;overflow:hidden}.top-sub .top-user-info .user-image img{width:100%;min-height:100%}.top-sub .top-user-info .user-wel{display:inline-block}.top-sub .top-user-info .user-wel::after{content:"|";font-size:16px;margin:0 .5em}.top-sub .top-user-info .logout{color:#fff;text-decoration:none}.footer{background:#efefef;position:absolute;width:100%;min-width:1100px;height:70px;padding-top:15px;font-size:12px;line-height:26px;text-align:left;bottom:10px;text-align:center}.footer>div{display:inline-block;text-align:left;margin:0 20px;color:#666}.footer>div:nth-child(1){margin-left:0}.footer>div:nth-last-child(1){margin-right:0}.footer>div .fb{padding-left:28px;position:relative}.footer>div .fb .uWx{position:absolute;top:-170px;left:-61px;display:none}.footer>div .fb.email{background:url(/static/img/login_mail.png) no-repeat 2px}.footer>div .fb.messgae{background:url(/static/img/login_message.png) no-repeat 2px}.footer>div .fb.wx{background:url(/static/img/login_wx.png) no-repeat 2px}.footer>div .fb.env{background:url(/static/img/login_env.png) no-repeat 2px}.footer>div .fb:hover .uWx{display:block}.footer>div a[href]{color:inherit}.footer .inf{color:#999}.location{margin-top:20px}.location a{color:#333;text-decoration:none}.location a::after{content:" > ";color:#86217f;margin:0 .5em}.location a:nth-last-child(1)::after{content:""}.pageTitle{font-size:22px;line-height:54px;margin:30px 0;text-align:center}.coure-type-title{font-size:18px;line-height:30px;font-weight:800;margin-top:20px}.course-div-list{margin-top:20px}.course-div-list .no-course{text-align:center;background:#fff;padding:180px;border-radius:3px;color:#999}.course-div-list .course-div{width:285px;height:220px;padding:10px;background:#fff;border-radius:3px;margin:0 20px 20px 0;cursor:pointer;position:relative;overflow:hidden;display:inline-block}.course-div-list .course-div .course-tag{height:30px;background:#ff8100;color:#fff;font-size:14px;text-align:center;padding:0 15px 0 10px;border-bottom-right-radius:20px;position:absolute;line-height:30px;left:0;top:0;z-index:99}.course-div-list .course-div .course-bg-content{overflow:hidden;position:relative;width:100%;height:135px}.course-div-list .course-div .course-bg-content img{transition:all .2s;width:100%}.course-div-list .course-div .title{height:28px;margin-top:7px;color:#333}.course-div-list .course-div .state{float:right;color:#ff5100;font-size:12px;line-height:35px}.course-div-list .course-div .state.no-start{color:#adadad}.course-div-list .course-div:hover .course-bg-content img{width:105%;margin-left:-2.5%;margin-top:-2.5%}.class-course-content{background:#fff;padding:10px 0;margin:10px 0}.class-course-content .course-div{border:1px solid #ddd}.class-course-content .class-title{font-size:16px;line-height:45px;padding:0 30px;border-bottom:1px solid #ddd}.class-course-content .class-title .right-content{float:right;color:#999;font-size:14px}.class-course-content .class-title .right-content .quit-class{width:20px;display:inline-block;float:right;height:20px;margin:12px 0 0 20px;cursor:pointer;background:url(/static/img/quitClass_utalk.png) center center no-repeat}.class-course-content .class-title .right-content .quit-class.dis{background:url(/static/img/quitClass_utalk_dis.png) center center no-repeat;cursor:default}.class-course-content .course-div-list{margin-top:5px;margin-left:30px}.class-course-content .course-div-list .course-div:hover{box-shadow:1px 1px 5px #ddd}.btn-content-a{text-align:right}.btn-content-a .btn{height:30px;line-height:30px;color:#fff;padding:0 10px;background:#86217f;display:inline-block;cursor:pointer;border-radius:2px;margin-left:15px}.btn-content-a .btn:hover{background:#9c3295}.btn-content-a .descr{display:inline-block;color:#fff;background:#ff8100;border-radius:50%;font-size:18px;margin-bottom:20px;text-align:center;font-weight:700;width:20px;line-height:20px;height:20px}.detail .title{text-align:center;font-size:18px;line-height:2}.detail-text{margin:10px 0 20px;border-top:1px solid #ccd0d6;background:#fff}.detail-text .course-info{padding:25px 0}.detail-text .course-info li{list-style-type:none;display:inline-block;width:33%;font-size:14px;line-height:16px;text-indent:25px;border-right:1px solid #ddd}.detail-text .course-info li:nth-last-child(1){border-right:0}.detail-text .course-info .text-yellow{font-size:20px}.detail-text .course-info .text-red{font-size:20px;color:#ff3800}.detail-text .course-info-2 li{width:24%}.detail-text .text-yellow{color:#ff8100}.detail-text .score-detail{width:100%;line-height:50px;border:0;border-collapse:collapse}.detail-text .score-detail tr td{width:50%;padding-left:10em;border-bottom:1px solid #ccd0d6;position:relative;padding-right:120px}.detail-text .score-detail tr td:nth-child(1)::after{content:"";position:absolute;right:0;top:15%;display:inline-block;width:1px;height:70%;font-size:18px;border-right:1px solid #ddd}.detail-text .score-detail tr td .check-report{color:#86217f;position:absolute;right:20px;cursor:pointer}.detail-text .score-detail tr td .check-report.disabled{color:#adadad}.detail-text .score-detail tr .st{padding-left:14em;padding-right:0}.detail-text .score-detail:nth-last-child(1){margin-bottom:135px}.detail-text .itemDetail-table{margin-bottom:0!important;background:#efefef}.detail-text .itemDetail-table tr td,.detail-text .itemDetail-table thead th{font-size:12px;line-height:26px;max-width:200px;word-break:break-all}.detail-text .itemDetail-table thead th{border-bottom:1px solid #ccd0d6;border-right:1px solid #ccd0d6}.detail-text .itemDetail-table tr:nth-child(2n) td{background:#EFEFEF}.detail-text .itemDetail-table tr td{position:inherit;border-left:1px;border-bottom:1px;border:1px solid #ccd0d6}.detail-text .itemDetail-table tr td::after{content:none}.detail-text .itemDetail-table .score-detail-td{color:#86217f}.detail-text .itemDetail-table .score-detail-td::after{width:1px}.detail-text .new-table tr td{width:33%;padding-right:0}.detail-text .new-table tr td .name-box{overflow:hidden;max-width:30em;white-space:nowrap;text-overflow:ellipsis}.detail-text .new-table tr td:nth-child(2)::after{content:"";position:absolute;right:0;top:15%;display:inline-block;width:1px;height:70%;font-size:18px;border-right:1px solid #ddd}.detail-text .new-table:nth-last-child(1){margin-bottom:0}.page-text{background:#fff;padding:40px 70px;position:relative}.page-text .title-text{line-height:30px}.page-text .title-text .text-yellow{color:#ff8100;font-size:16px}.page-text .text-content-re{margin-top:30px;position:relative}.page-text .left,.page-text .right{width:50%}.page-text .left{position:absolute;height:calc(100% - 60px);width:calc(50% - 80px);margin-top:30px}.page-text .right{float:right;width:calc(50% - 50px);padding:30px 0;border-left:1px solid #ddd}.page-text .study-report-images{height:100%;max-height:580px}.page-text .report-d{background:#f7f7f7;padding:30px 5px 30px 35px}.page-text .report-d li{list-style-type:none;line-height:28px;padding:6px 0;position:relative}.page-text .report-d li::before{content:"";width:10px;height:10px;display:block;position:absolute;background:#86217f;border-radius:50%;left:-18px;top:15px}.course-infomation{margin-top:20px;display:flex;padding:40px;background:#fff}.course-infomation .ccimg{width:320px;height:160px;overflow:hidden}.course-infomation .ccimg img{width:100%}.course-infomation .courset{margin-left:30px;position:relative;flex:1}.course-infomation .courset .title{font-size:18px;line-height:1}.course-infomation .courset .cc-ext{line-height:24px;color:#666;margin-top:11px;min-height:96px}.course-infomation .courset .cc-ext p{margin-bottom:0}.course-infomation .courset .btn{width:114px;height:35px;line-height:35px;color:#fff;background:#ff8100;text-align:center;cursor:pointer;border-radius:1px}.course-infomation .courset .jd{position:absolute;right:0;top:0;line-height:1;color:#ff5100}.course-navbar{margin:20px 0 0;font-size:18px;height:70px;padding:15px 30px;border-bottom:1px solid #d9d9d9;background:#f5f5f5}.course-navbar li{list-style-type:none;display:inline-block;font-weight:800;height:38px;width:160px;text-align:center;line-height:38px;border-right:1px solid #d9d9d9;cursor:pointer}.course-navbar li.active{position:relative;color:#86217f}.course-navbar li.active::after{content:"";position:absolute;height:3px;width:100%;background:#86217f;bottom:-16px;left:0}.course-navbar li .the-work-num{position:absolute;display:inline-block;min-width:16px;line-height:20px;padding:0 2px;margin-left:5px;background:#ff8100;font-size:12px;color:#fff;border-radius:50%}.course-main{min-height:400px;margin-bottom:100px}.course-main .catalog{background:#fff;min-height:450px}.course-main .catalog .no-pc{height:450px;background:url(/static/img/blank_menu2.png) center center no-repeat}.course-main .detail-text{margin:0}.course-main .detail-text .score-detail{margin-bottom:0}.course-main .iframcontrol{min-height:450px;background:#fff}.course-main .iframcontrol iframe{width:100%;min-height:450px;border:0}.course-main .learning-dilog{height:100px;background:#fff;margin-bottom:20px}.course-main .learning-dilog .cname{float:left;font-size:18px;text-indent:25px;padding-top:31px;height:100px}.course-main .learning-dilog .cname .see-tutorial-more{font-size:14px;color:#86217f;line-height:2;cursor:pointer}.course-main .learning-dilog .cname .see-tutorial-more:hover{color:#9c3295}.course-main .learning-dilog .study-r{width:200px;height:100px;padding:20px 0;text-align:center;background:#86217f;color:#fff;float:right;position:relative}.course-main .learning-dilog .study-r::after{content:"";display:block;position:absolute;width:1px;height:60px;right:0;top:20px;background:#9c3295}.course-main .learning-dilog .study-r .c-title{font-size:16px}.course-main .learning-dilog .study-r .c-text{line-height:42px;font-size:30px;overflow:hidden;text-overflow:ellipsis}.course-main .learning-dilog .study-r:nth-last-child(2) .hideText{left:-135px}.settings .type-title{margin:20px 0}.settings .type-title .li{display:inline-block;width:160px;height:35px;line-height:35px;font-size:18px;color:#999;text-align:center;border-right:1px solid #ddd;cursor:pointer}.settings .type-title .li:nth-last-child(1){border-right:0}.settings .type-title .li.active{color:#86217f}.settings .person-text-content{background:#fff;padding:30px;border-top:1px solid #ddd}.settings .person-text-content .person-text{line-height:50px;min-height:585px}.settings .person-text-content .person-text .li{padding-left:100px;position:relative}.settings .person-text-content .person-text .li .title{position:absolute;left:0;width:100px;text-align:right}.settings .person-text-content .person-text .li .text{font-size:16px;display:inline-block;min-width:200px;min-height:1em}.settings .person-text-content .person-text .li .text>label{display:inline-block;min-width:3em}.settings .person-text-content .person-text .li .text>label input[type=radio]{float:left;margin-top:19px;margin-right:.5em;margin-bottom:-3px}.settings .person-text-content .person-text .li .changebtn{display:inline-block;color:#86217f;cursor:pointer}.settings .person-text-content .person-text .li .exp{font-size:12px;color:#999;line-height:24px}.settings .person-text-content .person-text .li .userImg{width:151px;height:151px;border:1px solid #ddd;padding:10px;display:inline-block;background-size:140px 140px;background-position:5px 5px;background-repeat:no-repeat}.settings .person-text-content .person-text .li .btn{width:80px;height:30px;line-height:30px;background:#86217f;text-align:center;font-size:14px;color:#fff;border-radius:2px;cursor:pointer;position:relative;display:inline-block}.settings .person-text-content .person-text .li .btn .inputFile{position:absolute;width:100%;height:100%;left:0;top:0;cursor:pointer;opacity:0}.settings .person-text-content .person-text .li .btn:hover{background:#9c3295}.settings .person-text-content .person-text .form-btn{width:96px;height:30px;font-size:16px;line-height:30px;margin:20px auto 0;background:#86217f;color:#fff;cursor:pointer;border-radius:2px;text-align:center}.settings .person-text-content .person-text .form-btn:hover{background:#9c3295}.notic-text .notice-title{font-size:18px;color:#333;font-weight:400;text-align:center;margin-top:30px;margin-bottom:10px}.notic-text .exp-notice{text-align:center}.notic-text .exp-notice div{display:inline-block;color:#666;margin:0 8px}.notic-text .text{background:#fff;padding:20px;min-height:400px;line-height:2;margin:20px 0;border-radius:3px;border-top:2px solid #86217f}.notic-text .f-bar{color:#86217f;cursor:pointer}.notic-text .f-bar .pre-n{float:left}.notic-text .f-bar .next-n{float:right}.file-content{margin:20px 0}.file-content a{color:#86217f}.description{text-align:center}.clearfix::after{content:"";width:0;height:0;display:block;clear:both}.new-notice{width:60px;height:20px;line-height:20px;font-size:12px;color:#fff;background:#ff8100;position:absolute;transform:rotate(45deg);right:-18px;top:2px}.hide-select{position:relative}.hide-select .selector-nav{display:none;position:absolute;width:100%;background:#fff;border:1px solid #ddd;z-index:999}.hide-select .selector-nav li{list-style-type:none;cursor:pointer}.hide-select .selector-nav li:hover{background-color:#e3f1fd;color:#217cb6}.hide-select .shape-3::after{content:"\25B2";position:absolute;font-size:12px;transform:rotate(180deg);transition:transform .5s}.hide-select:hover .selector-nav{display:block}.hide-select:hover .shape-3::after{transform:rotate(0)}.table-title-colum{position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:300px;padding-right:60px}.table-title-colum .work-state{font-weight:800;position:absolute;top:16px;right:4px;min-width:20px;padding:0 2px;line-height:20px;border:1px solid #ff8100;color:#ff8100}.table-title-colum .state-new{font-size:12px;width:85px;text-align:center;line-height:20px;right:-26px;top:5px;transform:rotate(45deg);position:absolute;color:#fff;background:#ff8100}.join-class{width:300px;margin:20px auto}.join-class input{width:300px;height:35px;line-height:35px;margin-top:10px;text-indent:.5em}.joinClass .layui-layer-btn{padding-bottom:20px}.joinClass .layui-layer-btn .layui-layer-btn0{width:300px;background:#86217f;border-color:#86217f}.joinClass .class-more{line-height:2;padding:20px 50px 0}.joinClass.joinClassInf .layui-layer-btn .layui-layer-btn0{width:150px}html .table-load{margin-top:20px;min-height:600px;position:relative;margin-bottom:80px}html table.dataTable{margin-top:0!important}html body table.paper-table{border-collapse:collapse!important;width:100%;text-align:center;background:#fff;font-size:14px;line-height:36px;border-bottom:1px solid #ddd;margin-bottom:20px!important}html table.paper-table tr td{position:relative;overflow:hidden;line-height:55px;border-left:0;border-right:0}html table.paper-table tr td::after{content:"";position:absolute;width:1px;background:#ddd;right:0;top:10%;height:80%}html table.paper-table tr td:nth-last-child(1)::after{width:0}html table.data-zero{border:0}html table.data-zero td{border:0!important}html table.data-zero thead{display:none}html .paper-table thead tr th{font-weight:400;font-size:16px;background:#dadfe5;min-height:40px;text-align:center}html .paper-table tbody tr:nth-child(2n){background:#f7f7f7}html .paper-table tr td,html .paper-table tr th{border-top:1px solid #ddd}html .paper-table tr td:nth-last-child(1){overflow:visible}html .table-load .dataTables_info{padding-top:0!important;height:33px;line-height:33px;padding:0 0 0 5px;float:left;border:1px solid #adadad;color:#333}html table.dataTable td.dataTables_empty{line-height:300px}html .table-load .paginate_button{display:inline-block;line-height:40px;height:40px;min-width:40px;padding:0 .5em;margin:0 5px;text-align:center;color:#adadad;background:#f9f9f9;border-radius:1px;cursor:pointer}html .table-load .last{border-right:1px solid #adadad}html .table-load .paginate_button:hover,html .table-load .current{background:#86217f;border-color:#86217f;color:#fff;text-decoration:none}html .table-load .dataTables_paginate .disabled{color:#adadad;display:none}html .table-load .dataTables_paginate .disabled:hover{background:#fff;color:#adadad;border-color:#adadad}html .table-load table .gn-btn{color:#86217f;margin:0 .3em;min-width:4em;display:inline-block;cursor:pointer}html .table-load table .disabled{color:#adadad}html #paperTable_wrapper{min-height:440px}html #paperTable_info{position:absolute;background:#fff;bottom:-50px;left:0}html #paperTable_paginate{position:absolute;background:#fff;bottom:-50px;right:0}html .previous,html .next{font-family:'宋体';font-size:20px}html .table-load .more-btn{color:#86217f}.title-table-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:750px}table tr td .start-btn{color:#86217f;cursor:pointer}table tr td .start-btn:hover{color:#9c3295}table tr td .start-btn.disabled{color:#adadad}table tr td .start-btn.disabled:hover{color:#adadad}.gener-content{position:relative;min-width:60px}.gener-content .gener-type{line-height:1.5;position:absolute;right:2px;top:2px;color:#fff;background:#9627e0;font-size:12px;padding:0 1em;border-radius:10px}.gener-content .gener-type.type-0{background:#67ff2a}.gener-content .gener-type.type-1{background:#2187e0}.ques-help{width:16px;height:16px;display:inline-block;margin-left:1em;line-height:16px;text-align:center;color:#fff;background:#ff8100;position:relative;border-radius:50%;font-size:14px;cursor:pointer}.ques-help .hideText{position:absolute;background:#fff;color:#000;width:200px;font-weight:400;text-align:left;padding:5px;box-shadow:1px 1px 5px #dadfe5;bottom:16px;font-size:12px;left:-97px;border-radius:2px;display:none}.ques-help:hover .hideText{display:block}.course-info-content{background:#efefef;padding:20px 20px 50px;line-height:24px}.course-info-content .course-info-title{font-size:18px;color:#000;line-height:2;font-weight:800}.course-info-content .course-info-text{padding:10px;background:#fff}.course-info-content .course-info-text .schedule-table{width:100%}.course-info-content .course-info-text .schedule-table tr td{max-width:220px}.course-info-content .table-model{border-right:1px solid #ccd0d6;border-top:1px solid #ccd0d6;overflow-x:auto}.course-info-content .table-model table.require-table{min-width:100%;line-height:30px;text-align:center;border-collapse:collapse;border-spacing:0}.course-info-content .table-model table.require-table thead th{background:#dadfe5!important;border-left:1px solid #ccd0d6;min-width:60px;border-bottom:1px solid #ccd0d6}.course-info-content .table-model table.require-table tr td{border-bottom:1px solid #ccd0d6;border-left:1px solid #ccd0d6}.course-info-content .table-model table.require-table tr td.ck{color:#ff8100;min-width:60px}.course-info-content .table-model table.require-table tr td.orange{background:#feebd8}.course-info-content .table-model table.require-table tr:nth-child(2n+1){background:#f7f7f7}a.descri-version{color:#86217f;padding-right:1.5em;margin-right:1em;border-right:1px solid #ddd}a.descri-version:hover{color:#9c3295}.quiteClass .layui-layer-content{line-height:1.5;margin:20px 20px 0}.quiteClass .layui-layer-btn{padding-top:0}.quiteClass .layui-layer-btn .layui-layer-btn0{background:#86217f;border-color:#86217f}.quiteClass.text-center .layui-layer-content{text-align:center;line-height:2}