/* ----------布局---------- */
body {background:#f8f8f8;font-family:'Microsoft YaHei','Open Sans',sans-serif;color:#444;line-height:2rem;overflow-x:hidden;font-size:62.5%!important;zoom:1;}
input,select,textarea {font-size:1.25rem;font-weight:normal;}
a:focus,a:active,a:hover {outline:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;text-decoration:none;cursor: pointer;}
ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr {margin:0;padding:0;list-style-type:none;}
img[src=""],img:not([src]){opacity:0;}
select:focus,button:focus { outline: none; }

h1 {font-size:2.5rem}
h2 {font-size:2rem}
h3 {font-size:1.35rem}
h4 {font-size:1.2rem}
h5 {font-size:1rem}
h6 {font-size:0.85rem}
/* 外边距 */
.m_auto{margin: auto;}
.m_0{margin: 0;}
.m_b0{margin-bottom: 0;}
.m_t2{margin-top: 2px;}
.m_r3{margin-right: 3px;}
.m_r5{margin-right: 5px;}
.m_l5{margin-left: 5px;}
.m_b5{margin-bottom: 5px;}
.m_t5{margin-top: 5px;}
.m_b7{margin-bottom: 7px;}

.m_b10{margin-bottom: 10px;}
.m_l10{margin-left: 10px;}
.m_r10{margin-right: 10px;}
.m_lr10{margin-left: 10px;margin-right: 10px;}

.m_b15{margin-bottom: 15px;}

.m_t20{margin-top: 20px;}
.m_l20{margin-left: 20px;}
.m_r20{margin-right: 20px;}
.m_b20{margin-bottom: 20px;}

.m_b30{margin-bottom: 30px;}
.m_l30{margin-left: 30px;}
.m_b40{margin-bottom: 40px;}
.m_t40{margin-top: 40px;}
.m_r40{margin-right: 40px;}
.m_l40{margin-left: 40px;}

.m_b60{margin-bottom: 60px;}
.m_r60{margin-right: 60px;}
/* 内边距 */
.p_t0{padding-top: 0;}

.p_l0{padding-left: 0px;}
.p_r0{padding-right: 0px;}
.p_t5{padding-top: 5px;}
.p_tb5{padding-top: 5px;padding-bottom: 5px;}
.p_l5{padding-left: 5px;}
.p_r5{padding-right: 5px;}

.p_t7{padding-top: 7px;}
.p_b7{padding-bottom: 7px;}

.p_10{padding: 10px;}
.p_l10{padding-left: 10px;}
.p_r10{padding-right: 10px;}
.p_t10{padding-top: 10px;}
.p_tb10{padding-top:10px;padding-bottom:10px;}
.p_b10{padding-bottom: 10px;}

.p_b15{padding-bottom: 15px;}
.p_t13{padding-top: 13px;}
.p_t15{padding-top: 15px;}
.p_lr15{padding-left: 15px;padding-right: 15px;}
.p_20{padding: 20px;}
.p_b20{padding-bottom: 20px;}
.p_t20{padding-top: 20px;}
.p_l20{padding-left: 20px;}
.p_r20{padding-right: 20px;}
.p_tb20{padding-top: 20px;padding-bottom: 20px;}
.p_30{padding: 30px;}
.p_t30{padding-top: 30px;}
.p_b30{padding-bottom: 30px;}
.p_l30{padding-left: 30px;}
.p_r40{padding-right: 40px;}
.p_t40{padding-top: 40px;}
.p_lr40{padding: 0 40px;}
.p_l40{padding-left: 40px;}
.p_b40{padding-bottom: 40px;}
.p_l50{padding-left: 50px;}
.p_r55{padding-right: 55px;}
.p_t60{padding-top: 60px;}
.p_r60{padding-right: 60px;}
.p_l60{padding-left: 60px;}
.p_l70{padding-left: 70px;}
.p_t70{padding-top: 70px;}
.p_l90{padding-left: 90px;}
.p_r136{padding-right: 136px;}
.p_l150{padding-left: 150px;}
/* 宽 */
.w_2{width: 20%;}
.w_25{width: 25%;}
.w_3{width: 30%;}
.w_4{width: 40%;}
.w_5{width: 50%;}
.w_6{width: 60%;}
.w_7{width: 70%;}
.w_8{width: 80%;}
.w_9{width: 90%;}
.w_10{width: 100%;}
/* 高 */
.h_10{height: 10px;}
.h_15{height: 15px;}
.h_20{height: 20px;}
.h_30{height: 30px;}
.h_50{height: 50px;}
.h_80{height: 80px;}
/* ----------背景---------- */
.bg_white{background-color: #fff;}
.bg_lightGray{background-color: #f8f8f8;}
.bg_gray{background-color: #f2f2f2;}
.bg_grey{background-color: #e6e6e6;}
.bg_green{background-color: #03ae87;}
.bg_black{background-color: #000;}
/* 背景居中 */
.bg_jz{background: no-repeat 50%;-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}

/* ----------边框---------- */
.b_tm{border-color: transparent!important;}
.b_t1x{border-top: 1px dashed #cacaca;}
.b_bx_gray{border-bottom: 1px dashed #cacaca;}
.b_b1x{border-bottom: 1px dashed #03ae87;}
.b_m1{border-bottom: 1px solid #dcdcdc;}
.b_green{border: 1px solid #03ae87;}

.b_t_green{border-top: 1px solid #03ae87;}
.b_b_green{border-bottom: 1px solid #03ae87;}
.b_r_green{border-right: 1px solid #03ae87;}
.b_l_green{border-left: 1px solid #03ae87;}
.b_r_grey{border-right: 1px solid #909090;}
.b_r_gray{border-right: 1px solid #444;}
.b_r_bule{border-right: 1px solid #495574;}
.b_m_grey{border-bottom: 1px solid #909090;}

.b_b_green2{border-bottom: 2px solid #03ae87;}
.b_r_green2{border-right: 2px solid #03ae87;}
.b_l_green9{border-left: 9px solid #03ae87;}

.bShadow{box-shadow: 0px 5px 10px 0px #e4e4e4;}
/* ----------字体---------- */
.font12 {font-size: 1.2rem;}
.font13 {font-size: 1.3rem;}
.font14 {font-size: 1.4rem;}
.font15 {font-size: 1.5rem;}
.font16 {font-size: 1.6rem;}
.font18 {font-size: 1.8rem;}
.font20 {font-size: 2rem;}
.font22 {font-size: 2.2rem;}
.font24 {font-size: 2.4rem;}
.font26 {font-size: 2.6rem;}
.font28 {font-size: 2.8rem;}
.font34 {font-size: 3.4rem;}

.font_bold{font-weight: bold;}
.font_normal{font-weight: normal;}

.text-left{text-align: left!important;}
.text-right{text-align: right!important;}

.font_red{color:#f43e21;}
.font_yellow{color: #ffc700;}
.font_black{color:#1a1a1a;}
.font_green{color: #03ae87;}
.font_blue{color: #26c9f2;}
.font_white{color: #fff;}
.font_title{color: #444;}
.font_lab{color: #7dedcf;}
.font_dtitle{color: #989898;}
.font_help{color: #495574;}
.font_grey{color: #666;}

a.font_red:hover,a.font_red:focus{color:#f43e21!important;}

.font_ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.font_ellipsis2{position: relative; line-height: 20px; max-height: 40px;overflow: hidden;}
.font_ellipsis2:after{content: "..."; position: absolute; bottom: 0px; right: 0px; padding-left: 40px;background: -webkit-linear-gradient(left, transparent, #fff 80%);background: -o-linear-gradient(right, transparent, #fff 80%);background: -moz-linear-gradient(right, transparent, #fff 80%);background: linear-gradient(to right, transparent, #fff 80%);}

.font_xhx{text-decoration: underline;}
.lineH1{line-height: 1;}

/*
    *******************************************************************
                                总样式
    *******************************************************************
*/

header{min-width: 1200px;}
.mainbox{width: 100%;min-width: 1200px;}
.mainContent{width:80%;margin: auto;}
.mainContent1{width:100%;margin: auto;padding: 0px 20px;}
/* 自动换行 */
.zdhh{white-space: normal;word-break: break-all;word-wrap: break-word;}
/* 一行显示 */
.aLine{white-space:nowrap;overflow-x: auto;}
/**/
.dis_block{display: block;}
.dis_inline{display: inline-block;}
.dis_none{display: none;}
/*禁止拖动textarea*/
.tex_jztd{resize: none;}
/*手指头*/
.finger{cursor: pointer;}
/* 定位 */
.dw_pR{position: relative;}
.dw_pA{position: absolute;}
.dw_r0{right:0px!important;}
.dw_l0{left:0px!important;}
.float_l{float: left;}
.float_r{float: right;}
.float_ul>li{float: left;}
.float_ul:after{content: '';display: block;clear: both;}
/*弹性盒子布局*/
.flex_linejz{display: flex;flex-wrap: nowrap;align-items: center;}
.flexbox_Xsa{display: flex;flex-wrap: nowrap;justify-content: space-around;}
.flexbox_Xsa>li{flex: 1;}
.flex_jz{justify-content: center;}
textarea.form-control {min-height:200px;}
.control-label{font-weight: normal;font-size: 1.8rem;text-align: right;margin: 0px 0px;}
.help-block {color:#999;font-size:1.3rem;padding:0px 0px 5px 0px;margin-top: 0px;margin-bottom: 0;}
.form-horizontal .form-group{margin-right: 0;margin-left: 0;}
.form-inline .form-control.form_width{width: 260px;}
.form-inline .form-group{margin-bottom: 15px;}
.form-inline .p_t0{padding-top: 0;}

.form-control.font16{height: 38px;}
/* .panel-heading {border-bottom:1px dotted rgba(0,0,0,0.2);padding:15px;color:#535351;font-size: 1.7rem!important;font-weight:bold;line-height: 2.6rem;}
.panel-heading.p_b0{padding-bottom: 0;}
.panel-heading:after{content: '';display: block;clear: both;} */

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color: #7e9db8;border-color: #7e9db8;}
/* 对齐 */
.img_m{vertical-align: middle;}
.img_tBottom{vertical-align: text-bottom;}
.img_tTop{vertical-align: text-top;}
/* 按钮 */
.btn{border-radius: 0px;}
.btn.btn_lg{padding: 10px 46px;}
.btn.btn_md{padding: 10px 30px;}
.btn.btn_md1{padding: 10px 16px;}
.btn.btn_sm{padding: 6px 25px;}
.btn.btn_sm1{padding: 6px 6px;}
.btn.btn_sm2{padding: 6px 46px;}
.btn.btn_sm3{padding: 6px 18px;}
.btn.btn_xs{padding: 3px 20px;}
.btn.btn_xs1{padding: 3px 6px;}
.btn.btn_xss{padding: 0px 12px;}
.btn-primary{background: #26c9f2;border-color:#26c9f2;}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus{background:#26c9f2;border-color:#26c9f2;}
.btn-default{background: #fff;border-color:#d8d8d8;color: #808080;}
.btn-success{background: #03ae87;border-color: #03ae87;}
.btn-success:hover,.btn-success:active,.btn-success:focus{background:#03ae87;border-color:#03ae87;}
.btn-danger{background: #f43e21;border-color: #f43e21;}
.btn-danger:hover,.btn-danger:active,.btn-danger:focus{background:#f43e21;border-color:#f43e21;}
.btn-warning{background: #ffc700;border-color: #ffc700;}
.btn-warning:hover,.btn-warning:active,.btn-warning:focus{background:#ffc700;border-color:#ffc700;}
.btn-download{background: #495574;border-color:#495574;color: #fff;}
.btn-download:hover,.btn-download:active,.btn-download:focus{background:#495574;border-color:#495574;color: #fff;}

.btn_lkOrange,.btn_lkOrange:hover,.btn_lkOrange:active,.btn_lkOrange:focus{border: 1px solid #F59A23;color: #F59A23;background-color: #fff;}
.btn_lkGreen,.btn_lkGreen:hover,.btn_lkGreen:active,.btn_lkGreen:focus{border: 1px solid #03ae87;color: #03ae87;background-color: #fff;}

.btn-circle{border-radius: 20px;}
.btn-xcircle{border-radius: 5px;}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{outline: none;}
/*进度条*/
.progress{margin-bottom: 0px;height: 7px;background-color: #d5d5d5;}
.progress-bar-success{background-color: #03ae87;}
.progress.progress1{height: 12px;border-radius: 0px;border: 1px solid #03ae87;background-color: #f2f2f2;}
/*饼状进度*/
.pieProgress {position: relative;display: inline-block;margin: 0 auto;border-radius: 50%;overflow: hidden;box-shadow: none;background: #fff;}
.pieProgress svg{width: 100%;height: 100%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    overflow: visible;
}
.pieProgress .percentage{position: absolute;opacity: 0;top: 50%;left: 50%;font-size: 1rem;color: white;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.rendered.pieProgress{background: none;}
.rendered.pieProgress .percentage{opacity: 0;}
.pieProgress circle:nth-child(1) {fill: #fff;}
.pieProgress circle:nth-child(2) {fill: #fff;stroke: #03ae87;}
  
/* 标签 */
.label_green{background-color: #03ae87;color: #fff}
.label_darkBlue{background-color: #495574;color: #fff}
.label_grey{background-color: #ccc;color: #444}
.label-success{background-color: #03ae87;}
.label-warning{background-color: #ffc700;}
.label-danger{background-color: #f43e21;}
.label_orange{background-color: #ff7200;}
.label_lightGray{background-color: #999;}

.label_xs{font-size: 1.4rem;padding: 0px 8px;border-radius: 20px;margin-bottom: 0px;font-weight: normal;}
.label_xs1{font-size: 1.2rem;padding: 2px 4px;border-radius: 0px;margin-bottom: 0px;font-weight: normal;}

.label.label_resource{padding: 7px 32px 7px 16px;font-weight: normal;font-size: 1.6rem;border-radius: 20px;display: block;margin-right: 15px;margin-bottom: 15px;float: left;position: relative;min-height: 30px;}
.label_resource img{position: absolute;top: 7px;right: 7px;width: 16px;}

.label_blue{background-color: #dbf8fd;}
.label.label_blue{color: #26c9f2;font-weight: normal;font-size: 1.2rem;padding: 2px 7px;line-height: 14px;}
.label_gray{background-color: #eee;}
.label.label_gray{color: #999;font-weight: normal;font-size: 1.2rem;padding: 2px 7px;line-height: 14px;}
.label_lightOrange{background-color: #f59a2383;}
.label.label_lightOrange{color: #fff;font-weight: normal;font-size: 1.2rem;padding: 2px 7px;line-height: 14px;}
.addLabelbox{float: left;;width: 375px;margin-bottom: 15px;}
#addLabelinput,#addLabelinput1{width: 100%;display: none;margin-top: -5px;}
#addLabelinput.isShow,#addLabelinput1.isShow{display: block;}
#addLabela{font-size: 1.8rem;color: #495574;margin-left: 10%;display: none;padding-top: 3px;}
#addLabela.isShow{display: block;}
#addLabela img{width: 16px;margin-right: 10px;vertical-align: middle;}
.form-horizontal .control-label{padding-top: 7px;}
/*角标*/
.cmark{position: relative;overflow: hidden;}
.cmarklabel{position: absolute;width: 100px;height: 27px;line-height: 24px;top: 8px;left: -25px;transform:rotate(-45deg);z-index: 88;text-align: center;}
.cmarklabel_gray{font-size: 1.5rem;color: #fff;background-color: #bbb;}
.cmarklabel_red{font-size: 1.5rem;color: #fff;background-color: #f22b26;}
.cmarklabel_green{font-size: 1.5rem;color: #fff;background-color: #03ae87;}
/* 表格 */
.table{margin-bottom: 0;}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {border-bottom-width: 0px;background-color: #F5F5F6;}
.table > thead > tr > th{border-bottom:0;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{vertical-align:middle;}
.table > tbody > tr >td.td_pl{padding-left: 24px;}

.table.tablenone > thead > tr > th, .table.tablenone > tbody > tr > th, .table.tablenone > tfoot > tr > th, .table.tablenone > thead > tr > td, .table.tablenone > tbody > tr > td, .table.tablenone > tfoot > tr > td{border-top: none;}
/*表单*/
.formGroup{position: relative;padding-left: 110px;margin-bottom: 20px;}
.formGroup.formGroup1{padding-left: 230px;}
.formGroup.formGroup2{padding-left: 62px;}
.formGroup.formGroup3{padding-left: 94px;}
.formGroup.formGroup4{padding-left: 74px;}
.formGroup.formGroup5{padding-left: 128px;}
.formGroup label{position: absolute;left: 0px;top: 0px;}

/* 分页 */
.pagination > li > a, .pagination > li > span{font-size: 1.6rem;color: #444;border: none;margin: 0px 10px;background-color: transparent;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color: #03ae87;border-radius: 50%;}
/* 弹框 */
.tankuang{position: fixed;margin: auto;top: 0px;bottom: 0px;left: 0px;right: 0px;width: 70%;z-index: 2000;display: none;min-width: 740px;}
.tankuangClose{position: absolute;right: -47px;top: -57px;}
.tankuangHeader{border-radius: 20px 20px 0px 0px;border-top: 30px solid #03ae87;background-color: #fff;position: relative;}
.tankuangBody{width: 100%;background-color: #fff;}
.tankuangFooter{width: 100%;background-color: #fff;padding-bottom: 40px;}
.tankuangTitle{position: absolute;width: 100%;top: -27px;left: 30px;color: #fff;font-size: 1.8rem;}
/*特殊弹框-采用更改图层层次*/
.tankuang.tankuangShow{display: block;z-index: -99;opacity: 0;}
.tankuang.tankuangShow.isShow{z-index: 2000;opacity: 1;}

.swal-modal{border-radius: 15px 15px 0px 0px;border-top: 15px solid #03ae87;padding-top: 20px;}
.swal-button{background-color: #03ae87;border-radius: 0px;}
.swal-button:hover,.swal-button:active,.swal-button:focus{background-color: #03ae87!important;box-shadow: 0 0 0 0px #fff, 0 0 0 0px rgba(43,114,165,.29);}
.swal-button--cancel{background-color: #efefef!important;}
.swal-button--cancel:hover,.swal-button--cancel:active,.swal-button--cancel:focus{background-color: #efefef!important;}
.swal-button--danger{background-color: #f43e21!important;}
.swal-button--danger:hover,.swal-button--danger:active,.swal-button--danger:focus{background-color: #f43e21!important;}

.swal-icon--success{border-color: #03ae87;} 
.swal-icon--success__line{background-color: #03ae87;}
.swal-icon--success__ring{border-color: hsl(160, 68%, 43%,0.6);}

#tkImg{position: fixed;margin: auto;top: 0px;bottom: 0px;left: 0px;right: 0px;z-index: -99;height: 550px;width: 740px;transition: all 0.2s ease-in-out,z-index 0s;opacity: 0;visibility: hidden;}
#tkImg.show{transition: all 0.2s ease-in-out,z-index 0s;opacity: 1;visibility: visible;z-index: 2002;}
.tkImgBox{width: 100%;height: 500px;background-color: #fff;background-position: center;background-repeat: no-repeat;background-size: contain;}
.imgZhezhao{display: none;width: 100%;height: 100%;position: fixed;background-color: #000;opacity: 0.4;z-index: 2001;top: 0px;left: 0px;}
/* 遮罩 */
.zhezhao{display: none;width: 100%;height: 100%;position: fixed;background-color: #000;opacity: 0.4;z-index: 96;top: 0px;left: 0px;}
.zhezhao1{width: 100%;height: 100%;position: fixed;background-color: #000;opacity: 0;z-index: -10;top: 0px;left: 0px;}
.zhezhao1.show{width: 100%;height: 100%;position: fixed;background-color: #000;opacity: 0.4;z-index: 96;top: 0px;left: 0px;}
/* 离线头像遮罩 */
.offLine{position: relative;overflow: hidden;}
.offLine::after{display: block;width: 100%;height: 100%;content: "";position: absolute;top: 0px;left: 0px;background-color: #eee;opacity: 0.8;}

/*评分星星*/
.starblock{ width:100%; margin:0 0 20px 0; padding-top:10px; padding-left:30%; line-height:21px;height: 34px;}
.starblock .star_score{ float:left;}
.star_list{height:21px;margin:50px; line-height:21px;}
.starblock p,.starblock .attitude{ padding-left:20px; line-height:21px; display:inline-block;font-size: 2rem;color: #444}
.starblock p span{ color:#C00; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif;}
.star_score { background:url(../img/stark2.png); width:160px; height:21px;  position:relative; }
.star_score a{ height:21px; display:block; text-indent:-999em; position:absolute;left:0;}
.star_score a:hover{ background:url(../img/stars2.png);left:0;}
.star_score a.clibg{ background:url(../img/stars2.png);left:0;}
#starttwo .star_score { background:url(../img/starky.png);}
#starttwo .star_score a:hover{ background:url(../img/starsy.png);left:0;}
#starttwo .star_score a.clibg{ background:url(../img/starsy.png);left:0;}
/* .show_number{ padding-left:50px; padding-top:20px;}
.show_number li{ width:240px; border:1px solid #ccc; padding:10px; margin-right:5px; margin-bottom:20px;} */
.atar_Show{background:url(../img/stark2.png); width:160px; height:21px;  position:relative; float:left; }
.atar_Show p{ background:url(../img/stars2.png);left:0; height:21px; width:134px;}
/* .show_number li span{ display:inline-block; line-height:21px;} */

/*收藏*/
.favorite{background: no-repeat 50%;-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;width: 50px;height: 50px;background-image: url(../img/favorite1.png);cursor: pointer;}
.favorite.active{background-image: url(../img/favorite2.png);}
/* 轮播 */
.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
/*.swiper-slide {text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}*/
.swiper-button-nextCNXH{position: absolute;top: 80px;right: -60px;}
.swiper-button-prevCNXH{position: absolute;top: 80px;left: -60px;}
/* .swiper-pagination .swiper-pagination-bullet{background-color: transparent;border: 1px solid #fff;opacity: 1;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}

.swiper-pagination_index>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 3px!important;width: 50px!important;right: -3px!important;left: auto!important;color: #fff!important;}
.swiper-slide_p{position: relative;width: 100%;height: 30px;font-size: 1.4rem;color: #fff;margin-top: 270px;}
.swiper-slide_p>p{position: absolute;bottom: 2px;left: 0px;z-index: 90;padding: 0px 60px 0px 5px;}
.swiper-slide_p:after{content:"";width: 100%;height: 100%;background-color: #000;opacity: 0.6;position: absolute;bottom: 0px;left: 0px;display: block;z-index: 80;} */

.parallax-bg {position: absolute;left: 0;top: 0;width: 130%;height: 100%;-webkit-background-size: cover;background-size: cover;background-position: center;}


.bannerbox{width: 100%;position: relative;height: 456px;}
.bannernews{width: 20%;height: 365px;z-index: 88;position: absolute;right: 30px;top: 0px;bottom: 0px;margin: auto;padding: 30px 20px;}
.bannernews:before{width: 100%;height: 100%;z-index:-1;position: absolute;right: 0px;top: 0px;bottom: 0px;margin: auto;background-color: #fff;opacity: 0.75;display: block;content:"";border-radius: 15px;}
.bannernews a{font-size: 1.8rem;color: #494949;}
.bannernews ul{width: 100%;height: 100%;overflow: hidden;}
.bannernews li{margin-bottom: 20px;}
.bannernews li.active a{color: #03ae87;}
/*轮播（缩略图）*/
.swiper-container.swiper-containerThumbs {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.swiper-container.swiper-containerThumbs .swiper-slide {background-size: cover;background-position: center;}
.swiper-containerThumbs.gallery-top {height: 80%;width: 100%;}
.swiper-containerThumbs.gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.swiper-containerThumbs.gallery-thumbs .swiper-slide {width: 25%;height: 100%;opacity: 0.4;}
.swiper-containerThumbs.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}

/*文件上传*/
#uploadBox{width: 100%;}
.uploadimg{width: 40px;position: absolute;top: 0px;left: 20px;}
.uploaddel{position: absolute;top: -2px;right: 90px;color: #434343;font-size: 1.6rem;}
.uploaddiv{position: relative;margin-bottom: 40px;min-height: 51px;padding: 0px 0px 0px 90px;}
.uploaddiv .info{color: #434343;font-size: 1.8rem;width: 80%;}
.uploaddiv .state{color: #8f8f8f;font-size: 1.4rem;}
.uploadbtns{position: relative;padding: 0px 0px 0px 90px;}
.uploadbtn1{float: left;width: 40%;margin-right: 20px;}
.uploadbtn1 .webuploader-pick{background-color: #495574;font-size: 1.6rem;width: 100%;height: 50px;line-height: 48px;display: block;padding: 0px 0px;border-radius: 8px;}
.uploadbtn1 img{width: 16px;margin-right: 15px;vertical-align: middle;}
.uploadbtn2{float: left;width: 40%;font-size: 1.6rem;height: 50px;line-height: 48px;padding: 0px 0px;border-radius: 8px;}
/*单图上传*/
.oneImgUploader{position: relative;}
.oneImgUploader .thumbnail{padding: 0px;margin-bottom: 0px;border: none;background-color: #e3e3e3;background-image: url(../img/add2.png);border-radius: 10px;}
.oneImgUploader .thumbnail>img{width: 100%;}
.oneImgUploader .info{display: none;}
.oneImgUploader .webuploader-container{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0;}
.oneImgUploader .webuploader-pick{width:100%;height: 100%;}
.oneImgUploaderTS{position: absolute;color: #fff;font-size: 1.6rem;right: 10px;bottom: 10px;}

/*复选框*/
.checkboxUL{width: 100%}
.checkboxli,.checkboxli1{position: relative;padding-left: 30px;font-size: 1.8rem;cursor: pointer;margin-bottom: 10px;} 
.checkboxli:before,.checkboxli1:before{display: block;width: 20px;height: 20px;content: "";background-image: url(../img/cbox.png);background-repeat: no-repeat;position: absolute;left: 0px;top: 3px;background-size: contain;}
.checkboxli.checkboxC:before{background-image: url(../img/cbox1.png);}
.checkboxli1.checkboxC:before{background-image: url(../img/cbox2.png);}

.checkbox{width: 20px;height: 20px;background-image: url(../img/cbox.png);background-repeat: no-repeat;background-size: contain;}
.checkbox.active{background-image: url(../img/cbox2.png);}
.allCheckbox{display: inline-block;width: 20px;height: 20px;background-image: url(../img/cbox.png);background-repeat: no-repeat;background-size: contain;vertical-align: text-top;margin-right: 10px;}
.allCheckbox.active{background-image: url(../img/cbox2.png);}
/*单选框*/
.radioboxUL{width: 100%;padding-top: 6px;}
.radioboxli{position: relative;padding-left: 30px;font-size: 1.8rem;cursor: pointer;margin-bottom: 10px;} 
.radioboxli:before,.radioboxli1:before{display: block;width: 20px;height: 20px;content: "";position: absolute;left: 0px;top: 1px;border: 4px solid #cdcdcd;background-color: #fff;border-radius: 50%;}
.radioboxli.radioboxC:before{background-color: #26c9f2;}
.radioboxli.radioboxRed:before{background-color: #f43e21;}
/*开关*/
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success{background-color: #03ae87!important;}


/*提示框*/
.tishi{font-size: 1.8rem;color: #fff;padding: 10px;background: #ffc200;border-radius: 15px;position: absolute;top: 10px;left: 125px;}
.tishi:before{display: block;content: "";width: 0px;height: 0px;border-width: 14px;border-color: transparent transparent #ffc200 transparent;border-style: solid;position: absolute;top: -26px;left: 28px;}

/*展开提示框*/
.unfoldPromptBox{position: relative;cursor: pointer;}
.unfoldPrompt{position: relative;width: 100%;visibility: hidden;transition: height 0.4s ease-in-out;height: 0px;}
.unfoldPromptBox:hover .unfoldPrompt{visibility: visible;height: 70px;transition: all 0.4s ease-in-out 0.4s;overflow: hidden;}
/*箭头-收起展开*/
.storageA{position: relative;padding-right: 20px;display: block;font-size: 1.5rem;color: #999;}
.storageA:before,.storageA::before{display: block;content: "";width: 14px;height: 14px;background-image: url(../img/down1.png);background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;right: 0px;top: 0px;bottom: 0px;margin: auto;transform: rotate(180deg);transition: all 0.4s ease-in-out;}
.storageA span:first-child{display: none;}
.storageA span:last-child{display: block;}
.storageA.show:before,.storageA.show::before{transform: rotate(0deg);transition: all 0.4s ease-in-out;}
.storageA.show span:first-child{display: block;}
.storageA.show span:last-child{display: none;}
.storageA1{position: relative;padding-left: 20px;display: block;}
.storageA1:before,.storageA1::before{display: block;content: "";width: 14px;height: 14px;background-image: url(../img/down1.png);background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;left: 0px;top: 0px;bottom: 0px;margin: auto;transform: rotate(-90deg);transition: all 0.4s ease-in-out;}
.storageA1.show:before,.storageA1.show::before{transform: rotate(0deg);transition: all 0.4s ease-in-out;}
/*屏幕伸缩按钮*/
.lrScreen{display: none;background-color: #fff;width: 16px;height: 80px;box-shadow: 0px 0px 10px 1px #ccc;border-radius: 0px 18px 18px 0px;justify-content: center;align-items: center;z-index: 80;}
/*悬浮框*/
.suspension{position: absolute;z-index: 99;background-color: #fff;width: 100%;text-align: center;visibility: hidden;transition:all 0.4s;box-shadow: 0px 0px 25px 1px #ccc;border-radius: 5px;font-size: 1.4rem;}
.suspensionTop{border-bottom: 4px solid #03ae87;}
.suspensionTop:before{display: block;content: "";position: absolute;width: 0px;height: 0px;border: 10px solid transparent;border-bottom-color: #fff;top: -19px;left: 0px;right: 0px;margin: auto;}
.suspensionBottom{border-top: 4px solid #03ae87;}
.suspensionBottom:before{display: block;content: "";position: absolute;width: 0px;height: 0px;border: 10px solid transparent;border-top-color: #fff;bottom: -19px;left: 0px;right: 0px;margin: auto;}
.suspension a{display: block;color: #444;}
.suspension a:hover{color: #03ae87;}
.suspension:hover,.suspension.show{visibility: visible;}
/*悬浮按钮*/
.hoverButtons{width: 60px;background-color: #fff;box-shadow: 0px 0px 20px 0px #eee;border-radius: 10px;border: 1px solid #eee;position: fixed;right: 0px;top: 0px;bottom: 0px;margin: auto;z-index: 99;}
.hoverButtons a{font-size: 1.3rem;text-align: center;display: block;padding: 38px 0px 5px 0px;position: relative;}
.hoverButtons a:hover,.hoverButtons a:focus,.hoverButtons a:active,.hoverButtons a.active{color: #fff;}
.hoverButtons a::before{display: block;content: "";height: 30px;background-position: center;background-repeat: no-repeat;background-size: contain;position: absolute;top: 8px;left: 0px;right: 0px;margin: auto;}
.hoverButtonAttendance{color: #03ae87;border-radius: 10px 10px 0px 0px;}
.hoverButtonAttendance:hover,.hoverButtonAttendance:focus,.hoverButtonAttendance:active,.hoverButtonAttendance.active{background-color: #03ae87;}
.hoverButtonAttendance::before{width: 26px;background-image: url(../img/attendance.png);}
.hoverButtonAttendance:hover::before,.hoverButtonAttendance:focus::before,.hoverButtonAttendance:active::before,.hoverButtonAttendance.active::before{background-image: url(../img/attendance1.png);}
.hoverButtonVideo{color: #26c9f2;border-radius: 0px 0px 10px 10px;}
.hoverButtonVideo:hover,.hoverButtonVideo:focus,.hoverButtonVideo:active{background-color: #26c9f2;}
.hoverButtonVideo::before{width: 30px;background-image: url(../img/video2.png);}
.hoverButtonVideo:hover::before,.hoverButtonVideo:focus::before,.hoverButtonVideo:active::before{background-image: url(../img/video3.png);}
/*右侧悬浮框*/
.rightHoverBox{position: fixed;bottom: 50px;right: 0px;}
.rightHoverBox li{position: relative;margin-bottom: 5px;}
.rightHover{width: 54px;height: 54px;background-color: #03ae87;cursor: pointer;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 1.3rem;}
.rightHover p{visibility: hidden;opacity: 0;height: 0px;transition: all 0.2s ease-in-out;}
.rightHoverBox li:hover .rightHover p{visibility: visible;opacity: 1;height: 20px;transition: all 0.2s ease-in-out;}
.rightHoverHint{width: 130px;height: auto;padding: 10px;background-color: #fff;border: 1px solid #03ae87;border-radius: 10px;position: absolute;right: 60px;bottom: -30px;box-shadow: 0px 0px 12px 0px #ccc;visibility: hidden;opacity: 0;transition: all 0.2s ease-in-out;}
.rightHoverBox li:hover .rightHoverHint{visibility: visible;opacity: 1;transition: all 0.2s ease-in-out;bottom: 0px;}
.rightHoverBox li.goTopBtn{opacity: 0;visibility: hidden;transition: all 0.2s ease-in-out;}
.rightHoverBox li.goTopBtn.show{opacity: 1;visibility: visible;transition: all 0.2s ease-in-out;}
/*时间*/
.daterangepicker th.month{clear: both;}
.daterangepicker select.monthselect, .daterangepicker select.yearselect{display: block;float: left;}

.daterangepicker .btn-primary{background: #03ae87;border-color: #03ae87;}



/* 消息滚动 */
/* .scroll-box1{overflow: hidden;height: 280px;}
.scroll-box2{overflow: hidden;height: 200px;} */
/*路径导航*/
.ljNav{width: 80%;margin: auto;}
.breadcrumb{padding: 18px 0px;margin-bottom: 0px;background-color: transparent;}
.breadcrumb > li + li:before{content: ">";color: #999;font-size: 1.4rem;}
.breadcrumb li,.breadcrumb li a{color: #999;font-size: 1.4rem;}
/*富文本*/
.kEditor{width: 100%;height: 500px;}

/*
    *******************************************************************
                                菜单
    *******************************************************************
*/

.indexHeader{min-width: 640px;float: left;}
.functionTopbox{width: 100%;margin: auto;padding: 20px 20px;line-height: 43px;}
.functionTopbox li{margin-right: 34px;}
.indexHeaderUl li a{font-size: 2.1rem;color: #03ae87;padding-bottom: 2px;}
.indexHeaderUl li a:active,.indexHeaderUl li a.active,.indexHeaderUl li a:hover,.indexHeaderUl li a:focus{border-bottom: 4px solid #03ae87;}
.tindexHeader{min-width: 640px;float: left;}
.tindexHeaderUl{display: flex;justify-content: center;align-items: center;height: 100%;position: absolute;left: 166px;right: 240px;top: 0px;}
.tindexHeaderUl li a{font-size: 2.5rem;color: #03ae87;padding-bottom: 2px;}
.tindexHeaderUl li a:active,.tindexHeaderUl li a.active,.tindexHeaderUl li a:hover,.tindexHeaderUl li a:focus{border-bottom: 4px solid #03ae87;}
.functionTopbox .tindexHeaderUl li{margin-right: 100px;}
.functionTopbox .tindexHeaderUl li:last-child{margin-right: 0px;}
/* .functionTop_user{margin-right: 10px;}
.functionTop_userimg{border-radius:50%;width: 50px;height: 50px;} */
.indexSearch{float: left;}
.functionTop_search{border: 1px solid #03ae87;border-radius: 25px;padding: 0px 15px;position: relative;}
.functionTop_search>.form-control{border: none;padding: 6px 30px 6px 65px;}
.functionTop_search>img{position: absolute;right: 12px;top: 8px;}
.functionTop_search select{position: absolute;left: 13px;top: 0px;height: 100%;font-size: 14px;border: none;border-right: 1px solid #03ae87;}
.functionTop_logo{margin-right: 40px;}
/* .functionTop_btn{position: absolute;right: 0px;top: 0px;display: none;z-index: 92;width: 100%;background-color: #03ae87;padding: 10px 20px;}
.functionTop_btn>button{float: right;}
.functionTop_btn>button.btn-default{color: #03ae87;} */
.indexSet{float: right;}
.indexSet a{font-size: 1.6rem;color: #03ae87;}
.indexUser{position: relative;}
.indexUserNav{position: absolute;z-index: 99;top: 60px;left: 0px;background-color: #fff;width: 100%;text-align: center;visibility: hidden;transition:all 0.4s;box-shadow: 0px 0px 25px 1px #ccc;border-radius: 5px;border-bottom: 4px solid #03ae87;font-size: 1.4rem;}
.indexUserNav:before{display: block;content: "";position: absolute;width: 0px;height: 0px;border: 10px solid transparent;border-bottom-color: #fff;top: -19px;left: 0px;right: 0px;margin: auto;}
.indexUserNav a{display: block;color: #444;}
.indexUserNav a:last-child{border-top: 1px solid #ccc;}
.indexUserNav a:hover{color: #03ae87;}
.indexUser:hover .indexUserNav{visibility: visible;}
.indexUser img{width: 50px;height: 50px;border-radius: 50%;}
.indexUser span{font-size: 1.6rem;}
.indexNews{position: relative;}
.indexNews span{display: block;width: 20px;height: 20px;background-color: #f43e21;color: #fff;border-radius: 50%;font-size: 1.3rem;text-align: center;line-height: 20px;position: absolute;right: -10px;top: 5px;overflow: hidden;}
/*主菜单悬浮提示框*/
.indexPromptBox{position: relative;cursor: pointer;}
.indexPrompt{position: absolute;z-index: 99;top: 60px;left: -50px;right: -50px;background-color: #fff;visibility: hidden;transition-delay:0.4s;color: #444;box-shadow: 0px 0px 25px 1px #ccc;padding: 10px 15px;border-radius: 5px;border-bottom: 4px solid #03ae87;font-size: 1.4rem;}
.indexPrompt:before{display: block;content: "";position: absolute;width: 0px;height: 0px;border: 10px solid transparent;border-bottom-color: #fff;top: -19px;left: 0px;right: 0px;margin: auto;}
.indexPromptBox:hover .indexPrompt{visibility: visible;}
.indexPrompt a{display: block;width: 100%;color: #444;}
.indexPrompt a:hover{color: #03ae87;}
.indexPrompt img{border-radius: 50%;width: 24px;height: 24px;object-fit: cover;object-position: center;vertical-align: middle;margin-right: 10px;}
/* .menuTopbox{background-color: #03ae87;font-size: 1.5rem;}
.menuTopbox>div{width: 80%;margin: auto;}
.menuTopbox ul{padding: 8px 0px;}
.menuTopbox li{border-right: 1px solid #fff;line-height: 18px;padding: 0px 20px;} 
.menuTopbox li:first-child{border-right: none;padding-right: 0px;}
.menuTopbox li>a{color: #fff;}
.menuTopbox li>a:hover{color: #fcd20c;} */



.index_navbox{width: 80%;margin: auto;position: relative;padding: 0px 180px 0px 100px;}

.swiper-containerNav .swiper-slide{width: auto;padding:10px 35px;}
.swiper-containerNav a{color: #444;padding: 10px 0px;display: inline-block;border-bottom: 3px solid transparent;font-size: 2.2rem;}
.swiper-containerNav a.active,.swiper-containerNav a:hover{color: #444;border-bottom: 3px solid #03ae87;}

.index_navbox1{display: flex;justify-content: center;}
.index_navbox1 li{position: relative;padding: 10px 35px;}
.index_navbox1 li a{color: #444;padding: 10px 0px;display: inline-block;border-bottom: 3px solid transparent;font-size: 2.2rem;}
.index_navbox1 li a:active,.index_navbox li a.active,.index_navbox li a:focus,.index_navbox li a.focus,.index_navbox li a:hover,.index_navbox li a.hover{color: #444;border-bottom: 3px solid #03ae87;}
.index_nava{position: absolute;font-size: 1.6rem;right: 0px;bottom: 15px;color: #444}
.index_nava:hover,.index_nava:focus,.index_nava:active{color: #444}

.index_classification{width: 100%;margin: auto;padding: 0px 10px 0px 130px;position: relative;}
.index_classification>h4{position: absolute;top: 20px;left: 20px;font-size: 1.4rem;color: #444;}
.index_classification>ul li{padding: 15px 0px;margin-right: 30px;}
.index_classification>ul a{font-size: 1.4rem;color: #444;}
.index_classification>ul a.active,.index_classification>ul a:active,.index_classification>ul a.focus,.index_classification>ul a:focus,.index_classification>ul a.hover,.index_classification>ul a:hover{color: #03ae87;}

/* .index_classification.w_10{width: 100%} */
.classibox{box-shadow: 0px 5px 10px 0px #e4e4e4;border-radius: 0px 0px 10px 10px;}

/* ----------左侧菜单栏---------- */

.nav-tabs{background-color: #f2f2f2;border-bottom: none;padding-top: 5px;}
#main-nav.nav-tabs.nav-stacked > li > a {padding: 4px 10px;font-size: 1.8rem;font-weight: normal;color: #444;border-radius: 0px;border: none;border-left: 6px solid transparent;}
#main-nav.nav-tabs.nav-stacked > li > a > span {color: #4A515B;}
#main-nav.nav-tabs.nav-stacked > li.active > a, #main-nav.nav-tabs.nav-stacked > li > a:hover {color: #03ae87;border-left: 6px solid #03ae87;}
#main-nav.nav-tabs.nav-stacked > li.active > a, #main-nav.nav-tabs.nav-stacked > li > a:hover > span {color: #03ae87;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{background-color: transparent;}
#main-nav.nav-tabs.nav-stacked > li {margin-bottom: 20px;}
/*定义二级菜单样式*/
.secondmenu a {font-size: 10px;color: #4A515B;text-align: center;}
.navbar-static-top {background-color: #212121;margin-bottom: 5px;}
.navbar-brand {background: url('') no-repeat 10px 8px;display: inline-block;vertical-align: middle;padding-left: 50px;color: #fff;}
/* ----------底部---------- */
footer {padding: 30px 0px;}
footer ul{width: 80%;margin: auto;display: flex;justify-content: space-around;flex-wrap: wrap;}
footer ul>li{width: 120px;height: 120px;}

/* ----------面包屑导航---------- */
.breadcrumbNav{display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;}
.breadcrumbNav a{display: block;font-size: 1.4rem;color: #444;margin-right: 10px;}
.breadcrumbNav a:last-child{color: #03ae87;}
.breadcrumbNav img{height: 12px;margin-right: 10px;display: block;}
/*
    *******************************************************************
                                首页
    *******************************************************************
*/

.tankuangXGXQ{height: 650px;}
.tankuangBodyXGXQ{height: 650px;padding:0px 40px 40px 40px;max-height: 500px;overflow-y: auto;}
.interestli{font-size: 1.4rem;color: #03ae87;border: 1px solid #03ae87;cursor: pointer;background-color: #fff;padding: 2px 10px;border-radius: 15px;margin-bottom: 10px;margin-right: 15px;}
.interestli.active{background-color: #03ae87;color: #fff}

.index_more{font-size: 1.6rem;color: #444;float: right;}

.index_ul{display: flex;flex-wrap: wrap;margin-right: -30px;}
.index_ul>li{width: 20%;padding-right: 30px;margin-bottom: 30px}
.index_ul>li>div{width: 100%;height: 100%;border-radius: 15px;box-shadow: 0px 3px 13px 0px #545454;background-color: #fff;}
.index_ul>li h3{height: 60px;overflow: hidden;}



.index_ul3{display: flex;flex-wrap: wrap;}
.index_ul3>li{width: 100%;margin-bottom: 10px}
.index_ul3>li>div{width: 100%;height: 100%;border-radius: 15px;box-shadow: 0px 3px 13px 0px #545454;background-color: #fff;}
.index_ulimg3{height: 145px;border-radius: 15px 15px 0px 0px;}
.index_ul3>li h3{height: 60px;overflow: hidden;}

.index_ulimg{height: 130px;border-radius: 15px 15px 0px 0px;}
.index_uldel{text-decoration: line-through;}
.index_ulvip{color: #f53813}
.index_ulvip>span{color: #fff;background-color: #f53813;display: inline-block;border-radius: 10px;font-size: 1.2rem;height: 17px;width: 38px;vertical-align: middle;text-align: center;line-height: 17px;margin-right: 3px;}
.index_ulsvip{color: #fcd20c}
.index_ulsvip>span{color: #fcd20c;background-color: #343130;display: inline-block;border-radius: 10px;font-size: 1.2rem;height: 17px;width: 38px;vertical-align: middle;text-align: center;line-height: 17px;margin-right: 3px;}
.index_lookers{color: #f53813}
.index_lookers>img{height: 20px;margin-right: 3px;}
.index_lookers>span{color: #737373;}

.index_huiyuan{width: 100%;height: 500px;background-image: url(../img/tu15.png);position: relative;}
.index_huiyuan>h2{position: absolute;left: 10%;font-size: 2.8rem;color: #fff;top: 15px;}
.index_huiyuan>a{position: absolute;right: 10%;font-size: 1.8rem;color: #fff;top: 23px;}
.index_huiyuan>a>span{display: inline-block;width: 20px;height: 20px;border-radius: 50%;background-color: #03ae87;margin-left: 10px;margin-right: 5px;vertical-align: text-bottom;}
.index_huiyuan ul{width: 60%;height:100%;margin: auto;display: flex;justify-content: space-around;align-items: center;}
.index_huiyuan li{width: 30%;height: 400px;background-color: #fff;border-radius: 15px;text-align: center;padding: 20px 20px;position: relative;}
.index_huiyuan li a{position: absolute;bottom: 20px;left: 0px;right: 0px;margin: auto;font-size: 2rem;color: #fff;background-color: #03ae87;text-align: center;width: 120px;height: 38px;line-height: 36px;border-radius: 30px;}
.index_huiyuan li p{margin-bottom: 20px;font-size: 1.8rem;}
.index_huiyuan li h4{font-size: 2.4rem}



/*登录*/
.tankuangLogin{width: 400px;height: 510px;}
.tankuangBodylogin{padding: 10px 30px 10px 30px;}
.loginDiv{position: relative;margin-bottom: 15px;}
.loginDiv>img{position: absolute;height: 30px;top: 4px;left: 20px;}
.loginDiv>input{padding-left: 40px;}
.loginAbtn{border: 1px solid #444;font-size: 1.4rem;color: #444;background-color: #fff;display: inline-block;width: 130px;}
.loginAbtn:hover{border-color: #03ae87;background-color: #03ae87;color: #fff;}
.loginPbtn{border: 1px solid #444;background-color: #fff;font-size: 1.6rem;vertical-align: top;}
.loginPbtn:hover{border-color: #ff4200;background-color: #ff4200;color: #fff;}
.yzm_H_item{width:160px;display:inline-block;vertical-align: top;}
a.yzm_H{width:17px;height:18px;font:10px/18px 'Microsoft Yahei';color:#999;display:inline-block;background:url(../img/icon_h.png) no-repeat left top;text-align:center;margin-left:15px;cursor:pointer}
a.yzm_H:hover{color:#ff4200;background:url(../img/icon_h_hober.png) no-repeat left top}
.loginCapt{width:108px;height:40px;border:#ccc 1px solid;display:inline-block;margin-left:13px}
.loginNav li a{color: #444;padding: 10px 0px;display: inline-block;border-bottom: 3px solid transparent;font-size: 1.8rem;width: 100%;}
.loginNav li a:active,.loginNav li a.active,.loginNav li a:focus,.loginNav li a.focus{color: #03ae87;border-bottom: 3px solid #03ae87;}
.loginNav li a:hover,.loginNav li a.hover{color: #03ae87;}
/*
    *******************************************************************
                                课程分类
    *******************************************************************
*/

.contentBox{display: flex;flex-wrap: nowrap;}
.content_left{flex:7;}
.content_left1{float: left;width: 80%;padding-right: 40px;}

.classiLeftNav{flex: 1;padding-right: 40px;min-width: 235px;}

.classiLNav{display: block;float: left;width: 50%;text-align: center;font-size: 2rem;border-radius: 15px 0px 0px 0px;border: 1px solid #03ae87;color: #03ae87;background-color: #fff;padding: 15px 0px;line-height: 1.4;}
.classiLNav.active{background-color: #03ae87;color: #fff;}
.cEduLNav{display: block;float: left;width: 50%;text-align: center;font-size: 2rem;border-radius: 0px 15px 0px 0px;border: 1px solid #03ae87;color: #03ae87;background-color: #fff;padding: 15px 0px;line-height: 1.4;}
.cEduLNav.active{background-color: #03ae87;color: #fff;}

.classinav{background-color: #f2f2f2;border-radius: 15px;}
.content_leftnav{font-size: 1.6rem;color: #444;}
.content_leftnav li{padding: 10px 20px;margin-right: 20px;}
.content_leftnav li a{font-size: 1.6rem;color: #444;}
.content_leftnav li a:active,.content_leftnav li a.active,.content_leftnav li a:hover{color: #03ae87;}

.content_leftnav>.float_r ul{display: none;position: absolute;background-color: #fff;border: 1px solid #444;right: 8px;top: 42px;}
.content_leftnav>.float_r:hover ul{display: block;}
.content_leftnav>.float_r li{margin-right: 0px;}
.content_leftnav>.float_r li:hover{background-color: #03ae87;color: #fff;cursor: pointer;}

.classitj{background-color: #f2f2f2;border-radius: 15px;padding: 10px;}
.content_right{flex:1;padding-left: 40px;}
.content_right1{float: left;width: 20%;}
/*职业提升*/
.classiLNavBox{float: left;width: 100%;/*display: none;*/}
/* .classiLNavBox.active{display: block;} */
.classiLNavBox h2{text-align: center;padding: 15px 0px;border-bottom: 1px solid #03ae87;background-color: #fff;cursor: pointer;}
.classiLNavBox li:last-child h2{border-bottom: none;}
.classiLNavBox li{position: relative;}
.classiLNavDiv{position: absolute;left: 100%;top: 0px;width: 500px;background-color: #03ae87;z-index: 20;padding: 10px;visibility: hidden;transition:all 0.4s;opacity: 0;}
.classiLNavDiv:before{display: block;content: "";position: absolute;left: -20px;top: 18px;border: 10px solid transparent;width: 0px;height: 0px;border-right-color: #03ae87;z-index: 20;}
.classiLNavBox li:hover .classiLNavDiv{visibility: visible;opacity: 1;}
.classiLNavDiv table{text-align: left;}
.classiLNavDiv td{color: #fff;font-size: 1.5rem;font-weight: bold;}
.classiLNavDiv tr td:first-child{width: 110px;}
.classiLNavDiv .table > thead > tr:first-child > td,.classiLNavDiv .table > tbody > tr:first-child > td,.classiLNavDiv .table > tfoot > tr:first-child > td{border-top: none;}
.classiLNavA{color: #fff;position: relative;border-left: 1px solid #fff;font-size: 1.4rem;padding: 0px 10px;display: inline-block;font-weight: normal;}

.index_ul1{display: flex;flex-wrap: wrap;margin-right: -30px;}
.index_ul1>li{width: 25%;padding-right: 30px;margin-bottom: 72px}
.index_ul1>li>a{width: 100%;height: 100%;border-radius: 15px;box-shadow: 0px 3px 13px 0px #545454;background-color: #fff;display: block;}

.classiStar{height: 21px;display: flex;justify-content: center;margin-bottom: 15px;}

.classiLabel_red{color: #fff;background-color: #f53813;display: inline-block;border-radius: 10px;font-size: 1.2rem;height: 17px;width: 38px;vertical-align: middle;text-align: center;line-height: 17px;}
.classiLabel_blue{color: #fff;background-color: #26c9f2;display: inline-block;border-radius: 10px;font-size: 1.2rem;height: 17px;width: 38px;vertical-align: middle;text-align: center;line-height: 17px;}
.classiLabel_green{color: #fff;background-color: #03ae87;display: inline-block;border-radius: 10px;font-size: 1.2rem;height: 17px;width: 38px;vertical-align: middle;text-align: center;line-height: 17px;}
.classiLabel_black{color: #fcd20c;background-color: #343130;display: inline-block;border-radius: 10px;font-size: 1.2rem;height: 17px;width: 38px;vertical-align: middle;text-align: center;line-height: 17px;}

.videoBox{width: 100%;height: auto;position: relative;/*box-shadow: #555 0px 0px 3px;*/}

/* .videoDiv{width: 50%;position: absolute;top: 0px;right: 0px;z-index: 88;bottom: 0px;overflow: hidden;padding: 20px 30px;}
.videoDiv:before{display: block;content: "";position: absolute;width: 100%;height: 100%;background-color: #fff;opacity: 1;top: 0px;right: 0px;z-index: -1;}
.videoDiv>h1{width: 100%;height: 54px;margin-bottom: 50px;overflow: hidden;} */
.shareBox{font-size: 1.6rem;position: relative;/*right: 0px;top: 13px;float: right;*/margin-right: 30px;}
.shareUl{position: absolute;/*right: 2px;top: 30px;*/left: -70px;bottom: -39px;width: 175px;padding: 5px 10px;box-shadow: 0px 0px 4px 0px #b5b5b5;background-color: #fff;visibility: hidden;transition:all 0.4s;z-index: 20;}
.shareBox:hover .shareUl,.shareUl:hover{visibility: visible;}

.videoDiv{width: 25%;position: absolute;top: 0px;right: 0px;padding: 0px 0px 0px 20px;z-index: 88;bottom: 0px;overflow: hidden;}
.videoDiv:before{display: block;content: "";position: absolute;width: 100%;height: 100%;background-color: #000;opacity: 0.7;top: 0px;right: 0px;z-index: -1;}
#videoOverflowY{overflow-y: auto;height: 100%;}
.videoDiv li{position: relative;padding-left: 40px;margin-bottom: 10px;}
.videoDiv li a.active,.videoDiv li a:active,.videoDiv li a.hover,.videoDiv li a:hover{color: #03ae87;}
.videoDiv li img{position: absolute;left: 1px;top: 6px;}

.videoTop{position: absolute;top: 0px;left:0px;width: 100%;background-color: #444;display: block;color: #fff;padding: 3px 15px;}
.videoTop a{color: #fff;font-size: 1.4rem;}

.videoContent{width: 100%;min-height: 100px;position: relative;background-color: #03ae87;}
.videoContentL{width: 75%;color: #fff;padding: 20px 30px;}
.videoContentL h3{font-size: 2.4rem;margin-bottom: 15px;}
.videoContentL span{font-size: 1.6rem;margin-right: 30px;float: left;}
.videoContentR{width: 25%;font-size: 3.6rem;color: #fff;text-align: center;}

.videoshow{width: 75%;position: relative;padding-top: 26px;}
.videoshow>img{position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;margin: auto;}

.videoUser{position: absolute;left: 0px;top: 27px;width:100%;text-align:center;color: #fff;opacity: 0.3;
    -moz-animation:videoUserMove  100s  linear  20s  infinite  alternate;
    -webkit-animation:videoUserMove  100s  linear  20s  infinite  alternate;
    -o-animation:videoUserMove  100s  linear  20s  infinite  alternate;
    animation:videoUserMove  100s  linear  20s  infinite  alternate;
}
@keyframes videoUserMove{
    0%{left:-40%;}
    100%{left:40%;}
}
.danmu-player-full-screen .rightHoverBox1{display: block;}
.rightHoverBox1{position: fixed;bottom: 50px;right: -26px;z-index: 2000;transition: all 0.2s ease-in-out;display: none;}
.rightHoverBox1:hover{right: 0px;transition: all 0.2s ease-in-out;}
.rightHoverBox1 li{position: relative;margin-bottom: 5px;}
.rightHover1{width: 54px;height: 54px;background-color: #000;border: 1px solid #999;cursor: pointer;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 1.3rem;}
.rightHover1 p{visibility: hidden;opacity: 0;height: 0px;transition: all 0.2s ease-in-out;}
.rightHoverBox1 li:hover .rightHover1 p{visibility: visible;opacity: 1;height: 20px;transition: all 0.2s ease-in-out;}
.rightHoverHint1{width: 130px;height: auto;padding: 10px;background-color: #fff;border-radius: 10px;position: absolute;right: 60px;bottom: -30px;visibility: hidden;opacity: 0;transition: all 0.2s ease-in-out;}
.rightHoverBox1 li:hover .rightHoverHint1{visibility: visible;opacity: 1;transition: all 0.2s ease-in-out;bottom: 0px;}

.contentDetailBox{display: flex;}
.contentDetailBoxL{padding:0px 30px 0px 30px;width: 75%; }
.contentDetailBoxL .float_ul li{padding: 20px 0px;margin-right: 80px;}
.contentDetailBoxL .float_ul li a{font-size: 2.2rem;color: #444}
.contentDetailBoxL li a.active,.contentDetailBoxL li a:active,.contentDetailBoxL li a.hover,.contentDetailBoxL li a:hover{color: #03ae87;}
.contentDetailBoxR{padding: 0px 0px 0px 20px;width: 25%;}
.cdetailbox{padding: 0px 10px 30px 20px;}

.contentDetailIMGbox{position: relative;padding: 20px 10px 0px 120px;min-height: 140px;}
.contentDetailIMG{width: 90px;height: 100px;border-radius: 50%;background-color: #03ae87;position: absolute;left: 0px;top: 20px;display: block;}
.contentDetailIMGbox3{position: relative;padding: 20px 20px 20px 170px;min-height: 140px;border-bottom: 1px solid #d0d0d0;}
.contentDetailIMG3{width: 120px;height: 120px;border-radius: 50%;background-color: #03ae87;position: absolute;left: 20px;top: 20px;display: block;}

.contentDetailml li{padding: 10px 190px 10px 10px;border-bottom: 1px solid #d8d8d8;position: relative;width: 100%;}
.contentDetailml li:hover{background-color: #e1ffe3;}
.videoDetailR{position: absolute;right: 0px;top: 0px;width: 180px;height: 100%;z-index: 10;}
.videoTime{font-size: 1.4rem;color: #999;float: left;width: 90px;padding: 10px;overflow: hidden;}
.videoTime img{height: 20px;margin-right: 5px;vertical-align: text-bottom;}
.videoDetailR a{display: block;font-size: 1.4rem;float: left;width: 90px;padding: 8px 10px;overflow: hidden;}
.videoDetailR a img{height: 23px;margin-right: 5px;vertical-align: bottom;}
.videoPlayBtnBox{position: absolute;right: 0px;top: 3px;width: 180px;height: 100%;z-index: 30;padding-right: 10px;display: none;text-align: right;}
.contentDetailml li:hover .videoPlayBtnBox{display: block;}
.downLoadData{position: absolute;left: 10px;transform: rotate(0deg);top: 15px;transition: all 0.2s ease-in-out;}
.contentDetailml li.active .downLoadData{transform: rotate(-90deg);transition: all 0.2s ease-in-out;}
.courseEvaluate{float: left;border-radius: 5px;font-size: 1.2rem;padding: 3px 10px;margin-top: 7px;margin-left: 5px;width: 70px;}

.cdetailpl{background-color: #f2f2f2;border-radius: 20px;padding: 5px 0px;}
.contentDetailpl{line-height: 50px;padding: 0px 20px;}
.contentDetailpl li{float: left;padding: 0px 30px;}
.contentDetailpl li:before{content: "";display: inline-block;height: 20px;width: 20px;background-color: #999;border-radius: 50%;vertical-align: sub;margin-right: 20px;}
.contentDetailpl li.active:before{background-color: #fff;border: 4px solid #03ae87;}
.contentDetailpl li:hover{cursor: pointer;}
.contentDetailpl li.active a{color: #03ae87;}
.contentDetailpl a{font-size: 1.8rem;color: #444;}
.contentDetailplli{min-height: 105px;padding: 0px 0px 15px 120px;position: relative;margin-bottom: 15px;border-bottom: 1px solid #e2e2e2;}
.contentDetailplimg{position: absolute;width: 110px;left: 0px;top: 10px;}
.contentDetailplimg>div{width: 80px;height: 80px;border-radius: 50%;margin: auto}

.contentDetailbm{position: relative;width: 100%;padding-left: 200px;min-height: 160px;margin-bottom: 40px;}
.contentDetailbmimg{position: absolute;width: 158px;height:160px;left: 0px;top: 10px;}
.contentDetailbmTK{padding: 25px 125px;}

.contentDetailxzli{min-height: 105px;padding: 0px 0px 15px 120px;position: relative;margin-bottom: 15px;border-bottom: 1px solid #e2e2e2;}
.contentDetailxzimg{position: absolute;width: 100px;height: 100px;left: 0px;top: 0px;border-radius: 10px;}

.contentXZli{min-height: 105px;padding: 0px 76px 20px 156px;position: relative;margin-bottom: 20px;border-bottom: 1px solid #e2e2e2;}
.contentXZimg{position: absolute;width: 130px;height: 130px;left: 0px;top: 0px;border-radius: 10px;}
.contentXZc{height: 60px;margin: 10px 0px 15px 0px;overflow: hidden;}
.contentXZa{position: absolute;top: 10px;right: 24px;}
.contentXZa a{margin-bottom: 10px;}
.contentXZa1{position: absolute;top: 35px;right: 17px;}
.contentXZli.contentXZli1{min-height: 152px;}
.contentXZli.contentXZli2{min-height: 172px;padding-bottom: 36px;}

.downloadUser{padding: 20px 10px;box-shadow: 0px 5px 10px 0px #e4e4e4;border-radius: 0px 0px 10px 10px;}
.downloadUser1{padding: 15px 15px 30px 15px;margin-top: 20px;box-shadow: 0px 5px 10px 0px #e4e4e4;border-radius: 10px;}
.userBox{min-height: 100px;padding: 0px 0px 0px 100px;position: relative;}
.userImg{position: absolute;width: 80px;height: 80px;left: 0px;top: 0px;border-radius: 50%;}


/*协同育人*/
.cEduLNavBox{float: left;width: 100%;/*display: none;*/}
/* .cEduLNavBox.active{display: block;} */

.cEdu_ul{display: flex;flex-wrap: wrap;margin-right: -30px;}
.cEdu_ul>li{width: 50%;padding-right: 30px;margin-bottom: 40px}
.cEdu_ul>li>a{width: 100%;height: 100%;border-radius: 15px;box-shadow: 0px 3px 13px 0px #545454;background-color: #fff;display: block;position: relative;padding: 15px 20px 15px 285px;}
.cEdu_ulimg{width: 250px;position: absolute;left: 15px;top: 15px;bottom: 15px;border-radius: 5px;}
.cEdu_intro{height: 60px;overflow: hidden;width: 100%;text-indent: 25px;margin-bottom: 10px;}
.cEdu_ul .label{position: absolute;right: 20px;top: 15px;margin-bottom: 0px;font-weight: normal;padding: 4px 8px;font-size: 1.4rem;}

.cEduSchoolLogo{padding: 15px 10px 30px 10px;background-color: #fff;text-align: center;}
.cEduSchoolLogo img{max-height: 80px;}
.contentDetailIMGbox2{position: relative;padding: 20px 10px 0px 120px;min-height: 120px;}
.contentDetailIMG2{width: 90px;height: 90px;border-radius: 50%;background-color: #03ae87;position: absolute;left: 0px;top: 20px;display: block;}
/*
    *******************************************************************
                                职业认证中心
    *******************************************************************
*/
.certification{position: absolute;font-size: 1.6rem;top: 35px;right: 30px;}
.functionTop_logo h1{font-size: 2.8rem;font-weight: bold;color: #03ae87;padding-top: 5px;}
.certificationBox{padding: 40px 40px 20px 40px;border-bottom: 1px solid #dedede;}
.certificationImg{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.certificationImg img{width: 50%;}
.certificationPhone{padding: 40px 0px;font-size: 1.6rem;background-color: #f2fffc;text-align: center;color: #777;}
.certiRecordBox{padding: 40px;}
.certiul{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.certili{width: 220px;margin-right: 30px;margin-bottom: 30px;}
.certili select{height: 40px;}
.certili h6{font-size: 1.4rem;border: 1px solid #ccc;color: #555;background-color: #fff;border-radius: 4px;padding: 0px 12px;height: 40px;width: 100%;line-height: 1.2;text-align: center;display: flex;justify-content: center;align-items: center;}
.certiliA{position: relative;display: block;width: 100%;font-size: 1.4rem;padding: 10px 40px 10px 12px;color: #989898;}
.certiliA:before{display: block;content: "";position: absolute;right: 10px;top: 10px;width: 20px;height: 20px;border-radius: 50%;border: 5px solid #989898;}
.certiliA.active{color: #03ae87;}
.certiliA.active:before{border-color: #03ae87;}
.certiliA>span{display: none;}
.certiliA>span.active{display: inline-block;}
.certiApplyDiv{margin-bottom: 20px;position: relative;border: 1px solid #ccc;background-color: #fff;border-radius: 4px;padding-left: 100px;height: 38px;}
.certiApplyDiv label{position: absolute;left: 0px;top: 8px;font-size: 1.6rem;width: 100px;text-align: center;}
.certiApplyDiv .form-control{border: none;font-size: 1.6rem;padding: 6px 20px;text-align: right;}
.certiApplyDiv .radioboxUL li{float: right;margin-top: 5px;}
.certiQRbox{display: flex;justify-content: center;}
/*
    *******************************************************************
                                直播教室
    *******************************************************************
*/
.live_ul{display: flex;flex-wrap: wrap;margin-right: -40px;margin-bottom: 32px;}
.live_ul>li{width: 25%;padding-right: 40px;margin-bottom: 40px}
.live_ul>li>a{width: 100%;height: 100%;border-radius: 15px;box-shadow: 0px 3px 13px 0px #545454;background-color: #fff;display: block;}
.liveStreaming{position: absolute;font-size: 1.6rem;top: 35px;right: 180px;}
.live_ulimg{width: 100%;height: 210px;background-color: #444;position: relative;border-radius: 15px 15px 0px 0px;}
.live_ulimg:before,.live_ulimg::before{display: block;content: "";width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;background-color: #000;opacity: 0.3;border-radius: 15px 15px 0px 0px;}
.livePlayBtn{margin: auto;position: absolute;top: 140px;left: 0px;right: 0px;text-align: center;}
.livePlayBtn1{position: absolute;top: 12px;left: 22px;}
.live_ulimg img{width: 40px;top: 80px;left: 0px;right: 0px;margin: auto;position: absolute;}
/*状态：liveVideoBox1-初始缩屏状态，右侧弹幕列表；liveVideoBox2-全屏状态，弹幕列表移入左侧底部；liveVideoBox3-全屏状态，右侧弹幕列表展开*/
.liveVideoBox{width: 100%;height: auto;position: relative;}
.liveTitle{position: absolute;top: 15px;left: 15px;right: 10px;font-size: 1.6rem;color: #fff;}
.liveVideoshowbox{width: 75%;position: relative;height: 560px;}
.liveVideoBox2 .liveVideoshowbox{width: 100%;position: fixed;height: 100%;left: 0px;top: 0px;z-index: 100;}
.liveVideoBox3 .liveVideoshowbox{width: 80%;position: fixed;height: 100%;left: 0px;top: 0px;z-index: 100;}
.liveVideoDiv{width: 25%;position: absolute;top: 0px;right: 0px;z-index: 88;bottom: 0px;overflow: hidden;padding-bottom: 94px;}
.liveVideoBox3 .liveVideoDiv{width: 20%;position: fixed;height: 100%;z-index: 100;}
.liveVideoDiv:before{display: block;content: "";position: absolute;width: 100%;height: 100%;background-color: #252525;top: 0px;right: 0px;z-index: -1;}
.liveVideoBox2 .liveVideoDiv{position: fixed;width: 350px;top: auto;bottom: 46px;left: 0px;right: auto;z-index: 101;height: 250px;padding-bottom: 0px;}
.liveVideoBox2 .liveVideoDiv:before{opacity: 0;}
.liveVideoDiv h3{display: block;}
.liveVideoBox2 .liveVideoDiv h3{display: none;}
/* .liveVideoDiv li{color: #fff;padding: 15px 20px;font-size: 1.3rem;position: relative;}
.liveVideoDiv li h4{font-size: 1.6rem;margin-bottom: 6px;padding-right: 50px;} */
/* .liveVideoDiv li.liveLi h4{padding-left: 34px;} */
/* .liveVideoDiv li p{opacity: 0.6;padding-right: 100px;} */
/* .liveVideoDiv li.liveLi p{padding-right: 0px;} */
/* .liveVideoDiv li .liLabel{padding: 3px 6px;background-color: #ddd;font-size: 1.2rem;color: #666;position: absolute;right: 0px;top: 10px;line-height: 1;}
.liveVideoDiv li.liveLi .liLabel{background-color: #ff7200;color: #fff;} */
/* .liveVideoDiv li .btn{position: absolute;right: 10px;top: 36px;} */
.liveVideoTitle{visibility: hidden;opacity: 0;transition: all 0.2s ease-in-out;transition-delay: 0.4s;padding: 15px 20px;font-size: 1.6rem;color: #fff;background-color: #000;position: absolute;left: 0px;top: 0px;width: 100%;z-index: 999;}
.liveVideoshow .liveVideoTitle{visibility: visible;transition: all 0.2s ease-in-out;opacity: 1;}
.liveVideoBtns{visibility: hidden;opacity: 0;transition: all 0.2s ease-in-out;transition-delay: 0.4s;width: 100%;height: 46px;background-color: #000;position: absolute;bottom: 0px;left: 0px;line-height: 46px;padding: 0px 20px;z-index: 999;}
.danmakuSwitch{font-size: 1.4rem;float: left;color: #fff;display: none;}
.liveVideoBox2 .danmakuSwitch{display: block;}
.liveVideoshow .liveVideoBtns{visibility: visible;transition: all 0.2s ease-in-out;opacity: 1;}
.fullScreen{display: block;width: 20px;height: 20px;background-position: center;background-repeat: no-repeat;background-size: contain;background-image: url(../img/fullScreen.png);margin-top: 13px;}
.shrinkageScreen{display: block;width: 20px;height: 20px;background-position: center;background-repeat: no-repeat;background-size: contain;background-image: url(../img/shrinkageScreen.png);margin-top: 13px;}
.liveVideoBox1 .fullScreen{display: block;}
.liveVideoBox1 .shrinkageScreen{display: none;}
.liveVideoBox2 .fullScreen,.liveVideoBox3 .fullScreen{display: none;}
.liveVideoBox2 .shrinkageScreen,.liveVideoBox3 .shrinkageScreen{display: block;}
.danmakuList{color: #fff;font-size: 1.4rem;padding: 10px 20px;line-height: 20px;opacity: 0;transition: all 0.2s ease-in-out;visibility: hidden;overflow-y: auto;height: 100%;}
.danmakuList.show{opacity: 1;transition: all 0.2s ease-in-out;visibility: visible;}
.liveVideoBox2 .danmakuList,.liveVideoBox3 .danmakuList{font-size: 1.6rem;line-height: 24px;}
.danmakuInput{visibility: hidden;opacity: 0;transition: opacity 0.2s ease-in-out,visibility 0.2s ease-in-out;transition-delay: 0.4s;width: 25%;position: absolute;right: 0px;bottom: 0px;height: 46px;background-color: #f2f2f2;z-index: 89;}
.danmakuInput.show{visibility: visible;transition: opacity 0.2s ease-in-out,visibility 0.2s ease-in-out;opacity: 1;}
.liveVideoBox2 .danmakuInput{position: fixed;left: 0px;right: 0px;bottom: 0px;margin: auto;z-index: 101;background-color: transparent;}
.liveVideoBox3 .danmakuInput{position: fixed;z-index: 101;width: 20%;}
.danmakuInput .dw_pR{padding: 10px 46px 10px 10px;}
.danmakuInput img{position: absolute;right: 10px;top: 10px;}
.danmakuSubmit{padding: 0px 6px;font-size: 1.2rem;position: absolute;right: 6px;top: 3px;visibility: hidden;opacity: 0;;transition: all 0.2s ease-in-out;transition-delay: 0.2s;}
.danmakuInputBox.show .danmakuSubmit{visibility: visible;transition: all 0.2s ease-in-out;opacity: 1;}
.danmakuInputBox{position: relative;width: 100%;}
.danmakuInputBox input{width: 100%;height: 26px;padding: 0px 50px 0px 7px;}
.liveVideoSign{visibility: hidden;transition: all 0.2s ease-in-out;position: absolute;width: 0px;top: 150px;right: 0px;font-size: 1.4rem;text-align: center;z-index: 99;}
.liveVideoBox2 .liveVideoSign{position: fixed;top: auto;bottom: 46px;}
.liveVideoBox3 .liveVideoSign{position: fixed;top: 30%;}
.liveVideoSign.show{transition: all 0.2s ease-in-out;visibility: visible;width: 200px;}
.liveVideoSign .dw_pR{padding-top: 24px;padding-bottom: 20px;width: 100%;}
.liveVideoSign .dw_pR:before{display: block;content: "";position: absolute;width: 100%;height: 100%;background-color: #fff;top: 0px;left: 0px;z-index: -1;opacity: 0.9;border-radius: 15px 0px 0px 15px;}
.liveVideoSign p{width: 200px;overflow: hidden;height: 20px;}
.liveVideoBox2 .lrScreen{display: flex;position: fixed;top: 0px;bottom: 0px;right: 0px;margin: auto;transform: rotate(-180deg);z-index: 101;transition: all 0s;}
.liveVideoBox3 .lrScreen{display: flex;position: fixed;top: 0px;bottom: 0px;right: 20%;margin: auto -16px auto auto;z-index: 101;transition: all 0s;}


.liveVideoContent{width: 100%;min-height: 100px;position: relative;background-color: #fff;}
.liveVideoContentL{width: 75%;color: #444;padding: 20px 150px 20px 30px;position: relative;}
.liveVideoContentL h2{position: absolute;font-size: 2.4rem;right: 30px;top: 30px;color: #03ae87;}
.liveVideoContentL h3{font-size: 2.4rem;margin-bottom: 15px;}
.liveVideoContentL span{font-size: 1.6rem;margin-right: 30px;float: left;color: #989898;}
.liveVideoContentR{width: 25%;color: #fff;text-align: center;padding: 20px 20px;}
.liveVideoContentR .btn{font-size: 1.8rem;padding: 10px 30px;}
.liveIMGbox{position: relative;padding: 20px 10px 0px 70px;min-height: 100px;}
.liveIMG{width: 50px;height: 50px;border-radius: 50%;background-color: #03ae87;position: absolute;left: 0px;top: 20px;display: block;}
.pieProgressBox{position: absolute;left: 15px;top: 8px;width: 24px;height: 24px;border: 2px solid #03ae87;border-radius: 50%;}
.liveIntro{width: 100%;height: 140px;overflow: hidden;}
.courseProgress{position: absolute;right: 20px;top: 70px;left: -175%;text-align: right;}
.liveNotice li{padding: 20px;border-bottom: 1px dashed #ccc;}
.liveNotice li:last-child{border-color: transparent;}
.liveNotice .label{font-size: 1.2rem;line-height: 10px;padding: 3px 5px;display: inline-block;margin-right: 8px;}
.eReplyBox{margin-left: -20px;margin-right: -20px;background-color: #f2f2f2;padding: 10px 20px;}

.liveWorks li{width: 100%;background-color: #f2f2f2;position: relative;padding: 20px 256px 20px 100px;margin-bottom: 15px;}
.liveWorks li:before,.liveWorks li::before{display: flex;content: "";width: 24px;height: 100%;left: 0px;top: 0px;position: absolute;background-color: #f2f2f2;color: #fff;font-size: 1.4rem;justify-content: center;align-items: center;text-align: center;line-height: 18px;}
.liveWorks li.canSubmit:before,.liveWorks li.canSubmit::before{content: "可提交";background-color: #26c9f2;}
.liveWorks li.submitted:before,.liveWorks li.submitted::before{content: "已提交";background-color: #03ae87;}
.liveWorks li.unfinished:before,.liveWorks li.unfinished::before{content: "未完成";background-color: #f43e21;}
.liveWorks li .btnbox{position: absolute;top: 0px;bottom: 0px;right: 20px;margin: auto;width: auto;height: 36px;display: flex;flex-wrap: nowrap;justify-content: right;align-items: center;}
.liveWorks li .btn{width: 100px;height: 36px;color: #fff;font-size: 1.5rem;display: flex;justify-content: center;align-items: center;margin-left: 15px;}
.liveWorks li .btn:focus,.liveWorks li .btn:active,.liveWorks li .btn:hover{color: #fff;}
.liveWorks li.canSubmit .btn{background-color: #26c9f2;}
.liveWorks li.submitted .btn:first-child{background-color: #03ae87;}
.liveWorks li.submitted .btn:last-child{background-color: #495574;}
.liveWorks li.unfinished .btn{background-color: #f43e21;}
.workLabel{position: absolute;top: 0;bottom: 0;left: 40px;margin: auto;height: 50px;width: 30px;}
.workBox{position: relative;width: 100%;padding: 20px 0px 20px 60px;border-bottom: 2px solid #03ae87;margin-bottom: 20px;}
.workBox .workLabel{left: 0px;}
.liveHeader{padding: 20px;}
.liveHeader span{display: inline-block;vertical-align: middle;}
.liveHeader .btn{display: inline-block;border: 1px solid #03ae87;color: #03ae87;margin-right: 80px;position: relative;}
.liveHeader .btn:after,.liveHeader .btn::after{display: block;content: "";position: absolute;right: -40px;top: 3px;bottom: 3px;width: 1px;height: auto;z-index: 99;background-color: #03ae87;}
.liveCourse{width: 25%;position: absolute;top: 0px;right: 0px;z-index: 88;bottom: 0px;overflow: hidden;}
.liveCourseML{overflow-y: auto;position: relative;padding-bottom: 50px;}
.liveCourse li{padding: 10px 106px 10px 50px;background-color: #fff;border-bottom: 1px dashed #03ae87;position: relative;width: 100%;}



.liveTabul{width: 100%;background-color: #f8f8f8;}
.liveTabul li{font-size: 1.5rem;text-align: center;height: 40px;padding-left: 0px;line-height: 40px;overflow: hidden;margin-bottom: 0px;border-bottom: 1px solid #03ae87;cursor: pointer;}
.liveTabul li.active{background-color: #fff;color: #03ae87;border-color: #fff;}
.liveTabTeacher{position: relative;padding: 22px 80px 10px 60px;height: 60px;border-bottom: 1px solid #03ae87;}
.liveTabTeacher img,.liveTabPeople img{width: 40px;height: 40px;position: absolute;border-radius: 50%;top: 10px;left: 10px;}
.liveTabTeacher .label{position: absolute;right: 10px;top: 20px;}
.liveTabTeacher h3,.liveTabPeople h3{font-size: 1.6rem;width: 100%;}
.liveTabPeople{position: relative;padding: 22px 10px 10px 60px;height: 60px;border-bottom: 1px solid #03ae87;}
.dmContent{padding: 10px 20px;}
.dmContent p{font-size: 1.5rem;color: #737373;}
.dmContent p.font_green{color: #03ae87;}
.dmBox{width: 25%;position: absolute;right: 0px;bottom: 0px;height: 50px;display: flex;justify-content: center;align-items: center;box-shadow: 0px -5px 5px 0px #f0f0f0;background-color: #fff;z-index: 110;}

@-webkit-keyframes line-scale-pulse-out {
    0% {-webkit-transform: scaley(1);transform: scaley(1); }
    50% {-webkit-transform: scaley(0.4);transform: scaley(0.4); }
    100% {-webkit-transform: scaley(1);transform: scaley(1); } 
}
@keyframes line-scale-pulse-out {
    0% {-webkit-transform: scaley(1);transform: scaley(1); }
    50% {-webkit-transform: scaley(0.4);transform: scaley(0.4); }
    100% {-webkit-transform: scaley(1);transform: scaley(1); } 
}
.line-scale-pulse-out > div {background-color: #fff;width: 4px;height: 25px;margin: 2px;
    -webkit-animation-fill-mode: both;animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85);
            animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85); 
}
.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
    -webkit-animation-delay: 0.2s !important;animation-delay: 0.2s !important; 
}
.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
    -webkit-animation-delay: 0.4s !important;animation-delay: 0.4s !important; 
}
@-webkit-keyframes line-scale-pulse-out1 {
    0% {height: 15px; }
    50% {height: 5px; }
    100% {height: 15px; } 
}
@keyframes line-scale-pulse-out1 {
    0% {height: 15px; }
    50% {height: 5px; }
    100% {height: 15px; } 
}
.line-scale-pulse-out1{display: flex;align-items: flex-end;height: 15px;}
.line-scale-pulse-out1 > div {background-color: #f33513;width: 3px;height: 15px;margin-right: 3px;
    -webkit-animation-fill-mode: both;animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: line-scale-pulse-out1 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85);
            animation: line-scale-pulse-out1 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85); 
}
.line-scale-pulse-out1 > div:nth-child(2), .line-scale-pulse-out1 > div:nth-child(4) {
    -webkit-animation-delay: 0.2s !important;animation-delay: 0.2s !important; 
}
.line-scale-pulse-out1 > div:nth-child(1) {
    -webkit-animation-delay: 0.4s !important;animation-delay: 0.4s !important; 
}

.danmu-player .ctrl-btn-right.multipleChoice{position: relative;}
.danmu-player .ctrl-btn-right.multipleChoice ul{position: absolute;bottom: 35px;left: 0px;background-color: #333;width: 100%;z-index: 1100;color: #708090;display: none;}
.danmu-player .ctrl-btn-right.multipleChoice ul.show{display: block;}
.danmu-player .ctrl-btn-right.multipleChoice ul li:hover,.danmu-player .ctrl-btn-right.multipleChoice ul li:active,.danmu-player .ctrl-btn-right.multipleChoice ul li:focus,.danmu-player .ctrl-btn-right.multipleChoice ul li.active{color: #fff;}
.danmu-player .ctrl-btn-right.volume{position: relative;}
.danmu-player .ctrl-btn-right.volume .allvolume{position: absolute;bottom: 35px;right: 0px;width: 100%;z-index: 1100;padding: 0px 6px;display: none;}
.danmu-player .ctrl-btn-right.volume .allvolume.show{display: block;}
.danmu-player .ctrl-btn-right.volume .allvolumeDiv{position: relative;padding: 16px 0px 10px 0px;background-color: #333;}
.volumeForbid{position: absolute;left: 0px;top: 2px;opacity: 0;}
.volumeForbid.show{opacity: 1;}

/*
    *******************************************************************
                                众包中心
    *******************************************************************
*/
.outNavBox{background-color: #f2f2f2;border-radius: 8px;}
.outBanner{height: 360px;}
.float_out{margin-right: -20px;}
.float_out li{width: 50%;padding-right: 20px;}
.outli{min-height: 200px;padding: 20px 20px 20px 250px;position: relative;margin-bottom: 60px;border-radius: 15px;box-shadow: 0px 8px 21px 0px #bbb;background-color: #fff;cursor: pointer;}
.outImgBox{position: absolute;width: 210px;left: 20px;top: 20px;}
.outImg{width: 100%;height: 147px;margin-bottom: 10px;}

.outlabel{position: absolute;border-radius: 10px;width: 100px;height: 32px;line-height: 30px;top: 22px;left: 0px;transform:rotate(-30deg);z-index: 88;text-align: center;}
.outlabel_blue{font-size: 1.5rem;color: #fff;background-color: #26c9f2;}
.outlabel_red{font-size: 1.5rem;color: #fff;background-color: #f22b26;}
.outlabel_green{font-size: 1.5rem;color: #fff;background-color: #03ae87;}
.outlabel_yellow{font-size: 1.2rem;color: #444;background-color: #ffc700;}
.outlabel_yellow1{font-size: 1.5rem;color: #fff;background-color: #ffc700;}
.outlabel_black{font-size: 1.5rem;color: #fff;background-color: #232323;}
.outlabel_purple{font-size: 1.5rem;color: #fff;background-color: #ad8ee8;}

.outDetailbox{position: relative;min-height: 280px;padding: 40px 60px 70px 340px;}
.outDetailimg{position: absolute;top: 40px;left: 20px;width: 300px;height: 200px;}
.outDetailsc{position: absolute;top: 20px;right: 20px;}
.outDetailbtn{position: absolute;bottom: 20px;right: 20px;}
.outDetailTask .col-lg-6{min-width: 200px;}
.outDetailcontent{background-color: #f2f2f2;padding: 40px 20px 40px 20px;}

.outNavleft{width: 15%;float: left;padding-top: 20px;}
.outLeft{width: 65%;float: left;padding-right: 40px;padding-left: 40px;}
.outLeft1{width: 85%;float: left;padding-left: 40px;}
.outRight{width: 20%;float: left;}

.outNavUl{width: 100%;background-color: #fff;box-shadow: 0px 5px 10px 0px #e4e4e4;border-radius: 10px;}
.outNavUl li{width: 100%;cursor: pointer;position: relative;}
.outNavUl li:after{display: block;content: "";width: 8px;height: 15px;position: absolute;right: 10px;top: 12px;background-image: url(../img/next.png);background-repeat: no-repeat;background-position: center center;background-size: contain;transition: all 0.5s;}
.outNavUl li.noNavSecond:after{opacity: 0;}
.outNavUl li.active:after{transform: rotateZ(90deg);transition: all 0.5s;}
.outNavUl li h3{font-size: 1.8rem;color: #444;padding: 10px 30px 10px 20px;}
.outNavUl li:hover h3{color: #03ae87;border-left: 2px solid #03ae87;}
.outNavUl li.active h3{color: #03ae87;border-left: 2px solid #03ae87;}

.outNavSecond{background-color: #f8f8f8;padding-top: 10px;display: none;}
.outNavSecond a{display: block;font-size: 1.4rem;padding-bottom: 10px;padding-left: 30px;color: #999;}
.outNavSecond a:hover,.outNavSecond a.active{color: #03ae87;}

.outSort{position: relative;}
.outSort:before{display: block;content: "";border: 7px solid transparent;border-bottom-color: #999;width: 0;height: 0;top: -5px;right: -20px;position: absolute;}
.outSort:after{display: block;content: "";border: 7px solid transparent;border-top-color: #999;width: 0;height: 0;bottom: -5px;right: -20px;position: absolute;}
.outSort.outSort1:before{border-bottom-color: #03ae87;}
.outSort.outSort2:after{border-top-color: #03ae87;}
.outFilterMoney{width: 458px;position: relative;}
.content_leftnav li.outFilterMoney{padding-top: 0px;}
.outFilterMoney input{width: 120px;display: inline-block;padding: 6px 12px 6px 20px;}
.outFilterMoney:before{display: block;position: absolute;content: "￥";top: 8px;left: 23px;font-size: 1.6rem;}
.outFilterMoney:after{display: block;position: absolute;content: "￥";top: 8px;left: 168px;font-size: 1.6rem;}
.outTKmoney{width: 50%;position: relative;}
.outTKmoney:before{display: block;position: absolute;content: "￥";top: 8px;left: 23px;font-size: 1.6rem;}
.outTKmoney input{padding: 6px 12px 6px 30px;}
.outTKbody{padding: 10px 20px;}
.tkFB{height: 600px;}

.auditTitle{width: 100%;position: relative;text-align: center;}
.auditTitle:before{display: block;content: "";width: 100%;border-top: 1px solid #999;position: absolute;top: 10px;left: 0px;z-index: -1;}
.auditTitle span{background-color: #f8f8f8;padding: 10px 20px;font-size: 2rem;}
.audit{margin-top: 10px;width: 100%;background-color: #f2f2f2;padding: 30px 30px 10px 30px;border-radius: 15px;}
.audit li{width: 100%;position: relative;padding: 10px 165px 10px 0px;margin-bottom: 20px;}
.audit p{font-size: 1.6rem;}
.audit a{display: block;background-color: #03ae87;font-size: 1.5rem;color: #fff;position: absolute;right: 0px;padding: 7px 40px;top: 4px;border-radius: 30px;}
/*商家服务*/
.businessNav{position: absolute;left: 0px;top: 0px;}
.businessNav a{font-size: 2.4rem;padding: 10px 20px 6px 20px;margin-right: 20px;display: inline-block;color: #999;}
.businessNav a.active{border-bottom: 4px solid #03ae87;color: #03ae87;}
.content_leftnav li.checkboxli1{margin-bottom: 0px;font-size: 1.6rem;padding: 10px 20px 10px 30px;}
.content_leftnav li.checkboxli1:before{top: 10px;}
.businessul{margin-right: -20px;}
.businessul li{width: 25%;padding-right: 20px;}
.businessli{min-height: 200px;position: relative;margin-bottom: 60px;border-radius: 15px;box-shadow: 0px 8px 21px 0px #bbb;background-color: #fff;cursor: pointer;}
.businessImg{padding: 10px;border-bottom: 1px solid #03ae87;} 
.businessImg div{width: 100%;height: 147px;}
.businessHeader{border-bottom: 1px solid #03ae87;padding: 25px 77px 20px 65px;position: relative;min-height: 70px;}
.businessTX{width: 50px;height: 50px;border-radius: 50%;position: absolute;top: 10px;left: 10px;}
.businessHeader h3{font-size: 1.6rem;font-weight: bold;}
.businessSite{position: absolute;width: 66px;font-size: 1.4rem;color: #999;right: 5px;top: 23px;}
.businessBody{padding: 15px 10px 20px 10px;}
.businessBody h5{font-size: 1.6rem;height: 52px;overflow: hidden;margin-bottom: 15px;}
.businessBox{padding: 40px 30px;}
.businessBoxL{height: 430px;width: 50%;float: left;position: relative;}
.businessBoxR{width: 50%;float: left;padding-left: 30px;}
.businessBoxR h1{font-size: 2.3rem;height: 50px;width: 100%;overflow: hidden;margin-bottom: 30px;}
.businessShopBox{border-top: 1px solid #03ae87;border-bottom: 1px solid #03ae87;padding: 0px 192px 0px 0px;position: relative;margin-bottom: 20px;}
.businessShop{position: relative;width: 100%;height: 100%;padding: 30px 0px 36px 70px;min-height: 90px;cursor: pointer;}
.businessShop h3{font-size: 1.8rem;font-weight: bold;}
.businessShop p{font-size: 1.3rem;color: #999;position: absolute;bottom: 7px;left: 0px;}
.businessShopBox button{position: absolute;right: 0px;top: 28px;}
.businessShopBox .businessSite{right: 118px;top: 32px;}
.businessBuy{position: relative;font-size: 1.6rem;padding: 10px 240px 10px 0px;margin-top: 15px;margin-bottom: 15px;}
.businessBuy button{position: relative;}
.businessBuy a{position: absolute;right: 0px;top: 0px;}
/* .businessBuy input{margin-left: 10px;margin-right: 10px;} */
/*商家店铺*/
.businessul li.bShopli{width: 33.33%;}
.bShopli .businessHeader{border-bottom: none;}
.bShopScope{position: relative;width: 100%;padding: 0px 15px 15px 99px;height: 70px;overflow-y: auto;}
.bShopScope p{position: absolute;left: 15px;top: 0px;font-size: 1.6rem;}
.bShopMoney{min-width: 180px;margin-bottom: 10px;}
.bShopIntro{position: relative;padding: 0px 142px 15px 15px;}
.bShopIntro a.btn-danger{position: absolute;right: 15px;top: 5px;}
.bShopIntro a.btn-primary{position: absolute;right: 15px;top: 43px;}
.bShopIntro p{height: 80px;overflow: hidden;line-height: 1.4;font-size: 1.4rem;}
.shopContent .contentDetailBox{width: 75%;}
.shopContent .contentDetailBoxL{width: 100%;padding: 0px;}
.shop{position: fixed;right: 120px;top: 200px;width: 320px;background-color: #fff;box-shadow: 0px 8px 21px 0px #bbb;border-radius: 10px;}
.shop .businessHeader{border-bottom: none;padding: 16px 77px 30px 65px;}
.shop .businessSite{top: 16px;}
.shopScore{position: absolute;left: 60px;bottom: 10px;}
.contentDetailBoxL .shopNavBox .content_leftnav li{padding: 15px 20px;margin-right: 20px;}
.contentDetailBoxL .shopNavBox .content_leftnav li a{font-size: 1.6rem;color: #444;}
.contentDetailBoxL .shopNavBox .content_leftnav li a:active,.shopNavBox .content_leftnav li a.active,.shopNavBox .content_leftnav li a:hover{color: #03ae87;}
.shopSearch{width: 286px;float: left;padding: 2px 20px 7px 20px;}
.shopSearch .functionTop_search>.form-control{padding: 6px 30px 6px 100px;}
.shopBusiness{padding-top: 30px;}
.contentDetailBoxL .shopBusiness .businessul li{width: 33.33%;padding: 0px 20px 0px 0px;margin-right: 0px;}
.shopBusiness .businessBody{padding: 15px 10px 10px 10px;}
.shopCaseBox{margin-right: -20px;}
.shopCase{padding-right: 20px;width: 25%;margin-bottom: 50px;float: left;}
.shopCase a{display: block;width: 100%;}
.shopCaseImg{width: 100%;height: 150px;}
/*
    *******************************************************************
                                资源素材
    *******************************************************************
*/
.downSBox{width: 100%;background-image: url(../img/sBg.jpg);height: 400px;position: relative;min-width: 1200px;}
.downSearch{width: 700px;position: absolute;margin: auto;top: 0px;left: 0px;right: 0px;bottom: 0px;height: 50px;}
.downSearch input{width: 100%;height: 50px;border-radius: 50px;border: 1px solid #03ae87;font-size: 1.6rem;padding: 10px 210px 10px 40px;}
.downSearch select{position: absolute;top: 0px;width: 110px;border: 1px solid #03ae87;right: 80px;border-radius: 0px;height: 50px;font-size: 1.6rem;padding: 10px;}
.downSearch img{position: absolute;top: 14px;right: 33px;width: 22px;cursor: pointer;}

.down_navbox{width: 80%;margin: auto;position: relative;padding: 0px 100px 0px 100px;text-align: center;}
.down_navDiv a{width: auto;padding:10px 0px;border-bottom: 3px solid transparent;font-size: 2.2rem;color: #444;margin: 10px 35px;display: inline-block;}
.down_navDiv a.active,.down_navDiv a:hover{color: #444;border-bottom: 3px solid #03ae87;}
.down_navSelect{position: absolute;font-size: 1.6rem;color: #444;right: 0px;top: 10px;}
.down_navSelect ul{display: none;position: absolute;background-color: #fff;border: 1px solid #444;right: 8px;top: 42px;width: 100%;z-index: 20;}
.down_navSelect:hover ul{display: block;}
.down_navSelect li{padding: 10px;}
.down_navSelect li:hover{background-color: #03ae87;color: #fff;cursor: pointer;}

/* .downloadTXBox{float: left;position: relative;padding: 0px 10px 0px 56px;max-width: 50%;height: 40px;}
.downloadTX{width: 40px;height: 40px;border-radius: 50%;position: absolute;top: 0px;left: 10px;} */

.downloadUl{display: flex;flex-wrap: wrap;margin-right: -40px;}
.downloadUl>li{width: 20%;padding-right: 40px;margin-bottom: 40px;height: 280px;}
.downloadUl>li>div{width: 100%;height: 100%;border-radius: 4px;position: relative;padding: 215px 20px 20px 20px;transition: all ease-out 0.5s;}
.downloadUl>li>div:hover{box-shadow: 0px 3px 13px 0px #ccc;background-color: #fff;transition: all ease-out 0.5s;margin-top: -10px;}
.downloadUl .index_ulimg{position: absolute;width: 100%;height:200px;;left: 0px;top: 0px;border-radius: 4px 4px 0px 0px;}
.downloadUl>li>div h3{height: 50px;color: #777;font-size: 1.5rem;}
.downloadBtns{position: absolute;top: 155px;right: 5px;z-index: 8;opacity: 0;transition: all ease-out 0.5s;}
.downloadBtns a{display: inline-block;width: 34px;height: 34px;position: relative;text-align: center;margin-right: 5px;}
.dCollect{background-image: url(../img/collect1.png);background-position: center;background-repeat: no-repeat;background-size: 60%;}
.dCollect.active{background-image: url(../img/collect2.png);}
.dLoad{background-image: url(../img/download2.png);background-position: center;background-repeat: no-repeat;background-size: 58%;}
.downloadBtns a:after,.downloadBtns a::after{display: block;content: "";position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;background-color: #000;opacity: 0.6;border-radius: 4px;z-index: -1;}
.downloadUl>li>div:hover .downloadBtns{opacity: 1;transition: all ease-out 0.5s;}

.dLoadNav{position: relative;display: none;padding-left: 50px;padding-right: 50px;}
.dLoadNav.active{display: block;}
.dLoadNavLabel{position: absolute;left: 0px;top: 0px;font-size: 1.6rem;}
.dLoadNavBtn{position: absolute;right: 0px;top: 0px;transition: all 0.5s;transform: rotate(0deg);}
.dLoadNavBtn.active{transform: rotate(180deg);transition: all 0.5s;}
.dLoadNavUl{width: 100%;overflow: hidden;height: 30px;
    -moz-transition: height 1s;
    -webkit-transition: height 1s;
    -o-transition: height 1s;
    transition: height 1s;
}
.dLoadNavUl:after{content: '';display: block;clear: both;}
.dLoadNavUl.active{overflow: auto;height: auto;
    -moz-transition: height 1s;
    -webkit-transition: height 1s;
    -o-transition: height 1s;
    transition: height 1s;}
.dLoadNavUl>li{float: left;font-size: 1.6rem;margin-right: 30px;margin-bottom: 10px;cursor: pointer;}
.dLoadNavUl>li.active{color: #03ae87;}
.dLContent{position: relative;width: 100%;min-height: 600px;padding-left: 830px;}
.dLContentLeft{position: absolute;width: 800px;left: 0px;right: 0px;}
.swiper-containerDLDetailTop{height: 450px;width: 100%;margin-left: auto;margin-right: auto;margin-bottom: 15px!important;}
.swiper-containerDLDetailTop .swiper-slide {background-size: cover;background-position: center;}
.swiper-containerDLDetailThumbs {height: 100px;box-sizing: border-box;padding: 10px 0;width: 100%;margin-left: auto;margin-right: auto;}
.swiper-containerDLDetailThumbs .swiper-slide {opacity: 0.4;background-size: cover;background-position: center;}
.swiper-containerDLDetailThumbs .swiper-slide-thumb-active {opacity: 1;}

/*
    *******************************************************************
                                大赛中心
    *******************************************************************
*/
.gameNavBox{width: 80%;margin: 30px auto 20px auto;text-align: center;min-width: 1200px;}
.gameNavBox a{margin: 0px 30px;font-size: 1.8rem;background-color: #eee;color: #444;border-radius: 20px;}
.gameNavBox a.active{background-color: #03ae87;color: #fff;}
.game_ul{display: flex;flex-wrap: wrap;margin-right: -80px;}
.game_ul>li{width: 33%;padding-right: 80px;margin-bottom: 72px}
.game_ul>li>a{width: 100%;height: 100%;box-shadow: 0px 3px 13px 0px #545454;background-color: #fff;display: block;}
.gameImg{height: 252px;position: relative;}
.gameEnd .gameImg:before{display: block;content: "";position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;background-color: #000;opacity: 0.8;z-index: 20;}
.gameEnd .gameImg:after{display: block;content: "";position: absolute;width: 200px;height: 200px;top: 0px;left: 0px;right: 0px;bottom: 0px;margin: auto;background: no-repeat 50%;-webkit-background-size: contain; -moz-background-size:contain; -o-background-size:contain; background-size: contain;background-image: url(../img/gameEnd.png);z-index: 21;}
.gameTag{float: left;font-size: 1.8rem;border-radius: 15px 0px 0px 15px;height: 34px;line-height: 34px;}
.gameStart .gameTag{background-color: #f43e21;padding: 0px 15px 0px 30px;color: #fff;position: relative;}
.gameStart .gameTag:before{display: block;content: "";position: absolute;width: 0px;height: 0px;border: 17px solid transparent;border-left-color: #f43e21;top: 0px;right: -34px;}
.gameEnd .gameTag{background-color: #dedede;padding: 0px 40px 0px 30px;color: #999;position: relative;}
.gameEnd .gameTag:before{display: block;content: "";position: absolute;width: 0px;height: 0px;border: 17px solid transparent;border-right-color: #fff;top: 0px;right: 0px;}
.gameTime{float: right;font-size: 1.6rem;color: #999;padding-top: 16px;}
/*.gameEnd .gameTime{display: none;}*/
.gameWorksBox{width: 100%;position: relative;}
.gameWorksBox img{width: 100%;}
.gameWorksBtn{position: relative;text-align: center;margin-top: 30px;margin-bottom: 30px;}
.gameWorksBtn1{padding: 15px 40px 15px 30px;font-size: 2.4rem;border-radius: 20px 0px 50px 0px;}
.gameWorksBtn2{padding: 15px 30px 15px 40px;font-size: 2.4rem;margin-left: 60px;border-radius: 50px 0px 20px 0px;position: relative;}
.gameWorksBtn2:before{display: block;content: "/";position: absolute;left: -46px;top: -14px;color: #999;font-size: 6rem;}
.gamePublicity{width: 100%;}
.gamePublicity img{width: 100%;}
.tkWorks{height: 680px;}
.gameWorksContent{width: 100%;background-color: #fff;box-shadow: 0px 5px 10px 0px #e4e4e4;border-radius: 0px 0px 10px 10px;padding: 50px;}
.gameWorksContent img{display: block;max-width: 100%;margin: auto;}
/*赛事定制*/
.custBg{margin-bottom: 30px;background-image: url(../img/bg2.png);width: 100%;height: 650px;}
.custAdvantage{width: 1200px;margin: 30px auto 30px auto;}
.custAdvantage li{width: 400px;padding: 0px 20px;}
.custAdvantageDiv{text-align: center;height: 400px;padding: 30px 50px;}
.customizationBox{width: 100%;background-color: #fff;padding: 30px;}
.customizationImg{text-align: center;float: left;padding-top: 0px;width: 50%;}
/*作品展示*/
.worksTitle{text-align: center;color: #533f8c;height: 50px;margin-bottom: 50px;margin-top: 50px;}
.worksTitle span{position: relative;padding: 10px 15px 10px 40px;border: 1px solid #533f8c;border-radius: 5px;height: 48px;display: inline-block;}
.worksTitle img{position: absolute;left: -30px;top: 2px;}
.worksImg{margin-bottom: 20px;padding: 0px 30px;text-align: center;}
.worksImg img{max-width: 100%;}
/*
    *******************************************************************
                                申请开店
    *******************************************************************
*/
.addShopTitle{width: 100%;background-color: #03ae87;text-align: center;color: #fff;padding: 10px;margin-bottom: 50px;}
.businessTypeBox{border: 1px solid #03ae87;padding: 20px;display: none;}
.table tr td.businessTypeTitle{font-size: 1.6rem;padding: 0px 20px;min-width: 150px;text-align: center;font-weight: bold;border-top: none;}
.table tr td.businessType{padding: 20px 20px 10px 20px;border-top: none;}
.businessTypeSubmit{display: none;}
.businessTypeSubmit.active{display: block;}
/*我的店铺*/
.myShopHeader.functionTopbox{width: 100%;padding: 20px 20px;}
.myShopBox{width: 100%;display: flex;align-items: stretch;min-width: 1200px;}
.myShopNavleft{width: 15%;background: linear-gradient(45deg, #03ae87, #88d4aa);min-height: 100%;}
.myShopNavleft ul{width: 100%;}
.myShopNavleft li{width: 100%;cursor: pointer;position: relative;height: 40px;}
.myShopNavleft li:after{display: block;content: "";position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;background-color: #fff;opacity: 0;z-index: 1;}
.myShopNavleft li a{font-size: 1.8rem;color: #fff;padding: 10px 30px 10px 20px;border-left: 6px solid transparent;display: block;width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;z-index: 2;}
.myShopNavleft li svg{fill: #fff;width: 20px;height: 20px;margin-right: 10px;vertical-align: bottom;}
.myShopNavleft li:hover a,.myShopNavleft li.active a{/*color: #444;*/border-left: 6px solid #ffc700;}
.myShopNavleft li:hover:after,.myShopNavleft li.active:after{opacity: 0.3;}
/* .myShopNavleft li:hover svg,.myShopNavleft li.active svg{fill: #444;} */
/*概览*/
.myShopRight{width: 85%;padding-right: 40px;padding-left: 40px;}
.myShopName{float: left;width: 50%;position: relative;padding: 38px 20px 38px 120px;}
.myShopName>div{position: absolute;left: 0px;top: 0px;width: 100px;height: 100px;border-radius: 50%;}
.myShopStatistics{float: right;width: 50%;padding-top: 10px;}
.myShopStatistics li{width: 30%;text-align: center;font-size: 3rem;border-right: 1px solid #444;padding: 10px 10px;}
.myShopStatistics li:last-child{border-right: none;}
.myShopStatistics li>h3{font-size: 2rem;margin-bottom: 20px;}
.myShopBasic{float: left;width: 50%;background-color: #fff;padding: 20px;}
.myShopAmount{float: right;width: 47%;}
.myShopAmountBox{background-color: #fff;margin-bottom: 20px;padding: 20px;}
.myShopAmountBox li{padding: 8px 20px;border-right: 1px solid #444;font-size: 1.6rem;text-align: center;min-width: 125px;}
.myShopAmountBox li:last-child{border-right: none;}
.myShopAmountBox h3{font-size: 1.6rem;margin-bottom: 10px;}

.myShopNav{position: relative;padding: 20px 0px 0px 0px;}
.myShopNav a{font-size: 2.4rem;padding: 10px 30px 10px 30px;display: inline-block;color: #999;background-color: #e8e8e8;border-radius: 8px 8px 0px 0px;margin-right: 5px;}
.myShopNav a.active{color: #03ae87;background-color: #fff;}
/*店铺资料*/
.myShopContentL{float: left;width: 60%;position: relative;}
.myShopContentR{float: left;width: 40%;position: relative;}
/*服务管理*/
.myShopTable{text-align: center;}
.myShopTable th{text-align: center;font-size: 1.6rem;}
.myShopTable th select{font-size: 1.6rem;font-weight: bold;}
.myShopTable td{font-size: 1.4rem;}
/*订单管理*/
.myOrderli.myShopOrderlibtn{padding: 20px 10px;}

/*
    *******************************************************************
                                个人中心
    *******************************************************************
*/
/*我的课程*/
.myCoursesBox{background-color: #f2f2f2;padding-top: 20px;padding-bottom: 20px;}
.mycourseL,.mycourseR{float: left;width: 50%;}
.myCoursesNav{background-color: #f2f2f2;border-radius: 10px;margin-top: 40px;}
.courseSearch{width: 300px;background-color: #fff;border-radius: 25px;margin-top: 4px;margin-right: 30px;}
.courseSearch .functionTop_search>.form-control{height: 30px;padding: 0px 30px 0px 16px;background-color: transparent;}
.courseSearch .functionTop_search>img{top: 6px;}
.courseCall{display: flex;justify-content: flex-start;align-items: center;padding: 20px 0px;}
.courseTX{width: 60px;height: 60px;margin-right: 20px;border-radius: 50%;}
/*我的订单*/
.myOrderNav{display: flex;flex-wrap: nowrap;justify-content: space-around;background-color: #f2f2f2;border-radius: 20px;}
.myOrderNav li{text-align: center;padding: 10px 0px;}
.myOrderNav li a{font-size: 1.6rem;color: #333;}

.myOrderBox{display: flex;flex-wrap: nowrap;justify-content: space-around;height: 172px;}

.myOrderli1{width: 40%;}
.myOrderli2{width: 15%;}
.myOrderli3{width: 10%;}
.myOrderli4{width: 10%;}
.myOrderli5{width: 15%;}
.myOrderli6{width: 10%;}
.myOrderli{height: 100%;padding: 0px 10px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}


.myOrder_ul li{background-color: #f2f2f2;border-radius: 20px;margin-top: 30px;height: 212px;}
.myOrderimg{position: absolute;width: 200px;height: 148px;left: 20px;top: 0px;border-radius: 10px;}
.myOrderimgBox{height: 100%;position: relative;padding: 0px 20px 20px 240px;}
.myOrdertitle{height: 128px;overflow: hidden;}
/*我的收藏*/
.collectLabel{position: absolute;right: 0px;bottom: 10px;}
.collectLabel span{display: block;position: relative;background-color: #f43e21;color: #fff;padding: 0px 10px 0px 5px;height: 26px;line-height: 26px;}
.collectLabel span:before{display: block;content: "";width: 0px;height: 0px;border: 13px solid transparent;border-right-color: #f43e21;position: absolute;left: -26px;top: 0px;}
.collectCircle.contentXZimg{border-radius: 50%;}
.collectP{position: absolute;left: 170px;bottom: 10px;}

.myRescourcebtn{position: absolute;right: 15px;top: 4px;}
.myResourceaddBox{background-color: #f2f2f2;padding: 15px 40px 40px 40px;}
.myResourceaddBox .contentDetailBox{display: block;}
.myResourceaddBox .contentDetailBoxL{width: 75%;float: left;}
.myResourceaddBox .contentDetailBoxR{width: 25%;float: left;}

.myCreateli{min-height: 105px;padding: 20px 76px 20px 273px;position: relative;margin-bottom: 20px;background-color: #f2f2f2;border-radius: 10px;}
.myCreateliimg{position: absolute;width: 230px;height: 130px;left: 17px;top: 20px;border-radius: 10px;}
.myCreatelia{position: absolute;bottom: 17px;right: 17px;}
.myCreatelia1{position: absolute;top: 17px;right: 17px;}
.myCreateTable{margin-top: 15px;}
.table.myCreateTable > thead > tr > th, .table.myCreateTable > tbody > tr > th, .table.myCreateTable > tfoot > tr > th, .table.myCreateTable > thead > tr > td, .table.myCreateTable > tbody > tr > td, .table.myCreateTable > tfoot > tr > td{padding: 12px 8px 0px 0px;}
.myCreateImg{width: 30%;}
.myCreateImg .oneImgUploader .thumbnail>img{height: 220px;}
.myCreateImgs{width: 70%;height: 220px;position: relative;padding-left: 50px;}
.myCreateImgs:after{display: block;content: "";width: 0px;height: 0px;border-width: 27px;border-color: transparent #b9b9b9 transparent transparent;border-style: solid;position: absolute;top: 82px;left: 0px;}
.myCreateImgsBox{background-color: #e3e3e3;border-radius: 10px;width: 100%;height: 100%;padding: 10px 20px 10px 20px;}
.myCreateImgss{overflow-x: auto;width: 100%;height: auto;margin-top: 20px;}
.myCreateImgss ul{white-space:nowrap;}
.myCreateImgss li{width: 220px;height: 130px;margin-right: 15px;display: inline-block;border-radius: 5px;}

.myWalletInfo{margin-left: -20px;margin-right: -20px;}

.myWalletNav{padding: 20px 20px;}
.myWalletNav li{padding: 0px 20px;margin-right: 20px;}
.myWalletNav li a{font-size: 2rem;color: #444;padding-bottom: 5px;}
.myWalletNav li a:active,.myWalletNav li a.active,.myWalletNav li a:hover{border-bottom: 4px solid #03ae87;}

.myOrderBox.myWalletBox{padding-bottom: 20px;}
.myOrderimgBox.myWalletimgBox{padding-bottom: 0px;}
.myWalletli2{border-left: 1px solid #dedede;}

.myInfoNav{margin-left: -20px;margin-right: -20px;margin-bottom: 40px;}
.myInfoNav.content_leftnav li a{font-size: 2.2rem;}

.myInfoDetail{position: relative;padding: 0px 80px 10px 127px;margin-top: 40px;}
.myInfoDetail0{width: 100%;margin-bottom: 20px;min-height: 30px;}
.myInfoDetail1{width: 60%;margin-bottom: 20px;min-height: 30px;}
.myInfoDetail2{width: 40%;margin-bottom: 20px;min-height: 30px;}
.myInfoTX{width: 100px;height: 100px;border-radius: 50%;position: absolute;top: 0px;left: 0px;}
.myInfoEdit{position: absolute;bottom: 30px;right: 0px;}
.myInfoEdit .font_blue:hover,.myInfoEdit .font_blue:active,.myInfoEdit .font_blue:focus{color: #26c9f2;}
.myInfoEdit .font_green:hover,.myInfoEdit .font_green:active,.myInfoEdit .font_green:focus{color: #03ae87;}

.myInfoDetailBox{position: relative;}
.contentDetailBoxL .float_ul li.myInfoDetailBox{padding: 0px 30px 0px 30px;margin-right: 0px;}
.myInfoDetailBox>img{position: absolute;top: 2px;left: 0px;}
.myInfoDetailBox>div{position: relative;}
.myInfoDetailBox .inputBox{position: absolute;top: -9px;left: 0px;width: 100%;display: none}
.myInfoDetailBox .inputBox.myInfoAddressbox{position: relative;}

.myInfoPurpose{position: relative;padding: 0px 80px 0px 0px;margin-top: 40px;margin-bottom: 30px;}
.myInfoAdd{position: absolute;top: 0px;right: 0px;}
.myInfoAdd .font_blue:hover,.myInfoAdd .font_blue:active,.myInfoAdd .font_blue:focus{color: #26c9f2;}

.myInfoTable.table > thead > tr > th, .myInfoTable.table > tbody > tr > th, .myInfoTable.table > tfoot > tr > th, .myInfoTable.table > thead > tr > td, .myInfoTable.table > tbody > tr > td, .myInfoTable.table > tfoot > tr > td{border-top:none;padding:8px 8px 8px 30px;font-size: 1.6rem;color: #989898;position: relative;}
.myInfoTable .myInfoTdimg{position: absolute;top: 8px;left: 0px;}


.myInfoDelbtn{vertical-align: bottom;}
.myInfoEditbtn{margin-left: 16px;}
.myInfoOKbtn{height: 23px;margin-left: 12px;}
.myInfoEditbtn.ehidden,.myInfoOKbtn.ehidden,.myInfotdp.ehidden,.inputBox.ehidden,.myInfoZWPJ.ehidden,.myInfoZWPJp.ehidden{display: none;}

.myInfoTable1.table > thead > tr > th, .myInfoTable1.table > tbody > tr > th, .myInfoTable1.table > tfoot > tr > th, .myInfoTable1.table > thead > tr > td, .myInfoTable1.table > tbody > tr > td, .myInfoTable1.table > tfoot > tr > td{border-top:none;font-size: 1.6rem;color: #989898;position: relative;}

.myInfoZWPJp{font-size: 1.6rem;color: #989898;}

.resumePrintBg{position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;display: block;}
/*我的外包*/
.outRelease_left{float: left;width: 80%;padding-right: 40px;}
.outRelease_right{float: left;width: 20%;}
.outReleaseBtn{width: 100%;padding: 15px;border-radius: 30px;}
.outReleaseUser{margin-right: 20px;}
.outReleaseUser div{width: 80px;height: 80px;border-radius: 50%;}
.outReleaseUser p{text-align: center;}
.outRelease_money{position: absolute;left: 20px;bottom: 20px;width: 300px;text-align: center;}
.outReleasebox{position: relative;min-height: 300px;padding: 40px 60px 30px 340px;}
.outReleaseUsers{position: relative;margin-top: 20px;padding-right: 100px;}
.outReleaseUsers ul{width: 100%;overflow: hidden;height: 100px;}
.outReleaseUsers ul li{float: right;}
.outReleaseUsers>a{position: absolute;right: -28px;top: 37px;font-size: 1.8rem;line-height: 22px;color: #03ae87;}
.tkID{height: 640px;}
.outReleaseTKbody{display: flex;flex-wrap: nowrap;align-items: flex-start;overflow-x: scroll;width: 100%;padding: 30px 0px;height: 600px;overflow-y: auto;}
.outRUser{width: 300px;font-size: 1.4rem;margin-right: 30px;min-width: 300px;}
.outRUserImg{float: left;width: 50%;}
.outRUserImg div{width: 60px;height: 60px;border-radius: 50%;margin: auto;}
.outRUserImg p{text-align: center;}
.outRUserBtn{float: left;width: 50%;}
.outRUserBtn button{width: 100%;display: block;margin-bottom: 10px;}

.label.label_resource.labelOut{font-size: 1.4rem;padding: 4px 10px;min-height: 22px;margin-right: 10px;margin-bottom: 5px;}
.outRCompany{border: 1px solid #03ae87;padding: 15px 20px 15px 20px;}
.outRCompanyImg{position: relative;padding-left: 70px;min-height: 50px;margin-bottom: 20px;}
.outRCompanyImg div{position: absolute;width: 50px;height: 50px;border-radius: 50%;left: 0px;top: 0px;;}
.outRCompanyImg p{width: 100%;font-size: 1.6rem;font-weight: bold;line-height: 50px;}
.outRCompany .table > thead > tr > td,.outRCompany .table > tbody > tr > td,.outRCompany .table > tfoot > tr > td{border-top: none;}
.tkDate{height: 300px;width: 400px;min-width: 400px}
/*支付*/
.payBox{position: relative;width: 100%;padding: 20px 20px 20px 200px;border-top: 1px dashed #909090;}
.payBoxLeft{position: absolute;top: 20px;left: 0px;width: 200px;padding-left: 8px;text-align: center;}
.payBoxLeft li{width: 150px;height: 50px;background-color: #fff;border: 1px solid #212121;cursor: pointer;font-size: 1.6rem;line-height: 50px;margin-bottom: 20px;}
.payBoxLeft li.active{background-color: #03ae87;color: #fff;border: 1px solid #03ae87;}
.payment{text-align: center;}
.payResultBox{margin: 30px 0px 80px 0px;}
.payResult{display: inline-block;vertical-align: top;margin-top: 60px;font-size: 3rem;margin-left: 30px;}
.payResultBox .swal-icon--success:after, .swal-icon--success:before{background-color: #f8f8f8;}
.payResultBox .swal-icon--success__hide-corners{background-color: #f8f8f8;}
.payResultBox .swal-icon--success:after, .swal-icon--success:before{background-color: #f8f8f8;}

/*
    *******************************************************************
                                习题中心
    *******************************************************************
*/

.exeAbtn{display: block;color: #444;font-size: 1.8rem;padding: 0px 66px 0px 0px;border-radius: 10px;background-color: #03ae87;position: relative;box-shadow: 0px 3px 13px 0px #c3c3c3;margin-bottom: 20px;background-size:cover;background-position: center right;background-repeat: no-repeat;}
.exeAbtn>img{position: absolute;right: 10px;bottom: 10px;}
.exeABox{background-image: url(../img/examBg.png);min-height: 170px; background-size:cover;background-position: center right;background-repeat: no-repeat;border-radius: 10px 0px 0px 10px;padding: 20px 40px 20px 20px;}
.exeAdtitle{line-height: 16px;min-height: 32px;margin: 10px 0px;}
.exeTitle{width: 100%;background-color: #03ae87;color: #fff;text-align: center;font-size: 1.6rem;padding: 5px 0px;}

.exeAbtn1.exeAbtn{padding: 0px 253px 0px 0px;max-width: 470px;margin: 0px auto 20px;}
.exeAbtn1 .exeABox{min-height: 250px;min-width: 230px;}
.exeAbtn1 .exeAdtitle{margin: 20px 0px 30px 0px;}

.exeBtns{margin: 10px 0px;border-bottom: 1px solid #03ae87;}
.exeulbtns>li{border: 1px solid #03ae87;font-size: 1.4rem;margin-right: 10px;margin-bottom: 10px;padding: 0px 8px;border-radius: 4px;color: #03ae87;cursor: pointer;background-color: #fff;}
.exeulbtns>li.active{color: #fff;background-color: #03ae87;border: 1px solid #03ae87;}
.exeulbtns>.exelibtnWdt{border: 1px solid #dcdcdc;color: #444;background-color: #dcdcdc;}
.exeulbtns>.exelibtnBj{border: 1px solid #495574;color: #fff;background-color: #495574;}
.exeulbtns>.exelibtnCt{border: 1px solid #f43e21;color: #f43e21;background-color: #fff;}
.exeulbtns>.exelibtnCt.active{border: 1px solid #f43e21;color: #fff;background-color: #f43e21;}
.exeli{font-size: 1.4rem;display: none;}
.exeli.active{display: block;}
.exeContent{display: flex;justify-content: center;flex-wrap: wrap;}
.exeDownload{margin-top: 40px;border-top: 1px dashed #989898;padding-top: 20px;}
.exeAnalysis{font-size: 1.5rem;color: #03ae87;margin: 70px 0px 20px 0px;}
.examLoginHeader{background-image: url(../img/examLogin.png);color: #fff;height: 340px;padding-top: 160px;}
.examLoginHeader1{background-image: url(../img/examLogin.png);color: #fff;padding: 20px 300px;position: relative;}
.examUser{position: absolute;left: 20px;bottom: 20px;}
.examBtns{position: absolute;right: 20px;bottom: 20px;}
.examResultX{border-right: 1px dashed #03ae87;}
.examResultH{height: 110px;}
.examResultMb{margin-bottom: 160px;}
.examResultMr{margin-right: 100px;}
.examTKnum{min-width: 30px;}
.examTKn{min-width: 100px;text-align: center;display: inline-block;border-bottom: 1px solid #000;height: 20px;}

/*
    *******************************************************************
                                老师端
    *******************************************************************
*/
.tCcodeBox{display: flex;align-items: center;justify-content: flex-start;padding: 10px 10px 15px 10px;border-bottom: 2px solid #03ae87;}
.tUpBtn{vertical-align: middle;font-size: 1.4rem;color: #444;padding-right: 8px;border-right: 1px solid #03ae87;}
.tUpBtn img{transform: rotate(-180deg);margin-top: -3px;}
.tcTitle{position: relative;padding-right: 226px;}
.tcTitle a{font-size: 1.6rem;color: #495574;position: absolute;top: 18px;}
.tcTitle a.tcTitleA1{right: 116px;}
.tcTitle a.tcTitleA2{right: 0px;}
.tcNav{font-size: 1.6rem;color: #444;}
.tcNav li{padding: 10px 20px;margin-right: 20px;}
.tcNav li a{font-size: 1.6rem;color: #444;position: relative;padding-left: 26px;}
.tcNav li a::before{content: "";display: block;width: 20px;height: 16px;background-position: center;background-repeat: no-repeat;background-size: contain;position: absolute;left: 0px;top: 3px;}
.tcNav .tcNavLi1 a::before{background-image: url(../img/catalog.png);}
.tcNav .tcNavLi2 a::before{background-image: url(../img/pencil.png);}
.tcNav .tcNavLi3 a::before{background-image: url(../img/datum3.png);}
.tcNav .tcNavLi4 a::before{background-image: url(../img/datum.png);}
.tcNav .tcNavLi5 a::before{background-image: url(../img/evaluate.png);}
.tcNav .tcNavLi6 a::before{background-image: url(../img/classRegister.png);}
.tcNav .tcNavLi7 a::before{background-image: url(../img/cylinder.png);}
.tcNav .tcNavLi8 a::before{background-image: url(../img/stuAnalysis.png);}
.tcNav .tcNavLi9 a::before{background-image: url(../img/gear.png);}
.tcNav .tcNavLi10 a::before{background-image: url(../img/gear2.png);}
.tcNav li a:active,.tcNav li a.active,.tcNav li a:hover{color: #03ae87;}
.tcNav .tcNavLi1 a:active::before,.tcNav .tcNavLi1 a.active::before,.tcNav .tcNavLi1 a:hover::before{background-image: url(../img/catalog1.png);}
.tcNav .tcNavLi2 a:active::before,.tcNav .tcNavLi2 a.active::before,.tcNav .tcNavLi2 a:hover::before{background-image: url(../img/pencil1.png);}
.tcNav .tcNavLi3 a:active::before,.tcNav .tcNavLi3 a.active::before,.tcNav .tcNavLi3 a:hover::before{background-image: url(../img/datum4.png);}
.tcNav .tcNavLi4 a:active::before,.tcNav .tcNavLi4 a.active::before,.tcNav .tcNavLi4 a:hover::before{background-image: url(../img/datum1.png);}
.tcNav .tcNavLi5 a:active::before,.tcNav .tcNavLi5 a.active::before,.tcNav .tcNavLi5 a:hover::before{background-image: url(../img/evaluate1.png);}
.tcNav .tcNavLi6 a:active::before,.tcNav .tcNavLi6 a.active::before,.tcNav .tcNavLi6 a:hover::before{background-image: url(../img/classRegister1.png);}
.tcNav .tcNavLi7 a:active::before,.tcNav .tcNavLi7 a.active::before,.tcNav .tcNavLi7 a:hover::before{background-image: url(../img/cylinder1.png);}
.tcNav .tcNavLi8 a:active::before,.tcNav .tcNavLi8 a.active::before,.tcNav .tcNavLi8 a:hover::before{background-image: url(../img/stuAnalysis1.png);}
.tcNav .tcNavLi9 a:active::before,.tcNav .tcNavLi9 a.active::before,.tcNav .tcNavLi9 a:hover::before{background-image: url(../img/gear1.png);}
.tcNav .tcNavLi10 a:active::before,.tcNav .tcNavLi10 a.active::before,.tcNav .tcNavLi10 a:hover::before{background-image: url(../img/gear3.png);}
.workBtns{display: flex;align-items: center;visibility: hidden;opacity: 0;transition: all 0.4s ease-in-out;flex-wrap: nowrap;}
.workBtns.show{visibility: visible;opacity: 1;transition: all 0.4s ease-in-out;}
.workList .checkbox{visibility: hidden;opacity: 0;transition: all 0.4s ease-in-out;margin-right: 0px;width: 0px;}
.workList.showCheck .checkbox{visibility: visible;opacity: 1;transition: all 0.4s ease-in-out;margin-right: 20px;width: 20px;}
.tWorkBox{border: 1px solid #03ae87;position: relative;background-color: #fff;padding: 50px 20px 20px 20px;}
.tWorkMark{font-size: 1.4rem;color: #fff;padding: 3px 15px;position: absolute;left: 0px;top: 0px;background-color: #03ae87;}
.tWorkNum{position: absolute;right: 20px;top: 10px;}
.tWork{position: relative;padding-right: 100px;}
.twNav li a{display: block;color: #999;font-size: 1.5rem;background-color: #f2f2f2;border-radius: 20px 20px 0px 0px;padding: 10px 20px;}
.twNav li a.active,.twNav li a:hover,.twNav li a:focus,.twNav li a:active{background-color: #03ae87;color: #fff;}
.readOverTitle{color: #495574;font-size: 1.4rem;position: relative;padding: 0px 0px 0px 32px;}
.readOverTitle::before{display: block;content: "";width: 8px;height: 8px;background-color: #03ae87;border-radius: 50%;left: 10px;top: 4px;position: absolute;}
.readOverDownLoadBtn{position: absolute;top: 0px;right: 20px;bottom: 0px;margin: auto;height: 34px;}
.readOverList{max-height: 320px;overflow-y: auto;}
.sendBox .sendImg{width: 20px;height: 20px;background-position: center;background-size: contain;background-repeat: no-repeat;background-image: url(../img/send1.png);}
.sendBox:hover .sendImg,.sendBox:active .sendImg,.sendBox:focus .sendImg{background-image: url(../img/send.png);}
.sendBox .sendP{color: #999;}
.sendBox:hover .sendP,.sendBox:active .sendP,.sendBox:focus .sendP{color: #03ae87;}
/*学员管理*/
.studentAdminBox{position: fixed;top: 290px;bottom: 20px;left: 0px;right: 0px;margin: auto;width: 100%;min-width: 1200px;}
.studentAdmin{position: relative;width: 80%;margin: auto;height: 100%;}
.courseSearch_tstudent.courseSearch{z-index: 30;}
.studentAdminLabel{position: absolute;right: 0px;top: 0px;bottom: 0px;margin: auto;height: 18px;width: 50px;font-size: 1.2rem;display: block;}
.limitation{width: 20px;height: 20px;background-image: url(../img/cbox.png);background-repeat: no-repeat;background-size: contain;}
.limitation.active{background-image: url(../img/cbox1.png);}
.studentsBox{overflow-y: auto;max-height: 300px;display: none;}
.studentsBox.show{display: block;}
/* ---------- 直播页面 ---------- */
/*状态（状态之间可叠加）：teacherLiveStreaming-初始缩屏状态，显示右侧列表和底部操作菜单；right-只对右侧列表样式调整，隐藏右侧列表；bottom-只对底部操作菜单样式调整，隐藏底部菜单*/
.teacherLiveStreaming{width: 100%;position: fixed;min-width: 1200px;top: 0px;left: 0px;right: 0px;bottom: 0px;margin: auto;height: 100%;}
.teacherLiveStreamingBox{position: relative;width: 100%;padding: 0px 0px 66px 0px;height: 100%;transition: all 0.2s ease-in-out;}
.teacherLiveStreaming.bottom .teacherLiveStreamingBox{padding: 0px 0px 0px 0px;transition: all 0.2s ease-in-out;}
.teacherVideoBox{float: left;width: 70%;height: 100%;transition: all 0.2s ease-in-out;}
.teacherLiveStreaming.right .teacherVideoBox{width: 100%;transition: all 0.2s ease-in-out;}
.teacherRightBox{float: left;width: 30%;background-color: #fff;height: 100%;transition: all 0.2s ease-in-out;visibility: visible;}
.teacherLiveStreaming.right .teacherRightBox{width: 0px;transition: all 0.2s ease-in-out;visibility: hidden;}
.teacherFooterBox{position: absolute;width: 100%;height: 66px;background-color: #f2f2f2;bottom: 0px;left: 0px;border-top: 2px solid #03ae87;padding-left: 30px;padding-right: 30px;transition: all 0.2s ease-in-out;visibility: visible;}
.teacherLiveStreaming.bottom .teacherFooterBox{height: 0px;transition: all 0.2s ease-in-out;visibility: hidden;}
.teacherNav{width: 100%;height: 50px;background-color: #f2f2f2;display: flex;align-items: center;justify-content: space-around;}
.teacherNav a{color: #999;font-size: 1.4rem;}
.teacherNav a:active,.teacherNav a.active,.teacherNav a:hover,.teacherNav a:focus{color: #03ae87;}
.teacherTabNav{height: calc(100% - 50px);width: 100%;overflow-y: auto;}
.teacherLiveStreaming .lrScreen.lr{display: flex;position: absolute;top: 0px;bottom: 0px;right: 30%;margin: auto -16px auto auto;z-index: 999;transition: right 0.2s,margin 0.2s;box-shadow: 3px 0px 10px -3px #ccc;}
.teacherLiveStreaming.right .lrScreen.lr{right: 0px;margin: auto;transform: rotate(-180deg);z-index: 999;transition: all 0s;}
.teacherLiveStreaming .lrScreen.tb{display: flex;position: absolute;right: 0px;left: 0px;bottom: 14px;margin: auto;transform: rotate(90deg);z-index: 999;transition: all 0s;box-shadow: 3px 0px 10px -3px #ccc;}
.teacherLiveStreaming.bottom .lrScreen.tb{bottom: -32px;transform: rotate(-90deg);z-index: 999;transition: all 0s;}
.studentOnLine{position: absolute;right: 0px;top: 0px;bottom: 0px;margin: auto;font-size: 1.2rem;width: 38px;height: 16px;line-height: 12px;text-align: center;border-radius: 0px;}
.disSendMsg{position: absolute;right: 46px;top: 0px;bottom: 0px;margin: auto;width: 74px;height: 24px;background-color: #26c9f2;border-radius: 5px;display: block;}
.disSendMsg::before{display: block;content: "";width: 12px;height: 12px;background-position: center;background-repeat: no-repeat;background-size: contain;background-image: url(../img/disableSendMsg.png);top: 5px;left: 4px;position: absolute;}
.disSendMsg::after{display: block;content: "屏蔽发言";top: 3px;right: 4px;position: absolute;font-size: 1.2rem;color: #fff;}
.disSendMsg.dis{background-color: #f43e21;}
.disSendMsg.dis::before{left: 10px;}
.disSendMsg.dis::after{right: 10px;content: "已屏蔽";}
/*状态（白天黑夜切换）：day-白天；night-黑夜*/
.teacherAttendanceList{visibility: hidden;opacity: 0;z-index: -1;position: absolute;top: 0px;left: 0px;right: 30%;bottom: 66px;transition: all 0.2s ease-in-out;}
.teacherAttendanceList.show{visibility: visible;opacity: 1;z-index: 900;transition: all 0.2s ease-in-out;}
.teacherAttendanceList.night{background-color: #000;transition: all 0.2s ease-in-out;}
.teacherAttendanceList.day{background-color: #f8f8f8;transition: all 0.2s ease-in-out;}
.teacherLiveStreaming.right .teacherAttendanceList{right: 0px;transition: all 0.2s ease-in-out;}
.teacherLiveStreaming.bottom .teacherAttendanceList{bottom: 0px;}
.teacherAttendanceList>div.dw_pR{width: 100%;height: 100%;padding: 20px;transition: all 0.2s ease-in-out;}
.closeBtn{display: block;width: 24px;height: 24px;position: absolute;right: 20px;top: 20px;background-position: center;background-repeat: no-repeat;background-size: contain;}
.teacherAttendanceList.night .closeBtn{background-image: url(../img/close1.png);}
.teacherAttendanceList.day .closeBtn{background-image: url(../img/close2.png);}
.attendanceTitle{font-size: 1.8rem;padding-top: 10px;}
.teacherAttendanceList.night .attendanceTitle{color: #fff;}
.teacherAttendanceList.day .attendanceTitle{color: #444;}
/*状态：show-显示旷课人数列表*/
.tAttendanceBox{width: 100%;height: calc(100% - 190px);position: relative;}
.tAttendanceLeft{width: 100%;transition: all 0.2s ease-in-out;}
.tAttendanceRight{width: 0px;height: 100%;visibility: hidden;transition: width 0.2s ease-in-out,visibility 0s;position: absolute;right: 0px;top: 0px;}
.tAttendanceBox.show .tAttendanceLeft{width: 70%;padding-right: 30px;transition: all 0.2s ease-in-out;}
.tAttendanceBox.show .tAttendanceRight{width: 30%;visibility: visible;transition: all 0.2s ease-in-out;}
.tAttendanceLeft li{padding: 10px 20px;margin-bottom: 20px;}
.teacherAttendanceList.night .tAttendanceLeft li{border: 1px solid #999;color: #fff;background-color: transparent;}
.teacherAttendanceList.day .tAttendanceLeft li{border: 1px solid transparent;color: #444;background-color: #fff;}
.tAttendanceRight ul{padding-top: 10px;overflow-y: auto;height: calc(100% - 40px);}
.tAttendanceRight li{position: relative;padding-left: 20px;padding-right: 55px;margin-bottom: 10px;}
.tAttendanceRight li p{position: absolute;top: 0px;bottom: 0px;right: 20px;height: 20px;margin: auto;}
.teacherAttendanceList.night .tAttendanceRight ul{border: 1px solid #999;color: #fff;background-color: transparent;}
.teacherAttendanceList.day .tAttendanceRight ul{border: 1px solid transparent;color: #444;background-color: #fff;}
.dayNightTabBox{position: absolute;right: 26px;bottom: 30px;}
.dayNightTab{width: 54px;height: 26px;border-radius: 15px;position: relative;display: block;}
.teacherAttendanceList.night .dayNightTab{background-color: #999;}
.teacherAttendanceList.day .dayNightTab{background-color: #ccc;}
.dayNightTab::before,.dayNightTab::after{display: block;content: "";width: 14px;height: 14px;background-position: center;background-size: contain;background-repeat: no-repeat;}
.dayNightTab::before{position: absolute;top: 6px;left: 6px;z-index: 88;}
.dayNightTab::after{position: absolute;top: 6px;right: 6px;z-index: 88;}
.teacherAttendanceList.night .dayNightTab::before{background-image: url(../img/day2.png);transition: all 0.2s ease-in-out;}
.teacherAttendanceList.night .dayNightTab::after{background-image: url(../img/night1.png);transition: all 0.2s ease-in-out;}
.teacherAttendanceList.day .dayNightTab::before{background-image: url(../img/day1.png);transition: all 0.2s ease-in-out;}
.teacherAttendanceList.day .dayNightTab::after{background-image: url(../img/night2.png);transition: all 0.2s ease-in-out;}
.dayNightToggle{display: block;width: 22px;height: 22px;border-radius: 50%;position: absolute;top: 2px;z-index: 10;}
.teacherAttendanceList.night .dayNightToggle{background-color: #000;animation-name: reverse;animation-duration: 350ms;animation-fill-mode: forwards;transition: all 350ms ease-in;}
.teacherAttendanceList.day .dayNightToggle{background-color: #03ae87;animation-name: switch;animation-duration: 350ms;animation-fill-mode: forwards;transition: all 350ms ease-in;}

@keyframes switch {
    0% {right: 2px;}
    60% {right: 2px;width: 32px;}
    100% {right: 30px;width: 22px;}
}
@keyframes reverse {
    0% {right: 30px;width: 22px;}
    60% {right: 2px;width: 32px;}
    100% {right: 2px;}
}
.attendancePage{position: absolute;bottom: 0px;left: 0px;right: 0px;margin: auto;}
.teacherAttendanceDetail{visibility: hidden;opacity: 0;z-index: -1;transition: all 0.2s ease-in-out;width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}
.teacherAttendanceDetail.show{visibility: visible;opacity: 1;z-index: 908;transition: all 0.2s ease-in-out;}
.teacherAttendanceList.night .teacherAttendanceDetail{background-color: #000;}
.teacherAttendanceList.day .teacherAttendanceDetail{background-color: #f8f8f8;}
.teacherAttendanceDetail>div.dw_pR{width: 100%;height: 100%;padding: 20px;}
.teacherAttendanceList.night .backBtn_attendance{border-color: #999;color: #fff;background-color: transparent;}
.teacherAttendanceList.day .backBtn_attendance{border-color: #999;color: #444;background-color: #fff;}
.teacherAttendanceList.night .delBtn_attendance{border-color: #cf0058;color: #fff;background-color: #cf0058;}
.teacherAttendanceList.day .delBtn_attendance{border-color: #f43a1c;color: #fff;background-color: #f43a1c;}
.attendanceNav{border-radius: 10px;padding: 0px 20px;}
.teacherAttendanceList.night .attendanceNav{background-color: #222;}
.teacherAttendanceList.day .attendanceNav{background-color: #f2f2f2;}
.attendanceNav li{padding: 10px 0px;margin-right: 20px;}
.attendanceNav li a{font-size: 1.6rem;}
.teacherAttendanceList.night .attendanceNav li a{color: #fff;}
.teacherAttendanceList.day .attendanceNav li a{color: #999;}
.teacherAttendanceList.night .attendanceNav li a:hover,.teacherAttendanceList.night .attendanceNav li a:focus,.teacherAttendanceList.night .attendanceNav li a:active,.teacherAttendanceList.night .attendanceNav li a.active,.teacherAttendanceList.day .attendanceNav li a:hover,.teacherAttendanceList.day .attendanceNav li a:focus,.teacherAttendanceList.day .attendanceNav li a:active,.teacherAttendanceList.day .attendanceNav li a.active{color: #03ae87;}
.attendanceNav .courseSearch{margin-right: 0px;}
.teacherAttendanceList.night .courseSearch{background-color: transparent;}
.teacherAttendanceList.day .courseSearch{background-color: #fff;}
.teacherAttendanceList.night .courseSearch .functionTop_search>.form-control{color: #fff;padding:0px 30px 0px 0px}
.teacherAttendanceList.day .courseSearch .functionTop_search>.form-control{color: #444;padding:0px 30px 0px 0px}
.teacherAttendanceDetail .label.labelTable{font-weight: normal;display: inline-block;padding: 5px;font-size: 1.4rem;border-radius: 0px;width: 88px;}
.teacherAttendanceList.night .table{color: #fff;}
.teacherAttendanceList.day .table{color: #444;}
.teacherAttendanceDetail .table > tbody > tr > th,.teacherAttendanceDetail .table > tfoot > tr > th,.teacherAttendanceDetail .table > tbody > tr > td,.teacherAttendanceDetail .table > tfoot > tr > td{border-top: 1px solid transparent;}
.teacherAttendanceDetail .table > thead > tr > th,.teacherAttendanceDetail .table > thead > tr > td{background-color: #222;color: #fff;}
#tkAttendanceType{height: 400px;width: 560px;min-width: 560px;}
.attendanceTypes{display: flex;flex-wrap: wrap;justify-content: space-around;}
.attendanceTypes li{width: 100px;height: 38px;background-color: #b6d4cd;margin-bottom: 20px;display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;font-size: 1.4rem;color: #fff;cursor: pointer;}
.attendanceTypes li.active.green{background-color: #03ae87;}
.attendanceTypes li.active.grey{background-color: #999;}
.attendanceTypes li.active.blue{background-color: #495574;}
.attendanceTypes li.active.yellow{background-color: #ffc700;}
.attendanceTypes li.active.orange{background-color: #ff7200;}
.tLiveDelBtn{width: 50px;height: 20px;background-color: #f43e21;border-radius: 5px;position: absolute;right: 0px;bottom: 0px;padding: 0px;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 1.2rem;}
.tLiveDelBtn:active,.tLiveDelBtn:focus,.tLiveDelBtn:hover{color: #fff;}
.barrageSet{position: absolute;left: 0px;top: -30px;width: 220px;background-color: #fff;padding: 10px;z-index: -10;opacity: 0;visibility: hidden;}
.barrageSet.active{z-index: 99;transition: top 0.2s ease-in-out,opacity 0.1s ease-in-out;opacity: 1;top: -68px;visibility: visible;}
/* ---------- 直播页面end ---------- */
/* ---------- 课程内容 ---------- */
.attendanceZhezhao{display: none;width: 100%;height: 100%;position: fixed;background-color: #000;opacity: 0.4;z-index: 96;top: 0px;left: 0px;}
.courseAttendanceList.teacherAttendanceList{position: fixed;right: 100%;bottom: 0px;}
.courseAttendanceList.teacherAttendanceList.show{right: 100px;}

/*整体分析*/
.IAnalysisUl{font-size: 1.6rem;}
.IAnalysisUl li{margin-right: 25px;cursor: pointer;}
.IAnalysisUl li.active,.IAnalysisUl li:hover,.IAnalysisUl li:focus,.IAnalysisUl li:active{color: #03ae87;}
.switchClassList li{background-color: #eee;font-size: 1.4rem;padding: 5px 15px;margin-right: 20px;color: #444;cursor: pointer;margin-bottom: 15px;}
.switchClassList li:hover,.switchClassList li:active,.switchClassList li:focus,.switchClassList li.active{background-color: #03ae87;color: #fff;}
/* ---------- 课程内容end ---------- */
/*章节排序*/
.teacherSortNav{font-size: 1.4rem;font-weight: bold;color: #999;height: 19px;width: auto;display: flex;align-items: flex-end;}
.teacherSortNav.active{font-size: 1.8rem;color: #444;}
/*历史公告*/
.tNoticeBtns{position: absolute;right: 20px;top: 20px;}


@media (max-width:1680px) {
    .index_huiyuan ul{width: 80%;}
}
@media (max-width:1630px) {
    .functionTopbox{width: 80%;padding: 20px 0px;}
    .indexHeader{min-width: 100%;margin-bottom: 15px;}
    .indexSearch{width: 50%;}
}
@media (max-width:1620px) {
    .index_ulimg3{height: 192px;}
    
}
@media (max-width:1600px) {
    .bannerbox{height: 390px;}
}
@media (max-width:1580px) {
    .shop{right: 80px;}
    .customizationImg{padding-top: 20px;}
}
@media (max-width:1500px) {
    .outli{padding: 20px 20px 20px 230px;}
    .outImgBox{width: 200px;}
    .contentDetailBoxL{width: 70%;}
    .contentDetailBoxR{width: 30%;}
    .customizationImg{padding-top: 40px;}
    .dLContent{padding-left: 750px;min-height: 540px;}
    .dLContentLeft{width: 720px;}
    .swiper-containerDLDetailTop{height: 405px;}
    .swiper-containerDLDetailThumbs{height: 90px;}
}

@media (max-width:1450px) {
    .outli{padding: 20px 20px 20px 210px;}
    .outImgBox{width: 180px;}
    .customizationImg{padding-top: 60px;}
    .live_ul>li{width: 33.33%;}
}
@media (max-width:1440px) {
    
    .index_ul{margin-right: -20px;}
    .index_ul>li{padding-right: 20px;}

    .index_ul1{margin-right: -20px;}
    .index_ul1>li{padding-right: 20px;}

    .index_ulimg{height: 110px;}
    .index_ulimg3{height: 167px;}
    .content_left1{width: 75%;}
    .content_right1{width: 25%;}
    
    .myOrderimgBox.myWalletimgBox{padding-right: 0px;} 
    .starblock{padding-left:25%;}
    .bannerbox{height: 340px;}
    .bannernews{height: 300px;padding: 20px 20px;}
    .bannernews li{margin-bottom: 12px;}
    .bannernews a{font-size: 1.7rem;}
    .shop{right: 50px;}
    .courseSearch_tstudent.courseSearch{width: 160px;}
}
@media (max-width:1430px) {
    .myInfoDetail1{width: 100%;}
    .myInfoDetail2{width: 100%;}
    .contentDetailpl li{padding: 0px 20px;}
}
@media (max-width:1420px) {
    .attendanceNav li{margin-right: 10px;}
    .teacherLiveStreaming.right .attendanceNav li{margin-right: 20px;}
}
@media (max-width:1400px) {
    .customizationImg{padding-top: 80px;}
    .downloadUl>li{width: 25%;}
    .dLContent{padding-left: 690px;min-height: 500px;}
    .dLContentLeft{width: 660px;}
    .swiper-containerDLDetailTop{height: 372px;}
    .swiper-containerDLDetailThumbs{height: 83px;}
}
@media (max-width:1390px) {
    .contentDetailBoxL .float_ul li{margin-right: 50px;}
    .contentDetailc{padding: 0px 50px 0px 154px;}
}
@media (max-width:1380px) {
    .float_out li{width: 100%;}
    .outImgBox{width: 240px;left: 30px;top: 30px;}
    .outli{padding: 30px 20px 20px 306px;}
    .outCommission{text-align: right;}
}
@media (max-width:1370px) {
    .functionTop_logo{margin-right: 60px;}
    .attendanceNav .courseSearch{width: 200px;}
    .teacherLiveStreaming.right .attendanceNav .courseSearch{width: 300px;}
}
@media (max-width:1350px) {
    .functionTopbox li{margin-right: 20px;}
}
@media (max-width:1300px) {
    .shop{right: 30px;}
    .cEdu_ul>li>a{padding: 15px 10px 15px 230px;}
    .cEdu_ulimg{width: 200px;}
    .contentDetailpl li{padding: 0px 15px;}
    .customizationImg{padding-top: 100px;}
    .myOrder_ul li{height: auto;}
    .myOrderBox{flex-wrap:wrap;height: auto;}
    .myOrderli1{width: 100%;}
    .myOrderNav{flex-wrap:wrap;}
    .myOrderimg{height: 80px;}
    .myOrdertitle{height: 60px;}
    .myOrderli {height: 60px;}
    .myOrderimgBox{padding-bottom: 0px;}
    .myOrderimgBox.myWalletimgBox{padding-right: 20px;padding-bottom: 10px;border-bottom: 1px solid #dedede;margin-bottom: 10px;} 
    .myOrderBox.myWalletBox{padding-bottom: 10px;}
    .myWalletli2{border-left: none;}
    .myOrderli.myShopOrderli {height: 90px;}
    .myOrderli.myShopOrderlibtn{padding: 0px 10px 10px 10px;}
    .dLContent{padding-left: 630px;min-height: 460px;}
    .dLContentLeft{width: 600px;}
    .swiper-containerDLDetailTop{height: 338px;}
    .swiper-containerDLDetailThumbs{height: 75px;}
}
@media (max-width:1280px) {
  
    .myResourceaddBox .contentDetailBoxL{width: 100%;}
    .myResourceaddBox .contentDetailBoxR{width: 100%;margin-top: 50px;}
}
@media (max-width:1260px) {
    .index_ul>li{width: 25%;}
    .index_ul1>li{width: 33.33%;}
    .index_huiyuan ul{width: 90%;}
    .content_left1{width: 66.66%;}
    .content_right1{width: 33.33%;}
    .contentDetailBoxR{padding: 0px 10px 0px 10px;}
    .swiper-containerCNXH .index_ul>li:nth-child(5){display: none;}
}
@media (max-width:1240px) {
    .shop{right: 20px;}
    
    
}
@media (max-width:1220px) {
    .index_ulimg3{height: 167px;}
    
}
@media (max-width:1200px) {
    .myCreateImg{width: 70%;margin-bottom: 20px;}
    .myCreateImgs{width: 100%;}
    
    .starblock{padding-left:20%;}
  
    .bannerbox{height: 304px;}
    .bannernews{height: 280px;width: 30%;}
    .bannernews li{margin-bottom: 10px;}
    .bannernews a{font-size: 1.6rem;}
    .uploaddiv .info{width: 70%;}
    .uploaddel{right: 40px;}
    .uploadbtn1{width: 45%}
    .uploadbtn2{width: 45%}
    .shop{right: 0px;}
    .tkWorks{height: 744px;}
}
@media (max-width:1160px) {

}
@media (max-width:991px) {
    .tkFB{height: 800px;}
}
@media (max-width:767px) {
    .control-label{text-align: left;}
}