body {
    font: 14px/1.5 "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1,\9ED1\4F53", "Heiti SC", tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
    margin: 0 auto;
    color: #333;
    min-width: 1200px;
    background: #fff;
}

p, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe {
    margin: 0;
    padding: 0;
}

img {
    border: 0 none;
    vertical-align: top;
}

ul, li, ol {
    list-style-type: none;
}

i, em, address, caption, cite, code, dfn, th, var {
    font-style: normal;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    text-decoration: underline;
}

input, button, textarea, a, a:hover {
    outline: none;
}

textarea {
    resize: none;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
    overflow: auto;
}

.fl {
    float: left;
    _display: inline;
}

.fr {
    float: right;
    _display: inline;
}

.pr {
    position: relative;
}

.abs {
    position: absolute;
}

.tc{text-align: center;}

.layout {
    width: 1200px;
    margin: 0 auto;
}

.layout-max {
    width: 1240px;
    margin: 0 auto;
}

.ico, .coupon-mod .tips, .coupon-mod .btn, .coupon-mod .btn span, .common-pop .close-btn, .service-mod .step01-con .list li, .service-mod .step02-con .list span {
    background: url("/OtherItem/images/2024learningplatform/zhuanti/xinrenyouli/2021-v2/ico.png") no-repeat;
}

.header-mod {
    height: 80px
}

.header-mod h1 {
    padding-left: 25px
}

.header-mod .top-nav {
    line-height: 80px;
    font-size: 16px;
    padding-right: 15px
}

.header-mod .top-nav a {
    margin: 0 15px;
    float: left
}

.header-mod .top-nav a.on, .login-page .header-mod .top-nav a:hover {
    font-size: 16px;
    font-weight: 700;
    color: #00c1c9;
    text-decoration: none
}

.header-mod .top-nav a.on {
    font-weight: 700;
    color: #00c1c9
}

.login-page .header-mod {
    height: 80px
}

.login-page .header-mod h1 {
    padding-left: 25px
}

.login-page .header-mod .top-nav {
    line-height: 80px;
    font-size: 16px;
    padding-right: 15px
}

.login-page .header-mod .top-nav a {
    margin: 0 15px;
    float: left
}

.login-page .header-mod .top-nav a.on, .login-page .header-mod .top-nav a:hover {
    font-size: 16px;
    font-weight: 700;
    color: #00c1c9;
    text-decoration: none
}

.login-page .header-mod .top-nav a.on {
    font-weight: 700;
    color: #00c1c9
}

.login-page .entry-section {
    height: 517px;
    background: no-repeat center top
}


.webdata-none{
    width: 278px;
    height: 277px;
    background: url(../../img/index/circle_bg.png) no-repeat center;
    margin:0 auto;
    margin-top: 56px;
    text-align: center;
    padding-top: 47px;
    box-sizing: border-box;

}
.webdata-none p{
    font-size: 18px;
    color: #555;
    font-weight: 600;
    line-height: 24px;
}

.login-page .loginMod-wrap {
    display: none;
    width: 380px;
    height: 388px;
    min-height: 359px;
    z-index: 99;
    background: #fff;
    box-shadow: 0 10px 24px rgba(196, 196, 196, .31);
    border-radius: 11px;
    overflow: hidden;
    float: left;
    float: left;
    float: right;
    margin: 62px -2px 0 0
}

.login-page .login-mod {
    border-radius: 11px;
    width: 380px;
    float: left
}

.login-page .login-mod .entry-mode {
    display: none
}

.login-page .userInfoMess {
    text-align: center;
    height: 40px;
    line-height: 40px
}

.login-page .userInfoMess span {
    display: inline-block;
    font-size: 18px;
    line-height: 52px;
    color: #333;
    font-weight: 600
}

.login-page .userInfoMess i {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../../img/index/login-code-icon.png) no-repeat;
    vertical-align: middle
}

.login-page .login-mod .tab-con {
    display: none;
    padding: 0 30px;
    margin: 0 auto
}

.login-page .login-mod .tab-con .code-login {
    color: #00c1c9;
    font-size: 18px;
    font-weight: 700;
    margin-top: 40px
}

.login-page .log_ewm_btn {
    right: 0;
    top: 0;
    width: 62px;
    height: 62px
}

.login-page .log_ewm_btn .prompt {
    display: block;
    width: 101px;
    height: 31px;
    line-height: 31px;
    font-size: 12px;
    color: #00c1c9;
    left: -83px;
    top: 19px;
    text-align: center;
    background: url(../../img/index/shape.png) no-repeat left center
}

.login-page .log_ewm_btn .ewm_bg {
    display: block;
    width: 54px;
    height: 54px;
    line-height: 0;
    font-size: 0;
    right: 7px;
    top: 7px
}

.login-page .log_ewm_btn2 {
    right: 6px;
    top: 6px;
    width: 90px;
    height: 54px
}

.login-page .log_ewm_btn2 .prompt {
    display: block;
    width: 68px;
    height: 31px;
    line-height: 31px;
    font-size: 12px;
    color: #00c1c9;
    left: -19px;
    top: 10px;
    text-align: center;
    background: url(../../img/index/shape2.png) no-repeat left center
}

.login-page .log_ewm_btn2 .ewm_bg {
    display: block;
    width: 54px;
    height: 54px;
    right: 1px;
    top: 1px;
    background: url(../../img/index/pc.png) no-repeat center
}

.login-page .common-entryBox {
    position: relative
}

.login-page .common-entryBox .error-tex {
    height: 16px;
    line-height: 16px;
    color: #ff6c6c;
    padding-left: 19px;
    left: 4px;
    top: 61px;
    background-position: 0 -220px;
    z-index: 9
}

.login-page .common-entryBox ul.pb10 {
    padding-bottom: 10px
}

.login-page .common-entryBox li {
    height: 50px;
    border-radius: 10px;
    position: relative;
    background: #f7f7f8;
    margin-bottom: 16px;
    padding-left: 17px;
    width: 303px;
    margin-bottom: 16px
}

.login-page .common-entryBox li .login-icon1 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../../img/index/lig_icon1.png) no-repeat center top;
    margin: 10px 0 0 0;
    vertical-align: top
}

.login-page .common-entryBox li .login-icon2 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../../img/index/lig_icon2.png) no-repeat center top;
    margin: 10px 0 0 0;
    vertical-align: top
}

.login-page .common-entryBox li .login-icon3 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../../img/index/lig_icon3.png) no-repeat center top;
    margin: 10px 0 0 0;
    vertical-align: top
}

.login-page .common-entryBox li.error {
    border-bottom: 1px solid #ff6c6c
}

.login-page .common-entryBox .lr-icon {
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: -11px
}

.login-page .common-entryBox .lr-icon01 {
    background-position: 0 -26px
}

.login-page .common-entryBox .lr-icon02 {
    background-position: 0 -73px
}

.login-page .common-entryBox .lr-icon03 {
    background-position: 0 -264px
}

.login-page .common-entryBox .lr-icon04 {
    background-position: 0 -407px
}

.login-page .common-entryBox .input-box01 {
    width: 250px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    border: 0;
    color: #333;
    background: 0 0;
    font-family: "\5FAE\8F6F\96C5\9ED1,\9ED1\4F53"
}

.login-page .common-entryBox .input-box02 {
    width: 190px;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    padding-top: 8px;
    border: 0;
    background: 0 0;
    color: #333;
    font-family: "\5FAE\8F6F\96C5\9ED1,\9ED1\4F53"
}

.login-page .common-entryBox .deleteAll-btn {
    display: none;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 20px;
    right: 11px;
    background-position: 2px -143px
}

.login-page .common-entryBox .deleteAll-btn.ot {
    right: 121px
}

.login-page .common-entryBox .deleteAll-btn.posRight {
    right: 50px
}

.login-page .common-entryBox .showpassword-btn {
    display: none;
    width: 22px;
    height: 14px;
    position: absolute;
    top: 18px;
    right: 14px;
    background-position: 0 -172px
}

.login-page .common-entryBox .showpassword-btn.on {
    background-position: 0 -198px
}

.login-page .common-entryBox .showText {
    display: none
}

.login-page .common-entryBox .code-img {
    height: 32px;
    width: 108px;
    text-align: center;
    padding-top: 10px;
    position: absolute;
    right: 0;
    top: 0
}

.login-page .common-entryBox .code-img img {
    cursor: pointer
}

.login-page .common-entryBox .other-tags {
    height: 26px;
    line-height: 14px;
    padding: 62px 0 13px;
    text-align: center
}

.login-page .common-entryBox .other-tags .auto-login {
    padding-left: 20px;
    cursor: pointer;
    background-position: 0 -358px;
    font-size: 12px
}

.login-page .common-entryBox .other-tags a {
    color: #00c1c9
}

.login-page .common-entryBox .other-tags #next_log_flag {
    background-position: 0 -362px
}

.login-page .common-entryBox .other-tags .auto-login.no {
    background-position: 0 -309px
}

.login-page .common-entryBox .other-tags #next_log_flag.no {
    background-position: 0 -314px
}

.login-page .common-entryBox .other-tags .forgetPassword-btn {
    display: block;
    color: #2d78e7
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

.bottomfoot_right li{
    float: left;
    margin-left: 43px;
}
.bottomfoot_right li p{
    font-size: 12px;
    color: #333;
    text-align: center;
}

.login-page .common-entryBox .login-btn {
    display: inline-block;
    width: 150px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background: #ff8e05;
    border-radius: 23px;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    transition: all .1s linear;
    -ms-transition: all .1s linear;
    background: linear-gradient(to bottom, #ffdc0c, #ff8e05)
}

.login-page .common-entryBox .login-btn2 {
    background: #00c1c9
}

.login-page .common-entryBox .other-more {
    height: 26px;
    line-height: 26px;
    padding: 20px 0 23px
}

.login-page .common-entryBox .other-more a.reg-btn {
    color: #54b9ff
}

.login-page .common-entryBox .adaptation-ie {
    height: 26px;
    line-height: 26px;
    position: absolute;
    left: 40px;
    top: 8px;
    color: #bcbbbb;
    cursor: text
}

.login-page .common-entryBox .code-btn {
    display: block;
    height: 41px;
    line-height: 41px;
    width: 109px;
    text-align: center;
    color: #666;
    text-decoration: none;
    position: absolute;
    right: 0;
    top: 9px
}

.login-page .a_weibo:hover {
    background-position: -73px -34px
}

.login-page .set-password {
    padding-bottom: 34px
}

.login-page .set-password li {
    padding-left: 14px
}

.login-page .ewm_ico {
    background: url(../../img/index/home_er.png) no-repeat
}

.login-page .ewm_ic p {
    text-align: center;
    color: #999;
    line-height: 20px
}

.login-page ::-webkit-input-placeholder {
    color: #bcbbbb
}

.login-page :-moz-placeholder {
    color: #bcbbbb
}

.login-page ::-moz-placeholder {
    color: #bcbbbb
}

.login-page :-ms-input-placeholder {
    color: #bcbbbb !important
}

.login-page input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important
}

.login-page .codeBg {
    padding: 15px;
    margin: 16px auto 0;
    width: 146px;
    border: 2px solid #f7f7f8;
    height: 146px;
    position: relative
}

.login-page .codeErweima {
    width: 146PX;
    height: 146px
}

.login-page .login-code {
    padding-top: 20px
}

.login-page .line {
    float: left;
    width: 1px;
    height: 349px;
    background: rgba(213, 213, 213, .8);
    margin: 0 40px
}

.login-page .zhezhao {
    position: absolute;
    left: 0;
    top: 0;
    width: 176px;
    height: 176px;
    background: rgba(255, 255, 255, .9);
    overflow: hidden;
    display: none
}

.login-page .zhezhao p {
    text-align: center;
    font-size: 16px;
    color: #666;
    margin-top: 17px;
    font-weight: 600
}

.login-page .zhezhao > img {
    margin: 0 auto;
    display: block;
    margin-top: 36px
}

.login-page .zhezhao2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    display: none
}

.login-page .ERbtn {
    width: 56px;
    font-size: 14px;
    color: #666;
    background: url(../../img/index/refresh.png) no-repeat;
    padding-left: 20px;
    height: 22px;
    line-height: 16px;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
    cursor: pointer
}

.login-page .downloadApp {
    font-size: 15px;
    font-family: "PingFang SC";
    font-weight: 400;
    color: #999;
    line-height: 23px;
    width: 200px;
    float: left;
    margin-left: 80px;
    margin-right: 80px
}

.login-page .downloadApp p {
    text-align: center;
    font-size: 14px;
    margin-top: 15px
}

.login-page .appTitle {
    position: absolute;
    top: -52px;
    text-align: center;
    left: 164px;
    text-align: center;
    font-size: 20px;
    color: #333;
    font-weight: 700
}

.login-page .ziGuang {
    width: 212px;
    height: 45px;
    background: #feeeed;
    color: #ff772a;
    font-size: 15px;
    margin-top: 19px
}

.login-page .ziGuang img {
    width: 51px;
    height: 44px;
    margin-right: 5px;
    vertical-align: middle
}

.login-page .ziGuang span {
    vertical-align: middle
}

.login-page .common-entryBox .login-btn.on {
    background: linear-gradient(to right, #ff9c44, #ff7901)
}

.login-page .loginTitleAll {
    height: 32px;
    margin: 0 auto;
    margin-bottom: 23px;
    position: relative;
    font-size: 19px;
    padding: 25px 30px 0;
    font-weight: 600
}

.login-page .loginTitleAll span.on {
    color: #00c1c9
}

.login-page .loginTitleAll i {
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #e2e2e2;
    vertical-align: middle;
    margin: 0 13px;
    margin-top: 3px
}

.login-page .success-name {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 20px
}

.login-page .success-show {
    overflow: hidden
}

.login-page .success-show li {
    float: left;
    width: 100px;
    height: 94px;
    background: #f7f7f8;
    margin: 10px 10px 0 0;
    text-align: center;
    border-radius: 10px
}

.login-page .success-show li img {
    display: block;
    margin: 21px auto 10px
}

.login-page .success-show li:last-child {
    margin-right: 0
}

.login-page .success-show li a {
    line-height: 16px;
    font-size: 16px;
    color: #00c1c9
}

.login-page .login-out {
    margin: 20px auto 0;
    font-size: 14px;
    width: 150px;
    height: 46px;
    display: block;
    background: #f7f7f8;
    border-radius: 23px;
    line-height: 46px;
    text-align: center
}

.login-page .login-out img {
    margin: 13px 11px 0 0
}

.login-page .announcement-process {
    overflow: hidden
}

.login-page .announcement-process .notice-announcemeny {
    width: 824px;
    float: left
}

.login-page .announcement-process .notice-announcemeny .main-tit {
    border-bottom: 1px solid #f0f0f0;
    height: 59px;
    line-height: 62px;
    font-weight: 700;
    margin-bottom: 23px
}

.login-page .announcement-process .notice-announcemeny .main-tit span {
    font-size: 20px
}

.login-page .announcement-process .notice-announcemeny .main-tit span em {
    color: #00c1c9;
    font-size: 24px
}

.login-page .announcement-process .notice-announcemeny .main-tit a {
    float: right;
    line-height: 73px;
    font-size: 12px
}

.login-page .announcement-process .notice-announcemeny .main-content {
    overflow: hidden
}

.login-page .announcement-process .notice-announcemeny .main-content .swiper-container{
    width: 521px;
}

.login-page .announcement-process .notice-announcemeny .main-content .announcement-picture .tab-munePic {
    height:278px;
    border-radius:10px;
    overflow:hidden
}

.login-page .announcement-process .notice-announcemeny .main-content .announcement-picture .tab-munePic img {
    position: absolute;
    left: 0;
    top: 0;
}

.login-page .announcement-process .notice-announcemeny .main-content .announcement-picture .introduce {
    position: absolute;
    bottom: 0;
    background: rgba(7, 189, 199, .8);
    height: 71px;
    padding-left: 17px;
    color: #fff;
    width: 504px
}

.login-page .announcement-process .notice-announcemeny .main-content .announcement-picture .introduce span {
    text-align: center;
    height: 52px;
    margin: 6px 0 0 0;
    line-height: 22px;
    background: url(../../img/index/w_13.png) no-repeat right 6px;
    font-size: 14px;
    float: left;
    padding-right: 4px
}

.login-page .announcement-process .notice-announcemeny .main-content .announcement-picture .introduce span em {
    display: inline-block;
    width: 58px;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 9px
}

.login-page .announcement-process .notice-announcemeny .main-content .announcement-picture .introduce p {
    font-size: 12px;
    padding: 23px 0 0 17px;
    float: left
}

.login-page .announcement-process .notice-announcemeny .main-content .announcement-picture .introduce p i {
    font-size: 16px;
    display: inline-block;
    margin: 0 0 6px 0
}

.login-page .announcement-process .notice-announcemeny .main-content ul {
    float: left;
    width: 300px
}

.login-page .announcement-process .notice-announcemeny .main-content ul li {
    overflow: hidden;
    margin-bottom: 35px
}

.login-page .announcement-process .notice-announcemeny .main-content ul li span {
    text-align: center;
    font-size: 11px;
    height: 59px;
    display: inline-block;
    color: #00c1c9;
    margin: 4px 0 0 14px;
    line-height: 28px;
    font-size: 14px;
    background: url(../../img/index/a_13.png) no-repeat center top;
    float: left
}

.login-page .announcement-process .notice-announcemeny .main-content ul li span em {
    display: inline-block;
    width: 58px;
    font-size: 20px
}

.login-page .announcement-process .notice-announcemeny .main-content ul li p {
    font-size: 16px;
    line-height: 22px;
    padding: 0 0 0 10px;
    float: left;
    width: 217px
}

.login-page .announcement-process .notice-announcemeny .main-content ul li p i {
    display: inline-block;
    margin: 8px 0 6px 0;
    font-size: 12px;
    line-height: 18px;
    color: #999
}

.login-page .announcement-process .learning-process {
    width: 347px;
    float: right
}

.login-page .announcement-process .learning-process .main-tit {
    border-bottom: 1px solid #f0f0f0;
    height: 59px;
    line-height: 62px;
    font-weight: 700;
    margin-bottom: 23px
}

.login-page .announcement-process .learning-process .main-tit span {
    font-size: 20px
}

.login-page .announcement-process .learning-process .main-tit span em {
    color: #00c1c9;
    font-size: 24px
}

.login-page .announcement-process .learning-process .process-list {
    padding-top: 14px;
    overflow: hidden
}

.login-page .announcement-process .learning-process .process-list span {
    font-size: 18px;
    font-weight: 700;
    height: 156px;
    width: 76px;
    float: left;
    text-align: center;
    margin: 0 40px 0 10px;
    position: relative
}

.login-page .announcement-process .learning-process .process-list.bk2 {
    background: url(../../img/index/bk2.png) no-repeat center top;
    width: 350px;
    height: 293px;
    background-position: 10px 0px;
}

.login-page .announcement-process .learning-process .process-list.bk3 {
    background: url(../../img/index/bk3.png) no-repeat center top;
    width: 350px;
    height: 293px;
    background-position: 10px 0px;
}

.login-page .announcement-process .learning-process .process-list.bk4 {
    background: url(../../img/index/bk4.png) no-repeat center top;
    width: 350px;
    height: 293px;
    background-position: 10px 0px;
}

.login-page .announcement-process .learning-process .process-list.bk5 {
    background: url(../../img/index/bk5.png) no-repeat center top;
    width: 350px;
    height: 293px;
    background-position: 10px 0px;
}

.login-page .announcement-process .learning-process .process-list.bk6 {
    background: url(../../img/index/bk6.png) no-repeat center top;
    width: 350px;
    height: 293px;
    background-position: 10px 0px;
}

/* .login-page .announcement-process .learning-process .process-list span:nth-child(1):after,.login-page .announcement-process .learning-process .process-list span:nth-child(2):after{background:url(/OtherItem/images/2024learningplatform/ww_03.png) no-repeat center top;width:44px;height:10px;content:'';display:inline-block;position:absolute;left:78px;top:28px} */
/* .login-page .announcement-process .learning-process .process-list span:nth-child(4):after,.login-page .announcement-process .learning-process .process-list span:nth-child(5):after{background:url(/OtherItem/images/2024learningplatform/ww_10.png) no-repeat center top;width:44px;height:10px;content:'';display:inline-block;position:absolute;left:78px;top:28px} */
/* .login-page .announcement-process .learning-process .process-list span:nth-child(3):after{background:url(/OtherItem/images/2024learningplatform/ww_07.png) no-repeat center top;width:10px;height:44px;content:'';display:inline-block;position:absolute;left:34px;top:105px} */
.login-page .announcement-process .learning-process .process-list span img {
    margin: 0 auto 5px;
    display: block
}

.login-page .announcement-process .learning-process .process-list span:nth-child(3n) {
    margin-right: 0
}

.login-page .bottomfoot {
    font-size: 12px;
    line-height: 28px;
    padding: 30px 0;
    text-align: center;
    background: #f1f4f7
}

.mask {
    display: none;
    width: 100%;
    z-index: 98;
    height: 100%;
    background: #000;
    opacity: .6;
    position: fixed;
    top: 0;
    left: 0
}

/* 注册页 */
/* .register-page{background:url(/OtherItem/images/2024learningplatform/bb_02.png) no-repeat center top;} */
.register-page .collection-info {
    padding-bottom: 35px
}

.register-page .header-mod {
    height: 80px;
    box-shadow: 5px 0 13px rgba(0, 0, 0, .04);
}

.register-page .header-mod h1 {
    padding-left: 25px
}

.register-page .header-mod .top-nav {
    line-height: 80px;
    font-size: 16px;
    padding-right: 15px
}

.register-page .header-mod .top-nav a {
    margin: 0 15px;
    float: left
}

.register-page .header-mod .top-nav a.on, .login-page .header-mod .top-nav a:hover {
    font-size: 16px;
    font-weight: 700;
    color: #00c1c9;
    text-decoration: none
}

.register-page .header-mod .top-nav a.on {
    font-weight: 700;
    color: #00c1c9
}

.register-page .collection-info .collection-info-header {
    height: 68px;
    line-height: 80px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 20px;
    font-weight: 700
}

.register-page .collection-info .collection-info-header em {
    font-size: 24px;
    color: #00c1c9
}

.register-page .collection-info .collection-info-content ul {
    padding: 25px 0 0 50px
}

.register-page .collection-info .collection-info-content ul .info-item {
    margin-bottom: 20px
}

.register-page .collection-info .collection-info-content ul .info-item .info-item-label {
    height: 40px;
    width: 128px;
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    position: relative;
}

.register-page .collection-info .collection-info-content ul .info-item .info-item-label .icon {
    position: absolute;
    right: 7px;
    top: 6px;
    font-size: 25px;
    color: #ef2424
}

.register-page .collection-info .collection-info-content ul .info-item .info-item-content {
    height: 38px;
    width: 388px;
    color: #9b9b9b;
    vertical-align: top;
    display: inline-block;
    border: 1px solid #ddd
}

.register-page .collection-info .collection-info-content ul .info-item .info-item-content select {
    display: inline-block;
    width: 388px;
    height: 38px;
    color: #999;
    background: url(../../img/register/an_01.png) no-repeat right top;
    background-position: 353px -107px;
    padding-right: 20px;
    border: none;
    padding-left: 11px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

.register-page .collection-info .collection-info-content ul .info-item .info-item-content select:focus {
    outline: 0
}

.register-page .collection-info .collection-info-content ul .info-item .verification-code-span {
    width: 171px
}

.register-page .collection-info .collection-info-content ul .info-item .verification-code {
    height: 38px;
    color: #9b9b9b;
    vertical-align: top;
    display: inline-block
}

.register-page .collection-info .collection-info-content ul .info-item .verification-code img {
    margin: 5px 0 0 3px;
    float: left
}

.register-page .collection-info .collection-info-content ul .info-item .verification-code .verify-code-wrap {
    float: left;
    line-height: 41px;
    padding-left: 29px
}

.register-page .collection-info .collection-info-content ul .info-item .verification-code .verify-code-wrap a {
    color: #00c1c9;
    text-decoration: none
}

.register-page .collection-info .collection-info-content ul .info-item .info-item-content input {
    height: 38px;
    width: 84%;
    padding: 0 11px;
    color: #9b9b9b;
    vertical-align: top;
    border: none
}

.register-page .collection-info .collection-info-content ul .info-item .info-item-content input.form-control {
    width: 94%;
    background: url(../../img/register/an_01.png) no-repeat right top;
    background-position: 353px -227px
}

.register-page .collection-info .collection-info-content ul .info-item .info-item-error {
    display: inline-block;
    padding-left: 5px;
    color: #ef2424
}

.register-page .collection-info .collection-info-content ul .info-item form {
    width: 200px;
    display: inline-block;
    height: 38px;
    vertical-align: top;
    position: relative
}

.register-page input[type=radio] {
    opacity: 0
}

.register-page input[type=radio] + label {
    width: 49px;
    height: 38px;
    line-height: 40px;
    text-align: right;
    display: inline-block;
    margin-right: 26px;
    font-size: 16px;
    float: left;
    background: url(../../img/register/an_01.png) no-repeat right top;
    background-position: 0 -382px
}

.register-page input[type=radio]:checked + label {
    background: url(../../img/register/an_01.png) no-repeat right top;
    background-position: 0 -302px
}

.register-page .upfile-img {
    float: right;
    width: 363px;
    padding: 25px 0 0 40px
}

.register-page .upfile-img #preview {
    width: 132px;
    height: 150px;
    border-radius: 3px;
    overflow: hidden
}

.register-page .upfile-img #preview img {
    width: 132px;
    height: 150px
}

.register-page .upfile-img #preview label {
    width: 132px;
    height: 150px;
    display: inline-block;
    background: url(../../img/register/label_bk.png) no-repeat center top
}

.register-page .upfile-img #preview input {
    display: none
}


.enterprise-register-page .collection-info .collection-info-content ul {
    padding: 20px 0 0 0
}

.enterprise-register-page .collection-info .collection-info-content ul .info-item-title {
    height: 50px;
    line-height: 40px
}

.enterprise-register-page .collection-info .collection-info-content ul .info-item {
    margin-bottom: 20px
}

.enterprise-register-page .collection-info .collection-info-content ul .info-item .info-item-label {
    padding-left: 44px
}

.enterprise-register-page .collection-info .collection-info-content ul .info-item .info-item-content-city {
    width: 187px;
    margin-right: 16px
}

.enterprise-register-page .collection-info .collection-info-content ul .info-item .info-item-content-city select {
    width: 187px;
    margin-right: 16px;
    background-position: 151px -107px
}

.enterprise-register-page .submit-btn {
    margin-top: 20px
}

/* å¿˜è®°å¯†ç  */
/* .forget-your-password-page{background:url(/OtherItem/images/2024learningplatform/password_02.png) no-repeat center top} */
.forget-your-password-page .submit-btn {
    margin: 38px auto 26px
}

.forget-your-password-page .collection-info .collection-info-content .operation-procedure {
    width: 344px;
    height: 141px;
    text-align: center;
    border-radius: 10px;
    padding: 19px 78px 0;
    background: #e6f8f9;
    position: absolute;
    top: 138px;
    right: 39px
}

.forget-your-password-page .collection-info .collection-info-content .operation-procedure h3 {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 19px
}

.forget-your-password-page .collection-info .collection-info-content .operation-procedure span {
    height: 33px;
    line-height: 33px;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 16px;
    padding-left: 48px;
    text-align: left;
    background: #fff;
    border-radius: 5px;
    width: 295px
}

.forget-your-password-page .collection-info .collection-info-content .operation-procedure span.on {
    color: #00c1c9;
    font-weight: 700
}

.forget-your-password-page .collection-info .collection-info-content .operation-procedure span i {
    width: 24px;
    height: 24px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    line-height: 24px;
    background: #00c1c9;
    border-radius: 24px;
    margin-right: 15px;
    text-align: center;
    vertical-align: 2px
}

.forget-your-password-page .collection-info .collection-info-content .success-img {
    margin: 63px auto 37px
}

.forget-your-password-page .collection-info .collection-info-content .successImg {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.forget-your-password-page .collection-info .collection-info-content .success-p {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 38px
}

.forget-your-password-page .collection-info .collection-info-content .success-btn {
    width: 140px;
    height: 41px;
    border-radius: 20px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    display: block;
    line-height: 40px;
    background: #00c1c9;
    margin: 33px auto 69px
}

/* 个人中心 */
.personal-center-page{background:url(../../img/studyCenter/center_bk.png) no-repeat center top}
.header-top-mod{height:95px;box-shadow:none}
.header-top-mod h1{padding-left:25px}
.header-top-mod .top-nav{line-height:94px;font-size:16px;padding-right:15px}
.header-top-mod .top-nav a{margin:0 15px;float:left;color:#fff}
.login-page .header-top-mod .top-nav a:hover,.personal-center-page .header-top-mod .top-nav a.on{font-size:16px;font-weight:700;color:#fff;text-decoration:none}
.personal-center-page .header-top-mod .top-nav a.on{font-weight:700}
.collection-info{overflow:hidden;margin-bottom:33px}
.collection-info .collection-info-left{margin-left:20px;width:230px;text-align:center;padding-top:22px;border-radius:10px;background:#f1f1f1;float:left}
.collection-info .collection-info-left .username{line-height:45px;font-size:20px;margin-bottom:11px}
.collection-info .collection-info-left .particular-year ul{height: 32px;line-height: 32px;overflow:hidden;border-radius:4px;border:1px solid #07bdc7;display:inline-block}
.collection-info .collection-info-left .particular-year .picScroll-left .hd .prev,
.collection-info .collection-info-left .particular-year .picScroll-left .hd .next {content:'';width:12px;height:34px;display:inline-block;background:url(../../img/studyCenter/2_01.png) no-repeat;background-position:-7px -588px;float:left;margin:0 6px 0 6px}
.collection-info .collection-info-left .particular-year .picScroll-left .hd .next{float: right;background-position:-7px -666px;}
.collection-info .collection-info-left .particular-year .tempWrap{height: 34px;border-right: 1px solid #07bdc7;}
.collection-info .collection-info-left .particular-year ul li{background: #fff;display:inline-block;line-height:32px;width:180px; text-align:center;border-right:1px solid #07bdc7;color:#07bdc7;float:left;}
.collection-info .collection-info-left .particular-year ul li a{text-decoration:none;color:#07bdc7;width: 160px;padding:0 10px;overflow: hidden; /* 确保溢出的内容会被隐藏 */white-space: nowrap; /* 确保文本在一行内显示，不换行 */text-overflow: ellipsis; /* 使用省略号表示文本溢出 */display:inline-block;}
.collection-info .collection-info-left .particular-year ul li:last-child{border-right:none}
.collection-info .collection-info-left .particular-year ul li.on{background:#07bdc7;color:#fff}
.collection-info .collection-info-left .particular-year ul li.on a{ color:#fff;}
.collection-info .collection-info-left .particular-year ul li.active{background:#d5d5d5;color:#fff}
.collection-info .collection-info-left .particular-year ul li.active a{color:#fff;}

.collection-info .collection-info-left .particular-year .swiper-container{height: 34px;line-height: 32px;overflow:hidden;display:inline-block}
.collection-info .collection-info-left .particular-year .swiper-container .swiper-wrapper{
    height: 32px !important;
    border-right: 1px solid #07bdc7;
    width: 180px !important;
    /* background: red; */
    margin: 0 auto;
}

.collection-info .collection-info-left .particular-year .swiper-button-prev{    content: '';
    width: 12px;
    height: 34px;
    display: inline-block;
    background: url(../../img/studyCenter/2_01.png) no-repeat;
    background-position: -7px -588px;
    margin: 0;
    position: absolute;
    left:10px;
    top: 0px;
}
.collection-info .collection-info-left .particular-year .swiper-button-next{
    width: 12px;
    height: 34px;
    display: inline-block;
    background: url(../../img/studyCenter/2_01.png) no-repeat;


    margin: 0;
    position: absolute;

    top: 0px;
    right:9px;
    background-position:-7px -665px;
}

.collection-info .collection-info-left .particular-year .picScroll-left .hd .next{float: right;background-position:-7px -666px;}
.collection-info .collection-info-left .particular-year .tempWrap{height: 34px;border-right: 1px solid #07bdc7;}
.collection-info .collection-info-left .particular-year .swiper-container .swiper-slide{    background: #fff;
    display: inline-block;
    line-height: 34px !important;
    width: 179px !important;
    text-align: center;
    border: 1px solid #07bdc7;
    color: #07bdc7;
    float: left;}
.collection-info .collection-info-left .particular-year .swiper-container .swiper-slide a{text-decoration:none;color:#07bdc7;width: 160px;padding:0 10px;overflow: hidden; /* 确保溢出的内容会被隐藏 */white-space: nowrap; /* 确保文本在一行内显示，不换行 */text-overflow: ellipsis; /* 使用省略号表示文本溢出 */display:inline-block;}
.collection-info .collection-info-left .particular-year .swiper-container .swiper-slide:last-child{border-right:none}
.collection-info .collection-info-left .particular-year .swiper-container .swiper-slide.on{background:#07bdc7;color:#fff}
.collection-info .collection-info-left .particular-year .swiper-container .swiper-slide.on a{ color:#fff;}
.collection-info .collection-info-left .particular-year .swiper-container .swiper-slide.active{background:#d5d5d5;color:#fff}
.collection-info .collection-info-left .particular-year .swiper-container .swiper-slide.active a{color:#fff;}


.collection-info .collection-info-left .schooling-period {
    margin: 25px auto 0;
    width: 82px;
    background: #fff;
    padding: 15px 0 7px 0;
    font-size: 16px;
    width: 187px;
    border-radius: 10px;
    box-shadow: 5px 7px 8px rgba(61, 61, 61, .04)
}

.collection-info .collection-info-left .schooling-period p {
    color: #07bdc7;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 5px
}

.collection-info .collection-info-left .annual-progress {
    /*width: 152px;*/
    /*height: 104px;*/
    /*background: url(../../img/studyCenter/as_19.png) no-repeat center top;*/
    /*margin: 22px auto 19px;*/
    /*padding-top: 48px*/
    width: 152px;
    height: 152px;
    /* background:url(/OtherItem/images/2024learningplatform/as_19.png) no-repeat center top; */
    margin: 22px auto 19px;
    position: relative;
    border-radius: 50%;
    background: #fff;
}
.progress-circle {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: conic-gradient(#07bdc7 0deg, #07bdc7 0deg, #f1f1f1 0deg);
    position: absolute;
    top: 10px;
    left: 10px;
}

.inner-circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: white;
    position: absolute;
    top: 26px;
    left: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 18px;
    font-weight: bold;
}

.collection-info .collection-info-left .annual-progress p {
    font-size: 22px;
    font-weight: 700
}

.collection-info .collection-info-left .annual-progress em {
    font-size: 16px;
    color: #868686
}

.collection-info .collection-info-left .switching-selection {
    padding-bottom: 27px
}

.collection-info .collection-info-left .switching-selection ul li {
    height: 41px;
    line-height: 41px;
    margin: 0 auto 10px;
    font-size: 16px;
    width: 154px;
    background: url(/OtherItem/images/2024learningplatform/icon.png) no-repeat #fff;
    border-radius: 21px;
    text-align: left;
    padding-left: 41px;
    text-align: left
}

.collection-info .collection-info-left .switching-selection ul img {
    margin-top: 12px;
    margin-right: 10px
}

.collection-info .collection-info-left .switching-selection ul li:hover, .enterprise-mod .enterprise-left .menu-list ul li.on , .collection-info .collection-info-left .switching-selection ul li.on{
    background-color: #07bdc7;
    color: #fff;
    text-decoration: none
}

.collection-info .collection-info-left .switching-selection ul li:hover img, .collection-info .collection-info-left .switching-selection ul li.on img {
    filter: grayscale(100%) brightness(200%);
}

.collection-info .collection-info-left .switching-selection ul li:hover a, .collection-info .collection-info-left .switching-selection ul li.on a {
    color: #fff;
    text-decoration: none
}
.collection-info .collection-info-left .switching-selection ul li:nth-child(1){background-position:-154px 12px}
.collection-info .collection-info-left .switching-selection ul li:nth-child(1).on,.personal-center-page .collection-info .collection-info-left .switching-selection ul li:nth-child(1):hover{background-position:46px 12px}
.collection-info .collection-info-left .switching-selection ul li:nth-child(2){background-position:46px -39px}
.collection-info .collection-info-left .switching-selection ul li:nth-child(2).on,.personal-center-page .collection-info .collection-info-left .switching-selection ul li:nth-child(2):hover{background-position:-155px -39px}
.collection-info .collection-info-left .switching-selection ul li:nth-child(3){background-position:45px -90px}
.collection-info .collection-info-left .switching-selection ul li:nth-child(3).on,.personal-center-page .collection-info .collection-info-left .switching-selection ul li:nth-child(3):hover{background-position:-155px -90px}
.collection-info .collection-info-left .switching-selection ul li:nth-child(4){background-position:45px -141px}
.collection-info .collection-info-left .switching-selection ul li:nth-child(4).on,.personal-center-page .collection-info .collection-info-left .switching-selection ul li:nth-child(4):hover{background-position:-155px -141px}
.collection-info .collection-info-left .switching-selection ul li:nth-child(5){background-position:45px -192px}
.collection-info .collection-info-left .switching-selection ul li:nth-child(5).on,.personal-center-page .collection-info .collection-info-left .switching-selection ul li:nth-child(5):hover{background-position:-154px -192px}
.collection-info .collection-info-left .switching-selection ul li:nth-child(6){background-position:46px -243px}
.collection-info .collection-info-left .switching-selection ul li:nth-child(6).on,.personal-center-page .collection-info .collection-info-left .switching-selection ul li:nth-child(6):hover{background-position:-155px -243px}
.collection-info .collection-info-left .switching-selection ul li:nth-child(7){background-position:45px -294px}
.collection-info .collection-info-left .switching-selection ul li:nth-child(7).on,.personal-center-page .collection-info .collection-info-left .switching-selection ul li:nth-child(7):hover{background-position:-154px -294px}
.collection-info .collection-info-left .switching-selection ul li:nth-child(8){background-position:45px -345px}
.collection-info .collection-info-left .switching-selection ul li:nth-child(8).on,.personal-center-page .collection-info .collection-info-left .switching-selection ul li:nth-child(8):hover{background-position:-155px -345px}
.collection-info .collection-info-left .switching-selection ul li:nth-child(9){background-position:45px -396px}
.collection-info .collection-info-left .switching-selection ul li:nth-child(9).on,.personal-center-page .collection-info .collection-info-left .switching-selection ul li:nth-child(9):hover{background-position:-155px -396px}
.collection-info .collection-info-left .switching-selection a.logout-btn{font-size:14px;padding-top:22px;display:inline-block}
.collection-info .collection-info-left .switching-selection a.logout-btn img{vertical-align:top;margin:1px 10px 0 0}
.collection-info .collection-info-right{width:962px;float:right;padding-bottom:108px}
.personal-center-page .collection-info .collection-info-right .learning-process{padding-right: 20px;overflow:hidden;margin-bottom:27px;background-position:140px -727px}
.personal-center-page .collection-info .collection-info-right .learning-process h3{float:left;font-size:20px;margin-right:28px;padding-top: 24px;}
.personal-center-page .collection-info .collection-info-right .learning-process h3 em{font-size:24px;color:#fff}
.personal-center-page .collection-info .collection-info-right .learning-process ul li{    font-size: 16px;display: inline-block;width: 115px;margin: 0 -19px 0 30px;line-height: 32px;float: left;background: url(../../img/studyCenter/process_16.png) no-repeat right 27px;}
.personal-center-page .collection-info .collection-info-right .learning-process ul li:last-child{background: none;}
.personal-center-page .collection-info .collection-info-right .gentle-reminder{margin-right: 20px;width:941px;height:158px;border-radius:10px;background:#fff;box-shadow:0 10px 24px rgba(2,152,160,.13)}
.personal-center-page .collection-info .collection-info-right .gentle-reminder h3{font-size:14px;color:#07bdc7;float:left;padding:21px 0 0 25px}
.personal-center-page .collection-info .collection-info-right .gentle-reminder .reminder-con{height:137px;float:left;width:833px;overflow-y:auto;margin-left:13px;padding-top:21px}
.personal-center-page .collection-info .collection-info-right .gentle-reminder .reminder-con p{font-size:14px;line-height:24px}
.personal-center-page .collection-info .collection-info-right .gentle-reminder p em{font-weight:700}
.personal-center-page .collection-info .collection-info-right .learning-portfolio{padding-top:30px;padding-right: 20px;}
.personal-center-page .collection-info .collection-info-right .learning-portfolio h3{padding-left:18px;height:25px;margin-left:1px;color:#333;line-height:25px;font-size:20px;border-left:6px solid #07bdc7}
.personal-center-page .collection-info .collection-info-right .learning-portfolio .archival-source{overflow:hidden;padding:39px 0 41px 25px}
.personal-center-page .collection-info .collection-info-right .learning-portfolio .archival-source .user-avatar{width:85px;height:85px;border-radius:43px;float:left}
.personal-center-page .collection-info .collection-info-right .learning-portfolio .archival-source .user-source{float:left;padding:10px 0 0 18px}
.personal-center-page .collection-info .collection-info-right .learning-portfolio .archival-source .user-source .user-name{font-size:20px;font-weight:700}
.personal-center-page .collection-info .collection-info-right .learning-portfolio .archival-source .user-source .user-name i{display:inline-block;width:63px;height:22px;margin:0 0 0 25px;line-height:22px;vertical-align:3px;text-align:center;border-radius:11px;color:#fff;font-size:14px;font-weight:400;background:linear-gradient(to bottom,#ffdc0c,#ff8e05)}
.personal-center-page .collection-info .collection-info-right .learning-portfolio .archival-source .user-source .user-iphone{padding-top:10px;color:#999}
.personal-center-page .collection-info .collection-info-right .learning-portfolio .archival-source .user-source .user-iphone a{color:#07bdc7;margin-left:36px;line-height:24px}
.personal-center-page .collection-info .collection-info-right .table-show {height: 448px;overflow-y: auto;}
.personal-default-page .collection-info .collection-info-right .table-show {height: 48px;}
.personal-center-page .collection-info .collection-info-right table{float: right;border-collapse:collapse;border-spacing:0;width:941px;text-align:center;font-size:16px;border:none}
.personal-center-page .collection-info .collection-info-right table td,.personal-center-page .collection-info .collection-info-right table th{height:48px;line-height:48px;border:none}
.personal-center-page .collection-info .collection-info-right table th{height:46px;line-height:46px;color:#fff;background:#07bdc7;}
.personal-center-page .collection-info .collection-info-right table td.rated{color:#5CBAC5}
.personal-center-page .collection-info .collection-info-right table th:first-child{ border-radius:10px 0 0 0 ;}
.personal-center-page .collection-info .collection-info-right table th:last-child{border-radius:0 10px 0 0 ;}
.personal-center-page .collection-info .collection-info-right table td img{vertical-align:middle;margin-right:6px}
.personal-center-page .collection-info .collection-info-right table td a{font-weight: 400;font-size: 16px;color: #07BDC7;}
.personal-center-page .collection-info .collection-info-right table tr:nth-child(odd){background:#FAFAFA}
.personal-center-page .collection-info .collection-info-right .default-con{padding-top: 53px;}
.personal-center-page .collection-info .collection-info-right .default-con p{font-size: 18px;color: #333333;line-height:18px;padding-top: 54px;}


/* 我的课程 */
.course-list-page .collection-info .collection-info-right .table-show table {
    width: 924px;
    margin-right: 12px;
}

.course-list-page .collection-info .collection-info-right .table-show {
    height: 550px;
    overflow-y: auto
}

.course-list-page .collection-info .collection-info-right table tr td.fontGreen {
    color: #5cbac5
}

.course-list-page .collection-info .collection-info-right table td.resume-learning a, .course-list-page .collection-info .collection-info-right table td.to-evaluate a {
    color: #ed8c1b
}

.course-list-page .collection-info .collection-info-right table td.already-evaluate a {
    color: #333
}

.course-list-page ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #e5e5e5;
}

.course-list-page ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #cdcdcd
}


/* 继教课程-课程列表 */
.course-list-mainpage .collection-info .collection-info-right table td a {
    margin: 0 3px;
    width: 70px;
    height: 20px;
    border-radius: 10px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    text-align: center;
}

.course-list-mainpage .collection-info .collection-info-right table td .add-list {
    color: #5CBAC5;
    border: 1px solid #5CBAC5;
}

.course-list-mainpage .collection-info .collection-info-right table td .immediate-audition {
    color: #ED8C1B;
    border: 1px solid #ED8C1B;
}

.course-list-mainpage .collection-info .collection-info-right .table-show table {
    width: 941px;
    float: right;
}

.course-list-mainpage .collection-info .collection-info-right .table-show {
    height: 450px;
    overflow-y: auto
}

.course-list-mainpage ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #e5e5e5;
}

.course-list-mainpage ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #cdcdcd
}

.course-list-mainpage .collection-info .collection-info-right .course-selection-center {
    padding-top: 22px;
    width: 941px;
    padding-right: 20px;
}

.course-list-mainpage .collection-info .collection-info-right .course-selection-center .search {
    float: right;
    height: 40px
}

.course-list-mainpage .collection-info .collection-info-right .course-selection-center .search input {
    width: 388px;
    height: 38px;
    border: 1px solid #ddd;
    vertical-align: top;
    float: right
}

.course-list-mainpage .collection-info .collection-info-right .course-selection-center .search a {
    width: 44px;
    height: 40px;
    background: url(../../img/studyCenter/search_btn.png) no-repeat center top;
    display: inline-block;
    float: right
}

.course-list-mainpage .collection-info .collection-info-right .course-selection-center h3 {
    padding-left: 18px;
    height: 25px;
    margin-left: 1px;
    color: #333;
    line-height: 25px;
    font-size: 20px;
    float: left;
    border-left: 6px solid #07bdc7;
    margin-top: 8px
}

.course-list-mainpage .collection-info .collection-info-right .course-selection-center .course-selection-con {
    margin-top: 40px;
    padding-bottom: 25px;
}

.course-list-mainpage .collection-info .collection-info-right .course-selection-center .course-selection-con .course-selection-list {
    overflow: hidden
}

.course-list-mainpage .collection-info .collection-info-right .course-selection-center .course-selection-con .course-selection-list .course-selection-tit {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    height: 30px;
    width: 83px;
    margin: 10px 0;
    float: left;
    padding-left: 23px
}

.course-list-mainpage .collection-info .collection-info-right .course-selection-center .course-selection-con .course-selection-list .course-selection-show {
    overflow: hidden;
    float: left;
    width: 835px
}

.course-list-mainpage .collection-info .collection-info-right .course-selection-center .course-selection-con .course-selection-list .course-selection-show span {
    margin: 10px;
    padding: 0 14px;
    float: left;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
}

.course-list-mainpage .collection-info .collection-info-right .course-selection-center .course-selection-con .course-selection-list .course-selection-show span.on {
    background: rgba(92, 186, 197, .1);
    color: #07bdc7
}

.course-list-mainpage .collection-info .collection-info-right {
    padding-bottom: 0
}

.mCSB_scrollTools {
    width: 12px !important
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0 !important;
    border-radius: 6px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
    width: 12px;
    background: #f7f7f7
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 12px !important;
    background-color: #d3d3d3 !important;
    border-radius: 6px;
    opacity: 1 !important
}

.table-show {
    height: 348px
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px !important;
    background: #f7f7f7 !important
}

.mCSB_inside > .mCSB_container {
    margin-right: 20px !important
}

.register-page .upfile-img button {
    width: 100px;
    height: 28px;
    background: #ff8e05;
    background: linear-gradient(to bottom, #ffdc0c, #ff8e05);
    display: inline-block;
    text-align: center;
    line-height: 28px;
    border-radius: 14px;
    text-align: center;
    border: none;
    color: #fff;
    margin: 14px 0 10px 22px
}

.register-page .upfile-img em {
    color: #d7321e;
    font-size: 12px;
    display: block;
    line-height: 24px
}

.register-page .other-tags {
    text-align: center;
    padding: 41px 200px 0
}

.register-page .other-tags .auto-login {
    padding-left: 27px;
    background: url(../../img/register/an_01.png) no-repeat center top;
    background-position: 0 3px
}

.register-page .other-tags .auto-login-on {
    padding-left: 27px;
    background: url(../../img/register/an_01.png) no-repeat center top;
    background-position: 0 -44px
}

.register-page .submit-btn {
    width: 140px;
    height: 41px;
    border-radius: 20px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    display: block;
    line-height: 40px;
    background: #00c1c9;
    margin: 33px auto 0
}

.register-page .bottomfoot {
    font-size: 12px;
    line-height: 28px;
    padding: 30px 0;
    text-align: center;
    background: #f1f4f7
}

.enterprise-register-page .collection-info .collection-info-content ul {
    padding: 20px 0 0 0
}

.enterprise-register-page .collection-info .collection-info-content ul .info-item-title {
    height: 50px;
    line-height: 40px
}

.enterprise-register-page .collection-info .collection-info-content ul .info-item {
    margin-bottom: 20px
}

.enterprise-register-page .collection-info .collection-info-content ul .info-item .info-item-label {
    padding-left: 44px
}

.enterprise-register-page .collection-info .collection-info-content ul .info-item .info-item-content-city {
    width: 187px;
    margin-right: 16px
}

.enterprise-register-page .collection-info .collection-info-content ul .info-item .info-item-content-city select {
    width: 187px;
    margin-right: 16px;
    background-position: 151px -107px
}

.enterprise-register-page .submit-btn {
    margin-top: 20px
}

.bottomfoot {
    font-size: 12px;
    line-height: 28px;
    padding: 30px 0;
    text-align: center;
    background: #f1f4f7
}

/* 忘记密码 */
/* .forget-your-password-page{background:url(/OtherItem/images/2024learningplatform/password_02.png) no-repeat center top} */
.forget-your-password-page .submit-btn {
    margin: 38px auto 26px
}

.forget-your-password-page .collection-info .collection-info-content .operation-procedure {
    width: 344px;
    height: 141px;
    text-align: center;
    border-radius: 10px;
    padding: 19px 78px 0;
    background: #e6f8f9;
    position: absolute;
    top: 138px;
    right: 39px
}

.forget-your-password-page .collection-info .collection-info-content .operation-procedure h3 {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 19px
}

.forget-your-password-page .collection-info .collection-info-content .operation-procedure span {
    height: 33px;
    line-height: 33px;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 16px;
    padding-left: 48px;
    text-align: left;
    background: #fff;
    border-radius: 5px;
    width: 295px
}

.forget-your-password-page .collection-info .collection-info-content .operation-procedure span.on {
    color: #00c1c9;
    font-weight: 700
}

.forget-your-password-page .collection-info .collection-info-content .operation-procedure span i {
    width: 24px;
    height: 24px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    line-height: 24px;
    background: #00c1c9;
    border-radius: 24px;
    margin-right: 15px;
    text-align: center;
    vertical-align: 2px
}

.forget-your-password-page .collection-info .collection-info-content .success-img {
    margin: 63px auto 37px
}

.forget-your-password-page .collection-info .collection-info-content .success-p {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 38px
}

.forget-your-password-page .collection-info .collection-info-content .success-btn {
    width: 140px;
    height: 41px;
    border-radius: 20px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    display: block;
    line-height: 40px;
    background: #00c1c9;
    margin: 33px auto 69px
}

/*课程展示*/
.course-presentation-page .collection-info {
    margin-bottom: 40px
}

.course-presentation-page .collection-info .collection-info-header {
    height: 68px;
    line-height: 80px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 20px;
    font-weight: 700
}

.course-presentation-page .collection-info .collection-info-header em {
    font-size: 24px;
    color: #00c1c9
}

.course-presentation-page .collection-info .collection-info-show {
    padding-top: 24px;
    margin-bottom: 22px
}

.course-presentation-page .collection-info .collection-info-show span {
    font-size: 16px;
    margin-right: 6px
}

.course-presentation-page .collection-info .collection-info-show input {
    border: 1px solid #ddd;
    height: 28px;
    padding: 0 10px;
    width: 233px;
    margin-right: 16px
}

.course-presentation-page .collection-info .collection-info-show a {
    width: 100px;
    height: 28px;
    background: #ff8e05;
    background: linear-gradient(to bottom, #ffdc0c, #ff8e05);
    display: inline-block;
    text-align: center;
    line-height: 28px;
    border-radius: 14px;
    text-align: center;
    border: none;
    color: #fff;
    margin: 0 0 10px 9px
}

.course-presentation-page .table-show {
    height: auto
}

.course-presentation-page .table-show table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 1200px;
    text-align: center;
    font-size: 16px;
    border: none
}

.course-presentation-page .table-show table td, .personal-center-page .collection-info .collection-info-right table th {
    height: 48px;
    line-height: 48px;
    border: none
}

.course-presentation-page .table-show table th {
    height: 46px;
    line-height: 46px;
    color: #fff;
    background: #07bdc7;
    border: none
}

.course-presentation-page .table-show table th:first-child {
    border-radius: 10px 0 0 0
}

.course-presentation-page .table-show table th:last-child {
    border-radius: 0 10px 0 0
}

.course-presentation-page .table-show table tr:nth-child(odd) {
    background: #f7f7f7
}

.notice-list-page .collection-info {
    margin-bottom: 20px
}

.notice-list-page .collection-info .collection-info-header {
    height: 68px;
    line-height: 80px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 20px;
    font-weight: 700
}

.notice-list-page .collection-info .collection-info-header em {
    font-size: 24px;
    color: #00c1c9
}

.notice-list-page .announcement-content .announcement-list {
    padding: 37px 0 0 51px;
    width: 1139px;
    height: 143px;
    margin-bottom: 7px
}

.notice-list-page .announcement-content .announcement-list.on, .notice-list-page .announcement-content .announcement-list:hover {
    background: #f7f7f7
}

.notice-list-page .announcement-content .announcement-list .announcement-icon {
    background: url(../../img/index/w_03.png) no-repeat center top;
    width: 100px;
    text-align: center;
    float: left
}

.notice-list-page .announcement-content .announcement-list .announcement-icon p {
    color: #00c1c9;
    font-size: 31px;
    line-height: 57px
}

.notice-list-page .announcement-content .announcement-list .announcement-icon em {
    font-size: 24px;
    padding-right: 5px;
    color: #00c1c9;
    line-height: 55px
}

.notice-list-page .announcement-content .announcement-right {
    padding: 0 0 0 41px;
    float: left;
    width: 950px
}

.notice-list-page .announcement-content .announcement-right h3 {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    position: relative;
    display: inline-block
}

.notice-list-page .announcement-content .announcement-right h3 .hot {
    width: 29px;
    height: 18px;
    position: absolute;
    top: -2px;
    color: #fff;
    right: -32px;
    font-size: 11px;
    line-height: 14px;
    text-align: center;
    background: url(../../img/index/hot.png) no-repeat center top
}

.notice-list-page .announcement-content .announcement-right p {
    font-size: 16px;
    color: #888
}

.notice-list-page .announcement-content .announcement-right a {
    float: right;
    font-size: 14px;
    padding-top: 5px;
    color: #888
}

.notice-content-page .collection-info {
    margin-bottom: 30px
}

.notice-content-page .collection-info .collection-info-header {
    height: 68px;
    line-height: 80px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 20px;
    font-weight: 700
}

.notice-content-page .collection-info .collection-info-header em {
    font-size: 24px;
    color: #00c1c9
}

.notice-content-page .notice-content {
    background: #f7f7f7;
    margin-top: 26px;
    padding: 42px 70px 25px
}

.notice-content-page .notice-content h3 {
    text-align: center;
    line-height: 1;
    font-size: 20px
}

.notice-content-page .notice-content em {
    text-align: center;
    margin: 27px auto 29px;
    width: 100%;
    display: inline-block
}

.notice-content-page .notice-content p {
    line-height: 36px
}

.notice-content-page .notice-content i {
    display: inline-block;
    text-align: right;
    width: 100%;
    padding: 56px 0 0 0
}

.notice-content-page .notice-content .erweima_con {
    text-align: center;
    padding: 28px 0 24px
}

.notice-content-page .notice-content .erweima_con .pic-con {
    margin: 0 43px;
    display: inline-block
}

.notice-content-page .notice-content .erweima_con .pic-con img {
    width: 192px;
    height: 192px
}

.notice-content-page .notice-content .erweima_con .pic-con span {
    display: block;
    font-size: 22px;
    padding: 18px 0 0;
    line-height: 1
}

.notice-teacher-page .collection-info {
    padding-bottom: 130px
}

.notice-teacher-page .collection-info .collection-info-header {
    height: 68px;
    line-height: 80px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 20px;
    font-weight: 700
}

.notice-teacher-page .collection-info .collection-info-header em {
    font-size: 24px;
    color: #00c1c9
}

.notice-teacher-page .teacherIntroduced ul {
    padding: 30px 2px 0
}

.notice-teacher-page .teacherIntroduced ul li {
    position: relative;
    margin-bottom: 13px;
    background-color: #f7f7f7;
    display: inline-block
}

.notice-teacher-page .teacherIntroduced ul li .teacher-name {
    font-weight: 700;
    font-size: 20px;
    width: 192px;
    color: #fff;
    line-height: 110px;
    background: url(../../img/index/aw_03.png) no-repeat center top
}

.notice-teacher-page .teacherIntroduced ul li .teacher-name.no-pic {
    background: url(../../img/index/no_pic.png) no-repeat center top;
    text-align: center
}

.notice-teacher-page .teacherIntroduced ul li .teacher-name.no-pic img {
    display: none
}

.notice-teacher-page .teacherIntroduced ul li .teacher-name img {
    float: left;
    margin: 15px 10px 0 15px
}

.notice-teacher-page .teacherIntroduced ul li .short-introduction {
    width: 953px;
    height: 81px;
    padding: 19px 46px 10px 5px;
    position: relative;
    line-height: 22px
}

.notice-teacher-page .teacherIntroduced ul li .short-introduction em {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 966px;
    line-height: 26px;
    display: -webkit-box;
    font-size: 16px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.notice-teacher-page .teacherIntroduced ul li .short-introduction a {
    color: #00c1c9;
    line-height: 21px;
    font-size: 12px;
    position: absolute;
    right: 46px;
    bottom: 18px
}

.notice-teacher-page .teacherIntroduced ul li a img {
    margin-left: 2px;
    vertical-align: middle
}

.notice-teacher-page .teacherIntroduced ul li .more-content {
    width: 950px;
    padding: 15px 26px 27px 21px;
    line-height: 26px;
    position: absolute;
    min-height: 44px;
    max-height: 198px;
    display: none;
    left: 180px;
    overflow: hidden;
    top: 0;
    height: 241px;
    z-index: 9;
    box-shadow: 5px 6px 9px 0 rgba(96, 103, 130, .46);
    border-radius: 0 4px 4px 0;
    background: url(../../img/index/wq_03.png) no-repeat left 48px #f7f7f7
}

.notice-teacher-page .teacherIntroduced ul li .more-content a {
    color: #00c1c9;
    line-height: 21px;
    font-size: 12px;
    position: absolute;
    right: 26px;
    bottom: 16px
}

.module-title{
    margin-bottom: 20px;
}
.no-data-table{
    padding-top: 200px;
}

.page-box {
    text-align: center;
    padding-top: 29px;
}

.page-box a {
    width: 51px;
    height: 29px;
    border-radius: 15px;
    border: 1px solid #F0F0F0;
    text-align: center;
    line-height: 29px;
    font-size: 14px;
    color: #999999;
    display: inline-block;
    margin: 0 3px;
    text-decoration: none;
}

.page-box a.active {
    background: #5CBAC5;
    border: 1px solid #5CBAC5;
    color: #fff;
}

.page-box a.actived:hover {
    background: #5CBAC5;
    border: 1px solid #5CBAC5;
    color: #fff;
}


.page-box a.side-page {
    width: 68px;
}


/*个人信息*/
.course-list-mainpage .course-card-show ul{margin:0 auto;overflow:hidden}
.course-list-mainpage .course-card-show ul li{width:290px;float:left;position:relative;margin:0 24px 20px 0;background:#fff;box-shadow:0 0 22px 2px rgba(196,196,196,.31);overflow:hidden;border-radius:10px}
.course-list-mainpage .course-card-show ul li .captionCon .tit{font-family:FZShangKJW;font-size:32px;color:#fff;line-height:44px;margin:56px auto 0;width:253px}
.course-list-mainpage .course-card-show ul li .captionCon .tit.three{font-size:28px;color:#fff;line-height:34px;margin:51px auto 0}
.course-list-mainpage .course-card-show ul li .captionCon .bottom-instructions{line-height:44px;padding-top:57px;height:108px;background:#5cbac5;font-size:16px;width:100%;color:#fff;text-align:center;position:absolute;display:none;left:0;bottom:0}
.course-list-mainpage .course-card-show ul li .captionCon:hover .bottom-instructions{display:inline-block}
.course-list-mainpage .course-card-show ul li .captionCon .bottom-instructions span{font-size:16px;line-height:1;display:inline-block;vertical-align:top}
.course-list-mainpage .course-card-show ul li .captionCon .bottom-instructions a{width:100px;height:28px;font-size:14px;background:#ff8e05;background:linear-gradient(to bottom,#ffdc0c,#ff8e05);display:block;text-align:center;line-height:28px;border-radius:14px;text-align:center;border:none;color:#fff;margin:0 auto;vertical-align:top}
.course-list-mainpage .course-card-show ul li .captionCon .bottom-instructions a img{vertical-align:middle;margin-left:4px}
.course-list-mainpage .course-card-show ul li .captionCon .bottom-instructions.high{color:#fff;line-height:21px;padding:6px 29px;width:262px;text-align:left}
.course-list-mainpage .course-card-show ul li .minCon{display:block;height:73px;padding:5px 25px 0;background-color:#fff;font-size:14px;line-height:30px;text-align:left;border:1px solid #f7f7f7;border-top:none}
.course-list-mainpage .course-card-show ul li .minCon .topC span{margin-left:10px}
.course-list-mainpage .course-card-show ul li .minCon .botC{display:inline-block;padding-top:3px;width:100%}
.course-list-mainpage .course-card-show ul li .minCon .botC em{height:16px;line-height:24px;color:#ec8c4c;margin-top:2px}
.course-list-mainpage .course-card-show ul li .minCon .botC em img{float:left;margin-right:8px}
.immediate-audition{width:100px;height:28px;display:inline-block;margin:0 14px;background:url(/OtherItem/images/2024learningplatform/im_03.png) no-repeat center;color:#ed8c1b;text-align:center}
.course-list-mainpage .course-card-show ul li .minCon .botC .add-list{width:100px;height:28px;font-size:14px;background:#ff8e05;background:linear-gradient(to bottom,#ffdc0c,#ff8e05);display:inline-block;text-align:center;line-height:28px;border-radius:14px;text-align:center;border:none;color:#fff;margin:0 14px}


.personal-data-page{background:url(../../img/studyCenter/center_bk.png) no-repeat center top}
.personal-data-page .collection-info .collection-info-right{padding-bottom:0}
.personal-data-page .collection-info .collection-info-right .gentle-reminder{margin-right:20px;width:941px;height:158px;border-radius:10px;background:#fff;box-shadow:0 10px 24px rgba(2,152,160,.13)}
.personal-data-page .collection-info .collection-info-right .gentle-reminder h3{font-size:14px;color:#07bdc7;float:left;padding:21px 0 0 25px}
.personal-data-page .collection-info .collection-info-right .gentle-reminder .reminder-con{height:137px;float:left;width:833px;overflow-y:auto;margin-left:13px;padding-top:21px}
.personal-data-page .collection-info .collection-info-right .gentle-reminder .reminder-con p{font-size:14px;line-height:24px}
.personal-data-page .collection-info .collection-info-right .gentle-reminder p em{font-weight:700}
.personal-data-page input[type=checkbox]{opacity:0;position:absolute;top:-2px}
.personal-data-page input[type=checkbox]+label{width:49px;height:38px;line-height:40px;text-align:right;display:inline-block;margin-right:26px;font-size:16px;float:left;background:url(../../img/studyCenter/an_01.png) no-repeat right top;background-position:0 -382px}
.personal-data-page input[type=checkbox]:checked+label{background:url(../../img/studyCenter/an_01.png) no-repeat right top;background-position:0 -302px}
.personal-data-page .upfile-img{float:right;width:304px;padding:70px 0 0 0}
.personal-data-page .collection-info .collection-info-content ul{padding:70px 0 0 50px}
.personal-data-page .collection-info .collection-info-content h3{padding-left:18px;height:25px;margin-left:1px;color:#333;line-height:25px;font-size:20px;float:left;border-left:6px solid #07bdc7;margin-top:24px}
.personal-data-page .collection-info .collection-info-content ul .info-id-item .info-item-content{width:148px}
.personal-data-page .collection-info .collection-info-content ul .info-id-item .info-item-label{margin-left:27px}
.personal-data-page .collection-info .collection-info-content ul .info-id-item .info-item-label:first-child{margin-left:0}

.personal-data-page .checkbox-content{width:410px}
.personal-data-page .checkbox-content input[type=checkbox]+label{width:126px;text-align:left;padding-left:34px;margin-right:0;background:url(../../img/studyCenter/ee_06.png) no-repeat left center}
.personal-data-page .collection-info .collection-info-content ul .info-item .checkbox-content form{width:160px}
.personal-data-page .checkbox-content input[type=checkbox]:checked+label{background:url(../../img/studyCenter/ee_03.png) no-repeat left center}

.personal-data-page .collection-info .collection-info-content ul .info-id-item .info-item-content select{width:149px;background:url(../../img/studyCenter/an_01.png) no-repeat right top;background-position:113px -107px}
.personal-data-page .collection-info .collection-info-content ul .info-item .info-item-content input.form-control{width:94%}
.course-payment-page .collection-info .collection-info-right .learning-portfolio{padding:30px 20px 25px 0}
.course-payment-page .collection-info .collection-info-right .table-show{height:350px}
.course-payment-page .collection-info .collection-info-right .table-show .greyBtn{color:#999}
.my-order-page .collection-info .collection-info-right .learning-portfolio{padding:30px 20px 25px 0}
.amount-red{color:#d7321e}
.apply-invoice{color:#00c1c9}
.color-orange{color:#ed8c1b}
.color99{color:#999}
.my-order-page .collection-info .collection-info-right .table-show{height:350px}
.my-order-page .prompt-text{font-family:Microsoft YaHei;font-size:14px;color:#d7321e;line-height:5px;line-height:50px}
.my-order-page .prompt-text h3{display:inline-block;font-size:14px}
.my-order-invoice .collection-info .collection-info-content ul .info-item form{width:auto}
.my-order-invoice input[type=radio]+label{width:auto;padding-left:38px}
.my-order-invoice  .submit-btn{margin: 33px 0 0 245px;}
.invoice-success-prop{padding:26px 37px 24px 59px;background:#fff;box-shadow:0 0 22px 2px rgba(0,155,162,.13);border-radius:10px;position:fixed;left:50%;top:50%;margin:-58px 0 0 -267px}
.invoice-success-prop img{width:55px;height:55px;margin-right:40px;float:left;margin-top:9px}
.invoice-success-prop p{font-family:Microsoft YaHei;font-weight:400;font-size:18px;float:left;color:#333;line-height:30px;padding:5px 0 0}
.to-evaluate-page .evaluate-span{vertical-align:top}
.to-evaluate-page textarea{width:486px;height:175px;border:1px solid #ddd;padding:4px 12px;font-weight:400;font-size:16px;color:#9b9b9b;line-height:32px}

.notice-title h2{
    text-align: center;
    padding-bottom: 30px;
}

.username-pic img{
    border-radius: 50px;
}

.hours-declaration .collection-info .collection-info-right {
    padding-bottom: 17px
}

.hours-declaration .learning-portfolio h3 {
    margin-bottom: 20px
}

.hours-declaration .info-item {
    margin-bottom: 20px
}

.hours-declaration .info-item .info-item-label {
    height: 40px;
    width: 128px;
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    position: relative
}

.hours-declaration .info-item .info-item-label .icon {
    position: absolute;
    right: 7px;
    top: 6px;
    font-size: 25px;
    color: #ef2424
}

.hours-declaration .info-item .info-item-content {
    height: 38px;
    width: 388px;
    color: #9b9b9b;
    vertical-align: top;
    display: inline-block;
    border: 1px solid #ddd
}

.hours-declaration .info-item .info-item-content select {
    display: inline-block;
    width: 388px;
    height: 38px;
    color: #999;
    background: url(/img/selectCourse/an_01.png) no-repeat right top;
    background-position: 353px -107px;
    padding-right: 20px;
    border: none;
    padding-left: 11px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

.hours-declaration .info-item .info-item-content select:focus {
    outline: 0
}

.hours-declaration .prompt-text {
    font-family: Microsoft YaHei;
    font-size: 14px;
    color: #d7321e;
    line-height: 38px
}

.hours-declaration .prompt-text h3 {
    font-size: 14px;
    float: left
}

.hours-declaration .appear-btn {
    width: 140px;
    height: 41px;
    background: #00c1c9;
    border-radius: 21px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    line-height: 41px;
    display: block;
    text-align: center;
    margin: 24px auto 0;
    text-decoration: none
}

.hours-declaration .table-title {
    font-family: Microsoft YaHei;
    font-weight: 700;
    font-size: 18px;
    color: #333;
    line-height: 1;
    padding: 35px 0 20px 25px
}

.hours-declaration .table-show {
    height: 550px !important
}

.hours-declaration .table-show .select-check {
    width: 20px;
    position: relative
}

.hours-declaration .table-show .select-check input {
    font-size: 0;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 500px
}

.hours-declaration .table-show .select-check input[type=checkbox] + label {
    display: block;
    background: url(/img/selectCourse/chk_02.png) no-repeat 0 0;
    background-size: 16px 16px;
    width: 28px;
    height: 22px;
    position: relative;
    overflow: hidden;
    margin: 5px 0 0 43px
}

.hours-declaration .table-show .select-check input[type=checkbox]:checked + label {
    background: url(/img/selectCourse/chk_03.png) no-repeat 0 0;
    background-size: 16px 16px
}

/*box*/
.common-pop {
    display: none;
    position: fixed;
    left: 50%;
    margin-left: -392px;
    top: 50%;
    z-index: 99;
    background: #fff;
}

.common-pop .tit {
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.common-pop .tit h3 {
    font-size: 16px;
    float: left;
}

.common-pop .tit .close {
    background-position: 0 -472px;
    display: block;
    width: 15px;
    height: 15px;
}

.common-pop .icon {
    background: url(/img/enterprise/icon.png) no-repeat;
}

.gofor-review {
    width: 460px;
    padding: 20px;
}

.gofor-review .review-list {
    width: 310px;
    margin: 0 auto;
    font-size: 16px;
}

.gofor-review .review-list li {
    line-height: 40px;
    padding-left: 10px;
    height: 40px;
    margin-bottom: 20px;
}

.gofor-review .review-list li span {
    display: inline-block;
    width: 80px;
}

.gofor-review .review-list input {
    height: 38px;
    width: 64%;
    padding: 0 11px;
    color: #9b9b9b;
    vertical-align: top;

    border: 1px solid #ddd;
}

.gofor-review .review-list .sure-btn {
display: block;
width: 100px;
margin: 20px 0 0 80px;
height: 40px;
line-height: 40px;
color: #fff;
font-size: 16px;
background: #00c1c9;
text-align: center;
border-radius: 5px;
}

.gofor-review .review-list .sure-btn1{
    /*display: block;*/
    width: 100px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    background: #00c1c9;
    border-radius: 5px;
    border: none;
}

.gofor-review .review-list .sure-btn:hover{
text-decoration: none;
}

.gofor-review .review-list .sure-btn1:hover {
    text-decoration: none;
}

.register-page .collection-info .collection-info-content ul .info-item .star-list {
    display: inline-block;
    vertical-align: 14px;
}

.register-page .collection-info .collection-info-content ul .info-item .star-list .star, .register-page .collection-info .collection-info-content ul .info-item .star-list .grey-star {
    background: url(../../img/index/star01.png) no-repeat;
    display: inline-block;
    width: 30px;
    height: 28px;
    margin: 0 5px;
    vertical-align: -6px;
}

.register-page .collection-info .collection-info-content ul .info-item .star-list .grey-star {
    background: url(../../img/index/star02.png) no-repeat;
}

register-page .collection-info .collection-info-content ul .info-item .star-list .star, .register-page .collection-info .collection-info-content ul .info-item .star-list .grey-star {
    display: inline-block;
    width: 30px;
    height: 28px;
    margin: 0 5px;
    vertical-align: -6px;
}

/* 20241024 */
.unfit-pop{
    position: absolute;
    width: 360px;
    height: 300px;
    background: #fff;
    border-radius: 8px;
    top: 50%;
    margin-top: -150px;
    left: 50%;
    margin-left: -180px;
    padding-top: 50px;
    box-sizing: border-box;
    z-index: 99;
    text-align: center;
    display: block;
}
.unfit-pop span{
    font-size: 18px;
    color: #333333;
    display: block;
    margin: 20px 0 30px 0;
    line-height: 1;
}
.unfit-pop a{
    display: block;
    width: 198px;
    height: 44px;
    border-radius: 22px;
    color: #fff;
    background: #0dbdc7;
    margin: 0 auto;
    text-align: center;
    line-height: 44px;
    font-size: 18px;

}

.showImg{
    width: 607px;
    height: 500px;
    background: #fff;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    margin-top: -250px;
    left: 50%;
    margin-left: -303px;
    z-index: 99;
    padding-top: 74px;
    padding-bottom: 20px;
    box-sizing: border-box;
    display: none;

}
.showImg a{
    position: absolute;
    right: 30px;
    top: 30px;
}
.table鈥攃on{
    height: 400px;
    overflow-y: auto;
}
.table鈥攃on
.unShowImg{
    width: 548px;
    border-collapse: collapse;
    border-radius: 8px 8px 0 0;
    margin: 0 auto;
    overflow: hidden;
}
.unShowImg tr th{
    background: #0dbdc7;
    border: 1px solid #0dbdc7;
    height: 50px;
    color: #fff;
}

.unShowImg tr td{
    text-align: center;
    padding: 17px 20px;
    border: 1px solid #dedede;
}
.unShowImg tr td p{
    width: 300px;
    text-align: left;
}