@charset "utf-8";

/* -------------------------PC端--------------------------- */

/* 内页公共样式 */



/* 公共头部 */

.pub-Header {width: 100%;padding-top: 30px;overflow: hidden;}

.pub-Header-top{background: #fff;padding: 38px 0 30px; border: 5px solid #2D5FC8;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-width: 0;display: flex;justify-content: center;align-items: center;flex-direction:column;position: relative;}

.pub-Header-top .userImg {width: 150px;height: 150px;border-radius: 50%;border: 1px solid #919191;display: flex;justify-content: center;align-items: center;}

.pub-Header-top .userImg img {width: 130px;height: 130px; border-radius: 50%;border: 1px solid #919191;object-fit: cover;}

.pub-Header-top .userName {margin-top: 16px;text-align: center;}

.pub-Header-top .userName h1 {font-size: 18px;font-weight: bold;}

.pub-Header-top .userName p {font-size: 14px;margin-top: 16px;}

.pub-Header-down {width: 100%;background: #2D5FC8;font-size: 14px;color: #fff;text-align: center;position: relative;height: 30px;}

.pub-Header-down span {font-weight: bold;line-height: 30px;}

.pub-Header-down span i {font-style: normal;}

.pub-Header-down span:first-child {font-weight: normal;position: absolute;left: 3.5%;}

.pub-Header-down span:first-child i {margin-left: 5px;}

.pub-Header-down span:last-child {position: absolute;right: 3.5%;}

.pub-Header-down span:last-child i {display: none;}





.pub-Header-notice {position: absolute;right: 0;top: 0;padding: 30px;}

.pub-Header-notice .pub-notice-box:first-child {margin-top: 0;}

.pub-notice-box {display: flex;justify-content: space-between;margin-top: 15px;}

.pub-notice-box img {width: 20px;height: 20px;margin-right: 12px;}

.pub-notice-text a {display: block;max-width: 390px;text-align: justify;}

.pub-notice-text a span {color: #2D5FC8;float: right;}



.pub-Header-notice-mobile {width: 100%;padding-bottom: 10px;display: none;}

.pub-notice-mobilebox {display: flex;}

.pub-notice-mobilebox img {width: 20px;height: 20px;margin-right: 12px;}

.pub-notice-mobiletext a {display: block;line-height: 20px;}





.pub-header{

    position: relative;

    width: 100%;

    height: 160px;

    opacity: 1;

    background: #2f61c9;

    border-radius: 20px;

    box-shadow: 0px 3px 7px 0px rgba(51,51,51,0.16); margin-top:116px;box-sizing: border-box;padding-top:40px

}

.pub-header-con{

    position: absolute;

    width: 162px;

    height: 162px;

    display: block;

    border-radius: 10px 10px;

    left: 48px;

    top: -74px;

    background-color: #fff;

}

.pub-header-box{

    margin-left:240px

}

.staff-info{

    display:flex;justify-content:space-between;box-sizing:border-box;padding-right:40px;align-items: center;

}

.staff-name{

    color:#fff;font-size: 18px;

font-family: Microsoft YaHei, Microsoft YaHei-Bold;

font-weight: 700;

text-align:left;

color: #ffffff;height: 24px;

}

.over-sign{

    position: relative;

    width: 300px;

    overflow:hidden; 

    display:-webkit-box; 

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2; 

}

.quto-text{

    align-items: flex-end !important;

}

.staff-branch{

   

    opacity: 1;

    font-size: 14px;

    font-family: Microsoft YaHei, Microsoft YaHei-Regular;

    font-weight: 400;

    color: rgba(255,255,255,1);

    line-height: 19px;

}

#personal_signature{

    color: rgba(255,255,255,0.8);

    max-width: 35%;

    max-height: 42px;

    display:-webkit-box; 

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2; 

    overflow: hidden;

    min-width: 200px;

}

.staff-join-time{

    height: 19px;

opacity: 1;

font-size: 14px;

font-family: Microsoft YaHei, Microsoft YaHei-Regular;

font-weight: 400;

text-align: right;

color: #ffffff;

}

.staff-sign{

    display:flex;align-items:center;margin-top: 6px;

}

.staff-sign img{width: 20px;opacity: 0.8;height: 20px;} 

/* 公共内容页 */

.pub-conbox {width: 100%;padding: 30px 0 60px;display: flex;justify-content: space-between;overflow: hidden;}

.pub-content{display: flex;width: 100%;}



.pub-retail-system-content{

    box-sizing:border-box;padding:30px 30px;background: #ffffff;

    border-radius: 20px;

    box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.12); 

    position: relative;

}

.retail-system-title{width: 96px;height: 31px;opacity: 1;font-size: 24px;font-family: Microsoft YaHei, Microsoft YaHei-Bold;font-weight: 700;text-align: right;color: #333333;border-bottom:4px solid #2F61C9;padding-bottom: 34px;}

.retail-system-con{margin-top:35px}

.retail-system-con-list dt{font-size:18px;color:#242424;text-align:center;font-weight: 700;}

.retail-system-con-listli-top{margin-top:20px;text-align: center;}

.retail-system-con-listli-data-gray{font-size: 48px;

    font-family: Arial, Arial-Bold;

    font-weight: 700;

    text-align: center;

    color: #999999;

    letter-spacing: -2px;}

.retail-system-con-listli-data-blue{

    font-size: 48px;

font-family: Arial, Arial-Bold;

font-weight: 700;

text-align: center;

color: #2f61c9;

letter-spacing: -2px;

}

.retail-system-con-listli-data-red{

    font-size: 48px;

    font-family: Arial, Arial-Bold;

    font-weight: 700;

    text-align: center;

    color: #F45434;

    letter-spacing: -2px;

}



.system-line{

    position: absolute;

    width: 1px;

    height: 200px;

    opacity: 1;

    border: 1px solid #cccccc;

}

.line-one{

    left:35%;

    top: 38%;

}

.line-two{

    right: 35%;

    top: 38%;

}

.crmlineone{

    left:34%;

    top: 32%;

}

.crmlinetwo{

    right: 34%;

    top: 32%;

}



.retail-system-con-listli-looked-count{font-size: 16px;

    font-family: Microsoft YaHei, Microsoft YaHei-Regular;

    font-weight: 400;

    text-align: center;

    color: #666666;

    letter-spacing: -1px;

}

.zhongtai-box{

    margin:30px auto 0px;width:100%;text-align:center;

}

.zhongtai-top-title{

    height: 24px;

    opacity: 1;

    font-size: 18px;

    font-family: Microsoft YaHei, Microsoft YaHei-Bold;

    font-weight: 700;

    color: #2f61c9;line-height:24px

}

.zhongtai-content{

    line-height:21px; height: 21px;

    opacity: 1;

    font-size: 16px;

    font-family: Microsoft YaHei, Microsoft YaHei-Regular;

    font-weight: 400;

    text-align: center;

    color: #333333;

    letter-spacing: 0px;

    margin-top: 6px;

}

.zhongtai-bottom{

    margin-top: 70px;

}

.zhongtai-line{

    /* left: 50%;

    top: 41%;

    position: absolute; */

    width: 200px;

    margin: 40px auto 0;

    height: 1px;

    background-color: #707070;

    /* opacity: 1;

    border: 1px solid #707070; */

    /* margin-left: -100px;

    margin-top: 18px; */

}



.pub-noMessage {width: 100%;padding: 30px;display: none;justify-content: center;align-items: center;flex-direction: column;background: #fff;border-radius: 10px;margin-top: 20px;}

.pub-noMessage-tit {width: 100%;}

.pub-noMessage-tit h1 {font-size: 18px;}

.pub-noMessage-btn {width: 100%;margin-top: 20px;text-align: center;}

.pub-noMessage-btn a{display: block;font-size: 16px;width: 100px;background: #2D5FC8;line-height: 30px;border-radius: 4px;color: #fff;margin: 0 auto;}

.pub-noMessage-img {width: 100%;margin-top: 20px;text-align: center;}

.pub-noMessage-img p {font-size: 16px;margin-top: 10px;}

.pub-noMessage-img img {width: 48px;height: 48px;object-fit: cover;}











/* 公共内容页----->>>>左侧导航栏 */

.pub-conbox-left{}

.bg-active{background-color: #2F61C9 !important;color: #fff;}

.bg-active>a{color: white;}



.pub-conbox-left li{width: 208px;height: 60px;font-size: 18px;text-align: center;line-height: 60px;background-color: #fff;cursor: pointer;}

.pub-conbox-left li a{width: 100%;height: 100%;display: block;}

.pub-conbox-left .left-nav-list li:nth-child(4){border-radius: 0px 0px 10px 10px;}

.pub-conbox-left .left-nav-list li:nth-child(1){border-radius: 10px 10px 0px 0px;}

.pub-menu {width: 240px;background: #fff;border-radius: 5px;height: 100%;}

.pub-menu a {display: block;line-height: 60px;border-top: 1px solid #dddddd;position: relative;text-align: center;font-size: 18px;}

.pub-menu a:first-child {border:none;}

.pub-menu a:after {content: "";position: absolute;top: 0;left: 0;width: 5px;height: 100%;background: #2D5FC8;display: none;}

.pub-menu a.ontrue:after {display: block;}

/* 公共内容页----->>>>右侧侧内容 */

.pub-menuCon {width: 84%;}

.pub-menuCon .pub-retail-system{display: flex;justify-content: space-between;width: 100%;margin-bottom: 28px;}

.pub-retail-system-content{width: 66%;margin-right: 2%;margin-left: 2%;position: relative;}

.retail-system-con{display: flex;justify-content: space-around;}

.pub-retail-system-enter{opacity: 1;

    background: #ffffff;

    border-radius: 20px;

    box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.12); }

/* 系统入口 */

.pub-retail-system-enter{width: 30%;

    box-sizing: border-box;

    padding: 62px 32px;

    display: flex;

    flex-wrap: wrap;

    flex-direction: column;

    align-items: center;}

.enter-retail-system{width: 230px;font-size:18px; text-align: center;height: 60px;line-height: 60px;background-color: #2f61c9;color: white;border-radius: 10px;box-shadow: 0px 3px 7px 0px rgba(47,97,201,0.60);}

.enter-retail-system>a{color: white;display: block;}

.enter-retail-img{width:160px;height:160px;opacity: 1;

    background: #f7f7f7;

    border-radius: 50%;margin:30px 0px;position:relative;}

.enter-retail-img img{width: 73px;

    height: 73px;

    opacity: 1;margin:auto;position:absolute;left:0;top:0;bottom:0;right:0;}



    /* 员工中心账号个人设置 */

.staff_information{

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-bottom: 60px;

}

.staff_head_icon{position: relative;width: 160px;height: 160px;border-radius: 20px;}

.staff_head_icon #my_avatar{width: 100%;border-radius: 20px;}

.cover-wrap{position:absolute;left:0;top:0;width:160px;height:160px;display:none;z-index:100;}

.clip_area{position:absolute;width:660px;height:300px;left:-154px;bottom: -72px;z-index:110;}

#clipBtn{position:absolute;left:10px;top:100px;width:100px;height:40px;color:#ffff;text-align:center;line-height:40px;border-radius:8px;z-index:111;font-size:18px;background:#2f51c9;opacity:.6;cursor:pointer}

#personal-file{cursor:pointer;opacity:0;filter:alpha(opacity=0);width:100%;height:100%;position:absolute;top:0;left:0;}

#change_picture{position: absolute;

    z-index: 999999;

    width: 160px;

    height: 160px;

    background: rgba(0,0,0,0.7);

    left: 0;

    font-size: 20px;

    color: rgba(255,255,255);

    top: 0;

    border-radius: 20px;

    text-align: center;

    line-height: 160px;

    display: none;

    cursor: pointer;

}

.staff_name_true{margin-top: 20px;

    opacity: 1;

    font-size: 18px;

    font-family: Microsoft YaHei, Microsoft YaHei-Bold;

    font-weight: 700;

    /* text-align: left; */

    color: #333333;

}

.staff_info_change{

    padding: 0 60px;

    display: flex;

    justify-content: space-between;

}

.staff_info_change ul li{

    margin-bottom: 30px;

    display: flex;

}

.staff_info_change ul li div:first-child{

    width: 72px;

   

    opacity: 1;

    font-size: 18px;

    font-family: Microsoft YaHei, Microsoft YaHei-Regular;

    font-weight: 400;

  

    color: #333333;

}

.staff_info_change ul li div:last-child{

    width: 300px;

    border-bottom: 2px solid #cccccc;

    margin-left: 12px;

}

.staff_info_change ul li div:last-child span{

    opacity: 1;

    font-size: 18px;

    font-family: Microsoft YaHei, Microsoft YaHei-Regular;

    font-weight: 400;

    text-align: left;

    color: #333333;

    margin-left: 20px;

}

.staff_info_change ul li div:last-child input{

    font-size: 18px;

    color: #333333;

    margin-left: 20px;

}

/* 学生端开发 */





/* 学生管理 */

.management-user {width: 100%;background: #fff;padding: 20px 36px;display: flex;justify-content: space-between;align-items: center;border-radius: 5px;}

.management-Imgwd {display: flex;align-items: center;}

.management-Imgwd .management-wd {margin-left: 40px;width: 254px;}

.management-Imgwd .management-wd p {margin-top: 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.management-Imgwd .management-wd p:first-child {margin-top: 0;}

.management-Imgwd .management-userImg img{width: 108px;height: 108px;border-radius: 50%;object-fit: cover;}

.management-wealth {display: flex;justify-content: space-between;align-items: center;}

.management-wealth a {display: flex;height: 40px;justify-content: center;align-items: center; font-size: 16px;color: #2D5FC8;border-radius: 5px;}

.management-wealth a span {font-family: \5B8B\4F53;font-weight: bold;font-size: 18px;transition: all .3s ease;display: block;margin-left: 10px;}

.management-wealth a span.ontrue {transform: rotate(90deg);}

.management-wealth .management-creditsCurrency {width: 250px; position: relative;text-align: center;padding: 0 10px;}

.management-wealth .management-creditsCurrency:after {position: absolute;content: "";width: 1px;height: 50px;background: #dddddd;left: 0;top: 50%;transform: translateY(-50%);}

.management-wealth .management-creditsCurrency h5 {font-size: 18px;color: #2D5FC8;}

.management-wealth .management-creditsCurrency p {font-size: 30px;line-height: 36px;margin-top: 16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}



.management-state {width: 100%;background: #fff;padding: 20px 44px;border-top-left-radius: 5px;border-top-right-radius: 5px;display: flex;justify-content: space-between;margin-top: 20px;max-height: 364px;overflow: hidden;}

.management-state.ontrue {max-height: none;}

.management-state .management-stateBox {flex: 1;font-size: 18px;margin-left: 10px;}

.management-state .management-stateBox:first-child {margin-left: 0;}

.management-state .management-stateMinbox {flex: .5;font-size: 18px;margin-left: 10px;}

.management-state .management-stateMinbox h5 , .management-state .management-stateBox h5{line-height: 24px;}

.management-state .management-stateMinbox h5 span{color: #2D5FC8;float: right;cursor: pointer;line-height: 24px;font-size: 14px;}

.management-color {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;width: 100%;}

.management-color .management-colorBox {margin-top: 20px;font-size: 14px;width: calc(50% - 5px);}

.management-color .management-colorBox a {display: block;line-height: 40px;padding: 0 40px 0 10px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;}

.management-color .management-colorBox a i {display: block;width: 20px;height: 20px;background-repeat: no-repeat;background-position: center;position: absolute;right: 10px;top: 10px;}

.management-color .management-colorBox a i.guanli-1 {background-image: url("../images/gather/guanli-1.png");}

.management-color .management-colorBox a i.guanli-2 {background-image: url("../images/gather/guanli-2.png");}

.management-color .management-colorBox a i.guanli-3 {background-image: url("../images/gather/guanli-3.png");}

.management-color.color1 .management-colorBox {background: #EFEFEF;}

.management-color.color2 .management-colorBox {background: #88AFFF;color: #fff;}

.management-color.color3 .management-colorBox {background: #2D5FC8;color: #fff;}

.management-color.color3 .management-colorBox {width: 100%;}



.management-professional {width: 100%;border-top: 1px solid #dddddd;padding: 20px 44px;background: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}

.management-professional-imgwd {width: 100%;display: flex;justify-content: space-between;align-items: center;}

.management-professional-wd h5 {font-size: 18px;font-weight: bold;}

.management-professional-wd p {font-size: 14px;margin-top: 20px;}

.management-professional-wd p br{display: none;}

.management-professional-wd p span {margin-left: 10px;}

.management-professional-img {margin-left: 10px;}

.management-professional-img img{height: 70px;object-fit: contain;}



.management-progress {width: 100%;margin-top: 20px;}

.management-progress-box {width: 100%;height: 10px;background: #EFEFEF;position: relative;border-radius: 50px;}

.management-progress-inBox {position: absolute;top: 0;left: 0;width: 0;background: #2D5FC8;border-radius: 50px;height: 100%;transition: all 1s ease-out;}

.management-progress-inBox.ontrue {width: 50%;}

.management-progress-text {margin-top: 20px;display: flex;justify-content: space-between;font-size: 18px}



.management-planning {width: 100%;margin-top: 20px;background: #fff;border-radius: 5px;padding: 20px 44px;}

.management-planning-tit h5{font-size: 18px;line-height: 24px;}

.management-planning-tit h5 span{font-size: 14px;margin-left: 15px;color: #888888;}

.management-planning-btn {width: 100%;text-align: center;}

.management-planning-btn a {color: #fff;display: block; line-height: 35px;font-size: 14px;width: 100px;background: #2D5FC8;border-radius: 4px;margin: 0 auto;margin-top: 20px;}

.management-planning-btn span {display: none;color: #ddd;margin-top: 20px;}

.management-planning-list {margin-top: 20px;max-height: 970px;overflow: hidden;}

.management-planning-list.ontrue {max-height: none;}

.management-listBox {display: flex;justify-content: space-between;text-align: center;height: 46px;align-items: center;border-bottom: 1px solid #dddddd;}

.management-listBox.listTit {background: #2D5FC8;color: #fff;height: 50px;align-items: center;font-size: 18px;}

.management-listXuefen {display: none;}

.management-listBox span {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding: 0 4px;font-size: 16px;}

.management-listBox span i {font-style: normal;display: none;}

.management-listBox span:first-child {text-align: left;}

.management-listBox.listTit span {text-align: center;}

.management-listBox span.icon {display: flex;justify-content: space-around;align-items: center;}

.management-listBox span.icon a {width: 24px;height: 24px;background-size: contain;display: block;background-repeat: no-repeat;background-position: center;margin-left: 6px;}

.management-listBox span.icon a:nth-child(1) {background-image: url("/web.2.0/static/images/gather/wantLearn-1.png");}

.management-listBox span.icon a:nth-child(2) {background-image: url("/web.2.0/static/images/gather/wantLearn-17.png");}

.management-listBox span.icon a:nth-child(3) {background-image: url("/web.2.0/static/images/gather/wantLearn-7.png");}

.management-listBox span.icon a:nth-child(1):hover {background-image: url("/web.2.0/static/images/gather/wantLearn-2.png");}

.management-listBox span.icon a:nth-child(2):hover {background-image: url("/web.2.0/static/images/gather/wantLearn-18.png");}

.management-listBox span.icon a:nth-child(3):hover {background-image: url("/web.2.0/static/images/gather/wantLearn-8.png");}

.management-listBox span.width1 {flex: .3;}

.management-listBox span.width2 {flex: 1.1;}

.management-listBox span.width4 {flex: .6;}

.management-listBox span.width3 {flex: 1;}

/* 学生管理 注册页面弹框 */

.registered-Tk {position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, .7);display: block;z-index: 999999;}

.registered-TkBox {position: absolute;top: 50%;left: 50%;width: 1130px;background: #fff;border-radius: 8px;transform: translate(-50%,-50%);padding: 20px 40px;}

.registered-TkBox .personal {padding: 0;}

.registered-TkBox .personal-form {margin-top: 30px;}

.registered-TkBox .personal-box {margin-top: 15px;}

.registered-TkBox .personal-form .personal-box:last-child {justify-content: center;}

.registered-TkBox .personal-information input { cursor: auto;background: transparent;}

.registered-TkBox .personal-menuBox {cursor: pointer; background:transparent;}

/* .registered-TkBox .personal-menu-list {max-height: 96px;} */



/* 我要学习 */

.wantLearn-menu {width: 100%;border-radius: 10px;overflow: hidden;}

.wantLearn-tab {width: 100%;background: #fff;}

.wantLearn-tabBox {width: 100%;display: flex;justify-content: space-around;align-items: center;}

.wantLearn-tabBox a {padding: 18px 0 12px;display: flex;justify-content: center;align-items: center;flex-direction: column;}

.wantLearn-tabBox a .wantLearn-img {width: 40px;height: 40px;overflow: hidden;}

.wantLearn-tabBox a .wantLearn-img img {width: 100%;object-fit: cover;display: none;}

.wantLearn-tabBox a .wantLearn-img img:first-child {display: block;}

.winter .wantLearn-tabBox a:hover .wantLearn-img img:first-child , .wantLearn-tabBox a.ontrue .wantLearn-img img:first-child{display: none;}

.winter .wantLearn-tabBox a:hover .wantLearn-img img:last-child , .wantLearn-tabBox a.ontrue .wantLearn-img img:last-child{display: block;}

.wantLearn-tabBox a p {margin-top: 6px;font-size: 16px;}

.wantLearn-tabBox a.ontrue , .wantLearn-tabBox a:hover{color: #2D5FC8;}





/* 我要学习 */

.Howtolearn-box {display: none;}

.Howtolearn-box.ontrue {display: block;}



/* 我的学分 */

.credits {width: 100%;margin-top: 20px;}

.credits-tit p{font-size: 14px;}

.credits-tit p span{color: #2D5FC8;margin-left: 10px;}

.credits-list li {width: 100%;border-radius: 10px;margin-top: 20px;padding-top: 20px;background: #fff;}

.credits-listTop {width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 0 20px;}

.credits-listTop-course {display: flex;justify-content: space-between;flex-direction: column;min-height: 58px;}

.credits-listTop-course h1 {font-size: 18px;}

.credits-listTop-course p {font-size: 16px;margin-top: 15px;}

.credits-listTop-Mycredits {display: flex;justify-content: space-between;align-items: center;}

.credits-listTop-Mycredits .Mycredits-box {width: 56px;height: 58px;margin-left: 30px;display: flex;flex-direction: column;align-items: center;justify-content: space-between;}

.credits-listTop-Mycredits-mobile {display: none;}

.credits-listDown {padding: 0 20px;border-top: 1px solid #dddddd; margin-top: 12px; display: flex;justify-content: flex-end;align-items: center;height: 42px;width: 100%;font-size: 14px;}

/* 我的直播 */

.myLive {width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}

.myLive .myLive-box {border-radius: 10px; margin-top: 20px;width: 49.5%;background: #fff;padding: 15px 25px 15px 30px;position: relative;}

.myLive .myLive-box:before {position: absolute;content: "";width: 100%;height: 1px;background: #dddddd;bottom: 50px;left: 0;}

.myLive-box h1 {font-size: 18px;display: flex;justify-content: space-between;align-items: center;}

.myLive-box h1 a {display: block;font-size: 14px;color: #fff;padding: 6px 30px;background: #dddddd;}

.myLive-box h1 a.ontrue {background: #2D5FC8;}

.myLive-box h5 {padding: 15px 0;font-size: 16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.myLive-teach {width: 100%;margin-top: 15px;}

.myLive-teach a{display: block;float: right;color: #2D5FC8;line-height: 20px;}

.myLive-teach span {line-height: 20px;}

.myLive-teach span:nth-child(2) {margin-left: 15px;}

.myLive-TKbox {width: 100%;position: fixed;background: rgba(0, 0, 0, .7);top: 0;left: 0;bottom: 0;z-index: 999999;display: none;}

.myLive-TK {width: 1200px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;padding: 30px 40px;border-radius: 10px;}

.myLive-TK-textBox {max-height: 540px;overflow-y: auto;padding-right: 20px;}

.myLive-TK-textBox .myLive-TK-text:first-child {margin-top: 0;}

.myLive-TKbox-close {cursor: pointer; width: 24px;height: 24px; position: absolute;right: 20px;top: 14px;display: block;background: url("/web.2.0/static/images/public/close.png") no-repeat center;}

.myLive-TK-title {padding-bottom: 30px;}

.myLive-TK-title h1{font-size: 18px;font-weight: bold;}

.myLive-TK-title p {font-size: 16px;padding: 14px 0;}

.myLive-TK-title a {font-size: 16px;color: #fff;background: #2D5FC8;display: inline-block;padding: 6px 20px;}

.myLive-TK-text {margin-top: 24px;}

.myLive-TK-text h5 {font-size: 16px;margin-bottom: 10px;}

.myLive-TK-text p {font-size: 14px;line-height: 24px;}

.myLive-TK-text .textBox-out {display: flex;flex-wrap: wrap;}

.myLive-TK-text .textBox-out .textBox {font-size: 14px;line-height: 24px;}

.myLive-TK-text .textBox-out .textBox span {margin-left: 30px;margin-right: 10px; width: 10px;height: 10px;display: inline-block;background: url("/web.2.0/static/images/gather/sanjiao-2.png") no-repeat center;vertical-align: middle;background-size: contain;}

.myLive-TK-text .textBox-out .textBox:first-child span {margin-left: 0;}

/* 我的视频 */

.myMove {padding: 18px 44px; margin-top: 20px;width: 100%;border-radius: 10px;background: #fff;position: relative;transition: all .3s ease;}

.myMove:before {position: absolute;content: "";width: 100%;height: 1px;left: 0;top: 0;}

.myMove.ontrue:before {background: #dddddd;top: 120px;}

.myMove h1 {font-size: 18px;}

.myMove h1 a {display: block;font-size: 16px;color: #2D5FC8;float: right;}

.myMove h5 {font-size: 14px;padding: 10px 0;}

.myMove p {font-size: 14px;margin-top: 14px;}

.myMove-progress {width: 100%;height: 10px;background: #EFEFEF;position: relative;border-radius: 50px;}

.myMove-progress-box {position: absolute;top: 0;left: 0;width: 0;background: #2D5FC8;border-radius: 50px;height: 100%;transition: all 1s ease-out;}

.myMove-list {width: 100%;margin-top: 12px;display: none;}

.myMove-list li {padding: 8px 0;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #dddddd;font-size: 16px;}

.myMove-list li:last-child {border-bottom: 0;}

.myMove-name span:last-child {margin-left: 20px;}

.myMove-link a {margin-left: 15px;display: inline-block;padding: 6px 30px;background: #dddddd;color: #fff;}

.myMove-link a.ontrue {background: #2D5FC8;}

.myMove-link i {font-style: normal;margin-right: 15px;}

.myLive-TK-textBox::-webkit-scrollbar{width:6px;height:6px;}

.myLive-TK-textBox::-webkit-scrollbar-track{background: rgb(239, 239, 239);border-radius:2px;}

.myLive-TK-textBox::-webkit-scrollbar-thumb{background: #bfbfbf;border-radius:10px;}

.myLive-TK-textBox::-webkit-scrollbar-thumb:hover{background: #bfbfbf;}

.myLive-TK-textBox::-webkit-scrollbar-corner{background: #bfbfbf;}

/* 我的作业 */

.homework {width: 100%;margin-top: 20px;background: #fff;border-radius: 10px;}

.homework-move {display: flex;justify-content: space-between;border-radius: 10px;overflow: hidden;}

.homework-video {width: 70%;position: relative;height: 450px;}

.homework-video-tit {width: 100%;padding: 16px 20px;background: rgba(0,0,0,0.4);display: flex;justify-content: space-between;align-items: center;height: 50px;color: #fff;position: absolute;z-index: 2;}

.homework-video-tit a {display: flex;justify-content: space-between;align-items: center;}

.homework-video-tit a span {margin-left: 5px;transform: rotate(90deg);display: block;}

.homework-video-tit video {width: 100%;}

.homework-video-loading {width: 100%;position: relative;z-index: 1;}

.homework-video-loading img {width: 100%;height: 450px;object-fit: cover;}

.homework-video-loading i {position: absolute;width:80px;height: 80px;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;background: url("/web.2.0/static/images/gather/video-play.png") no-repeat;cursor: pointer;background-size: contain;}

#video-move {display: none;width: 100%;height: 100%;background: #000;}

.homework-list {width: 30%;background: #000;color: #fff;}

.homework-list-tit {width: 100%;height: 86px;display: flex;flex-direction: column;justify-content: center;align-items: center;}

.homework-list-tit h1 , .homework-list-tit p{font-size: 16px;}

.homework-list-tit p{margin-top: 15px;}

.homework-list-link {width: 100%;height: 260px;overflow-y: auto;}

.homework-list-link a {display: block;border-top: 1px solid #dddddd;padding:10px 80px 10px 10px;position: relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.homework-list-link a.active-move-play:after {background:none;content: "正在播放";width: 60px;}

.homework-list-link a.active-move-pause:after {background:none;content: "已暂停";width: 60px;}

.homework-list-link a:after {text-align: right; content: ""; position: absolute;right: 10px;width: 20px;height: 20px;border-radius: 50%;top: 50%;transform: translateY(-50%);background: url("/web.2.0/static/images/gather/video-listPlay.png") no-repeat;background-size: contain;}

.homework-list-link a:hover:after {background-image: url("/web.2.0/static/images/gather/video-listPlay-hover.png");}

.homework-list-link a.active-move-play:hover:after , .homework-list-link a.active-move-pause:after{background-image: none;}

.winter .homework-list-link a:hover {color: #2D5FC8;}

.homework-list-link::-webkit-scrollbar{width:8px;height:8px;}

.homework-list-link::-webkit-scrollbar-track{background: rgb(239, 239, 239);border-radius:2px;}

.homework-list-link::-webkit-scrollbar-thumb{background: #bfbfbf;border-radius:10px;}

.homework-list-link::-webkit-scrollbar-thumb:hover{background: #bfbfbf;}

.homework-list-link::-webkit-scrollbar-corner{background: #bfbfbf;}

.homework-list-btn {width: 100%;display: flex;justify-content: space-between;padding: 0 10px 10px;align-items: center;flex-wrap: wrap;}

.homework-list-btn a {border-radius: 6px; display: block;width: 100%;background: #fff;color: #000;text-align: center;line-height: 30px;height: 30px;margin-top: 14px;}

.homework-homework-tit {margin-top: 20px;}

.homework-box {margin-top: 10px;width: 100%;}

.homework-box-tit p {font-size: 12px;}

.homework-box-list li {width: 100%;margin-top: 20px;border-radius: 10px;background: #fff;overflow: hidden;}

.homework-box-list li.coach .homework-box-list-title {background-color: #2D5FC8;}

.homework-box-list-title {padding: 0 30px;display: flex;justify-content: space-between;align-items: center;height: 50px;}

.homework-box-list-title h1 {font-size: 16px;}

.homework-box-list-title span {line-height: 30px;background: #dddddd;padding: 6px 30px;color: #fff;}

.homework-box-list-title span.ontrue {display: inline;}

.homework-box-list-title span.off {display: none;}

.homework-box-list-course {width: 100%;border-top: 1px solid #dddddd;padding: 0 30px;display: flex;justify-content: space-between;align-items: center;height: 50px;}





.homework-box-list-courseLeft {display: flex;justify-content: space-between;align-items: center;}

.homework-box-list-courseLeft h5 {font-size: 16px;}

.homework-icon {margin-left: 15px;}

.homework-icon a {display: inline-block;margin-left: 10px;}

.homework-icon a:first-child {margin-left: 0;}

.homework-icon a img {width: 24px;height: 24px;object-fit: cover;}

.homework-icon a img:last-child {display: none;}

.homework-icon a:hover img:last-child {display: inline-block;}

.homework-icon a:hover img:first-child {display: none;}

.homework-box-list-courseRight {display: flex;align-items: center;}

.homework-box-list-courseRight a{color: #2D5FC8;}

.homework-box-list li.ontrue .homework-box-list-title span {background: #2D5FC8;color: #fff;}

.homework-box-list li.ontrue .homework-box-list-courseRight {padding-right: 0;}

.homework-box-list li.ontrue .homework-box-list-courseRight a {margin-left: 20px;}

.homework-box-list li.ontrue .homework-box-list-courseRight a:first-child {margin-left: 0;}

.homework-box-list li.structure {display: flex;justify-content: space-between;align-items: center;position: relative;}

.homework-box-list li.structure:after {position: absolute;content: "";width: 100%;height: 1px;left: 0;top: 50px;background: #dddddd;}

.homework-structureLeft {padding-left: 30px;}

.homework-structureLeft h1 {font-size: 18px;line-height: 50px;}

.homework-structureLeft-down {display: flex;height: 50px;justify-content: space-between;align-items: center;font-size: 16px;}

.homework-structureRight {padding-right: 30px;display: flex;height: 74px;justify-content: space-between;align-items: center;}

.homework-structureRight-box {margin-left: 50px; height: 100%;display: flex;flex-direction: column;justify-content: space-between;align-items: center;}

.homework-structureRight-box a {color: #2D5FC8;}

.homework-structureRight .homework-structureRight-box:first-child {margin-left: 0;}

/* 我的教辅 */

.TeachingAssistants {width: 100%;margin-top: 20px;border-radius: 10px;overflow: hidden;}

.TeachingAssistants-tit {width: 100%;padding: 0 42px 0 60px;display: flex;justify-content: space-between;align-items: center;background: #fff;}

.TeachingAssistants-menu a{padding: 14px 0;display: block;font-size: 18px;border-bottom: 2px solid #2D5FC8;}

.TeachingAssistants-form {display: flex;justify-content: center;align-items: center;}

.TeachingAssistants-form input {width: 260px;line-height: 30px;border: 1px solid #000;padding: 0 14px;border-right: 0;}

.TeachingAssistants-form a {display: block;width: 100px;line-height: 32px;color: #fff;text-align: center;background: #2D5FC8;}

.TeachingAssistants-content {width: 100%;padding: 20px 42px 15px 60px;border-top: 1px solid #dddddd;background: #fff;}

.TeachingAssistants-content h1 {font-size: 18px;line-height: 24px;height: 48px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.TeachingAssistants-wdImg {width: 100%;margin-top: 15px;display: flex;justify-content: space-between;}

.TeachingAssistants-wd , .TeachingAssistants-img {width: 48.6%;}

.TeachingAssistants-wd li {cursor: pointer; display: flex;justify-content: space-between;align-items: center;border-radius: 10px;margin-top: 10px;}

.TeachingAssistants-wd ul li:first-child {margin-top: 0;}

.TeachingAssistants-wd li span {width: 88px;display: block;text-align: center;border-left: 1px dashed #dddddd;line-height: 26px;}

.TeachingAssistants-wd li>p {width: calc(100% - 88px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height: 40px;padding:0 26px;}

.winter .TeachingAssistants-wd li:hover , .TeachingAssistants-wd li.ontrue{background: #2D5FC8 !important;color: #fff !important;}

.winter .TeachingAssistants-wd li:hover span , .TeachingAssistants-wd li.ontrue span{color: #fff !important;}

.TeachingAssistants-wd li.color2 {background: #F1F5FD;}

.TeachingAssistants-wd li.color3 {background: #FDF3F1;}

.TeachingAssistants-wd li.color3 span {color: #FF2B00;}

.TeachingAssistants-list {display: none;width: 100%;}

.TeachingAssistants-img {padding: 18px 27px 35px 20px;background: #F6F6F6;justify-content: space-between;display: none;}

.TeachingAssistants-img.ontrue {display: flex;}

.TeachingAssistants-img.off {flex-direction: column;padding: 0;justify-content: normal;}

.TeachingAssistants-imgLeft , .TeachingAssistants-imgTop-img{width: 40%;overflow: hidden;text-align: center;}

.TeachingAssistants-imgLeft img , .TeachingAssistants-imgTop-img img{width: 100%;object-fit: cover;height: 120px;}

.TeachingAssistants-imgRight , .TeachingAssistants-imgTop-text{width: 55%;}

.TeachingAssistants-imgRight h5 {font-size: 16px;margin-top: 10px;line-height: 20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.TeachingAssistants-imgRight p {font-size: 14px;margin-top: 20px;line-height: 28px;height: 112px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}

.TeachingAssistants-imgBtn {margin-top: 20px;display: flex;justify-content: space-between;align-items: center;}

.TeachingAssistants-imgBtn a {display: block;width: 90px;line-height: 30px;border: 1px solid #000;text-align: center;}

.TeachingAssistants-imgBtn a:hover {color: #fff;background: #2D5FC8;border-color: #2D5FC8;}

.TeachingAssistants-imgTop {width: 100%; display: flex;justify-content: space-between;padding: 18px 20px 16px;border-bottom: 1px dashed #dddddd;}

.TeachingAssistants-imgTop-text h1 {font-size: 18px;line-height: 24px;}

.TeachingAssistants-imgTop-text h5 {font-size: 16px;margin-top: 10px;line-height: 20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.TeachingAssistants-imgTop-text p {font-size: 14px;line-height: 22px;}

.TeachingAssistants-imgTop-text p.first {margin-top: 24px;}

.TeachingAssistants-imgDown {width: 100%;padding: 14px 20px 15px;}

.TeachingAssistants-imgDown p {margin-top: 8px;line-height: 20px;}

.TeachingAssistants-imgDown p:first-child {margin-top: 0;}

/* 我的文献 */

.TheLiterature {width: 100%;margin-top: 20px;border-radius: 10px;overflow: hidden;}

.TheLiterature .TheLiterature-content:last-child .TheLiterature-list{padding-bottom: 10px;}

.TheLiterature-tit {width: 100%;padding: 0 40px;background: #fff;}

.TheLiterature-tit a{display: inline-block;line-height: 50px;font-size: 18px;border-bottom: 1px solid #2D5FC8;}

.TheLiterature-list {width: 100%;border-top: 1px solid #dddddd;padding: 0 40px;background: #fff;}

.TheLiterature-list li {display: flex;justify-content: space-between;align-items: center;padding:15px 0;border-bottom: 1px solid #dddddd;}

.TheLiterature-list li:last-child {border: 0;}

.TheLiterature-listText h1{font-size: 18px;display: flex;align-items: center;}

.TheLiterature-listText h1 span{font-size: 14px;margin-left: 26px;}

.TheLiterature-listText p {font-size: 14px;margin-top: 10px;}

.TheLiterature-listBtn {display: flex;justify-content: space-between;align-items: center;}

.TheLiterature-listBtn a {display: block;}

.TheLiterature-listBtn a:first-child {font-size: 14px;padding: 6px 36px;background: #2D5FC8;color: #fff;}

.TheLiterature-listBtn a:last-child {font-size: 14px;color: #2D5FC8;margin-left: 15px;}

/* 我的老师 */

.teacher {width: 100%;margin-top: 30px;}

.teacher-businessCard {width: 100%;padding: 28px;background: #fff;border-radius: 10px;display: flex;align-items: center;}

.teacher-logo {width: 100px;height: 100px;border-radius: 50%;}

.teacher-logo img {width: 100%;object-fit: cover;border-radius: 50%;}

.teacher-text {margin-left: 32px;font-size: 18px;width: calc(100% - 182px);}

.teacher-text h1 {border-bottom: 1px solid #dddddd;padding-bottom: 15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.teacher-text h5 {margin-top: 15px;}

.teacher-move {margin-top: 30px;width: 100%;background: #fff;border-radius: 10px;padding: 28px;display: flex;justify-content: space-between;}

.teacher-img img {width: 116px;height: 150px;object-fit: cover;}

.teacher-img p {font-size: 18px;margin-top: 12px;text-align: center;}

.teacher-moveBox {margin-left: 35px;width: calc(100% - 151px);}

.teacher-record {width: 100%;}

.teacher-recordBox h1 {font-size: 18px;padding-bottom: 15px;border-bottom: 1px solid #dddddd;}

.teacher-recordBox h1 span {padding: 0 5px 15px;border-bottom: 2px solid #2D5FC8;}

.teacher-recordBox li {padding: 0 16px;}

.teacher-recordBox li a {display: flex;padding: 15px 0;justify-content: space-between;align-items: center;border-bottom: 1px solid #dddddd;}

.teacher-recordBox li a .teacher-recordBox-left h5{font-size: 18px;line-height: 22px;}

.teacher-recordBox li a .teacher-recordBox-left p{font-size: 14px;margin-top: 10px;}

.teacher-recordBox li:last-child a {border-bottom: 0;}

.teacher-recordBox li:hover .teacher-recordBox-right img:first-child{display: none;}

.teacher-recordBox li:hover .teacher-recordBox-right img:last-child{display: block;}

.teacher-recordBox li:hover a {color: #2D5FC8;}

.teacher-recordBox-right {margin-left: 20px;}

.teacher-recordBox-right img {display: none;width: 30px;height: 30px;object-fit: cover;}

.teacher-recordBox-right img:first-child {display: block;}

.teacher-record.tutor {margin-top: 20px;}

.teacher-record.tutor .teacher-recordBox-left {width: 100%;display: flex;align-content: center;}

.teacher-record.tutor li a .teacher-recordBox-left p {margin-top: 0;margin-left: 30px;line-height: 22px;}

/* 我的收藏 */

.collection {width: 100%;margin-top: 20px;background: #fff;padding: 26px 42px 0 58px;border-radius: 10px;}

.collection .collection-box:first-child {margin-top: 0;}

.collection .collection-move:first-child {margin-top: 0;}

.collection-tit {width: 100%;border-bottom: 1px solid #dddddd;}

.collection-tit h1 {display: inline-block;padding: 0 32px 15px;border-bottom: 2px solid #2D5FC8;font-size: 18px;}

.collection-box {width: 100%;margin-top: 20px;}

.collection-moveList {width: 100%;}

.collection-moveList li {width: 100%;padding: 15px 0;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #dddddd;position: relative;}

.collection-moveList ul li:last-child {border-bottom: 0;}

.collection-moveList-text {width: calc(100% - 130px);}

.collection-moveList-text h5 {font-size: 18px;line-height: 24px;}

.collection-moveList-text p {font-size: 16px;margin-top: 10px;line-height: 20px;}

.collection-moveList-text p span {margin-left: 30px;}

.collection-moveList-btn {display: flex;justify-content: space-between;align-items: center;}

.collection-moveList-btn a {font-size: 16px;display: block;}

.collection-moveList-btn a:last-child {color: #2D5FC8;margin-left: 20px;}

.collection-moveList.jiaofu .collection-moveList-text{display: flex;align-items: center;}

.collection-moveList.jiaofu .collection-moveList-text p {margin-top: 0;margin-left: 56px;}



/* 我的作业弹框 */

.homework-Tk {position: fixed;background: rgba(0, 0, 0, .7);top: 0;left: 0;bottom: 0;right: 0;z-index: 999999;display: none;}

.homework-TkBox {width: 1200px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;padding: 30px 40px;border-radius: 10px;}

.homework-TKbox-close {cursor: pointer;width: 24px;height: 24px;position: absolute;right: 20px;top: 14px;display: block;background: url(/web.2.0/static/images/public/close.png) no-repeat center;}

.homework-Tktitle {padding-bottom: 20px;}

.homework-Tktitle p {font-size: 18px;margin-top: 20px;font-weight: bold;}

.homework-Tktitle p:first-child {margin-top: 0;}

.homework-Tktitle a {display: block;width: 150px;line-height: 40px;background: #2D5FC8;color: #fff;text-align: center;margin-top: 20px;}

.homework-Tktext-box .homework-Tktext {margin-top: 0;}

.homework-Tktext {margin-top: 20px;padding-bottom: 30px;}

.homework-Tktext p{line-height: 30px;font-size: 16px;}

.homework-Tktext a {color: #2D5FC8;line-height: 30px;font-size: 16px;}

.homework-Tktext-box {max-height: 300px;overflow-y: auto;}

.homework-Tktext-box::-webkit-scrollbar{width:6px;height:6px;}

.homework-Tktext-box::-webkit-scrollbar-track{background: rgb(239, 239, 239);border-radius:2px;}

.homework-Tktext-box::-webkit-scrollbar-thumb{background: #bfbfbf;border-radius:10px;}

.homework-Tktext-box::-webkit-scrollbar-thumb:hover{background: #bfbfbf;}

.homework-Tktext-box::-webkit-scrollbar-corner{background: #bfbfbf;}



.drop-down {display: none;}

.drop-down form label:first-child{margin-top: 0;}

.drop-down form label {margin-top: 30px;display: flex;align-items: center;}

.drop-down form label>span {font-size: 18px;margin-right: 60px;font-weight: bold;}

.drop-down form label select {width: 265px;height: 40px;border:1px solid #dddddd;padding: 0 25px;}

.drop-downBtn a {display: inline-block;width: 122px;line-height: 40px;color: #fff;background: #dddddd;text-align: center;}

.drop-downBtn p a {margin-right: 15px;}

.drop-downBtn > a {margin-top: 24px;background:#2D5FC8;}

#upload_file_id {display:none;}



/* 申请答辩弹框 */

.defence-Tk {position: fixed;background: rgba(0, 0, 0, .7);top: 0;left: 0;bottom: 0;right: 0;z-index: 999999;display: none;}

.defence-TkBox {width: 1200px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;padding: 30px 40px;border-radius: 10px;}

.defence-TKbox-close {cursor: pointer;width: 24px;height: 24px;position: absolute;right: 20px;top: 14px;display: block;background: url(/web.2.0/static/images/public/close.png) no-repeat center;}



.defence-one h5 {font-size: 16px;line-height: 24px;}

.defence-one p {display: flex;align-items: center; font-size: 14px;line-height: 24px;margin-top: 10px;}

.defence-one p.ontrue {color: #FF7575;}

.defence-one p i {margin-right: 10px; width: 20px;height: 20px;display: block;background-image: url("/web.2.0/static/images/gather/gougou-n.png");background-size: contain;background-repeat: no-repeat;}

.defence-one p.ontrue i {background-image: url("/web.2.0/static/images/gather/chacha-n.png");}

.defence-one p:nth-child(2) {margin-top: 20px;}



.defence-two {display: none;}

.defence-two h5 {font-size: 16px;line-height: 24px;}

.defence-dateBox {display: flex;align-items: center;padding: 20px 0;}

.defence-date p {font-size: 16px;}

.defence-date span {display: block;margin-left: 10px;position: relative;padding-left: 24px;cursor: pointer;}

.defence-date span:after {position: absolute;content: ''; border-radius: 50%;border: 1px solid #333;width: 20px;height: 20px;left: 0;top: 0;}

.defence-date span:before {position: absolute;content: '';width: 10px;height: 10px;border-radius: 50%;left: 5px;top: 5px;}

.defence-date span.off {color: #888888;cursor: no-drop;}

.defence-date span.off:after{border-color: #888888;}

.defence-date span.ontrue:before {background: #2D5FC8;}

.defence-date h6 {color: #888888;line-height: 20px;}



.defence-three {display: none;}

.defence-three h5 {font-size: 16px;line-height: 24px;}

.defence-success {display: flex;align-items: center;margin-top: 20px;}

.defence-success i {display: block;width: 20px;height: 20px;background-image: url("/web.2.0/static/images/gather/success-n.png");background-repeat: no-repeat;background-size: contain;margin-right: 10px;}





.defence-btn {width: 100%;text-align: center;}

.defence-btn a {display: block;width: 150px;height: 40px;line-height: 40px;background: #2D5FC8;color: #fff;border-radius: 5px;margin: 30px auto 0;}







/* 申请答辩----作业弹框 */

.defencehomework-Tk {position: fixed;background: rgba(0, 0, 0, .7);top: 0;left: 0;bottom: 0;right: 0;z-index: 999999;display: none;}

.defencehomework-TkBox {width: 1200px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;padding: 30px 40px;border-radius: 10px;}

.defencehomework-TKbox-close {cursor: pointer;width: 24px;height: 24px;position: absolute;right: 20px;top: 14px;display: block;background: url(/web.2.0/static/images/public/close.png) no-repeat center;}

.defencehomework-Tk .drop-down {display: block !important;}

#upload_file_id2 {display: none;}



/* 我的收藏弹框 */

.cancelCollection-Tk {position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, .7);display: none;z-index: 999999;}

.cancelCollection-TkBox {position: absolute;top: 50%;left: 50%;width: 400px;background: #fff;border-radius: 8px;transform: translate(-50%,-50%);padding: 30px;text-align: center;}

.cancelCollection-TkBox h1 {font-size: 18px;font-weight: bold;}

.cancelCollection-btn {margin-top: 50px;text-align: center;}

.cancelCollection-btn a{width: 100px;background: #2D5FC8;display: inline-block;text-align: center;line-height: 30px;border-radius: 5px;margin-left: 20px;color: #fff;}

.cancelCollection-btn a:first-child {margin-left: 0;}



/* 学业管理弹框 */

.management-Tk {position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, .7);display: none;z-index: 999999;}

.management-TkBox {position: absolute;top: 50%;left: 50%;width: 400px;background: #fff;border-radius: 8px;transform: translate(-50%,-50%);padding: 20px;}

.management-TkBox:after {position: absolute;content: ""; bottom: 90px;left: 0;width: 100%;height: 1px;background: #dddddd;}

.management-TkBox-link a {display: block;margin-top: 20px;padding-left:40px;background-repeat: no-repeat;background-size: contain;}

.management-TkBox-link a:nth-child(1) {background-image: url("/web.2.0/static/images/gather/wantLearn-1.png");}

.management-TkBox-link a:nth-child(3) {background-image: url("/web.2.0/static/images/gather/wantLearn-17.png");}

.management-TkBox-link a:nth-child(4) {background-image: url("/web.2.0/static/images/gather/wantLearn-7.png");}

.management-TkBox-linkLive a {background-image: url("/web.2.0/static/images/gather/wantLearn-13.png");}

.management-TkBox-linkLive p {padding-left: 40px;margin-top: 10px;}

.management-TkBox-credits {display: flex;justify-content: space-between;align-items: center;margin-top: 40px;}

.management-TkBox .credits-box {display: flex;flex-direction: column;height: 50px;justify-content: space-between;align-items: center;}

.management-TkBox-close {cursor: pointer;width: 24px;height: 24px;position: absolute;right: 20px;top: 14px;display: block;background: url("/web.2.0/static/images/public/close.png") no-repeat center;}

.management-TkBox-closeXX {cursor: pointer;width: 28px;height: 28px;position: absolute;left: 50%;bottom: -50px;display: block;background: url("/web.2.0/static/images/public/close-xx.png") no-repeat center;background-size: contain;transform: translateX(-50%);}





/* 我的报名 */

.signUp-box-list{padding: 15px 30px;background: #fff;border-radius: 10px;margin-top: 20px;cursor: pointer;}

.signUp-box .signUp-box-list:first-child {margin-top: 0;}

.signUp-tit , .signUp-date{display: flex;justify-content: space-between;align-items: center;}

.signUp-box .signUp-tit h1 {font-size: 18px;line-height: 24px;max-width: 450px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.signUp-box .signUp-tit a {font-size: 14px;padding: 6px 15px;color: #fff;background: #909399;}

.signUp-box .signUp-box-list.ontrue .signUp-tit a{background: #2D5FC8;}

.signUp-box .signUp-box-list.rejected .signUp-tit a{background: #F56C6C;}

.signUp-box .signUp-box-list.congratulations .signUp-tit a{background: #67C23A;}

.signUp-box .signUp-box-list p {font-size: 16px;line-height: 20px;}

.signUp-date {margin-top: 15px;}

.signUp-Btn span {font-size: 16px;color: #2D5FC8;margin-left: 20px;}

.signUp-Btn span:first-child {margin-left: 0;}



.rejected-Tk {position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, .7);display: block;z-index: 999999;display: none;}

.rejected-TkBox {flex-direction: column;position: absolute;top: 50%;left: 50%;width: 1400px;background: #fff;border-radius: 8px;transform: translate(-50%,-50%);padding: 120px 0 77px; display: flex;justify-content: center;align-items: center;}

.rejected-TkBox-top {display: flex;justify-content: space-between;align-items: center;}

.rejected-TkBox-img {margin-right: 52px;}

.rejected-TkBox-img img {width: 100px;height: 100px;}

.rejected-TkBox-text h1 {font-size: 30px;line-height: 40px;}

.rejected-TkBox-text p {max-width: 576px;font-size: 18px;line-height: 30px;margin-top: 10px;}

.rejected-TkBox-down {margin-top: 50px;}

.rejected-TkBox-down a {display: inline-block;width: 150px;margin-left: 30px;color: #fff;background: #dddddd;line-height: 40px;border-radius: 6px;text-align: center;}

.rejected-TkBox-down a:first-child {margin-left: 0;background: #2D5FC8;}



/* 账号设置 */

.accountSettings-page {width: 100%;padding: 0 60px;background: #fff;border-radius: 10px;}

.accountSettings-page a {display: inline-block;margin-left: 40px;font-size: 18px;line-height: 24px;padding: 14px 0;}

.accountSettings-page a:first-child {margin-left: 0;}

.accountSettings-page a.ontrue , .accountSettings-page a:hover {border-bottom: 2px solid #2D5FC8;}



.personal {width: 100%;padding: 30px 60px;background: #fff;border-radius: 10px;margin-top: 20px;display: none;}

.personal.ontrue {display: block;}

.personal-tit {display: flex;justify-content: center;align-items: center;flex-direction: column;}

.personal-img {width: 150px;height: 150px;border-radius: 50%;border: 1px solid #919191;display: flex;justify-content: center;align-items: center;cursor: pointer;position: relative;}

.personal-img:after {position: absolute;content: "更换头像";width: 130px;height: 130px;background: rgba(0, 0, 0, .7);color: #fff;top: 50%;left: 50%;text-align: center;line-height: 130px;border-radius: 50%;transform: translate(-50%, -50%);font-size: 16px;display: none;}

.personal-img:hover:after {display: block;}

.personal-img img {width: 130px;height: 130px;border-radius: 50%;border: 1px solid #919191;object-fit: cover;}

.personal-name {margin-top: 16px;text-align: center;}

.personal-name h1 {font-size: 18px;font-weight: bold;}

.personal-form {margin-top: 50px;}

.personal-form h1 {font-size: 18px;color: #2D5FC8;font-weight: bold;}

.personal-form .personal-box:last-child {justify-content: center;}

.personal-box {display: flex;align-items: center;font-size: 16px;margin-top: 20px;}

.personal-box h5 {text-align: right;width: 112px;}

.personal-box h5 span{color: red;margin-right: 6px;}

.personal-box #personal-save {display: inline-block;width: 100px;line-height: 40px;text-align: center;color: #fff;background: #2D5FC8;border-radius: 5px;}

.personal-information {margin-left: 40px;display: flex;align-items: center;width: calc(100% - 152px);position: relative;flex-wrap: wrap;}

.personal-information span {display: flex;align-items: center;}

.personal-information span:nth-child(2) {margin-left: 20px;}

.personal-information span:last-child {color: #dddddd;}

.personal-information input {height: 40px;border-radius: 5px;width: 100%;padding: 0 16px;border: 1px solid #dddddd;cursor:not-allowed;background: #fafafa;}

.personal-information input.modifyThe , .personal-information input#personal-date{width: 200px;}

.personal-information input.off {border-color: #2D5FC8 !important;}

.personal-information span input.off {border-color: #dddddd !important;}

.personal-information span input.ontrue {border-color: #dddddd !important;}

.personal-information input.ontrue {border-color: red;}

.personal-information input.ontrue:-moz-placeholder {color: red;}

.personal-information input.ontrue::-moz-placeholder {color: red}

.personal-information input.ontrue:-ms-input-placeholder {color: red}

.personal-information input.ontrue::-webkit-input-placeholder {color: red}

.personal-information input[type='radio'] {width: 20px;height: 20px;border-radius: 50%;margin-right: 10px;padding: 0;position: relative;background: transparent;cursor: pointer !important;}

.personal-information input[type="radio"]:before {position: absolute; content: "";width: 100%;height: 100%;border-radius: 50%;border: 0;left: 50%;top: 50%;transform: translate(-50%, -50%);}

.personal-information input[type="radio"]:checked:before {border: 5px solid #2D5FC8;background-clip: content-box;}

.personal-information .personal-menuBox:first-child {margin-left: 0;}

.personal-information textarea {width: 100%;height: 80px;cursor: not-allowed;border-radius: 5px;padding: 10px 16px;border: 1px solid #dddddd;}

.personal-information textarea::-webkit-scrollbar{width:6px;height:6px;}

.personal-information textarea::-webkit-scrollbar-track{background: rgb(239, 239, 239);border-radius:2px;}

.personal-information textarea::-webkit-scrollbar-thumb{background: #bfbfbf;border-radius:10px;}

.personal-information textarea::-webkit-scrollbar-thumb:hover{background: #bfbfbf;}

.personal-information textarea::-webkit-scrollbar-corner{background: #bfbfbf;}



.personal-upImgBox {margin-left: 20px;}

.personal-upImgBox:first-child {margin-left: 0;}

.personal-upImg {border-radius: 5px;overflow: hidden;cursor: not-allowed;width: 100px;height: 100px;display: flex;justify-content: center;align-items: center;border: 1px solid #ddd;color: #ddd;}

.personal-upImg img {width: 100%;object-fit: cover;height: 100%;}







.personal-mobile {color: #2D5FC8;font-size: 14px;margin-top: 10px;display: none;width: 100%;}

.personal-menuBox {margin-left: 20px;width: calc(50% - 10px);border: 1px solid #dddddd;line-height: 38px;border-radius: 5px;padding: 0 16px;position: relative;cursor: no-drop;background: #fafafa;}

.personal-menuBox.long {width: 80px;}

.personal-menuBox.short {width: 64px;margin-left: 0;}

.personal-menuBox#personal-industry {width: 100%;}

.personal-menuBox p {line-height: 38px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.personal-menuBox span {width: 16px;height: 16px;display: block;background: url("/web.2.0/static/images/public/select-sanjiao.png") no-repeat center;background-size: contain;position: absolute;right: 4px;top: 50%;transform: translateY(-50%);margin-left: 0;}

.personal-menu-list {display: none; position: absolute;width: 100%;top: 40px;left: 0;z-index: 9;background: #fff;box-shadow: 0 0 6px rgb(0,0,0,.16);border-radius: 4px;max-height: 160px;overflow-y: auto;}

.personal-menu-list li {padding: 0 16px;line-height:40px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.personal-menu-list li:hover {color: #fff;background: #2D5FC8;}

.personal-menu-list::-webkit-scrollbar{width:6px;height:6px;}

.personal-menu-list::-webkit-scrollbar-track{background: rgb(239, 239, 239);border-radius:2px;}

.personal-menu-list::-webkit-scrollbar-thumb{background: #bfbfbf;border-radius:10px;}

.personal-menu-list::-webkit-scrollbar-thumb:hover{background: #bfbfbf;}

.personal-menu-list::-webkit-scrollbar-corner{background: #bfbfbf;}







/* 安全设置 */

.security {display: block;margin-top: 30px;background: #fff;border-radius: 10px;padding: 40px 60px;}

.security.ontrue {display: block;}

.security .security-box:first-child {margin-top: 0;}

.security-box {margin-top: 50px;font-size: 16px;display: flex;justify-content: space-between;align-items: center;}

.security-box h5 {width: 80px;}

.security-box p {width: calc(100% - 200px);line-height: 24px;color: #AAAAAA;}

.security-btn {display: flex;}

.security-btn a {display: block;width: 100px;background: #2D5FC8;color: #fff;border-radius: 5px;line-height: 30px;text-align: center;border:1px solid transparent;}

.security-btn a#security-trading-psw {background: #dddddd;}



/* 修改弹框 */

.setBounced-Tk {position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, .7);display: none;z-index: 999999;}

.setBounced-TkBox {position: absolute;top: 50%;left: 50%;width: 400px;background: #fff;border-radius: 8px;transform: translate(-50%,-50%);padding: 20px;}

.setBounced-TkBox h1 {font-size: 18px;font-weight: bold;}

.setBounced-TkBtn {margin-top: 20px;display: flex;justify-content: flex-end;align-items: center;}

.setBounced-TkBtn a {display: block;width: 100px;line-height: 30px;background: #dddddd;color: #fff;text-align: center;margin-left: 20px;border-radius: 5px;}

.setBounced-TkBtn a:first-child {margin-left: 0;background: #2D5FC8;}

.setBounced-TkBox form label {display: block;margin-top: 20px;}

.setBounced-TkBox form label span {font-size: 16px;}

.setBounced-TkBox form input {border: 1px solid #ddd;border-radius: 5px;width: 100%;height: 30px;padding: 0 10px;margin-top: 10px;}

.setBounced-TkBox form input.ontrue {border-color: #2D5FC8;}

.setBounced-TkBox form input.off {border-color: red;}

.setBounced-TkBox form input.off:-moz-placeholder {color: red;}

.setBounced-TkBox form input.off::-moz-placeholder {color: red}

.setBounced-TkBox form input.off:-ms-input-placeholder {color: red}

.setBounced-TkBox form input.off::-webkit-input-placeholder {color: red}



/* 手机登录弹框 */

.mobilePhone-Tk {position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, .7);display: none;z-index: 999999;}

.mobilePhone-TkBox {position: absolute;top: 50%;left: 50%;width: 400px;background: #fff;border-radius: 8px;transform: translate(-50%,-50%);padding: 20px;}

.mobilePhone-TkBox form label {display: block;margin-top: 20px;}

.mobilePhone-TkBox form label a {display: block;width: 100px;text-align: center;line-height: 30px;color: #fff;background: #2D5FC8;border-radius: 5px;float: right;}

.mobilePhone-TkBox form label a.ontrue {background: #dddddd;}

.mobilePhone-TkBox form label span {display: block;font-size: 16px;margin-bottom: 20px;}

.mobilePhone-TkBox form label p {font-size: 14px;display: block;color: red;margin-top: 10px;display: none;}

.mobilePhone-TkBox form input {border: 1px solid #ddd;border-radius: 5px;height: 30px;padding: 0 10px;width: 100%;}

.mobilePhone-TkBox form input#mobilePhone-iphone {cursor: no-drop;width: calc(100% - 115px);}

.mobilePhone-TkBtn {margin-top: 20px;display: flex;justify-content: flex-end;align-items: center;}

.mobilePhone-TkBtn a {display: block;width: 100px;line-height: 30px;background: #dddddd;color: #fff;text-align: center;margin-left: 20px;border-radius: 5px;}

.mobilePhone-TkBtn a:first-child {margin-left: 0;background: #2D5FC8;}

.mobilePhone-TkBox form input.ontrue {border-color: #2D5FC8;}

.mobilePhone-TkBox form input.off {border-color: red;}

.mobilePhone-TkBox form input.off:-moz-placeholder {color: red;}

.mobilePhone-TkBox form input.off::-moz-placeholder {color: red}

.mobilePhone-TkBox form input.off:-ms-input-placeholder {color: red}

.mobilePhone-TkBox form input.off::-webkit-input-placeholder {color: red}





/* 手机登录弹框 */

.weichat-Tk {position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, .7);display: none;z-index: 999999;}

.weichat-TkBox {position: absolute;top: 50%;left: 50%;width: 400px;background: #fff;border-radius: 8px;transform: translate(-50%,-50%);padding: 20px;}

.weichat-TkBtn {margin-top: 20px;display: flex;justify-content: flex-end;align-items: center;}

.weichat-TkBtn a {display: block;width: 100px;line-height: 30px;background: #dddddd;color: #fff;text-align: center;margin-left: 20px;border-radius: 5px;}

.weichat-TkBtn a:first-child {margin-left: 0;background: #2D5FC8;}



/* 我的钱包 */

.wallet-account {display: flex;justify-content: space-between;align-items: center;}

.wallet-money , .wallet-securities {width: 49%;border-radius: 10px;background: #fff;padding: 30px;min-height: 190px;}

.wallet-money-top {display: flex;justify-content: space-between;align-items: center;}

.wallet-money-available , .wallet-money-freeze {width: 50%;}

.wallet-money-top h5 {font-size: 18px;line-height: 22px;display: flex;align-items: center;}

.wallet-money-top h5 i {width: 16px;height: 16px;display: inline-block;margin-left: 10px;background: url("/web.2.0/static/images/gather/zu.png") no-repeat;background-size: contain;cursor: pointer;}

.wallet-money-top p {font-size: 24px;line-height: 40px;margin-top: 6px;}

.wallet-money-top p span {font-size: 14px;margin-left: 6px;}

.wallet-money-available p {color: #2D5FC8;}

.wallet-money-bottom {margin-top: 30px;display: flex;}

.wallet-money-bottom a {display: block;width: 100px;text-align: center;line-height: 30px;border: 1px solid #ddd;border-radius: 4px;margin-left: 40px;}

.wallet-money-bottom a:first-child {color: #fff;background: #2D5FC8;border-color: transparent;margin-left: 0;}

.wallet-securities-top {display: flex;justify-content: space-between;align-items: center;}

.wallet-securities-top h5 , .wallet-securities-top a{font-size: 18px;line-height: 22px;}

.wallet-securities-top a:hover {color: #2D5FC8;}

.wallet-securities-down {margin-top: 26px;}

.wallet-securities-down li {width: 100%;padding: 10px 20px;background: #FDF3F1;border-radius: 10px;display: flex;justify-content: space-between;align-items: center;margin-top: 10px;}

.wallet-securities-down ul li:first-child {margin-top: 0;}

.wallet-securities-down li p {font-size: 16px;}

.wallet-securities-down li p a {color: #EB614F;margin-left: 20px;padding-left: 20px;border-left: 1px dashed #dddddd;}

.wallet-securities-no {width: 100%;display: flex;justify-content: space-around;align-items: center;flex-direction: column;height: 82px;display: none;}



.wallet-incomeSpending {display: flex;justify-content: space-between;align-items: center;}

.wallet-type {margin-top: 30px;border-radius: 10px;padding: 30px;background: #fff;display: flex;justify-content: space-between;width: 49%;}

.wallet-type-left , .wallet-type-right {width: 49%;}

.wallet-type-left span {font-size: 18px;width: 80px;}

.wallet-type-date {display: flex;justify-content: space-between;align-items: center;}

.wallet-type-date input {color: #707070; width: calc(100% - 100px);border-radius: 4px;height: 40px;padding: 0 24px 0 10px;background: url("/web.2.0/static/images/gather/riqi.png") no-repeat center right 8px;background-size: 16px 16px;}

.wallet-type-financial {margin-top: 24px;justify-content: space-between;align-items: center;display: flex;}

.wallet-type-dropDown {width: calc(100% - 100px);cursor: pointer;position: relative;}

.wallet-type-dropDown p {width: 100%;height: 40px;line-height: 40px;color: #707070;padding: 0 24px 0 10px;border: 1px solid #e6e6e6;border-radius: 4px;position: relative;}

.wallet-type-dropDown p:after {position: absolute;content: "";right: 8px;width: 16px;height: 16px;top: 50%;transform: translateY(-50%); background: url("/web.2.0/static/images/gather/xiala.png") no-repeat center;background-size: contain;transition: all .3s ease;}

.wallet-type-dropDown p.ontrue:after {transform: translateY(-50%) rotate(180deg);}

.wallet-type-dropDownList {display: none;position: absolute;width: 100%;top: 40px;left: 0;z-index: 9;background: #fff;box-shadow: 0 0 6px rgb(0 0 0 / 16%);border-radius: 4px;max-height: 160px;overflow-y: auto;}

.wallet-type-dropDownList li {padding: 0 10px;line-height: 32px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.wallet-type-dropDownList::-webkit-scrollbar{width:6px;height:6px;}

.wallet-type-dropDownList::-webkit-scrollbar-track{background: rgb(239, 239, 239);border-radius:2px;}

.wallet-type-dropDownList::-webkit-scrollbar-thumb{background: #bfbfbf;border-radius:10px;}

.wallet-type-dropDownList::-webkit-scrollbar-thumb:hover{background: #bfbfbf;}

.wallet-type-dropDownList::-webkit-scrollbar-corner{background: #bfbfbf;}

.wallet-type-day span {margin-left: 20px;color: #707070;font-size: 16px;line-height: 30px;cursor: pointer;}

.wallet-type-day span:hover , .wallet-type-day span.ontrue {color: #2D5FC8;}

.wallet-type-btn {display: flex;justify-content: flex-end;align-items: center;margin-top: 24px;}

.wallet-type-btn a {display: block;width: 100px;line-height: 30px;font-size: 16px;border: 1px solid #2D5FC8;text-align: center;border-radius: 4px;color: #fff;background: #2D5FC8;}

.incomeSpending {width: 49%;margin-top: 30px;border-radius: 10px;padding: 30px;background: #fff;display: flex;justify-content: space-between;min-height: 164px;}

.incomeSpending-box {width: 50%;}

.incomeSpending-box h5 {font-size: 18px;line-height: 23px;}

.incomeSpending-box h6 {font-size: 30px;line-height: 40px;margin-top: 20px;}

.incomeSpending-box.income h6 {color: red;}

.incomeSpending-box h6 span {font-size: 14px;}

.incomeSpending-box p {font-size: 14px;margin-top: 15px;line-height: 18px;display: flex;align-items: center;}

.incomeSpending-box.income {padding-right: 30px;}

.incomeSpending-box.spending {padding-left: 30px;position: relative;}

.incomeSpending-box.spending:after {position: absolute;content: "";width: 1px;height: 50px;left: -5%;top: 50%;transform: translateY(-50%);background-color: #dddddd;}



.billingDetails {width: 100%;margin-top: 30px;border-radius: 10px;background: #fff;overflow: hidden;}

.billingDetails-page {display: flex;width: 100%;justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd;padding: 0 30px;}

.billingDetails-pageLink {display: flex;justify-content: space-between;align-items: center;}

.billingDetails-pageLink a {display: block;padding: 14px 32px;text-align: center;border-bottom: 2px solid transparent;font-size: 18px;}

.billingDetails-pageLink a.ontrue , .billingDetails-pageLink a:hover {border-color: #2D5FC8;}

#billingDetails-TheHistory {font-size: 18px;color: #2D5FC8;}

.billingDetails-pageBtn {display: none;justify-content: space-between;align-items: center;padding:20px;background-color: #F1F5FD;}

.billingDetails-pageBtn a {margin-left: 20px; display: block;width: 100px;background: #2D5FC8;color: #fff;font-size: 16px;line-height: 30px;border-radius: 4px;text-align: center;}

.billingDetails-pageBtn a:first-child {margin-left: 0;}

.billingDetails-pageBtn a:last-child {background: #ddd;}

.billingDetails-pageBtn a:last-child.ontrue {background: #2D5FC8;}

.billingDetails-pageBtn-text {display: flex;justify-content: space-between;align-items: center;}

.billingDetails-pageBtn-text p {margin-left: 15px;}

.billingDetails-pageBtn-text p span{font-size: 18px;color: #2D5FC8;padding: 0 4px;}

.billingDetails-list {width: 100%;padding:20px 20px 0;max-height: 590px;overflow-y: auto;}

.billingDetails-list::-webkit-scrollbar{width:6px;height:6px;}

.billingDetails-list::-webkit-scrollbar-track{background: rgb(239, 239, 239);border-radius:2px;}

.billingDetails-list::-webkit-scrollbar-thumb{background: #bfbfbf;border-radius:10px;}

.billingDetails-list::-webkit-scrollbar-thumb:hover{background: #bfbfbf;}

.billingDetails-list::-webkit-scrollbar-corner{background: #bfbfbf;}

.billingDetails-list li {display: flex;justify-content: space-between;align-items: center;padding: 15px 0;border-top: 1px solid #ddd;font-size: 16px;}

.billingDetails-list ul li:first-child {border-top: 0;background: #F3F3F3;}

.billingDetails-list ul li:nth-child(2) {border-top: 0;}

.billingDetails-list li.off {color: #ddd;}

.billingDetails-list li.off span.billingDetails-flex3 input {cursor: no-drop;}

.billingDetails-list li span {padding: 0 20px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.billingDetails-list li span i {font-style: normal;}

.billingDetails-list li span.billingDetails-flex1 {flex: 1;}

.billingDetails-list li span.billingDetails-flex2 {flex: 1.5;}

.billingDetails-list li span.billingDetails-flex3 {flex: 2;display: flex;justify-content: space-between;align-items: center;}

.billingDetails-list li span.billingDetails-flex3 input{width:20px;height:20px;display: none;text-align: center;vertical-align: middle; line-height: 18px;position: relative;border-radius: 4px;cursor: pointer;}

.billingDetails-list li span.billingDetails-flex3 input::before{border-radius: 4px; content: "";position: absolute;top: 0;left: 0;background: #fff;width: 100%;height: 100%;border: 1px solid #d9d9d9}

.billingDetails-list li span.billingDetails-flex3 input:checked::before{border-color: #2D5FC8;border-radius: 4px; content: "";position: absolute;top: 0;left: 0;width:100%;font-size: 20px;font-weight: bold;background: #2D5FC8 url("/web.2.0/static/images/gather/gougou.png") no-repeat center/16px 16px;color: #fff;}

.billingDetails-list li em {display: none;font-style: normal;font-weight: normal;}

.billingDetails-list li b {font-style: normal;font-weight: normal;}



/* 申请开票界面 */

.applyForMakeInvoice {width: 100%;display: none;}

.applyForMakeInvoice-title {width: 100%;padding: 20px 30px;border-radius: 10px;background: #fff;overflow: hidden;}

.applyForMakeInvoice-title p {font-size: 18px;display: flex;align-items: center;cursor: pointer;max-width: 80px;}

.applyForMakeInvoice-title p span {width:20px;height: 20px;display: block;margin-right: 15px;background: url("/web.2.0/static/images/gather/return-1.png") no-repeat;background-size: contain;}



.applyForMakeInvoice-LookUp {width: 100%;padding:30px;border-radius: 10px;background: #fff;margin-top: 30px;overflow: hidden;}

.applyForMakeInvoice-LookUp h1 {font-size: 18px;display: flex;justify-content: space-between;align-items: center;line-height: 24px;}

.applyForMakeInvoice-LookUp h1 a {color: #2D5FC8;}

.applyForMakeInvoice-list {width: 100%;margin-top: 20px;}

.applyForMakeInvoice-list li {width: 100%;display: flex;justify-content: space-between;align-items: center;height: 40px;font-size: 16px;}

.applyForMakeInvoice-list li span {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding: 0 6px;height: 24px;line-height: 24px;}

.applyForMakeInvoice-list li span i{font-style: normal;}

.applyForMakeInvoice-list li span i:first-child {margin-right: 10px;}

.applyForMakeInvoice-list li span.flex1 {flex: .7;}

.applyForMakeInvoice-list li span:first-child , .applyForMakeInvoice-list li span:last-child{cursor: pointer;}

.applyForMakeInvoice-list li span.flex2 {flex: 2;}

.applyForMakeInvoice-list li span.flex3 {flex: 4;}

.applyForMakeInvoice-list li span:first-child {position: relative;}

.applyForMakeInvoice-list li span:first-child.off {cursor: auto;}

.applyForMakeInvoice-list li span:first-child:after {position: absolute;content: "";width: 20px;height: 20px;border-radius: 50%;border: 5px solid #F3F3F3;left: 20px;top: 50%;transform: translateY(-50%);}

.applyForMakeInvoice-list li span:first-child.ontrue:after {border-color: #2D5FC8;}

.applyForMakeInvoice-list li span:last-child {color: #2D5FC8;text-align: right;padding-right: 20px;}

.applyForMakeInvoice-list ul li:first-child {background: #F3F3F3;}

.applyForMakeInvoice-list ul li:first-child span:first-child:after {display: none;}

.applyForMakeInvoice-list ul li:first-child span:last-child {color: #333;cursor: auto;}



.applyForMakeInvoice-medium {width: 100%;margin-top: 30px;padding: 30px;border-radius: 10px;background: #fff;overflow: hidden;}

.applyForMakeInvoice-medium  h1 {font-size: 18px;line-height: 24px;}

.medium-check {width: 100%;margin-top: 20px;display: flex;align-items: center;}

.medium-check p {font-size: 16px;color: #5D5D5D;display: flex;align-items: center;margin-left: 50px;line-height: 24px;cursor: pointer;}

.medium-check p:first-child {margin-left: 20px;}

.medium-check p:last-child {cursor: no-drop;}

.medium-check p span {width: 20px;height: 20px;border-radius: 50%;border: 5px solid #F3F3F3;margin-right: 20px;display: block;}

.medium-check p.ontrue {color: #2D5FC8;}

.medium-check p.ontrue span {border-color: #2D5FC8;}



.applyForMakeInvoice-address {width: 100%;margin-top: 30px;padding: 30px;border-top-left-radius: 10px;border-top-right-radius: 10px;background: #fff;overflow: hidden;}

.applyForMakeInvoice-address h1 {font-size: 18px;display: flex;justify-content: space-between;align-items: center;line-height: 24px;}

.applyForMakeInvoice-address h1 a {display: block;color: #2D5FC8;}

.applyForMakeInvoice-addressList {width: 100%;margin-top: 20px;}

.applyForMakeInvoice-addressList li {width: 100%;display: flex;justify-content: space-between;align-items: center;font-size: 16px;height: 40px;}

.applyForMakeInvoice-addressList li span {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding: 0 6px;height: 24px;line-height: 24px;}

.applyForMakeInvoice-addressList li span i {font-style: normal;}

.applyForMakeInvoice-addressList li span i:first-child {margin-right: 10px;}

.applyForMakeInvoice-addressList li span.flex1.Modify {flex: .7;}

.applyForMakeInvoice-addressList li span:first-child , .applyForMakeInvoice-addressList li span:last-child{cursor: pointer;}

.applyForMakeInvoice-addressList li span.flex1 {flex: 0.6;}

.applyForMakeInvoice-addressList li span.flex2 {flex: 1;}

.applyForMakeInvoice-addressList li span.flex3 {flex: 3;}

.applyForMakeInvoice-addressList li span.flex4 {flex: 4;}

.applyForMakeInvoice-addressList li span:first-child {position: relative;}

.applyForMakeInvoice-addressList li span:first-child.flex1 {flex: .3;}

.applyForMakeInvoice-addressList li span:first-child.off {cursor: auto;}

.applyForMakeInvoice-addressList li span:first-child:after {position: absolute;content: "";width: 20px;height: 20px;border-radius: 50%;border: 5px solid #F3F3F3;left: 20px;top: 50%;transform: translateY(-50%);}

.applyForMakeInvoice-addressList li span:first-child.ontrue:after {border-color: #2D5FC8;}

.applyForMakeInvoice-addressList li span:last-child {color: #2D5FC8;text-align: right;padding-right: 20px;}

.applyForMakeInvoice-addressList ul li:first-child {background: #F3F3F3;}

.applyForMakeInvoice-addressList ul li:first-child span:first-child:after {display: none;}

.applyForMakeInvoice-addressList ul li:first-child span:last-child {color: #333;cursor: auto;flex: .7;}



.applyForMakeInvoice-makeInvoice {padding: 0 30px; width: 100%;height: 80px;background: #F1F5FD;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;display: flex;justify-content: space-between;align-items: center;overflow: hidden;}

.applyForMakeInvoice-makeInvoice-left {display: flex;justify-content: space-between;align-items: center;}

.applyForMakeInvoice-makeInvoice-left p {font-size: 18px;margin-right: 30px;line-height: 30px;}

.applyForMakeInvoice-makeInvoice-left p span {font-size: 24px;margin: 0 10px;color: #2D5FC8;}

.applyForMakeInvoice-makeInvoice-left a {display: block;color: #2D5FC8;font-size: 18px;line-height: 30px;}

.applyForMakeInvoice-makeInvoice-btn a {display: block;width: 140px;color: #fff;background: #2D5FC8;border-radius: 4px;line-height: 40px;text-align: center;font-size: 18px;}



/* 优惠券弹框 */

.securities-Tk {position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, .7);display: none;z-index: 999999;}

.securities-TkBox {position: absolute;top: 50%;left: 50%;width: 600px;background: #fff;border-radius: 8px;transform: translate(-50%,-50%);padding: 30px;}

.securities-TkBox h1 {font-size: 18px;line-height: 23px;}

.securities-TkBox h1 i {cursor: pointer;width: 24px;height: 24px;position: absolute;right: 14px;top: 14px;display: block;background: url("/web.2.0/static/images/public/close.png") no-repeat center;}

.securities-TkList {margin-top: 26px;width: 100%;}

.securities-TkList li {width: 100%;padding: 10px 20px;background: #FDF3F1;border-radius: 10px;display: flex;justify-content: space-between;align-items: center;margin-top: 10px;}

.securities-TkList ul li:first-child {margin-top: 0;}

.securities-TkList li p {font-size: 16px;}

.securities-TkList li p a {color: #EB614F;margin-left: 20px;padding-left: 20px;border-left: 1px dashed #dddddd;}

.securities-TkList li.off {background: #e2e2e2;color: #333;}

.securities-TkList li.off p a{color:  #333;}



/* 发票抬头弹框 */

.applyForMakeInvoice-Tk {position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, .7);display: none;z-index: 999999;}

.applyForMakeInvoice-TkBox {position: absolute;top: 50%;left: 50%;width: 600px;background: #fff;border-radius: 8px;transform: translate(-50%,-50%);padding: 30px;}

.applyForMakeInvoice-TkBox h1 {font-size: 18px;line-height: 24px;font-weight: bold;}

.applyForMakeInvoice-TkBox form{display: block;width: 100%;margin-top: 20px;}

.applyForMakeInvoice-TkBox form label{display: flex;margin-top: 30px;justify-content: space-between;align-items: center;font-size: 16px;}

.applyForMakeInvoice-TkBox form label:first-child{margin-top: 0;}

.applyForMakeInvoice-TkBox form label>span {width: 120px;}

.applyForMakeInvoice-TkBox form label>span i {font-style: normal;color: red;}

.applyForMakeInvoice-TkBox form label input {width: calc(100% - 120px);border: 1px solid #ddd;border-radius: 4px;height: 40px;padding: 0 16px;}

.applyForMakeInvoice-TkBox form label:last-child {display: none;}

.applyForMakeInvoice-menuBox {width: calc(100% - 120px);border: 1px solid #ddd;line-height: 40px;border-radius: 4px;padding: 0 16px;position: relative;cursor: pointer;}

.applyForMakeInvoice-menuBox p {height: 38px; line-height: 38px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.applyForMakeInvoice-menuBox span {width: 16px;height: 16px;display: block;background: url("/web.2.0/static/images/public/select-sanjiao.png") no-repeat center;background-size: contain;position: absolute;right: 4px;top: 50%;transform: translateY(-50%);margin-left: 0;}

.applyForMakeInvoice-menu-list {display: none;position: absolute;width: 100%;top: 42px;left: 0;z-index: 9;background: #fff;box-shadow: 0 0 6px rgb(0 0 0 / 16%);border-radius: 4px;max-height: 160px;overflow-y: auto;}

.applyForMakeInvoice-menu-list li {padding: 0 16px;line-height: 40px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.applyForMakeInvoice-menu-list li:hover {background: #ddd;}

.applyForMakeInvoice-TkBtn {width: 100%;margin-top: 30px;display: flex;justify-content: center;align-items: center;}

.applyForMakeInvoice-TkBtn a {display: block;margin-left: 40px;border: 1px solid #ddd;color: #707070;border-radius: 4px;width: 100px;line-height: 30px;text-align: center;}

.applyForMakeInvoice-TkBtn a:first-child {margin-left: 0;}

.applyForMakeInvoice-TkBtn a.ontrue {border-color: #2D5FC8;background: #2D5FC8;color: #fff;}



/* 邮寄地址弹框 */

.applyForMakeInvoice-address-Tk {position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, .7);display: none;z-index: 999999;}

.applyForMakeInvoice-address-TkBox {position: absolute;top: 50%;left: 50%;width: 600px;background: #fff;border-radius: 8px;transform: translate(-50%,-50%);padding: 30px;}

.applyForMakeInvoice-address-TkBox h1 {font-size: 18px;line-height: 24px;font-weight: bold;}

.applyForMakeInvoice-address-TkBox form{display: block;width: 100%;margin-top: 20px;}

.applyForMakeInvoice-address-TkBox form label{display: flex;margin-top: 30px;justify-content: space-between;align-items: center;font-size: 16px;}

.applyForMakeInvoice-address-TkBox form label:first-child{margin-top: 0;}

.applyForMakeInvoice-address-TkBox form label>span {width: 120px;}

.applyForMakeInvoice-address-TkBox form label>span i {font-style: normal;color: red;}

.applyForMakeInvoice-address-TkBox label input {width: calc(100% - 120px);border: 1px solid #ddd;border-radius: 4px;height: 40px;padding: 0 16px;}

.applyForMakeInvoice-address-menuOutBox {width: calc(100% - 120px);display: flex;justify-content: space-between;align-items: center;}

.applyForMakeInvoice-address-menuBox {width: calc(50% - 10px);border: 1px solid #ddd;line-height: 40px;border-radius: 4px;padding: 0 16px;position: relative;cursor: pointer;}

.applyForMakeInvoice-address-menuBox p {height: 38px; line-height: 38px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.applyForMakeInvoice-address-menuBox span {width: 16px;height: 16px;display: block;background: url("/web.2.0/static/images/public/select-sanjiao.png") no-repeat center;background-size: contain;position: absolute;right: 4px;top: 50%;transform: translateY(-50%);margin-left: 0;}

.applyForMakeInvoice-address-list {display: none;position: absolute;width: 100%;top: 40px;left: 0;z-index: 9;background: #fff;box-shadow: 0 0 6px rgb(0 0 0 / 16%);border-radius: 4px;max-height: 160px;overflow-y: auto;}

.applyForMakeInvoice-address-list li {padding: 0 16px;line-height: 40px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.applyForMakeInvoice-address-list li:hover {background: #ddd;}

.applyForMakeInvoice-address-list::-webkit-scrollbar{width:6px;height:6px;}

.applyForMakeInvoice-address-list::-webkit-scrollbar-track{background: rgb(239, 239, 239);border-radius:2px;}

.applyForMakeInvoice-address-list::-webkit-scrollbar-thumb{background: #bfbfbf;border-radius:10px;}

.applyForMakeInvoice-address-list::-webkit-scrollbar-thumb:hover{background: #bfbfbf;}

.applyForMakeInvoice-address-list::-webkit-scrollbar-corner{background: #bfbfbf;}

.applyForMakeInvoice-address-TkBtn {width: 100%;margin-top: 30px;display: flex;justify-content: center;align-items: center;}

.applyForMakeInvoice-address-TkBtn a {display: block;margin-left: 40px;border: 1px solid #ddd;color: #707070;border-radius: 4px;width: 100px;line-height: 30px;text-align: center;}

.applyForMakeInvoice-address-TkBtn a:first-child {margin-left: 0;}

.applyForMakeInvoice-address-TkBtn a.ontrue {border-color: #2D5FC8;background: #2D5FC8;color: #fff;}



/* 开票进度 */

.wallet-progressInvoice-Tk {width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, .7);z-index: 9999999999;display: none;}

.wallet-progressInvoice {width: 1200px;padding: 30px;background: #fff;border-radius: 10px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.wallet-progressInvoice-TkClosexx {display: none;}

.wallet-progressInvoice-TkClose {cursor: pointer;width: 24px;height: 24px;position: absolute;right: 10px;top:10px;display: block;background: url("/web.2.0/static/images/public/close.png") no-repeat center;}

.wallet-progressInvoice h1 {font-size: 18px;}

.wallet-progressInvoice h1 span {color: #2D5FC8;font-size: 20px;margin: 0 6px;}

.wallet-progressInvoice-list {margin-top: 20px;width: 100%;}

.wallet-progressInvoice-list ul li:first-child span {line-height: 40px;}

.wallet-progressInvoice-list li {display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd;padding: 0 10px;font-size: 16px;}

.wallet-progressInvoice-list li:first-child {border-bottom: 0;background: #F3F3F3;}

.wallet-progressInvoice-list li span {line-height: 50px;display: block;padding: 0 4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.wallet-progressInvoice-list li span.flex1 {flex: 2;}

.wallet-progressInvoice-list li span.flex2 {flex: 1;}

.wallet-progressInvoice-list li span em {display: none;font-style: normal;}

#applyForMakeInvoice-list-Modify {display: none;}



/* 边学边赚 */

.worksRealization {width: 100%;display: flex;justify-content: space-between;overflow: hidden;}

.worksRealization-left {width: 73%;}

.worksRealization-img {width: 100%;height: 60px;border-radius: 10px;overflow: hidden;}

.worksRealization-img img {width: 100%;height: 100%;object-fit: cover;}

.worksRealization-cash {width: 100%;margin-top: 15px;border-radius: 10px;background: #fff;padding: 20px;}

.worksRealization-cash h1 {text-align: center;font-size: 24px;line-height: 30px;}

.worksRealization-cash>p {text-align: center;font-size: 14px;line-height: 18px;margin-top: 12px;}

.worksRealization-cashProcess {margin-top: 32px;}

.worksRealization-cashProcess ul {display: flex;justify-content: space-between;}

.worksRealization-cashProcess li {width: 33.333%;display: flex;align-items: center;flex-direction: column;}



.worksRealization-cashProcess li .worksRealization-cashProcessImg {width: 100%;height: 60px;display: flex;justify-content: center;align-items: center;position: relative;}

.worksRealization-cashProcess li .worksRealization-cashProcessImg:before {position: absolute;content: ""; width: 20px;height: 16px;background: url("/web.2.0/static/images/gather/return-1.png") no-repeat;background-size: contain; right: 0;top: 50%;transform: translateY(-50%) rotate(180deg);}

.worksRealization-cashProcess li:last-child .worksRealization-cashProcessImg:before {display: none;}

.worksRealization-cashProcess li .worksRealization-cashProcessImg img {max-width: 100%;max-height: 100%;object-fit: cover;}

.worksRealization-cashProcess li .worksRealization-cashProcessText {margin-top: 15px;}

.worksRealization-cashProcess li .worksRealization-cashProcessText p {font-size: 14px;line-height: 18px;}

.worksRealization-income {width: 100%;margin-top: 30px;padding: 20px 40px 0;border-radius: 10px;background: #fff;}

.worksRealization-incomeList li {display: flex;justify-content: space-between;align-items: center;height: 50px;border-top: 1px solid #dddddd;position: relative;}

.worksRealization-incomeList li:before{position: absolute;content: "";top: 0;left: 0;width: 33px;height: 40px;background: url("/web.2.0/static/images/gather/shuqian-1.png") no-repeat;background-size: contain;}

.worksRealization-incomeList li:first-child:before {display: none;}

.worksRealization-incomeList li:after {position: absolute;content: "";top: 6px;left: 11px;color: #fff;font-size: 16px;}

.worksRealization-incomeList li:nth-child(2):after {content: "1";}

.worksRealization-incomeList li:nth-child(3):after {content: "2";}

.worksRealization-incomeList li:nth-child(4):after {content: "3";}

.worksRealization-incomeList li:nth-child(5):after {content: "4";}

.worksRealization-incomeList li:nth-child(6):after {content: "5";}







.worksRealization-incomeList ul li:first-child {height: auto;border-top: 0;padding-bottom: 15px;}

.worksRealization-incomeList ul li:first-child span:first-child {padding-left: 0;}

.worksRealization-incomeList li span {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size: 16px;text-align: center;padding: 0 4px;}

.worksRealization-incomeList li span:first-child {text-align: left;}

.worksRealization-incomeList li span:first-child a {padding-left: 48px;}

.worksRealization-incomeList li span.flex1{flex: 1.5;}

.worksRealization-incomeList li span.flex2{flex: 1;}

.worksRealization-incomeList li span.flex3{flex: 4;}

.worksRealization-incomeList li span i {font-style: normal;font-size: 12px;}

.worksRealization-incomeList li span em {font-style: normal;display: none;}

.worksRealization-incomeList li span a:hover {color: #2D5FC8;}

.worksRealization-incomeList ul li:first-child span {font-size: 18px;line-height: 24px;}

.worksRealization-right {width: calc(27% - 20px);}

.worksRealization-btn a{height: 60px;background: #2D5FC8;color: #fff;width: 100%;line-height: 60px;text-align: center;display: block;border-radius: 10px;font-size: 18px;}

.worksRealization-btn input {display: none;}

.worksRealization-notice {width: 100%;padding: 20px 30px 0;background: #fff;border-radius: 10px;margin-top: 15px;}

.worksRealization-notice h1 {font-size: 18px;line-height: 24px;}

.worksRealization-noticeList {width: 100%;margin-top: 17px;}

.worksRealization-noticeList li {padding: 7px 0;border-bottom: 1px solid #ddd;}

.worksRealization-noticeList ul li:last-child {border-bottom: 0;display: flex;justify-content: space-between;align-items: center;}

.worksRealization-noticeList li a {display: block;font-size: 14px;line-height: 24px;height: 48px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.worksRealization-noticeList li a:hover {color: #2D5FC8;}

.worksRealization-noticeList li:last-child a {color: #FF0000;float: right;height: auto;}

.worksRealization-noticeList li:last-child a:hover {color: #FF0000;}

.worksRealization-survey {width: 100%;margin-top: 30px;padding: 20px 30px 0;border-radius: 10px;background: #fff;min-height: 311px;}

.worksRealization-survey li {margin-top: 30px;}

.worksRealization-survey ul li:first-child {margin-top: 0;}

.worksRealization-survey li h1 {font-size: 18px;line-height: 24px;padding-bottom: 15px;}

.worksRealization-survey li p {font-size: 16px;line-height: 32px;display: flex;justify-content: space-between;align-items: center;}



/* 入选文献 */

.inTheLiterature {width: 100%;padding: 20px 30px 0;background: #fff;border-radius: 10px;margin-top: 30px;}

.inTheLiterature li {display: flex;justify-content: space-between;align-items: center;height: 50px;border-bottom: 1px solid #ddd;position: relative;}

.inTheLiterature li:first-child {border-bottom: 0;}

.inTheLiterature li:first-child span {font-size: 18px;}

.inTheLiterature li:first-child span i {font-style: normal;font-size: 12px;color: #333;}

.inTheLiterature li:last-child {border-bottom: 0;}

.inTheLiterature li span.flex1 {flex: 1;}

.inTheLiterature li span.flex2 {flex: 1.5;}

.inTheLiterature li span.flex3 {flex: 4;}

.inTheLiterature li span {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size: 16px;display: block;padding: 0 4px;text-align: center;}

.inTheLiterature li span:first-child {text-align: left; padding-left: 0;}

.inTheLiterature li span em {font-style: normal;display: none;}

.inTheLiterature li span i {font-style: normal;font-size: 14px;margin-left: 10px;color: #2D5FC8;}

.inTheLiterature li span img {cursor: pointer;margin: 0 auto;}

.inTheLiterature li span img:last-child {display: none;}

.inTheLiterature li span img:first-child {display: block;}

.inTheLiterature li span:hover img:first-child {display: none;}

.inTheLiterature li span:hover img:last-child {display: block;}

.inTheLiterature .ModifyBox {position: absolute;right: 0;top:0;display: flex;justify-content: flex-end;align-items: center;width: 100%;height: 100%;background: #fff;display: none;}

.inTheLiterature li span.Modify ,

.inTheLiterature li span.addshelves , 

.inTheLiterature li span.confirmDeletion , 

.inTheLiterature li span.undercarriageCancelconfirm ,

.inTheLiterature li span.deleLiterature ,

.inTheLiterature .ModifyBox span.price , 

.inTheLiterature .ModifyBox span.shelves , 

.inTheLiterature .ModifyBox span.cancel , 

.inTheLiterature .ModifyBox span.confirm , 

.inTheLiterature .ModifyBox span.confirmShelves , 

.inTheLiterature .ModifyBox span.undercarriageCancel{cursor: pointer;}

.inTheLiterature li input {border: 1px solid #ddd;border-radius: 4px;text-align: center;padding: 0 10px;line-height: normal;height: 30px;}

.inTheLiterature li input::-webkit-outer-spin-button,

.inTheLiterature li input::-webkit-inner-spin-button {-webkit-appearance: none;}

.inTheLiterature li input[type="number"]{-moz-appearance: textfield;}

.inTheLiterature .ModifyBox .confirmShelves , .inTheLiterature li span.confirmDeletion{color:#FF0000;}

.inTheLiterature li span.audit {color: #2D5FC8;}



/* 入选文献弹框 */

.inTheLiterature-Tk {position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, .7);display: none;z-index: 999999;}

.inTheLiterature-TkBox {position: absolute;top: 50%;left: 50%;width: 80%;background: #fff;border-radius: 8px;transform: translate(-50%,-50%);padding: 20px;}

.inTheLiterature-TkBox h1 {font-size: 16px;font-weight: bold;line-height: 32px;}

.inTheLiterature-TkBox p {margin-top: 10px;font-size: 14px;}

.inTheLiterature-TkBox p span {margin-left:10px;}











/* 实名认证 */

.realNameAuthentication-return {width: 100%;padding: 20px 30px;border-radius: 10px;background: #fff;overflow: hidden;display: flex;}

.realNameAuthentication-return a {display: inline-block;}

.realNameAuthentication-return p{font-size: 18px;display: flex;align-items: center;max-width: 80px;}

.realNameAuthentication-return p span {width: 20px;height: 20px;display: block;margin-right: 15px;background: url("/web.2.0/static/images/gather/return-1.png") no-repeat;background-size: contain;}

.realNameAuthentication-form {width: 100%;padding: 30px;margin-top: 30px;border-radius: 10px;background: #fff;overflow: hidden;}

.realNameAuthentication-form h1 {font-size: 18px;font-weight: bold;line-height: 24px;}

.realNameAuthentication-form form {display: block;width: 100%;margin-top: 30px;}

.realNameAuthentication-form form label {display: flex;align-items: center;margin-top: 20px;}

.realNameAuthentication-form form label.ontrue {align-items: baseline;}

.realNameAuthentication-form form label:first-child {margin-top: 0;}

.realNameAuthentication-form form label h5 {display: block;font-size: 16px;width: 100px;text-align: right;margin-right: 20px;}

.realNameAuthentication-form form label h5 span {display: inline-block;color: red;margin-right: 6px;}

.realNameAuthentication-form form label input{color: #333 !important; width: 270px;border: 1px solid #ddd;border-radius: 4px;padding: 0 16px;height: 40px;position: relative;}

.realNameAuthentication-form form label input.ontrue {border-color: #2D5FC8;}

.realNameAuthentication-theSample {width: calc(100% - 120px);display: flex;}

.realNameAuthentication-imgBox img {width: 157px;height: 185px; object-fit: cover;}

.realNameAuthentication-imgBox p {text-align: center;font-size: 16px;line-height: 20px;margin-top: 15px;}

.realNameAuthentication-upload a {display: block; width: 270px;height: 40px;line-height: 40px;border-radius: 4px;text-align: center;color: #fff;background: #ddd;cursor: pointer;}

.realNameAuthentication-upload a:hover {background: #2D5FC8;}

.realNameAuthentication-upload a:last-child {margin-top: 20px;}

.realNameAuthentication-upload input {display: none;}

.realNameAuthentication-uploadBox-img {margin-top: 20px;height: 75px;width: 270px;display: flex;justify-content: space-between;align-items: center;}

.realNameAuthentication-uploadBox-img img {width: 49%;height: 100%;object-fit: contain;}

.realNameAuthentication-btnSave {display: block;width: 200px;line-height: 40px;height: 40px;border-radius: 4px;background: #2D5FC8;color: #fff;text-align: center;font-size: 16px;margin: 20px auto 0;}

.realNameAuthentication-btnSave:active {color: #fff;}

.realNameAuthentication-menuBox {width: 270px;position: relative;cursor: pointer;}

.realNameAuthentication-menuBox p{border: 1px solid #dddddd;line-height: 40px;border-radius: 4px;padding: 0 16px;position: relative;}

.realNameAuthentication-menuBox span {width: 16px;height: 16px;display: block;background: url("/web.2.0/static/images/public/select-sanjiao.png") no-repeat center;background-size: contain;position: absolute;right: 4px;top: 50%;transform: translateY(-50%);margin-left: 0;}

.realNameAuthentication-menu-list {display: none; position: absolute;width: 100%;top: 42px;left: 0;z-index: 9;background: #fff;box-shadow: 0 0 6px rgb(0 0 0 / 16%);border-radius: 4px;max-height: 160px;overflow-y: auto;}

.realNameAuthentication-menu-list li {padding: 0 16px;line-height: 40px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.realNameAuthentication-menu-list::-webkit-scrollbar{width:6px;height:6px;}

.realNameAuthentication-menu-list::-webkit-scrollbar-track{background: rgb(239, 239, 239);border-radius:2px;}

.realNameAuthentication-menu-list::-webkit-scrollbar-thumb{background: #bfbfbf;border-radius:10px;}

.realNameAuthentication-menu-list::-webkit-scrollbar-thumb:hover{background: #bfbfbf;}

.realNameAuthentication-menu-list::-webkit-scrollbar-corner{background: #bfbfbf;}

.realNameAuthentication-form .personal-information {margin-left: 0;width: 270px;}

.realNameAuthentication-form .personal-information span {font-size: 16px;}

.realNameAuthentication-form .personal-information span input {margin-left: 0;margin-right: 10px;}

.realNameAuthentication-form .personal-information span input.ontrue {border-color: #dddddd;}

.realNameAuthentication-dataBox input:last-child{margin-top: 20px;}

.realNameAuthentication-qt.personal-information > span {width: 80px;}

.realNameAuthentication-qtBox {width: calc(100% - 80px);display: flex;justify-content: space-between;align-items: center;}

.realNameAuthentication-qt.personal-information .realNameAuthentication-qtBox > input {width: calc(100% - 80px);}





/* 论文辅导 */

#thesisGuidance2 {display: none;}

.homework-box-list li.defence:first-child .homework-box-list-course {border-top: 0;}

.homework-box-list li.defence:first-child .homework-box-list-title {background-color: #EFEFEF;}



.homework-box-list li.coach .homework-box-list-title h1 {color: #fff;}

.homework-box-list li.coach .homework-box-list-titleRight span {background: none;padding: 0;}



#personal_sign{

    background-color: rgba(0, 0, 0, 0);

    text-align: left;

    border: none;

    min-height:19px;

 

    resize:none;

    overflow:hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    color:rgba(255,255,255,0.8);

    white-space:pre-wrap;

    word-wrap: break-word;

    word-break: break-all;

}

.changeColor{

    color:rgba(255,255,255,1) !important;

    border-bottom:1px solid #ccc !important;

    height:19px;

}

.staff-box{

    align-items:flex-end !important;

}

.text-hg{

    height:50px !important;

    width:300px !important;

}

#personal_sign::-webkit-input-placeholder{

    color:rgba(255,255,255,0.8);

    text-align:left;

}

/* 中台管理系统弹窗 */

#zhongtai{

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0,0,0,0.5);

    text-align: center;

}



#zhongtai .zhongtai-message{

    margin: 0 auto;

    position: relative;

    top: 50%;

    transform: translateY(-50%);

    width: 716px;

    height: 372px;

    background-color: white;

    

    border-radius: 20px;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

#zhongtai .zhongtai-message .zhongtai-message-title{

    margin: 0 auto;

    width: 206px;

    height: 24px;

    opacity: 1;

    font-size: 18px;

    font-family: Microsoft YaHei, Microsoft YaHei-Bold;

    font-weight: 700;

    text-align: center;

    color: #2f61c9;

    letter-spacing: -1px;

}

#zhongtai .zhongtai-message .zhongtai-message-list{

    opacity: 1;

    font-size: 16px;

    font-family: Microsoft YaHei, Microsoft YaHei-Regular;

    font-weight: 400;

    text-align: center;

    color: #333333;

    line-height: 30px;

    margin: 30px auto;

}

#zhongtai .zhongtai-message .zhongtai-message-list li .zhongtai-address{

    color: #2f61c9;

    font-weight: 700;



}

#zhongtai .zhongtai-message .confirm-enter-zhongtai{

    width: 330px;

    height: 60px;

    opacity: 1;

    background: #2f61c9;

    border-radius: 10px;

    box-shadow: 0px 3px 7px 0px rgb(47 97 201 / 60%);

    margin: 0 auto;

    /* height: 24px; */

    opacity: 1;

    font-size: 18px;

    font-family: Microsoft YaHei, Microsoft YaHei-Regular;

    font-weight: 400;

    text-align: center;

    color: #ffffff;

    line-height: 60px;

}

#zhongtai .zhongtai-message .confirm-enter-zhongtai a{

    display: block;

    width: 100%;

    height: 100%;

}











/* ------------------------手机端-------------------------- */

@media all and (max-width:749px) {

    .pub-menuCon .pub-retail-system {

        

        margin-bottom: 22px;

    }

    .management-wealth .management-creditsCurrency {width: 200px;}

    .management-Imgwd .management-wd p {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

    .TeachingAssistants-imgBtn a {width: 48%;}

    .homework-box-list-title span {padding: 6px 20px;}

    .homework-box-list-titleLeft {width: calc(100% - 440px);}

    .homework-box-list-title h1 {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

    .rejected-TkBox {width: 92%;}

    .wallet-type-day span {margin-left: 10px;}

    .incomeSpending-box h6 {font-size: 26px;}

    .worksRealization-notice , .worksRealization-survey{padding: 20px 20px 0;}

    .worksRealization-left {width: 71%;}

    .worksRealization-right {width: calc(29% - 20px);}

    .line-one {

      

        top: 30%;

    }

    .line-two {

       

        top: 30%;

    }

    .retail-system-con-listli-data-gray {

        font-size: 34px;

    }

    .retail-system-con-listli-data-blue {

        font-size: 34px;

    }

    .retail-system-con-listli-data-red {

        font-size: 34px;

    }

    .crmlineone {

        top:26%;

    }

    .crmlinetwo {

        top:26%;

    }

    .pub-retail-system-content {

        width: 60%;}

    .pub-retail-system-enter {

        width: 36%;

        box-sizing: border-box;

        padding: 62px 10px;

    }

    .pub-menuCon .pub-retail-system {

        

        margin-bottom: 22px;

    }

    .management-wealth .management-creditsCurrency {width: 180px;}

    .management-wealth .management-creditsCurrency p {font-size: 26px;line-height: 30px;}

    .myLive .myLive-box {padding: 15px 20px;}

    .myLive-box h5 {padding: 14px 0;font-size: 14px;}

    .TeachingAssistants-content {padding: 20px 40px 15px;}

    .TeachingAssistants-imgTop-text h1 {font-size: 16px;}

    .TeachingAssistants-imgTop-text h5 {font-size: 14px;}

    .TeachingAssistants-imgTop-text p {line-height: 18px;}

    .TeachingAssistants-imgTop-text p.first {margin-top: 14px;}

    .TeachingAssistants-content h1 {font-size: 16px;}

    .TeachingAssistants-menu a {font-size: 16px;}

    .TeachingAssistants-imgRight h5 {font-size: 14px;}

    .TeachingAssistants-imgRight p {margin-top: 14px;}

    .TeachingAssistants-img {padding: 18px 27px 24px 20px;}

    .TeachingAssistants-imgBtn {margin-top: 12px;}

    .wallet-securities-down li p {font-size: 14px;}

    .wallet-money, .wallet-securities {padding: 20px;min-height: 170px;}

    .wallet-type , .incomeSpending{padding: 20px;}

    .incomeSpending {min-height: 144px;}

    .incomeSpending-box h5 {line-height: 20px;}

    .incomeSpending-box h6 {line-height: 34px;}

    .incomeSpending-box p {margin-top: 8px;}

    .incomeSpending-box.spending:after { left: -4%;}

    .wallet-type-day span {font-size: 14px;}

    .applyForMakeInvoice-list li span.flex3 , .applyForMakeInvoice-addressList li span.flex4{flex: 3;}



    .worksRealization {flex-wrap: wrap;}

    .worksRealization-left ,.worksRealization-right{width: 100%;}

    .worksRealization-right , .worksRealization-cash , .worksRealization-notice{margin-top: 30px;}

    .worksRealization-notice , .worksRealization-survey{padding: 20px 40px;min-height: auto;}

    .worksRealization-noticeList li a {height: auto;}

    .pub-retail-system-content {

        width: 60%;}

    .pub-retail-system-enter {

        width: 36%;

        box-sizing: border-box;

        padding: 62px 10px;

    }

    .pub-menuCon .pub-retail-system {

        

        margin-bottom: 22px;

    }

    .management-wealth .management-creditsCurrency {width: 160px;}

    .management-Imgwd .management-wd {margin-left: 20px;}

    .management-state .management-stateBox , .management-state .management-stateMinbox{font-size: 16px;}

    .management-state .management-stateMinbox h5 span {font-size: 14px;}

    .myLive-TK {width: 92%;}

    .TeachingAssistants-imgTop {padding: 14px;}

    .TeachingAssistants-imgDown p {margin-top: 4px;}

    .TeachingAssistants-img {padding: 14px;}

    .collection-moveList-text h5 {font-size: 16px;line-height: 22px}

    .collection-moveList.jiaofu .collection-moveList-text{display: block;}

    .collection-moveList.jiaofu .collection-moveList-text p {margin-top: 10px;margin-left: 0;}

    .credits-listTop-Mycredits .Mycredits-box {margin-left: 20px;}

    .homework-list-tit h1, .homework-list-tit p {font-size: 14px;}

    .homework-list-tit {padding: 20px 10px;}

    .homework-box-list-title {padding: 0 20px;}

    .homework-box-list-course {padding: 0 20px;}

    .management-state , .management-professional , .management-planning{padding: 20px;}

    .registered-TkBox {width: 92%;}

    .homework-TkBox {width: 92%;}

    .defencehomework-TkBox {width: 92%;}

    .defence-TkBox {width: 92%;}

    .homework-video , .homework-video-loading img{height: 350px;}

    .homework-list-link {height: 166px;}

    .pub-notice-text a {max-width: 340px;}

    .pub-Header-notice {padding: 30px 20px;}

    .wallet-money, .wallet-securities {width: 100%;}

    .wallet-account {flex-wrap: wrap;}

    .wallet-securities {margin-top: 30px;}

    .billingDetails-list li span.billingDetails-flex3 {flex: 1.5;}

    .billingDetails-list li {font-size: 14px;}

    .billingDetails-list li span {padding: 0 10px;}

    .wallet-incomeSpending {flex-wrap: wrap;}

    .wallet-type , .incomeSpending{width: 100%;}

    .incomeSpending-box.spending:after {left: 0;}

    .incomeSpending-box.spending {padding-left: 50px;}

    .applyForMakeInvoice-LookUp h1 , .applyForMakeInvoice-medium h1 , .applyForMakeInvoice-address h1 , .applyForMakeInvoice-makeInvoice-btn a{font-size: 16px;}

    .applyForMakeInvoice-list li , .medium-check p , .applyForMakeInvoice-addressList li{font-size: 14px;}

    .wallet-progressInvoice-list li {font-size: 14px;}

    .wallet-progressInvoice {width: 92%;}

    .inTheLiterature li span.flex3 {flex: 3;}

    .pub-menuCon .pub-retail-system {

        

        margin-bottom: 16px;

    }

    .pub-retail-system-content {

        width: 60%;}

    .pub-retail-system-enter {

        width: 36%;

        box-sizing: border-box;

        padding: 62px 10px;

    }

    .pub-Header-down span:first-child {left: 2%;}

    .pub-Header-down span:last-child {right: 2%;}

    .management-user {padding: 20px;}

    .management-Imgwd .management-userImg img {width: 70px;height: 70px;}

    .management-wealth .management-creditsCurrency {width: 130px;padding: 0 6px;}

    .management-Imgwd .management-wd {margin-left: 10px;}

    .myLive .myLive-box {padding: 14px}

    .TeachingAssistants-content {padding: 20px;}

    .TeachingAssistants-wd li>p{padding: 0 10px;width: calc(100% - 74px);}

    .TeachingAssistants-wd li span {width: 74px;}

    .TeachingAssistants-tit {padding: 0 20px;}

    .TheLiterature-list {padding: 0 20px;}    

    .TheLiterature-tit {padding: 0 20px;}

    .TheLiterature-tit a {line-height: 40px;font-size: 16px;}

    .TheLiterature-listText h1 , .TheLiterature-listBtn a:last-child{font-size: 16px;}

    .collection-tit h1 {padding: 0 24px 15px;font-size: 16px;}

    .signUp-box .signUp-tit h1 {font-size: 16px;}

    .myMove-list li {font-size: 14px;}



    .contain {

        width: 100%;

        padding: 0 12px;

    }

    .line-one {

      

        top: 28%;

    }

    .clip_area {

       

        width: 530px;

    }

    .line-two {

       

        top: 28%;

    }

    .retail-system-con-listli-data-gray {

        font-size: 30px;

    }

    .retail-system-con-listli-data-blue {

        font-size: 30px;

    }

    .retail-system-con-listli-data-red {

        font-size: 30px;

    }

    .crmlineone {

        top:24%;

    }

    .crmlinetwo {

        top:24%;

    }

    .pub-header{

        position: relative;

        width: 100%;

        height: 160px;

        opacity: 1;

        background: #2f61c9;

        border-radius: 10px;

        box-shadow: 0px 3px 7px 0px rgb(51 51 51 / 16%);

        margin-top: 50px;

        box-sizing: border-box;

        padding-top: 10px;

    } 

    .pub-header-con{

        position: absolute;

        width: 80px;

        height: 80px;

        display: block;

        border-radius: 10px 10px;

        left: 19px;

        top: -40px;

        background-color: #fff;

    } 

    .pub-header-box{

        margin-top: 42px;

        margin-left: 20px;

        margin-right: 20px;

    }

    .staff-info{

        display: flex;

        justify-content: space-between;

        box-sizing: border-box;

        align-items: center;

    }

    .staff-sign{

        display: flex;

        align-items: center;

        margin-top: 3px;

    }

    .staff-info{

        padding-right: 0px;

    }

    .staff-join-time{

        line-height: 19px;

    }

    .pub-content{

        width: 100%;

        display: block;

        margin-top: 14px;

    }     

    .left-nav-list{

        display: flex;

    }

    .pub-conbox {

        width: 100%;

        padding: 0px 0 30px;

        display: flex;

        justify-content: space-between;

        overflow: scroll;

    }

    .pub-conbox-left .left-nav-list li:nth-child(1) {

        border-radius: 10px 0px 0px 10px;

    }

    .pub-conbox-left .left-nav-list li:nth-child(4) {

        border-radius: 0px 10px 10px 0px;

    }

    .pub-conbox-left li {

        width: 25%;

        height: 40px;

        font-size: 16px;

        text-align: center;

        line-height: 40px;

        background-color: #fff;

        cursor: pointer;

    }

    .pub-retail-system-content{

        margin-left: 0%;

    }

    .pub-retail-system-content {

        width: 62%;

    }

   





    .pub-Header {padding-top: 10px;}

    .pub-Header-down span i {display: none;}

    .pub-Header-down span.hello {display: none;}

    .pub-Header-down span:first-child {position: static;opacity: 1;font-weight: bold;}

    .pub-Header-down span:last-child {position: static;}

    .pub-Header-down span:last-child i {display: inline-block;}

    .pub-Header-notice-mobile {display: block;}

    

    .pub-menuCon {width: 100%;margin-top: 20px;}

    /* .pub-menuCon.off , .pub-menuCon.off .personal , .pub-menuCon.off .security{margin-top: 0} */

    .pub-menu {width: 100%;display: flex;justify-content: space-around;}

    /* 20210825 林 */

    .pub-menu a {display: block;line-height: 60px;border-top: 0;position: relative;text-align: center;font-size: 15px;width: 20%;float: left;}

    .pub-menu a:after {bottom: 0;width: 100%;height: 3px;top: auto;}

    .pub-menu a.SetUpThe {display: none;}

    .management-user {background: transparent;display: block;justify-content: normal;align-items: normal;padding: 0;}

    .management-Imgwd {background: #fff;padding: 20px;border-radius: 5px;}

    .management-Imgwd .management-wd {margin-left: 40px;width: 300px;}

    .management-wealth {justify-content: space-around;margin-top: 0;background: #fff;padding: 0;border-radius: 5px;}

    .management-wealth .management-creditsCurrency {width: 50%;padding: 0 10px;}

    .management-wealth .management-creditsCurrency:first-child:after {display: none;}

    .management-professional {border-top: 0;margin-top: 20px;border-radius: 5px;}

    .management-listBox.listTit {display: none;}

    .management-listBox {display: block;justify-content: normal;height: auto;align-items: normal;text-align: left;padding: 20px 0 16px;}

    .management-listBox span:nth-child(3) {margin-left: 10px;}

    .management-listBox span {padding: 0;}

    .management-listBox span.icon a {display: inline-block;width: 24px;}

    .management-listBox span.off {display: none;}

    .management-listBox span.width2,.management-listBox span.width3{flex: none;display: block;float: left;line-height: 30px;}

    .management-listXuefen {display: flex;justify-content: space-between;align-items: center;width: 100%;padding-top: 10px;}

    .management-planning-list {margin-top: 0px;}

    .management-planning-list {max-height: 1960px;}

    .myLive .myLive-box {padding: 15px 26px;margin-top: 10px;width: 100%;}

    .myLive .myLive-box:first-child {margin-top: 20px;}

    .myLive-TK {padding: 28px;}

    .myLive-TK-title h1 {font-size: 16px;line-height: 24px;}

    .myLive-TK-title p {font-size: 14px;padding: 10px 0;}

    .myLive-TKbox-close {right: 12px;top: 10px;}

    .myMove {padding: 20px;}

    .myMove.ontrue {padding: 20px 20px 0;}

    .myMove h1 {font-size: 16px;}

    .myMove.ontrue:before {top: 120px;}

    .wantLearn-tabBox a p {font-size: 14px;}

    .wantLearn-tabBox a .wantLearn-img {width: 30px;height: 30px;}

    .TeachingAssistants-menu a {padding: 14px 0;}

    .TeachingAssistants-content h1 {font-size: 14px;}

    .TeachingAssistants-imgTop-text h5 {font-size: 12px;margin-top: 4px;}

    .TeachingAssistants-imgTop-text p {font-size: 12px;}

    .TeachingAssistants-imgTop-text p.first {margin-top: 10px;line-height: 20px;}

    .TeachingAssistants-imgDown {padding: 14px;}

    .TeachingAssistants-imgDown p {font-size: 12px;line-height: 18px;}

    .TeachingAssistants-form input {width: 200px;}

    .TeachingAssistants-imgRight h5 {font-size: 12px;}

    /* .TeachingAssistants-imgRight p {margin-top: 8px;height: 126px;font-size: 12px;-webkit-line-clamp: 6;} */

    .TeachingAssistants-imgRight h5 {margin-top: 8px;line-height: 18px;}

    .teacher {margin-top: 20px;}

    .teacher-businessCard {padding: 20px;}

    .teacher-move {margin-top: 20px;padding: 20px;}

    .teacher-text {margin-left: 30px;font-size: 16px;width: calc(100% - 130px);}

    .teacher-recordBox h1 , .teacher-recordBox li a .teacher-recordBox-left h5{font-size: 16px;}

    .collection {margin-top: 20px;padding: 20px 20px 0;}

    .credits-listTop-course h1 {font-size: 16px;line-height: 20px;}

    .homework-box-list-titleLeft {width: calc(100% - 420px);}

    .homework-box-list-title span {padding: 6px 10px;}

    .homework-box-list-courseLeft h5{font-size: 14px;}

    .homework-Tktitle p {font-size: 16px;}

    .homework-TkBox {padding: 20px;}

    .defencehomework-TkBox{padding: 20px;}

    .defence-TkBox {padding: 20px;}

    .drop-down form label>span {font-size: 16px;margin-right: 50px;}

    .homework-list-link a {font-size: 14px;}

    .homework-list-tit h1, .homework-list-tit p {font-size: 14px;}

    .homework-list-tit {height: auto;padding: 10px;}

    

    .management-TkBox-close {top: 6px;right: 6px;}

    .homework-video-loading img , .homework-video{height: 278px;}

    .homework-video-tit {background: #000;position: unset;}

    .TeachingAssistants-imgLeft img, .TeachingAssistants-imgTop-img img {height: 90px;}

    .rejected-TkBox {padding: 60px;}

    .rejected-TkBox-text h1 {font-size: 26px;}

    .rejected-TkBox-text p {font-size: 16px;line-height: 26px;}

    .rejected-TkBox-down {margin-top: 40px;}

    .rejected-TkBox-down a {width: 124px;}

    .signUp-box-list {padding: 15px 20px;}

    .accountSettings-page {padding: 0 30px;}

    .accountSettings-page a {font-size: 16px;line-height: 20px;}

    .personal {padding: 30px;}

    .personal-form h1 {font-size: 16px;}

    .personal-box {font-size: 14px;}

    .security {margin-top: 20px;padding: 20px 30px;}

    .security-box {font-size: 14px;}

    .registered-TkBox {padding: 20px;}

    .management-listBox span.width4 ,.management-listBox span.width4.icon{display: none;}

    .pub-Header-notice {display: none;}

    .wallet-securities , .wallet-type{margin-top: 20px;}

    .wallet-money-bottom {margin-top: 20px;}

    .wallet-money-top h5 {font-size: 16px;line-height: 20px;}

    .wallet-securities-top h5, .wallet-securities-top a {font-size: 16px;line-height: 20px;}

    .wallet-money, .wallet-securities {min-height: auto;}

    .wallet-type-left span {font-size: 16px;width: 70px;}

    .wallet-type-date input , .wallet-type-dropDown{width: calc(100% - 80px);}

    .wallet-type-day span {margin-left: 20px;}

    .incomeSpending {margin-top: 20px; padding: 20px;}

    .incomeSpending-box h5 {font-size: 16px;line-height: 20px;}

    .incomeSpending-box h6 {font-size: 26px;line-height: 36px;}

    .billingDetails {margin-top: 20px;}

    .billingDetails-pageLink a {padding: 10px 20px;font-size: 16px;}

    .billingDetails-pageBtn a{font-size: 14px;}

    .billingDetails-list li span.billingDetails-flex1 {flex: 1.1;}

    .securities-TkBox {padding: 20px;}

    .securities-TkBox h1 i {right: 10px;top: 10px;}

    .applyForMakeInvoice-title {padding: 20px;}

    .applyForMakeInvoice-LookUp , .applyForMakeInvoice-medium , .applyForMakeInvoice-address{padding: 20px; margin-top: 20px;}

    .applyForMakeInvoice-makeInvoice {padding: 0 20px;height: 70px;}

    .applyForMakeInvoice-makeInvoice-left p , .applyForMakeInvoice-makeInvoice-left a{font-size: 16px;}

    .applyForMakeInvoice-makeInvoice-left p span {font-size: 20px;}

    .applyForMakeInvoice-list li span:first-child:after , .applyForMakeInvoice-addressList li span:first-child:after{left: 10px;}

    .medium-check p:first-child {margin-left: 10px;}

    .applyForMakeInvoice-list li span:last-child , .applyForMakeInvoice-addressList li span:last-child{padding-right: 10px;}

    .applyForMakeInvoice-addressList li span.flex1 {flex: .7;}

    .wallet-progressInvoice h1 {font-size: 16px;}

    .wallet-progressInvoice h1 span {font-size: 18px;}

    .wallet-progressInvoice {padding: 20px;}

    .billingDetails-list {max-height: 568px;}

    .applyForMakeInvoice-list li span.flex3 {flex: 2;}

    .realNameAuthentication-form {padding: 20px;margin-top: 20px;}   

    .realNameAuthentication-return {padding: 20px;} 

    .worksRealization-right, .worksRealization-cash, .worksRealization-notice , .worksRealization-income , .worksRealization-survey{margin-top: 20px;}

    .worksRealization-income , .worksRealization-notice , .worksRealization-survey{padding: 20px 20px 0;}

    .worksRealization-btn a {height: 50px;line-height: 50px;font-size: 16px;}

    .worksRealization-cash h1 {font-size: 20px;}

    .worksRealization-incomeList ul li:first-child span , .worksRealization-notice h1 , .worksRealization-survey li h1{font-size: 16px;}

    .worksRealization-incomeList li span {font-size: 14px;}

    .worksRealization-noticeList {margin-top: 5px;}

    .worksRealization-survey li h1 {padding-bottom: 10px;}    

    .inTheLiterature li:first-child span { font-size: 16px;}

    .inTheLiterature {padding: 20px 20px 0;margin-top: 20px;}

    .inTheLiterature li span {font-size: 14px;}



  

        .contain {

            width: 100%;

            padding: 0 12px;

        }

        .clip_area {

           

            width: 530px;

        }

       

        .pub-header{

            position: relative;

            width: 100%;

            height: 160px;

            opacity: 1;

            background: #2f61c9;

            border-radius: 10px;

            box-shadow: 0px 3px 7px 0px rgb(51 51 51 / 16%);

            margin-top: 50px;

            box-sizing: border-box;

            padding-top: 10px;

        } 

        .pub-header-con{

            position: absolute;

            width: 80px;

            height: 80px;

            display: block;

            border-radius: 10px 10px;

            left: 19px;

            top: -40px;

            background-color: #fff;

        } 

        .pub-header-box{

            margin-top: 42px;

            margin-left: 20px;

            margin-right: 20px;

        }

        .staff-info{

            display: flex;

            justify-content: space-between;

            box-sizing: border-box;

            align-items: center;

        }

        .staff-sign{

            display: flex;

            align-items: center;

            margin-top: 3px;

        }

        .staff-info{

            padding-right: 0px;

        }

        .staff-join-time{

            line-height: 19px;

        }

        .pub-content{

            width: 100%;

            display: block;

            margin-top: 14px;

        }     

        .left-nav-list{

            display: flex;

        }

        .retail-system-title {

            width: 56px;

            height: 20px;

            opacity: 1;

            font-size: 14px;

            font-family: Microsoft YaHei, Microsoft YaHei-Bold;

            font-weight: 700;

            text-align: right;

            color: #333333;

            border-bottom: 2px solid #2F61C9;

            padding-bottom: 0px;

        }

        .retail-system-con{

            margin-top: 17px;

        }

        .retail-system-con-list dt {

            font-size: 12px;

            color: #242424;

            text-align: center;

            font-weight: 700;

        }

        .retail-system-con-listli-top{

            margin-top: 13px;

        }

        .retail-system-con-listli-data-blue {

            font-size: 24px;

            font-family: Arial, Arial-Bold;

            font-weight: 700;

            text-align: center;

            color: #2f61c9;

            /* letter-spacing: -2px; */

        }

        .line-one {

            left: 65%;

            top: 45%;

        }

        .system-line {

            position: absolute;

            width: 1px;

            height: 100px;

            opacity: 1;

            border: 1px solid #cccccc;

        }

        .line-two {

            right: 65%;

            top: 45%;

        }

        .system-line {

            position: absolute;

            width: 1px;

            height: 100px;

            opacity: 1;

            border: 1px solid #cccccc;

        }

        .retail-system-con-listli-looked-count {

            font-size: 12px;

            font-family: Microsoft YaHei, Microsoft YaHei-Regular;

            font-weight: 400;

            text-align: center;

            color: #666666;

            letter-spacing: -1px;

        }

        .pub-retail-system-content{

            width: 100%;

            margin-right: 0%;

            margin-left: 0%;

            box-sizing: border-box;

        padding: 15px 15px;

        background: #ffffff;

        border-radius: 10px;

        box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 12%);

        margin-bottom: 15px;

        }

        .pub-conbox-left .left-nav-list li:nth-child(1) {

            border-radius: 10px 0px 0px 10px;

        }

        .pub-conbox-left .left-nav-list li:nth-child(4) {

            border-radius: 0px 10px 10px 0px;

        }

        .pub-conbox-left li {

            width: 25%;

            height: 40px;

            font-size: 16px;

            text-align: center;

            line-height: 40px;

            background-color: #fff;

            cursor: pointer;

        }

        .mobile-suit{

            height: 180px;

            width: 100%;

            

            box-sizing: border-box;

            padding: 30px;

            display: flex;

            flex-wrap: wrap;

            flex-direction: column;

            align-items: center;

            position: relative;

            opacity: 1;

            background: #ffffff;

            border-radius: 10px;

            box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 12%);

        }

        .enter-retail-loca{

            height: 44px;

            width: 180px;

            font-size: 12px;

            text-align: center;

            height: 35px;

            line-height: 35px;

            background-color: #2f61c9;

            color: white;

            border-radius: 5px;

            box-shadow: 0px 3px 7px 0px rgb(47 97 201 / 60%);

            position: absolute;

            left: 43.5%;

            top:23%;

        }

        .enter-retail-location{

            top:50%;

            height: 44px;

            width: 180px;

            font-size: 12px;

            text-align: center;

            height: 35px;

            line-height: 35px;

            background-color: #2f61c9;

            color: white;

            border-radius: 5px;

            box-shadow: 0px 3px 7px 0px rgb(47 97 201 / 60%);

            position: absolute;

            left: 43.5%;

        }

        .pub-retail-system-enter {

            width: 100%;

            height: 180px;

            box-sizing: border-box;

            display: flex;

            flex-wrap: wrap;

            flex-direction: column;

            align-items: center;

            position: relative;

        }

        .enter-retail-loca-img{

            width: 90px;

             height: 90px;

            opacity: 1;

            background: #f7f7f7;

            border-radius: 50%;

        /* margin: 30px 0px; */

            position: absolute;

            left: 7%;

            top: 5%;

        }

        .pub-menuCon .pub-retail-system {

        display: block;

        /* justify-content: space-between; */

        width: 100%;

        margin-bottom: 15px;}

    

        .enter-retail-loca-img img{

            width: 30px;

            height: 30px;

        }

        .pub-retail-system-content2{

            padding-bottom: 18px;

        }

        

        .zhongtai-line{

            left: 50%;

            top: 50%;

            position: absolute;

            width: 200px;

         height: 1px;

            opacity: 1;

         border: 1px solid #707070;

            margin-left: -100px;

            margin-top: 22px;

        }

        /* .zhongtai-line2{

            top: 43% !important;

        } */

        .zhongtai-box {

            margin: 15px auto 15px;

            /* width: 400px; */

            width: 100%;

            

            text-align: center;

        }

        .pub-retail-system-enter-zhongtai{

            width: 100%;

            box-sizing: border-box;

            padding: 0 0;

            display: flex;

            flex-wrap: wrap;

            flex-direction: column;

            align-items: center;

        }

        .enter-retail-img{

            width: 90px;

            height: 90px;

        }

        .enter-retail-system{

            height:35px;width:50%;line-height:35px; font-size:12px;border-radius: 5px;

        }

        .enter-retail-loca-img2{

            width: 36px !important;

            height: 36px !important;

        }

        .retail-system-crm-title{

            width: 62px !important;

        }

        .retail-system-con-listli-data-red{

            font-size: 24px;

        }

        .retail-system-con-listli-data-gray {

            font-size: 24px;

            font-family: Arial, Arial-Bold;

            font-weight: 700;

            text-align: center;

            color: #999999;

            letter-spacing: 0px;

        }

        .crmlineone{

            position: absolute;

            width: 1px;

            height: 162px !important;

            opacity: 1;

            border: 1px solid #cccccc;

            right: 35%;

            top: 32%;

        }

        .crmlinetwo{

            position: absolute;

            width: 1px;

            height: 162px !important;

            opacity: 1;

            border: 1px solid #cccccc;

            left:35%;

            top:32%

        }

        .zhongtai-top-title {

            height: 24px;

            opacity: 1;

            font-size: 12px;

            font-family: Microsoft YaHei, Microsoft YaHei-Bold;

            font-weight: 700;

            color: #2f61c9;

            line-height: 24px;

        }

        .peixun-box{

            margin-top: 60px !important;

        }

        .zhongtai-content {

            line-height: 21px;

            height: 21px;

            opacity: 1;

            font-size: 12px;

            font-family: Microsoft YaHei, Microsoft YaHei-Regular;

            font-weight: 400;

            text-align: center;

            color: #333333;

            letter-spacing: 0px;

            margin-top: 6px;

        }

        .pub-conbox {

            width: 100%;

            padding: 0px 0 20px;

            display: flex;

            justify-content: space-between;

            overflow: hidden;

        }

        .zhongtai-bottom {

            margin-top: 15px;

        }

        .peixun-enter{

            height: 180px;

            display: flex;

            align-items: center;

            flex-direction: row;

            padding: 0;

            justify-content: space-around;

        }

    

        .enter-retail-img img {

            width: 36px;

            height: 36px;

        }

        .pub-retail-system-enter-zhongtai{

            width:100%;height:180px;justify-content:center

        }

        .pub-Header-top {padding: 10px;}

        .pub-Header-top .userImg {width: 100px;height: 100px;}

        .pub-Header-top .userImg img {width: 86px;height: 86px;}

        .pub-Header-top .userName {margin-top: 10px;}

        .pub-Header-top .userName h1 {font-size: 16px;}

        .pub-Header-top .userName p {margin-top: 10px;}

        .pub-Header-down span {font-size: 12px;}

        .pub-menuCon {margin-top: 20px;width: 100%;}

        .pub-noMessage {padding: 20px 14px;}

        .pub-noMessage-tit h1 {font-size: 16px;}

        .pub-noMessage-img p , 

        .pub-noMessage-btn a {font-size: 14px;}

    

        #zhongtai .zhongtai-message {

            padding: 30px 10px;

            width: 56%;

            height: auto;

        }

        #zhongtai .zhongtai-message .zhongtai-message-title{

            font-size: 16px;

            line-height: 24px;

        }

        #zhongtai .zhongtai-message .zhongtai-message-list{

            margin: 20px  auto;

            font-size: 14px;

        }

        #zhongtai .zhongtai-message .zhongtai-message-list li{

            word-break: break-word;

        }

        #zhongtai .zhongtai-message .confirm-enter-zhongtai{

            width: 69%;

            font-size: 14px;

        }

    

        

        .management-Imgwd .management-wd {margin-left: 20px;width: calc(100% - 90px);}

        .management-Imgwd .management-wd p {margin-top: 8px;}

        .management-wealth .management-creditsCurrency h5 {font-size: 16px;}

        .management-wealth .management-creditsCurrency p {font-size: 22px;line-height: 22px;margin-top: 10px;}

        .management-Imgwd {padding: 20px 14px;}

        .management-professional {padding: 20px 14px;}

        .management-professional-wd h5 {font-size: 16px;line-height: 20px;}

        .management-professional-wd p br{display: block;}

        .management-professional-wd p span {margin-left: 0;}

        .management-professional-wd p {margin-top: 14px;}

        .management-professional-img {display: none;}

        .management-progress-text {font-size: 14px;margin-top: 14px;}

        .management-state {display: none;}

        .management-planning-tit h5 {font-size: 16px;font-weight: bold;}

        .management-planning-tit h5 span {display: block;margin-left: 0;margin-top: 10px;font-weight: normal;}

        .management-planning-list {max-height: 1154px;}

        .management-planning-list.ontrue .management-listBox:last-child{border-bottom: 0;padding-bottom: 0;}

        .management-planning {padding: 20px 14px;}

        .management-listBox {padding: 20px 0 17px;}

        .management-listBox span {font-size: 14px;}

        .management-listBox span:first-child {font-size: 16px;}

        .management-listBox span.width2 {float: none;margin-left: 0;}

        .management-listXuefen , .management-listBox span.icon{display: none;}

        .management-listBox span i {display: inline-block;}

        .management-listBox span.width4 {display: block;}

        .myLive .myLive-box {padding: 14px;}

        .myLive-box h1 {font-size: 16px;}

        .myLive-box h1 a {padding: 6px 18px;}

        .myLive-box h5 {padding: 10px 0;}

        .myLive-teach {margin-top: 8px;}

        .myLive .myLive-box:before {bottom: 38px;}

        .myLive-teach span:nth-child(2) {margin-left: 10px;}

        .myLive-TK {padding: 24px 6px 24px 12px;height: 84vh;}

        .myLive-TKbox-close {right: 4px;top: 4px;}

        .myLive-TK-text h5 {font-size: 14px;line-height: 20px;}

        .myLive-TK-text p {font-size: 12px;line-height: 20px;}

        .myLive-TK-text {margin-top: 20px;}

        .myLive-TK-text .textBox-out .textBox {font-size: 12px;line-height: 20px;width: 50%;}

        .myLive-TK-text .textBox-out .textBox span {margin-left: 0;}

        .myMove h1 {font-size: 16px;}

        .myMove {padding: 14px;}

        .myMove.ontrue {padding: 14px 14px 0;}

        .myMove-name {display: flex;flex-direction: column;}

        .myMove-name span:last-child {margin-left: 0;margin-top: 6px;}

        .myMove-link{display: flex;justify-content: space-between;align-items: center;margin-top: 6px;}

        .myMove-list li {flex-direction: column;justify-content: initial;align-items: initial;}

        .myMove-link i {margin-right: 0;}

        .myMove-link a {margin-left: 0;padding: 6px 8px;}

        .myMove.ontrue:before {top: 111px;}

        .myLive-TK-textBox {max-height: calc(84vh - 230px);padding-right: 10px;}

        .myLive-TK-title {padding: 10px 20px 30px 0;}

        .wantLearn-tabBox {flex-wrap: wrap;justify-content: flex-start;}

        .wantLearn-tabBox a {width: 25%;padding: 12px;}

        .TeachingAssistants-content {padding: 14px;}

        .TeachingAssistants-tit {padding: 0 14px;}

        .TeachingAssistants-search {display: none;}

        .TeachingAssistants-wd {width: 100%;}

        .TeachingAssistants-img.PC , .TeachingAssistants-img.ontrue.PC{display: none;}

        .TeachingAssistants-wd li {flex-wrap: wrap;}

        .TeachingAssistants-img , .TeachingAssistants-img.ontrue {width: 100%;color: #000;min-height: 0;}

        .TeachingAssistants-img {padding: 16px;}

        .TheLiterature-tit {padding: 0 14px;}

        .TheLiterature-list li {flex-wrap: wrap;padding: 14px 0;}

        .TheLiterature-listBtn {width: 100%;margin-top: 14px;}

        .TheLiterature-listBtn a:first-child {padding: 6px 20px;}

        .TheLiterature-listText {width: 100%;}

        .TheLiterature-listText h1 , .TheLiterature-listBtn a:last-child{font-size: 14px;}

        .TheLiterature-listText h1 {align-items: baseline;line-height: 20px;width: 100%;font-weight: bold;flex-direction: column;}

        .TheLiterature-listText h1 span {display: block;width: 100%;margin-left: 0;margin-top: 10px;font-weight: normal;}

        .TheLiterature-listText p {display: none;}

        .TheLiterature-tit a {font-size: 14px;}

        .TheLiterature-list {padding: 0 14px;}

        .teacher-businessCard {padding: 14px;}

        .teacher-logo {width: 70px;height: 70px;}

        .teacher-text {margin-left: 16px;font-size: 14px;width: calc(100% - 86px);}

        .teacher-text h1 {padding-bottom: 10px;}

        .teacher-text h5 {margin-top: 10px;}

        .teacher-move {padding: 14px;flex-direction: column;justify-content: normal;align-items: center;}

        .teacher-img img{width: 70px;height: 90px;}

        .teacher-moveBox {margin-left: 0;width: 100%;}

        .teacher-recordBox h1, .teacher-recordBox li a .teacher-recordBox-left h5 {font-size: 14px;}

        .teacher-recordBox {margin-top: 20px;}

        .teacher-recordBox li {padding: 0 10px;}

        .teacher-recordBox li a .teacher-recordBox-left h5 {line-height: 20px;}

        .teacher-recordBox li a {padding: 10px 0;}

        .teacher-recordBox h1 { padding-bottom: 10px;}

        .teacher-recordBox h1 span {padding: 0 5px 10px;}

        .teacher-img p {font-size: 16px;}

        .collection {padding: 14px 14px 0;}

        .collection-tit h1 {padding: 0 10px 10px;font-size: 14px;}

        .collection-moveList-text h5 {font-size: 14px;}

        .collection-moveList-btn a {font-size: 14px;}

        .collection-moveList-text {width: calc(100% - 120px);}

        .collection-moveList-text p {margin-top: 4px;font-size: 14px;}

        .collection-moveList-text p span {display: block;margin-left: 0;margin-top: 10px;}

        .collection-moveList-btn {margin-top: 6px;}

        .credits-list li {padding-top: 14px;}

        .credits-listTop {justify-content: normal;padding: 0 14px;flex-direction: column;align-items: flex-start;}

        .credits-listTop-course {justify-content: normal;flex-direction: column;min-height: 0;align-items: flex-start;}

        .credits-listTop-course p {margin-top: 10px;font-size: 14px;}

        .credits-listTop-Mycredits {display: none;}

        .credits-listTop-Mycredits-mobile {display: block;width: 100%;}

        .credits-listTop-Mycredits-mobile .Mycredits-mobileBox {margin-top: 10px;display: flex;justify-content: space-between;}

        .credits-listTop-Mycredits-mobile .Mycredits-mobileBox:first-child {color: #888888;}

        .credits-listDown {padding:14px;flex-direction: column;justify-content: space-around;height: initial;}

        .credits-listDown-right {width: 100%;}

        .credits-tit p span {margin-left: 0;display: block;margin-top: 10px;}

        .homework-video-loading i {width: 50px;height: 50px;}

        .homework-video-tit {padding: 14px;}

        .homework-video-tit p{width: calc(100% - 84px);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

        .homework-list-link {height: 160px;}

        .homework-list-tit {padding: 10px; height: 60px;}

        .homework-list-tit p {margin-top: 10px;}

        .homework-homework-tit p {font-size: 12px;}

        .homework-box-list-title {padding: 14px;}

        .homework-box-list-title span {padding: 6px 16px;}

        .homework-box-list-title span.ontrue {display: none;}

        .homework-box-list-title span.off {display: inline;}

        .homework-box-list-titleLeft {width: calc(100% - 200px);}

        .homework-box-list-course , .homework-box-list-title {height: auto;}

        .homework-box-list-course {padding: 0 14px 14px;}

        .homework-box-list-courseLeft {width: 80%;margin-top: 10px;justify-content: normal;}

        .homework-box-list-courseRight {padding-right: 0;width: 20%;justify-content: flex-end;margin-top: 10px;margin-left:10px;}

        .homework-box-list-course.ontrue {display: block;}

        .homework-box-list-course.ontrue .homework-box-list-courseRight{width: 100%;margin-left: 0;justify-content: flex-start;}

        .homework-box-list-course.ontrue .homework-box-list-courseLeft{width: 100%;}

        /* .homework-box-list li.defence .homework-box-list-course.ontrue , .homework-box-list li.coach .homework-box-list-course.ontrue{display: flex;}

        .homework-box-list li.defence .homework-box-list-course.ontrue .homework-box-list-courseRight , .homework-box-list li.coach .homework-box-list-course.ontrue .homework-box-list-courseRight{width: 50%;justify-content: flex-end;}

        .homework-box-list li.defence .homework-box-list-course.ontrue .homework-box-list-courseLeft , .homework-box-list li.coach .homework-box-list-course.ontrue .homework-box-list-courseLeft{width: 50%;} */

        .homework-icon a:first-child {margin-left: 10px;}

        .homework-icon {margin-left: 0;}

        .homework-icon a img {width: 20px;height: 20px;}

        .homework-structureLeft {padding: 0 14px;width: 100%;}

        .homework-structureRight {padding:0 14px;width: 100%;height: 50px;margin-top: 20px;}

        .homework-structureLeft h1 {font-size: 14px;line-height: 20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

        .homework-box-list li.structure {padding: 14px 0;flex-wrap: wrap;}

        .homework-structureLeft-down {height: auto;font-size: 14px;margin-top: 10px;}

        .homework-structureLeft-down p {line-height: 25px;width: calc(100% - 100px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

        .homework-structureRight-box {margin-left: 0;}

        .homework-box-list li.structure:after {top: 76px;}

        .homework-move {flex-wrap: wrap;}

        .homework-video , .homework-list {width: 100%;}

        .homework-video-tit { height: 40px;}

        .homework-TkBox {height: 84vh;}

        .homework-Tktext-box {max-height: calc(100% - 175px);}

        .homework-Tktext p , .homework-Tktext a{line-height: 26px;font-size: 14px;}

        .homework-Tktitle p {font-size: 14px;margin-top: 10px;}

        .homework-Tktitle a {width: 100px; margin-top: 10px;}

        .homework-TKbox-close {right: 4px;top: 4px;}

        .defence-one p {font-size: 14px;margin-top: 10px;}

        .defence-one a {width: 100px; margin-top: 10px;}

        .defence-TKbox-close {right: 4px;top: 4px;}

        .drop-down form label>span {font-size: 14px;margin-right: 14px;display: block;width: 60px;}

        .drop-down form label select {width: 180px;height: 30px;padding: 0px 16px;}

        .drop-downBtn a {width: 80px;line-height: 30px;display: block;margin-bottom: 10px;}

        .drop-downBtn > a {margin-top: 10px;}

        .drop-downBtn p {width: 180px;line-height: 20px;}

        .management-TkBox-close {top: 4px;right: 4px;}

        .management-TkBox {width: 300px;}

        .management-TkBox h1 {font-size: 16px;line-height: 24px;}

        .TeachingAssistants-imgLeft {width: 40%;}

        .TeachingAssistants-imgRight {width: 54%;}

        .rejected-TkBox {padding: 20px;}

        .rejected-TkBox-img {margin-right: 20px;}

        .rejected-TkBox-img img {width: 50px;height: 50px;}

        .rejected-TkBox-text h1 { font-size: 20px;}

        .rejected-TkBox-text p {font-size: 14px;line-height: 22px;}

        .rejected-TkBox-down a {width: 100px;}

        .rejected-TkBox-down {margin-top: 30px;}

        .signUp-box-list {padding: 14px;}

        .signUp-box .signUp-box-list p {font-size: 14px;}

        .signUp-box .signUp-tit h1 {max-width: none;white-space: pre-wrap;text-overflow: initial;overflow: auto;}

        .signUp-box .signUp-tit a {padding: 6px 10px;min-width: 90px;text-align: center;margin-top: 10px;}

        .signUp-Btn {display: flex;justify-content: space-between;align-items: center;width: 100%;margin-top: 10px;}

        .signUp-Btn span { font-size: 14px;margin-left: 0;}

        .signUp-box-list.congratulations .signUp-date {flex-direction: column;align-items: flex-start;}

        .signUp-tit, .signUp-date {align-items: flex-start;flex-direction: column;}

        .accountSettings-page {padding: 0 14px;}

        .accountSettings-page a {margin-left: 20px;font-size: 14px;padding: 10px 0;}

        .personal {padding: 14px;}

        .personal-img {width: 100px;height: 100px;}

        .personal-img img {width: 86px;height: 86px;}

        .personal-name h1 {font-size: 16px;}

        .personal-form {margin-top: 30px;}

        .personal-box {margin-top: 15px;}

        .personal-box h5 {width: 74px;}

        .personal-information {margin-left: 20px;width: calc(100% - 94px);}

        .personal-menuBox {width: 100%;margin-left: 0;padding: 0 14px 0 10px;}

        .personal-menuBox span {right: 2px;}

        .personal-information input {padding: 0 10px;}

        .personal-information input.modifyThe {width: calc(100% - 94px);}

        .security {padding: 14px;}

        .security-box { margin-top: 30px;flex-wrap: wrap;}

        .security-box p {width: 100%;line-height: 20px;padding: 10px 0;font-size: 12px;}

        .security-box h5 {font-size: 16px;}

        .security-btn a {width: 80px;}

        .setBounced-TkBox , .mobilePhone-TkBox{width: 330px;}

        .personal-information input#personal-date {width: 100%;}

        .registered-TkBox {padding: 14px;}

        .registered-TkBox  .personal {max-height: 450px;overflow-y: auto;padding-bottom: 20px;}

        .homework-list-link {height: auto;}

        #video-move {height: auto;}

        .homework-video-loading img, .homework-video{height: auto;}

        .personal-box.region {align-items: baseline;}

        .personal-box.region .personal-information {flex-direction: column;}

        .personal-information #personal-region {margin-top: 15px;}

        .personal-img:after {width: 84px;height: 84px;line-height: 84px;font-size: 14px;}

        .personal-upImg {width: 96px;height: 96px;}

        .personal-upImgBox {margin-left: 15px;}

        .personal-upImgBox:last-child {margin-top: 15px;margin-left: 0;}

        .wallet-money, .wallet-securities , .wallet-type{padding: 14px;}

        .wallet-money-top p {font-size: 20px;line-height: 30px;}

        .wallet-money-bottom {margin-top: 10px;justify-content: center;}

        .wallet-money-bottom a {width: 80px; margin-left: 20px;}

        .wallet-securities-down li {padding: 10px;}

        .wallet-securities-down {margin-top: 15px;}

        .wallet-securities-down li p a {margin-left: 10px;padding-left: 10px;}

        .wallet-type {flex-wrap: wrap;}

        .wallet-type-left, .wallet-type-right {width: 100%;}

        .wallet-type-financial { margin-top: 15px;}

        .wallet-type-right {margin-top: 15px;display: flex;justify-content: space-between;}

        .wallet-type-day span {font-size: 14px;margin-left: 0;}

        .wallet-type-day span:first-child {margin-left: 0;}

        .wallet-type-day {display: flex;justify-content: space-between;width: calc(100% - 135px);}

        .wallet-type-btn {justify-content: center;margin-top: 0;}

        .wallet-type-btn a {width: 80px;font-size: 14px;}

        .wallet-type-date input {height: 35px;}

        .wallet-type-dropDown p {height: 35px;line-height: 35px;}

        .wallet-progressInvoice-TkClose {display: none;}

        .wallet-progressInvoice-TkClosexx {cursor: pointer;width: 28px;height: 28px;position: absolute;left: 50%;bottom: -50px;display: block;background: url(/web.2.0/static/images/public/close-xx.png) no-repeat center;background-size: contain;transform: translateX(-50%);}

        .incomeSpending {padding: 14px;flex-wrap: wrap;min-height: auto;}

        /* .incomeSpending-box {width: 100%;} */

        /* .incomeSpending-box.spending {padding-top: 20px;border-top: 1px solid #ddd;margin-top: 20px;padding-left: 0;} */

        /* .incomeSpending-box.spending:after {display: none;} */

        .incomeSpending-box.spending {padding-left: 12px;}

        .incomeSpending-box.income {padding-right: 12px;}

        .incomeSpending-box h6 {font-size: 18px;line-height: 28px;margin-top: 10px;}

        .incomeSpending-box p {font-size: 14px;}

        .billingDetails-page{padding: 0 14px;}

        .billingDetails-pageLink a {padding: 10px;}

        #billingDetails-TheHistory {font-size: 16px;}

        .billingDetails-list {padding: 14px 14px 0;max-height: 1190px;}

        .billingDetails-list ul li:first-child {display: none;}

        .billingDetails-list li em{display: inline-block;}

        .billingDetails-list li {flex-direction: column;}

        .billingDetails-list li span {width: 100%;display: flex;justify-content: space-between;line-height: 20px;}

        .billingDetails-pageBtn {padding: 14px;}

        .billingDetails-pageBtn-text {justify-content: flex-end;align-items: normal;flex-wrap: wrap;margin-top: 15px;}

        .billingDetails-pageBtn-text p:first-child {margin-left: 0;}

        .billingDetails-pageBtn a:last-child {margin-top: 15px;}

        .securities-TkBox {width: 92%;padding: 14px;}

        .securities-TkBox h1 {font-size: 16px;line-height: 20px;}

        .securities-TkList { margin-top: 15px;}

        .securities-TkList li p {font-size: 14px;}

        .securities-TkList li {padding: 10px;}

        .securities-TkList li p a {margin-left: 10px;padding-left: 10px;}

        .applyForMakeInvoice-TkBox {width: 92%;padding: 20px;}

        .applyForMakeInvoice-menuBox p {height: 28px;line-height: 28px;}

        .applyForMakeInvoice-menuBox {line-height: 30px;padding: 0 16px 0 10px;}

        .applyForMakeInvoice-TkBox h1 {font-size: 16px;line-height: 20px;}

        .applyForMakeInvoice-TkBox form label {margin-top: 20px;font-size: 14px;}

        .applyForMakeInvoice-TkBox form label>span {width: 100px;}

        .applyForMakeInvoice-TkBox form label input , .applyForMakeInvoice-menuBox{width: calc(100% - 100px);}

        .applyForMakeInvoice-TkBox form label input {height: 30px;line-height: 30px;padding: 0 10px;}

        .applyForMakeInvoice-menu-list {top: 30px;}

        .applyForMakeInvoice-address-TkBox {width: 92%;padding: 20px;}

        .applyForMakeInvoice-address-TkBox form label {margin-top: 20px;font-size: 14px;align-items: baseline;}

        .applyForMakeInvoice-address-TkBox form label input {height: 30px;line-height: 30px;padding: 0 10px;width: calc(100% - 90px);}

        .applyForMakeInvoice-address-menuOutBox {flex-direction: column; width: calc(100% - 90px);}

        .applyForMakeInvoice-address-menuOutBox .applyForMakeInvoice-address-menuBox:first-child {margin-top: 0;}

        .applyForMakeInvoice-address-menuBox {line-height: 30px;width: 100%;margin-top: 20px;padding: 0 16px 0 10px;}

        .applyForMakeInvoice-address-menuBox p {height: 28px;line-height: 28px;}

        .applyForMakeInvoice-address-list {top: 30px;max-height: 120px;}

        .applyForMakeInvoice-address-menuBox span , .applyForMakeInvoice-menuBox span{right: 2px;}

        .applyForMakeInvoice-title , .applyForMakeInvoice-LookUp, .applyForMakeInvoice-medium, .applyForMakeInvoice-address{padding: 14px;}

        .applyForMakeInvoice-title p {font-size: 16px;}

        .applyForMakeInvoice-LookUp h1 a , .applyForMakeInvoice-address h1 a{ font-size: 14px;}

        .applyForMakeInvoice-list ul li:first-child{display: none;}

        .applyForMakeInvoice-list , .medium-check , .applyForMakeInvoice-addressList{margin-top: 15px;}

        .applyForMakeInvoice-list li{flex-wrap: wrap;height: auto;margin-top: 10px;}

        .applyForMakeInvoice-list li span.flex1 {flex: auto;width: 12%;}

        .applyForMakeInvoice-list li span.flex2 {flex: auto;width: 88%;}

        .applyForMakeInvoice-list li span.flex3 {flex: auto;width: 70%;}

        .applyForMakeInvoice-list li span:last-child.Modify {width: 30%;}

        .applyForMakeInvoice-list li span {padding: 0;}

        .applyForMakeInvoice-list li span:last-child, .applyForMakeInvoice-addressList li span:last-child {padding-right: 0;}

        .applyForMakeInvoice-list li span:first-child:after, .applyForMakeInvoice-addressList li span:first-child:after {left: 0;}

        .medium-check {justify-content: space-between;}

        .medium-check p span {margin-right: 10px;}

        .medium-check p:first-child , .medium-check p{margin-left: 0;}

        .applyForMakeInvoice-addressList ul li:first-child {display: none;}

        .applyForMakeInvoice-addressList li {height: auto;flex-wrap: wrap;margin-top: 10px;}

        .applyForMakeInvoice-addressList li span.flex1 { flex: auto;width: 20%;}

        .applyForMakeInvoice-addressList li span.flex1:first-child , .applyForMakeInvoice-addressList li span.flex1:last-child{ flex: auto;width: 12%;}

        .applyForMakeInvoice-addressList li span.flex2 {flex: auto;width:62%;}

        .applyForMakeInvoice-addressList li span.flex4 {flex: auto;width: 100%;}

        .applyForMakeInvoice-addressList li span {padding: 0;}

        .applyForMakeInvoice-makeInvoice-btn a {font-size: 14px;width: 80px;}

        .applyForMakeInvoice-makeInvoice {padding: 0 14px;height: 60px;}

        .applyForMakeInvoice-makeInvoice-left p, .applyForMakeInvoice-makeInvoice-left a {font-size: 14px;}

        .applyForMakeInvoice-makeInvoice-left p span {font-size: 18px; margin: 0 8px;}

        .applyForMakeInvoice-makeInvoice-left p {margin-right: 15px;}

        .applyForMakeInvoice-address-TkBox form label>span { width: 80px;}

        .wallet-progressInvoice {padding: 14px;}

        .wallet-progressInvoice-list li:first-child {display: none;}

        .wallet-progressInvoice-list {margin-top: 0;}

        .wallet-progressInvoice-list li span em {display: inline-block;}

        .wallet-progressInvoice-list li span {line-height: 20px;flex: auto !important;display: flex;justify-content: space-between;width: 100%;padding: 0 10px;}

        .wallet-progressInvoice-list li { flex-direction: column;align-items: flex-start;padding: 15px 0;}

        .realNameAuthentication-form , .realNameAuthentication-return{padding: 14px;}

        .realNameAuthentication-return p {font-size: 16px;}

        .realNameAuthentication-theSample {justify-content: space-between;}

        .realNameAuthentication-form form label h5 {margin-right: 10px;font-size: 14px;width: 90px;}

        .realNameAuthentication-form form label input {width: calc(100% - 100px);padding: 0 10px;}

        .realNameAuthentication-form .personal-information {width: calc(100% - 100px);}

        .realNameAuthentication-form .personal-information span {font-size: 14px;}

        .realNameAuthentication-dataBox {width: calc(100% - 100px);}

        .realNameAuthentication-dataBox  input {width: 100% !important;}

        .realNameAuthentication-menuBox {width: calc(100% - 100px);}

        .realNameAuthentication-menuBox p {padding: 0 10px;}

        .realNameAuthentication-upload {display: flex;justify-content: space-between;align-items: center;}

        .realNameAuthentication-uploadBox-img {width: 100%;overflow: hidden;height: auto;margin-top: 15px;}

        .realNameAuthentication-theSample { width: calc(100% - 100px);}

        .realNameAuthentication-uploadBox{width: 100%;}

        .realNameAuthentication-upload a , .realNameAuthentication-uploadBox-img img{width: 48%;}

        .realNameAuthentication-upload a:last-child {margin-top: 0;}

        .realNameAuthentication-imgBox {display: none;}

        .realNameAuthentication-form form label {margin-top: 15px;}

        .realNameAuthentication-btnSave {margin-top: 0;}

        .realNameAuthentication-form form {margin-top: 20px;}

        .worksRealization-cashProcess li .worksRealization-cashProcessImg img {max-width: 80%;max-height: 80%;}

        .worksRealization-cashProcess {margin-top: 20px;}

        .worksRealization-cash {padding: 14px;}

        .worksRealization-incomeList li span em {display: block;}

        .worksRealization-incomeList li span {display: flex;justify-content: space-between;align-items: center;width: 100%;flex: auto !important;padding: 0;line-height: 24px;}

        .worksRealization-incomeList li span:first-child {padding-bottom: 20px;}

        .worksRealization-incomeList li span a {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

        .worksRealization-incomeList li {height: auto;flex-wrap: wrap;padding: 10px 0;}

        .worksRealization-incomeList li:first-child {display: none;}

        .worksRealization-income, .worksRealization-notice, .worksRealization-survey{padding: 14px 14px 0;}

        .worksRealization-btn a {height: 40px;line-height: 40px;}

        .inTheLiterature li span.pc {display: none;}

        .inTheLiterature {padding: 14px 14px 0;}

        

        /* 取消收藏弹框 */

        .cancelCollection-TkBox {width: 300px;}

        .cancelCollection-TkBox h1 {font-size: 16px;}

        .cancelCollection-btn {text-align: center;}

    

        /* 日期弹框 */

        .pubdown-dateTk {width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, .7);z-index: 999999;}

        .pubdown-dateTkBox {width: 100%;height: 300px;position: absolute;bottom: 0;left: 0;border-top-left-radius: 10px;border-top-right-radius: 10px;background: #fff;}

    

    

   

        .staff_info_change ul li div:last-child {

            width: 310px;

        }

        /* #change_picture{

            width: 80px;

            height: 80px;

            line-height: 80px;

            font-size: 14px;

        } */

        .staff_info_change ul li div:last-child {

            width: 200px;

        }

        .staff_info_change ul li div:last-child span {

            

            margin-left: 10px;

        }

        .staff_info_change ul li div:last-child input {

          

            margin-left: 10px;

        }

        .staff_head_icon{

            width: 120px;

            height: 120px;

            display: block;

            border-radius: 20px;

        }

        #change_picture{

            width: 120px;

            height: 120px;

            line-height: 120px;

        }

        .staff_information{

            margin-bottom: 30px;

        }

        .staff_info_change ul li div:last-child span {

            

            margin-left: 10px;

        }

        .staff_info_change ul li div:last-child input {

          

            margin-left: 10px;

        }

        .staff_information{

            margin-bottom: 30px;

        }

        .staff_head_icon{

            width: 80px;

            height: 80px;

          

            border-radius: 10px;

        }

        #change_picture{

            width: 80px;

            height: 80px;

            line-height: 80px;

            font-size: 14px;

        }

        .staff_info_change {

            padding: 0 30px;

        }

        .staff_info_change ul li div:last-child {

            width: 220px;

        }

 

    

        .staff_information {

            margin-bottom: 20px;

        }

        .clip_area {

            position: absolute;

            width: 485px;

            height: 300px;

            left: -154px;

            bottom: -112px;

            z-index: 110;

        }

        .staff_head_icon{

            width: 80px;

            height: 80px;

            border-radius: 10px;

        }

        .staff_name_true {

            margin-top: 10px;

            opacity: 1;

            font-size: 14px;

            font-family: Microsoft YaHei, Microsoft YaHei-Bold;

            font-weight: 700;

            /* text-align: left; */

            color: #333333;

        }

        .staff_info_change {

            padding: 0 0px;

            display: flex;

            justify-content: space-around;

        }

        .staff_info_change ul li {

            margin-bottom: 20px;

          

        }

        .staff_info_change ul li div:first-child {

            width: 60px;

          

            font-size: 14px;

          

        }

        .staff_info_change ul li div:last-child {

            width: 156px;

            border-bottom: 2px solid #cccccc;

            margin-left: 12px;

        }

        .staff_info_change ul li div:last-child span {

           

            font-size: 14px;

           

        }

        .staff_info_change ul li div:last-child input {

            font-size: 14px;

           

        }

    

}





@media all and (max-width:570px) {

    .staff_information {

        margin-bottom: 20px;

    }

    .staff_head_icon {

        height: 80px;

        width: 80px;

        border-radius: 10px;

    }

    .staff_name_true {

        margin-top: 10px;

        opacity: 1;

        font-size: 16px;

        font-family: Microsoft YaHei, Microsoft YaHei-Bold;

        font-weight: 700;

        /* text-align: left; */

        color: #333333;

    }

    .staff_info_change {

        padding: 0 0px;

        display: block;

    }

    .staff_info_change ul{

        display: flex;

        flex-direction: column;

        align-items: center;

    }

    .staff_info_change ul li {

        margin-bottom: 20px;

      

    }

    .staff_info_change ul li div:first-child {

        width: 60px;

      

        font-size: 14px;

      

    }

    .staff_info_change ul li div:last-child {

        width: 257px;

        border-bottom: 2px solid #cccccc;

        margin-left: 12px;

    }

    .staff_info_change ul li div:last-child span {

       

        font-size: 14px;

       

    }

    .staff_info_change ul li div:last-child input {

        font-size: 14px;

       

    }

    .clip_area {

        position: absolute;

        width: 368px;

        height: 300px;

        left: -154px;

        bottom: -112px;

        z-index: 110;

    }

  

}