.s-theme01 {
    --base: #1f5cc7;
    --important: #e93737
}

.t-template02.s-theme01 .gate.g-container {
    width: 100%;
    min-width: 1200px;
    height: 100%
}

.t-template02.s-theme01 .gate .g-center {
    width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.t-template02.s-theme01 .gate .g-info-left {
    width: 860px;
    float: left
}

.t-template02.s-theme01 .gate .g-info-right {
    width: 320px;
    float: right
}

.t-template02.s-theme01 .gate .g-class-left {
    width: 860px;
    float: left
}

.t-template02.s-theme01 .gate .g-class-right {
    width: 320px;
    float: right
}

.t-template02.s-theme01 .gate .g-course-left {
    width: 860px;
    float: left
}

.t-template02.s-theme01 .gate .g-course-right {
    width: 320px;
    float: right
}

.t-template02.s-theme01 .gate .g-main {
    position: relative;
    box-sizing: border-box;
    min-height: calc(100vh - 180px);
    background-color: #fff
}

.t-template02.s-theme01 .gate .g-main.main-index {
    background: #f5f6f9 url(../img/mainwrap-bg.b285616f.jpg) no-repeat bottom
}

.t-template02.s-theme01 .gate .g-foot {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 180px;
    background: #2f3441
}

.t-template02.s-theme01 .gate .m-top {
    height: 42px;
    line-height: 42px;
    font-size: 12px;
    color: #fff;
    background: #2d303d
}

.t-template02.s-theme01 .gate .m-top .tel {
    float: left;
    height: 36px;
    overflow: hidden;
    max-width: 840px;
    display: flex
}

.t-template02.s-theme01 .gate .m-top .tel .tit {
    float: left;
    font-size: 14px;
    font-weight: 700
}

.t-template02.s-theme01 .gate .m-top .tel .tit i {
    font-size: 18px;
    font-weight: 400;
    margin-right: 5px;
    vertical-align: middle
}

.t-template02.s-theme01 .gate .m-top .tel .con {
    float: left;
    font-size: 18px;
    font-weight: 700
}

.t-template02.s-theme01 .gate .m-top .tel .time {
    float: left;
    color: #acadb0;
    margin-left: 10px
}

.t-template02.s-theme01 .gate .m-top .welcome {
    float: left;
    height: 42px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 840px
}

.t-template02.s-theme01 .gate .m-top .welcome .el-tooltip {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.t-template02.s-theme01 .gate .m-top .account {
    float: right
}

.t-template02.s-theme01 .gate .m-top .account a {
    color: #fff;
    display: inline-block;
    max-width: 60px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: -17px
}

.t-template02.s-theme01 .gate .m-top .account a:hover {
    text-decoration: underline
}

.t-template02.s-theme01 .gate .m-top .mobile {
    float: right;
    height: 42px;
    overflow: hidden
}

.t-template02.s-theme01 .gate .m-top .mobile i {
    font-size: 14px;
    margin-right: 5px;
    vertical-align: middle
}

.t-template02.s-theme01 .gate .m-head {
    width: 100%;
    height: 140px;
    position: relative;
    box-shadow: 0 0 16px rgba(0, 0, 0, .1);
    background: url(../img/header-bg.4f8bb64e.jpg) #fff no-repeat top
}

.t-template02.s-theme01 .gate .m-head .logo {
    float: left;
    height: 60px;
    max-width: 900px;
    overflow: hidden;
    padding-top: 12px;
    cursor: pointer;
    margin-bottom: 18px
}

.t-template02.s-theme01 .gate .m-head .logo img {
    height: 100%;
    max-width: 100%
}

.t-template02.s-theme01 .gate .m-head .tel {
    float: right;
    width: 280px;
    height: 50px;
    padding-top: 17px
}

.t-template02.s-theme01 .gate .m-head .tel img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.t-template02.s-theme01 .gate .m-nav {
    width: 100%;
    height: 50px;
    line-height: inherit;
    background: none
}

.t-template02.s-theme01 .gate .m-nav .nav {
    display: inline-block;
    width: 950px;
    float: left
}

.t-template02.s-theme01 .gate .m-nav .nav a {
    display: block;
    height: 50px;
    line-height: 50px;
    position: relative;
    float: left;
    font-size: 16px;
    padding: 0;
    margin-left: 60px
}

.t-template02.s-theme01 .gate .m-nav .nav a:hover {
    color: var(--base)
}

.t-template02.s-theme01 .gate .m-nav .nav a.z-cur {
    background: none;
    color: var(--base);
    font-weight: 700
}

.t-template02.s-theme01 .gate .m-nav .nav a:focus {
    outline: none;
    text-decoration: none
}

.t-template02.s-theme01 .gate .m-nav .nav .more {
    width: 30px;
    text-align: center;
    float: left;
    cursor: pointer;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin-left: 60px
}

.t-template02.s-theme01 .gate .m-footer {
    height: 180px;
    font-size: 14px;
    color: hsla(0, 0%, 100%, .7);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.t-template02.s-theme01 .gate .m-footer .content {
    flex: 1
}

.t-template02.s-theme01 .gate .m-footer .content a {
    color: hsla(0, 0%, 100%, .7)
}

.t-template02.s-theme01 .gate .m-footer .content a:hover {
    color: #fff;
    text-decoration: none
}

.t-template02.s-theme01 .gate .m-footer .content a img {
    vertical-align: top
}

.t-template02.s-theme01 .gate .m-footer .code {
    width: 320px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.t-template02.s-theme01 .gate .m-footer .code .qrcode {
    width: 120px;
    height: 120px;
    border-radius: 3px
}

.t-template02.s-theme01 .gate .m-footer .code .qrcode img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.t-template02.s-theme01 .gate .m-footer .code .text {
    margin-left: 20px
}

.t-template02.s-theme01 .gate .f-mt16 {
    margin-top: 16px
}

.t-template02.s-theme01 .gate .m-training-entrance {
    position: relative;
    width: 250px;
    display: inline-block;
    float: left
}

.t-template02.s-theme01 .gate .m-training-entrance .training-tit {
    height: 50px;
    line-height: 50px;
    background: url(../img/training-tit-bg.de6fa846.png) no-repeat 0 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    cursor: pointer
}

.t-template02.s-theme01 .gate .m-training-entrance .training-tit .icon-s-genre {
    margin-right: 5px
}

.t-template02.s-theme01 .gate .m-training-entrance .training-classify {
    position: absolute;
    left: 0;
    top: 50px;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    z-index: 100;
    max-height: 346px;
    display: none;
    transition: all .4s;
    overflow: auto
}

.t-template02.s-theme01 .gate .m-training-entrance .training-classify .item {
    padding: 15px 0;
    margin: 0 15px;
    line-height: 1.5;
    border-bottom: 1px solid #e6e6e6
}

.t-template02.s-theme01 .gate .m-training-entrance .training-classify .item:last-child {
    border-bottom: 0
}

.t-template02.s-theme01 .gate .m-training-entrance .training-classify .item .item-hd {
    margin-bottom: 10px
}

.t-template02.s-theme01 .gate .m-training-entrance .training-classify .item .item-hd .tit {
    font-size: 15px;
    font-weight: 700;
    float: left;
    display: inline-block;
    width: 150px
}

.t-template02.s-theme01 .gate .m-training-entrance .training-classify .item .item-hd .more {
    float: right;
    display: inline-block;
    font-size: 14px;
    color: #999;
    line-height: 1.5;
    height: inherit;
    margin: 0;
    padding: 0
}

.t-template02.s-theme01 .gate .m-training-entrance .training-classify .item .item-hd .more:hover {
    color: var(--base)
}

.t-template02.s-theme01 .gate .m-training-entrance .training-classify .item .item-bd a {
    display: inline-block;
    line-height: 26px;
    height: inherit;
    margin: 0 10px 0 0;
    padding: 0;
    float: inherit;
    font-size: 14px
}

.t-template02.s-theme01 .gate .m-training-entrance .training-classify .item .item-bd a:hover {
    color: var(--base)
}

.t-template02.s-theme01 .gate .m-training-entrance .training-classify .item .item-bd.item-year a {
    margin-right: 15px
}

.t-template02.s-theme01 .gate .m-training-entrance .training-classify .item .item-bd.item-year a:nth-child(5n) {
    margin-right: 0
}

.t-template02.s-theme01 .gate .m-training-entrance .training-classify .item .item-bd.item-subject a:nth-child(3n) {
    margin-right: 0
}

.t-template02.s-theme01 .gate .m-training-entrance .industry-classify {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    max-height: 364px;
    overflow: auto;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    z-index: 100;
    display: none;
    transition: all .4s;
    padding: 15px
}

.t-template02.s-theme01 .gate .m-training-entrance .industry-classify .item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    height: 48px;
    font-size: 15px;
    background: color-mix(in sRGB, var(--base) 20%, #fff 80%);
    cursor: pointer;
    margin-bottom: 15px;
    color: var(--base)
}

.t-template02.s-theme01 .gate .m-training-entrance .industry-classify .item:hover {
    background: var(--base);
    color: #fff
}

.t-template02.s-theme01 .gate .m-training-entrance .industry-classify .item:last-child {
    margin-bottom: 0
}

.t-template02.s-theme01 .gate .m-training-entrance:hover .training-classify {
    display: block
}

.t-template02.s-theme01 .gate .m-training-entrance:hover .industry-classify {
    display: block
}

.t-template02.s-theme01 .gate .m-training-entrance .industry-classify::-webkit-scrollbar,
.t-template02.s-theme01 .gate .m-training-entrance .training-classify::-webkit-scrollbar {
    width: 3px
}

.t-template02.s-theme01 .gate .m-training-entrance .industry-classify::-webkit-scrollbar-thumb,
.t-template02.s-theme01 .gate .m-training-entrance .training-classify::-webkit-scrollbar-thumb {
    border: none;
    background: #bbb
}

.t-template02.s-theme01 .gate .m-training-entrance .industry-classify::-webkit-scrollbar-track,
.t-template02.s-theme01 .gate .m-training-entrance .training-classify::-webkit-scrollbar-track {
    background: transparent
}

.t-template02.s-theme01 .gate .m-banner {
    width: 860px;
    height: 330px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    float: left
}

.t-template02.s-theme01 .gate .m-banner .el-carousel__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    z-index: 0
}

.t-template02.s-theme01 .gate .m-banner .el-carousel__item img {
    width: 860px;
    height: 100%;
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -430px
}

.t-template02.s-theme01 .gate .m-banner .el-carousel__indicators--horizontal {
    bottom: 10px
}

.t-template02.s-theme01 .gate .m-banner .el-carousel__indicator .el-carousel__button,
.t-template02.s-theme01 .gate .m-banner .el-carousel__indicator.is-active .el-carousel__button {
    width: 50px
}

.t-template02.s-theme01 .gate .m-login-box {
    position: inherit;
    top: inherit;
    width: 324px;
    height: 330px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: none;
    float: right
}

.t-template02.s-theme01 .gate .m-login-box .qrcode {
    width: 220px;
    margin: 0 auto
}

.t-template02.s-theme01 .gate .m-login-box .qrcode .code {
    text-align: center;
    padding-top: 10px
}

.t-template02.s-theme01 .gate .m-login-box .qrcode .code img {
    width: 200px;
    height: 200px;
    vertical-align: middle
}

.t-template02.s-theme01 .gate .m-login-box .qrcode .tip {
    margin-top: 10px;
    text-align: center;
    font-size: 12px;
    color: #999
}

.t-template02.s-theme01 .gate .m-login-box .way {
    width: 48px;
    height: 48px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 1
}

.t-template02.s-theme01 .gate .m-login-box .way.way-qrcode {
    background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA9AAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA5RUM5RUJCMzY4MDExRUU4M0M4ODNFMUIxMDlCREI2IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA5RUM5RUJBMzY4MDExRUU4M0M4ODNFMUIxMDlCREI2IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzQURDQkExMDEzNDExRUI5NUE3QTM3QkRGQkUzQUQzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYzQURDQkEyMDEzNDExRUI5NUE3QTM3QkRGQkUzQUQzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCggGBggKDAoKCgoKDA8MDAwMDAwPDA4ODw4ODBISFBQSEhoaGhoaHh4eHh4eHh4eHgEHBwcMCwwXDw8XGhQRFBoeHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4e/8AAEQgAMAAwAwERAAIRAQMRAf/EAGUAAQACAwEBAAAAAAAAAAAAAAAEBwECCAYFAQEAAAAAAAAAAAAAAAAAAAAAEAABBAEEAQUAAgMAAAAAAAABAgMEBQARIRIGBzFBYSITMkIjFBURAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AOmZUUtEvMj6eq0D2+RgbxpIIG+BMBBGowM4DA0cbSpJ239jgb4FUeS/Hl5KtJfZGe6WlFRRoinZUOCtxKWSwOS3EIaKeSVIBUdirX40ACrbSRYQerxe29X8k3l0w3ax69xt92QhvmrRagpDqhy0SU7FJB1wPvz/APsXfa/IFlbd8t+uUnWZbDSUQnXvyQ07ySn/ABNKHoUgfVO+upwI7Rs6uw6NfUPkK57FU3d7HrnWpjj6Wlt/qEPBTbytT6FO6fkYHSWAwBAIII1B2IPvgUv5c8Yux+pM13SKNJjP3DNjPjx3OJQ5slTiW17cCAAQkgJ09NNdA8y8m/quzd8g2PRrDslJ2eWy6DGWpttTbXJSfu2CdyoHYjTTAIi3tnP6PSUvj2y65T0d7HsXXH1rdaQ3+oU6SpwcttSrdXwMDo7AYDAYFSeVPGl3aWsnsUXsdjW1UWseK6+DIWzxks/dCwB9ShaSrn/bUDfT0Csuvd9Rbx/EsBV27MuotosWzannC7xXIH5B4n+Y4AAak7YHU6VAjUYGcBgMBgVv2nps+qvaGy6Z16n/ANYTEi9cVFZblMx1KRyejrH57pR+mvqdxoDvge7jSQQN8CbgMBgMBgQJUQtkvMj6+q0D2+Rgf//Z) no-repeat 0 0
}

.t-template02.s-theme01 .gate .m-login-box .way.way-username {
    background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA9AAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdFQzgzMEFGMzY4MDExRUVCNjVDRDhGRjlBNjdFM0FBIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdFQzgzMEFFMzY4MDExRUVCNjVDRDhGRjlBNjdFM0FBIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzQURDQkExMDEzNDExRUI5NUE3QTM3QkRGQkUzQUQzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYzQURDQkEyMDEzNDExRUI5NUE3QTM3QkRGQkUzQUQzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCggGBggKDAoKCgoKDA8MDAwMDAwPDA4ODw4ODBISFBQSEhoaGhoaHh4eHh4eHh4eHgEHBwcMCwwXDw8XGhQRFBoeHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4e/8AAEQgAMAAwAwERAAIRAQMRAf/EAG4AAAICAgMAAAAAAAAAAAAAAAAIAgQBBwMFBgEBAAAAAAAAAAAAAAAAAAAAABAAAQMDAwIEAgsAAAAAAAAAAQIDBQAEBhEhBzFBYRIiMkIIUrLC0kM0hJR1FlcRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AGZurUtEvMj0dVoHbxFBO2uQQN6C4CCNRQZoCgg42lSTtv2NBOg03ydxzbRyZDLDluWR0Ykl+8sou/uHG7dPxrbaHmWlsdSE6hPgnoGpGs+4pA0PK2bj9Tcn7FBzf3/iT/WM4/cXP3KD3C4+Sxp/Asogs3yCZjsjl7Cycs5e6U+w7aXwOpLSwPKsDp3FAwNAUAQFAgjUHYg9CKBQvmP+XAxCrnM8NtdYklTstEtJ/Kk7qeYSPwe6kj2dR6faC1EbUDq3xB424V/mcf8Aq0G/aAoCgCAQQRqDsQehFAtfJ3yhRMpM3M3jEmiFtX9XbmMVblxltW5WtlSVpKUH6Hl27HTQALMrPYqYrizFImds5mRip6HQ6izcStRRbapccKElRSkd9aBikqBGooM0BQFAUHlxgeKRsqubjYazt5BZUt26at20u6r96gsJ19Xeg7u2uQQN6C7QFAUBQFBQurQtkvMj09VoHbxFB//Z) no-repeat 0 0
}

.t-template02.s-theme01 .gate .m-login-box .el-form-item__content {
    line-height: 1.5
}

.t-template02.s-theme01 .gate .m-login-box .login-before {
    padding: 0 25px
}

.t-template02.s-theme01 .gate .m-login-box .login-before .login-new {
    text-align: center;
    font-size: 18px
}

.t-template02.s-theme01 .gate .m-login-box .login-before .login-new .avatar {
    position: relative;
    z-index: 2
}

.t-template02.s-theme01 .gate .m-login-box .login-before .login-new .avatar .user-img {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    border: 4px solid #fff;
    display: inline-block
}

.t-template02.s-theme01 .gate .m-login-box .login-before .login-new .go {
    position: relative;
    z-index: 2;
    background: var(--base);
    height: 46px;
    line-height: 46px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    color: #fff
}

.t-template02.s-theme01 .gate .m-login-box .login-before .login-new .go:hover {
    background: color-mix(in sRGB, var(--base) 90%, transparent 10%)
}

.t-template02.s-theme01 .gate .m-login-box .login-before .login-new .pic {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 3
}

.t-template02.s-theme01 .gate .m-login-box .login-before .login-new .pic-top {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    z-index: 1
}

.t-template02.s-theme01 .gate .m-login-box .login-before .tab-menu {
    height: 32px;
    line-height: 32px;
    margin: 15px 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    padding-right: 20px
}

.t-template02.s-theme01 .gate .m-login-box .login-before .tab-menu .item {
    display: inline-block;
    margin: 0 15px 0 0;
    cursor: pointer;
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #333
}

.t-template02.s-theme01 .gate .m-login-box .login-before .tab-menu .item.z-cur {
    color: var(--base)
}

.t-template02.s-theme01 .gate .m-login-box .login-before .tab-menu .item.z-cur:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -4px;
    left: 50%;
    width: 30px;
    height: 4px;
    border-radius: 2px;
    background-color: var(--base);
    margin-left: -15px
}

.t-template02.s-theme01 .gate .m-login-box .login-before .tab-menu .item:hover {
    color: var(--base)
}

.t-template02.s-theme01 .gate .m-login-box .login-before .tab-menu .item:last-child {
    margin: 0
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .item {
    margin-bottom: 20px;
    position: relative
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .item .btn-com {
    box-sizing: border-box;
    display: inline-block;
    min-width: 60px;
    text-align: center;
    border-radius: 5px;
    padding: 0 20px;
    color: #fff;
    border: 1px solid var(--base);
    background: var(--base);
    cursor: pointer;
    width: 100%;
    line-height: 40px;
    height: 40px;
    font-size: 16px
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .item .btn-com:focus {
    outline: none
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .item .btn-com:hover {
    background: color-mix(in srgb, var(--base) 80%, #fff 20%);
    border-color: color-mix(in srgb, var(--base) 80%, #fff 20%)
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .item .btn-com.btn-sub {
    color: var(--base);
    background: #fff
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .item .btn-com.btn-sub:hover {
    background: color-mix(in sRGB, var(--base) 50%, #fff 50%)
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .item .btn-com.btn-gray {
    background: #fafafa;
    border: 1px solid #dcdcdc;
    color: #666
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .item .btn-com.btn-gray:hover {
    color: #333
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .item .btn-com.disabled {
    background: #f0f0f0;
    border: 1px solid #f0f0f0;
    color: #999;
    cursor: not-allowed
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .item .hb-iconfont {
    font-size: 18px;
    position: absolute;
    top: 7px;
    left: 16px;
    color: #c0c4cc
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .item .ipt {
    width: 100%;
    padding-left: 45px;
    box-sizing: border-box;
    line-height: 32px;
    height: 40px;
    vertical-align: middle;
    color: #333;
    border-radius: 5px;
    border: 1px solid #e6e6e6
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .item .ipt.ipt-img-code,
.t-template02.s-theme01 .gate .m-login-box .login-before .content .item .ipt.ipt-msg-code {
    width: calc(100% - 115px)
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .item .qr-code {
    box-sizing: border-box;
    width: 100px;
    height: 40px;
    cursor: pointer;
    display: block;
    float: right;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .item .qr-code img {
    width: 98px;
    height: 46px;
    float: left
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .item .btn-code {
    display: block;
    float: right;
    width: 100px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    border-radius: 5px;
    background: #14b595;
    text-align: center;
    color: #fff
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .item .btn-code:hover {
    background: #16c3a0
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .item .btn-code.disabled {
    background: #e6e6e6;
    color: #999;
    font-size: 12px;
    cursor: not-allowed
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .warn-tip {
    color: var(--important);
    line-height: 28px;
    font-size: 12px;
    text-align: center
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .qrcode {
    width: 148px;
    height: 148px;
    border: 1px solid #eee;
    box-shadow: 0 0 10px #eee;
    margin: 20px auto
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .qrcode img {
    width: 100%;
    height: 100%;
    float: left
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .forget {
    text-align: center;
    color: #999;
    overflow: hidden;
    margin-top: -5px
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .forget .fl {
    float: left
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .forget .fr {
    float: right
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .forget span {
    cursor: pointer;
    color: #999
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .forget span:hover {
    color: var(--base)
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .forget span.f-ci {
    color: var(--important)
}

.t-template02.s-theme01 .gate .m-login-box .login-before .content .forget span.f-ci:hover {
    color: var(--important)
}

.t-template02.s-theme01 .gate .m-login-box .login-before.login-before-2 {
    padding: 15px 25px
}

.t-template02.s-theme01 .gate .m-login-box .login-before.login-before-2 .tab-menu {
    margin: 10px 0 20px
}

.t-template02.s-theme01 .gate .m-login-box .login-before.login-before-2 .content .item {
    margin-bottom: 25px
}

.t-template02.s-theme01 .gate .m-login-box .login-before.login-before-2 .content .item .ipt {
    line-height: 43px;
    height: 45px
}

.t-template02.s-theme01 .gate .m-login-box .login-before.login-before-2 .content .item .hb-iconfont {
    top: 10px
}

.t-template02.s-theme01 .gate .m-login-box .login-before.login-before-2 .content .item .btn-com {
    height: 45px;
    line-height: 43px
}

.t-template02.s-theme01 .gate .m-login-box .login-before.login-before-3 .tab-menu {
    margin: 10px 0
}

.t-template02.s-theme01 .gate .m-login-box .login-before.login-before-3 .content .item {
    margin-bottom: 16px
}

.t-template02.s-theme01 .gate .m-login-box .login-before.login-before-3 .content .item.f-mb10 {
    margin-bottom: 10px
}

.t-template02.s-theme01 .gate .m-login-box .login-before.login-before-3 .content .item .btn-com {
    line-height: 40px;
    height: 40px
}

.t-template02.s-theme01 .gate .m-login-box .login-before.login-before-3 .content .m-protocol-login {
    margin-bottom: 8px
}

.t-template02.s-theme01 .gate .m-login-box .login-before.login-before-4 {
    padding: 15px 25px
}

.t-template02.s-theme01 .gate .m-login-box .login-before.login-before-4 .tab-menu {
    margin: 10px 0
}

.t-template02.s-theme01 .gate .m-login-box .login-before.login-before-4 .content .item {
    margin-bottom: 20px
}

.t-template02.s-theme01 .gate .m-login-box .login-before.login-before-4 .content .item .ipt {
    line-height: 43px;
    height: 45px
}

.t-template02.s-theme01 .gate .m-login-box .login-before.login-before-4 .content .item .hb-iconfont {
    top: 10px
}

.t-template02.s-theme01 .gate .m-login-box .login-before.login-before-4 .content .item .btn-com {
    height: 45px;
    line-height: 43px
}

.t-template02.s-theme01 .gate .m-login-box .login-before.login-before-4 .content .item.f-mb10 {
    margin-bottom: 15px
}

.t-template02.s-theme01 .gate .m-login-box .login-after {
    padding: 25px 25px 0
}

.t-template02.s-theme01 .gate .m-login-box .login-after .study {
    text-align: center;
    font-size: 18px
}

.t-template02.s-theme01 .gate .m-login-box .login-after .study .name {
    font-size: 22px;
    line-height: 1.4;
    padding: 8px 0
}

.t-template02.s-theme01 .gate .m-login-box .login-after .study .go {
    background: var(--base);
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    color: #fff
}

.t-template02.s-theme01 .gate .m-login-box .login-after .study .go:hover {
    background: color-mix(in sRGB, var(--base) 90%, transparent 10%)
}

.t-template02.s-theme01 .gate .m-login-box .login-after .study .pic {
    position: absolute;
    bottom: 0;
    right: 0
}

.t-template02.s-theme01 .gate .m-login-box .login-after .user {
    display: flex;
    align-items: center;
    height: 60px;
    overflow: hidden
}

.t-template02.s-theme01 .gate .m-login-box .login-after .user .avatar {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    overflow: hidden
}

.t-template02.s-theme01 .gate .m-login-box .login-after .user .avatar img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.t-template02.s-theme01 .gate .m-login-box .login-after .user .name {
    flex: 1;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.t-template02.s-theme01 .gate .m-login-box .login-after .entrance {
    display: flex;
    align-items: center;
    justify-content: center
}

.t-template02.s-theme01 .gate .m-login-box .login-after .entrance .u-btn {
    width: 125px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    font-size: 16px
}

.t-template02.s-theme01 .gate .m-login-box .login-after .entrance .u-btn-w {
    width: 100%
}

.t-template02.s-theme01 .gate .m-login-box .login-after .entrance-long .u-btn {
    width: 100%;
    height: 46px;
    line-height: 46px;
    border-radius: 5px;
    font-size: 16px
}

.t-template02.s-theme01 .gate .m-login-box .login-after .function {
    display: flex;
    align-items: center;
    justify-content: center
}

.t-template02.s-theme01 .gate .m-login-box .login-after .function .ele {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer
}

.t-template02.s-theme01 .gate .m-login-box .login-after .function .ele .icon i {
    font-size: 36px;
    color: var(--base)
}

.t-template02.s-theme01 .gate .m-login-box .login-after .function .ele .text {
    font-size: 15px
}

.t-template02.s-theme01 .gate .m-login-box .login-after .function .ele:hover .text {
    color: var(--base)
}

.t-template02.s-theme01 .gate .m-login-box .login-after .btn-new {
    background: var(--base);
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    color: #fff
}

.t-template02.s-theme01 .gate .m-login-box .login-after .btn-new:hover {
    background: color-mix(in srgb, var(--base) 80%, #fff 20%)
}

.t-template02.s-theme01 .gate .m-login-box .login-after .exit {
    background: #f5f5f5;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    font-size: 16px
}

.t-template02.s-theme01 .gate .m-login-box .login-after .exit.f-mt70 {
    margin-top: 70px
}

.t-template02.s-theme01 .gate .m-login-box .login-after .exit:hover {
    background: color-mix(in sRGB, var(--base) 10%, transparent 90%);
    color: var(--base)
}

.t-template02.s-theme01 .gate .m-login-box.is-special .login-before .tab-menu {
    margin: 13px 0 10px
}

.t-template02.s-theme01 .gate .m-login-box.is-special .login-before .content .item {
    margin-bottom: 16px
}

.t-template02.s-theme01 .gate .m-login-box.is-special .login-before .content .item .ipt {
    height: 36px
}

.t-template02.s-theme01 .gate .m-login-box.is-special .login-before .content .item .btn-com {
    height: 36px;
    line-height: 34px
}

.t-template02.s-theme01 .gate .m-login-box.is-special .login-before .content .item .qr-code {
    height: 36px
}

.t-template02.s-theme01 .gate .m-login-box.is-special .login-before .content .item .hb-iconfont {
    top: 3px
}

.t-template02.s-theme01 .gate .m-login-box.is-special .login-before .content .item .ico {
    top: 7px
}

.t-template02.s-theme01 .gate .m-login-box.is-special .login-before .content .forget {
    margin-top: -8px
}

.t-template02.s-theme01 .gate .m-login-box.is-special .login-before .content .el-form-item__content {
    line-height: 36px
}

.t-template02.s-theme01 .gate .m-login-box.is-special .login-before .m-alert {
    padding: 6px 9px;
    line-height: 1.3;
    position: absolute;
    left: 0;
    bottom: 0;
    border: 1px solid #f3e9d8;
    border-radius: 0 0 5px 5px
}

.t-template02.s-theme01 .gate .m-login-box.is-special .login-before .m-alert .el-alert__description {
    font-size: 12px
}

.t-template02.s-theme01 .gate .m-login-box.is-special .login-before.login-before-2 .tab-menu {
    margin: 5px 0 20px
}

.t-template02.s-theme01 .gate .m-login-box.is-special .login-before.login-before-2 .content .item .ipt {
    line-height: 43px;
    height: 45px
}

.t-template02.s-theme01 .gate .m-login-box.is-special .login-before.login-before-2 .content .item .hb-iconfont {
    top: 6px
}

.t-template02.s-theme01 .gate .m-login-box.is-special .login-before.login-before-2 .content .item .btn-com {
    height: 45px;
    line-height: 43px
}

.t-template02.s-theme01 .gate .m-login-box .weixin-btn {
    width: 240px;
    height: 40px
}

.t-template02.s-theme01 .gate .m-bar-double {
    width: 1200px;
    height: 100px;
    display: flex;
    flex-wrap: wrap
}

.t-template02.s-theme01 .gate .m-bar-double .item {
    flex: 1;
    height: 100px;
    box-sizing: border-box;
    border: 0;
    cursor: pointer;
    overflow: hidden;
    border-radius: 5px
}

.t-template02.s-theme01 .gate .m-bar-double .item img {
    width: 100%;
    height: 100%;
    transition: all .4s
}

.t-template02.s-theme01 .gate .m-bar-double .item:hover img {
    transform: scale(1.01)
}

.t-template02.s-theme01 .gate .m-bar-double .item-2 {
    margin-left: 16px;
    width: 324px;
    height: 100px;
    box-sizing: border-box;
    border: 0;
    cursor: pointer;
    overflow: hidden;
    border-radius: 5px
}

.t-template02.s-theme01 .gate .m-bar-double .item-2 img {
    width: 100%;
    height: 100%;
    transition: all .3s ease
}

.t-template02.s-theme01 .gate .m-bar-double .item-2:hover img {
    transform: scale(1.01)
}

.t-template02.s-theme01 .gate .m-training-process {
    background-color: #fff;
    border-radius: 5px;
    width: 1200px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 24px 25px;
    box-sizing: border-box
}

.t-template02.s-theme01 .gate .m-training-process .tit {
    font-size: 20px;
    font-weight: 700
}

.t-template02.s-theme01 .gate .m-training-process .content {
    width: 1050px;
    height: 72px
}

.t-template02.s-theme01 .gate .m-training-process .content img {
    width: 100%;
    height: 100%
}

.t-template02.s-theme01 .gate .m-title {
    height: 30px
}

.t-template02.s-theme01 .gate .m-title .txt {
    font-size: 20px;
    font-weight: 700;
    float: left;
    max-width: 250px
}

.t-template02.s-theme01 .gate .m-title .tab {
    float: left;
    display: inline-block;
    max-width: 980px;
    padding-top: 2px
}

.t-template02.s-theme01 .gate .m-title .tab .item {
    margin-left: 30px;
    display: inline-block;
    position: relative;
    font-size: 15px
}

.t-template02.s-theme01 .gate .m-title .tab .item.z-cur {
    color: var(--base);
    font-weight: 700
}

.t-template02.s-theme01 .gate .m-title .tab .item.z-cur:before {
    content: "";
    width: 24px;
    height: 3px;
    display: inline-block;
    border-radius: 2px;
    background: var(--base);
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -12px
}

.t-template02.s-theme01 .gate .m-title .tab .item:hover {
    color: var(--base);
    cursor: pointer
}

.t-template02.s-theme01 .gate .m-title .more {
    width: 50px;
    height: 24px;
    line-height: 24px;
    border-radius: 5px;
    display: inline-block;
    background-color: #f7f7f7;
    border: 1px solid #e6e6e6;
    font-size: 12px;
    color: #999;
    text-align: center;
    float: right
}

.t-template02.s-theme01 .gate .m-title .more:hover {
    color: var(--base);
    border: 1px solid var(--base);
    background: color-mix(in sRGB, var(--base) 10%, transparent 90%)
}

.t-template02.s-theme01 .gate .m-info-index {
    background-color: #fff;
    border-radius: 5px;
    height: 264px;
    overflow: hidden;
    float: left;
    padding: 25px;
    box-sizing: border-box;
    flex: 1
}

.t-template02.s-theme01 .gate .m-info-index .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 20px
}

.t-template02.s-theme01 .gate .m-info-index .content .item-hd {
    width: 278px;
    height: 170px;
    background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABGAAD/4QONaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6N2UwNDAwNGEtNjNmYS00ZDRmLWJhYWEtZTc4NGU1NjAzMmE4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU2QzNBMjIxMzY5ODExRUU4RDA0OTJEMEZFNDcyNEJEIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU2QzNBMjIwMzY5ODExRUU4RDA0OTJEMEZFNDcyNEJEIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmQwZGE1N2RhLTVmM2QtMjM0Yi05MmE3LTIxNzJiOGY1NzE5MSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjcxMDU2MDg5LWUyMTItYzk0YS05NGFkLTY1ODMxZjMwNWQ5YyIvPiA8L3Jk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) no-repeat 0 0;
    position: relative;
    display: flex;
    flex-direction: column;
    margin-right: 36px
}

.t-template02.s-theme01 .gate .m-info-index .content .item-hd .new-label {
    position: absolute;
    right: -4px;
    top: -5px;
    background-color: #ef2d18;
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 24px;
    border-radius: 12px 12px 12px 0;
    width: 54px
}

.t-template02.s-theme01 .gate .m-info-index .content .item-hd .classify {
    padding-left: 10px;
    color: var(--important);
    font-size: 15px;
    line-height: 33px
}

.t-template02.s-theme01 .gate .m-info-index .content .item-hd .news-title {
    height: 137px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 32px
}

.t-template02.s-theme01 .gate .m-info-index .content .item-hd .news-title a {
    color: var(--important);
    font-weight: 700;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.t-template02.s-theme01 .gate .m-info-index .content .item-hd .news-title .date {
    font-size: 14px;
    color: #999;
    margin-top: 10px
}

.t-template02.s-theme01 .gate .m-info-index .content .item-bd {
    flex: 1;
    height: 170px;
    padding-top: 5px;
    min-width: 0
}

.t-template02.s-theme01 .gate .m-info-index .content .item-bd li {
    position: relative;
    padding-left: 14px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    line-height: 15px;
    margin-bottom: 21px
}

.t-template02.s-theme01 .gate .m-info-index .content .item-bd li:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #ddd;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    left: 0
}

.t-template02.s-theme01 .gate .m-info-index .content .item-bd li:last-child {
    margin-bottom: 0
}

.t-template02.s-theme01 .gate .m-info-index .content .item-bd li .classify {
    color: #666;
    padding-right: 10px;
    border-right: 1px solid #666;
    margin-right: 10px
}

.t-template02.s-theme01 .gate .m-info-index .content .item-bd li a {
    display: inline-block;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.t-template02.s-theme01 .gate .m-info-index .content .item-bd li .date {
    color: #999
}

.t-template02.s-theme01 .gate .m-info-index .content .item-bd li:hover:before {
    background: var(--base)
}

.t-template02.s-theme01 .gate .m-info-index .content .item-bd li:hover .classify {
    color: var(--base);
    border-right: 1px solid var(--base)
}

.t-template02.s-theme01 .gate .m-info-index .content .item-bd li:hover a {
    color: var(--base)
}

.t-template02.s-theme01 .gate .m-info-index .m-no-data {
    width: 100%
}

.t-template02.s-theme01 .gate .m-info-index .m-no-data .pic {
    width: 200px
}

.t-template02.s-theme01 .gate .m-palm-learning {
    margin-left: 16px;
    width: 324px;
    height: 264px;
    background: url(../images/palm-learning.1e788dc7.png) no-repeat 0 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    float: right;
    justify-content: center;
    align-items: center;
    padding-top: 70px;
    box-sizing: border-box
}

.t-template02.s-theme01 .gate .m-palm-learning .img {
    width: 130px;
    height: 130px
}

.t-template02.s-theme01 .gate .m-palm-learning .text {
    margin-left: 18px
}

.t-template02.s-theme01 .gate .m-popular-training-index {
    background-color: #fff;
    border-radius: 5px;
    padding: 25px
}

.t-template02.s-theme01 .gate .m-popular-training-index .content {
    padding-top: 20px;
    height: 540px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.t-template02.s-theme01 .gate .m-popular-training-index .content .item {
    position: relative;
    margin-bottom: 25px;
    margin-right: 22px;
    width: 271px;
    height: 245px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .06);
    cursor: pointer;
    transition: all .4s
}

.t-template02.s-theme01 .gate .m-popular-training-index .content .item:nth-child(4n+4) {
    margin-right: 0
}

.t-template02.s-theme01 .gate .m-popular-training-index .content .item .pic-box {
    width: 271px;
    height: 152px;
    position: relative;
    border-radius: 5px 5px 0 0;
    overflow: hidden
}

.t-template02.s-theme01 .gate .m-popular-training-index .content .item .pic-box img {
    width: 100%;
    height: 100%;
    transition: all .4s
}

.t-template02.s-theme01 .gate .m-popular-training-index .content .item .con-box {
    background-color: #fff;
    padding: 10px
}

.t-template02.s-theme01 .gate .m-popular-training-index .content .item .con-box .tit {
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 15px;
    font-weight: 700;
    background-color: #fff;
    position: relative;
    z-index: 11
}

.t-template02.s-theme01 .gate .m-popular-training-index .content .item .con-box .tit:hover {
    color: var(--base)
}

.t-template02.s-theme01 .gate .m-popular-training-index .content .item .con-box .info {
    height: 20px;
    line-height: 20px;
    padding-top: 5px;
    font-size: 12px;
    background-color: #fff;
    position: relative;
    z-index: 11
}

.t-template02.s-theme01 .gate .m-popular-training-index .content .item .con-box .info .info-left {
    float: left;
    width: 180px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.t-template02.s-theme01 .gate .m-popular-training-index .content .item .con-box .info .info-right {
    float: right;
    width: 70px;
    text-align: right
}

.t-template02.s-theme01 .gate .m-popular-training-index .content .item .con-box .info .info-right .label {
    display: inline-block;
    background-color: #f4f5f7;
    border-radius: 3px;
    padding: 0 8px;
    color: #828496
}

.t-template02.s-theme01 .gate .m-popular-training-index .content .item .con-box .bottom-op {
    position: absolute;
    bottom: 0;
    z-index: 10;
    left: 0;
    background: #fff;
    width: 271px;
    padding: 10px 10px 10px;
    box-sizing: border-box;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .06);
    border-radius: 0 0 5px 5px;
    transition: all .4s
}

.t-template02.s-theme01 .gate .m-popular-training-index .content .item .con-box .bottom-op:before {
    content: "";
    width: 100%;
    height: 20px;
    background-color: #fff;
    position: absolute;
    top: -20px;
    left: 0
}

.t-template02.s-theme01 .gate .m-popular-training-index .content .item .con-box .bottom-op .btn-normal {
    background-color: var(--base);
    height: 32px;
    text-align: center;
    display: inline-block;
    width: 100%;
    line-height: 32px;
    font-size: 14px;
    color: #fff;
    border-radius: 5px
}

.t-template02.s-theme01 .gate .m-popular-training-index .content .item .con-box .bottom-op .btn-normal:hover {
    background: color-mix(in sRGB, var(--base) 90%, transparent 10%)
}

.t-template02.s-theme01 .gate .m-popular-training-index .content .item:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .15)
}

.t-template02.s-theme01 .gate .m-popular-training-index .content .item:hover .pic-box img {
    transform: scale(1.03)
}

.t-template02.s-theme01 .gate .m-popular-training-index .content .item:hover .bottom-op {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
    bottom: -42px;
    opacity: 1
}

.t-template02.s-theme01 .gate .m-popular-training-index .m-no-data {
    width: 100%
}

.t-template02.s-theme01 .gate .m-popular-training-index .btn-more .more {
    display: inline-block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    color: #999;
    font-size: 12px;
    background-color: #f7f7f7
}

.t-template02.s-theme01 .gate .m-popular-training-index .btn-more .more:hover {
    border: 1px solid var(--base);
    background: color-mix(in sRGB, var(--base) 10%, transparent 90%);
    color: var(--base)
}

.t-template02.s-theme01 .gate .m-link {
    background: #fff;
    border-radius: 5px;
    padding: 25px
}

.t-template02.s-theme01 .gate .m-link .title {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.t-template02.s-theme01 .gate .m-link .pic-content {
    display: flex;
    flex-wrap: wrap
}

.t-template02.s-theme01 .gate .m-link .pic-content .img {
    width: 269px;
    height: 59px;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 22px;
    margin-top: 18px
}

.t-template02.s-theme01 .gate .m-link .pic-content .img:nth-child(4n+4) {
    margin-right: 0
}

.t-template02.s-theme01 .gate .m-link .pic-content .img img {
    width: 100%;
    height: 100%;
    transition: all .4s
}

.t-template02.s-theme01 .gate .m-link .pic-content .img:hover img {
    transform: scale(1.03)
}

.t-template02.s-theme01 .gate .m-link .text-content {
    display: flex;
    flex-wrap: wrap
}

.t-template02.s-theme01 .gate .m-link .text-content .item {
    width: 269px;
    height: 59px;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 22px;
    margin-top: 18px;
    background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABGAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ2RDBCMjNGMzczMjExRUU4MTZEODRCQjJEM0VENTMzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ2RDBCMjNFMzczMjExRUU4MTZEODRCQjJEM0VENTMzIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVDMjQwNkMwNjI1ODExRUNBN0U5OEJCNTFGNjc2RjgyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVDMjQwNkMxNjI1ODExRUNBN0U5OEJCNTFGNjc2RjgyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQABAMDAwMDBAMDBAYEAwQGBwUEBAUHCAYGBwYGCAoICQkJCQgKCgwMDAwMCgwMDQ0MDBERERERFBQUFBQUFBQUFAEEBQUIBwgPCgoPFA4ODhQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAPQEPAwERAAIRAQMRAf/EAFwAAQEBAQEBAAAAAAAAAAAAAAABAgQDCAEBAQEBAAAAAAAAAAAAAAAAAAECAxABAQEBAAIDAAAAAAAAAAAAAAERAiESMUEDEQEBAQAAAAAAAAAAAAAAAAAAARH/2gAMAwEAAhEDEQA/APvB1YANA1FUFAAAA0F1A0DQNBqAsRVwVUAAFwDAUFgigAlBm1QgNRBRVgKgA4sdGDAMFMBcAwDAMQMAwFwDAMBcBqQGoirgLiAKAAAAaIoKDNBi1RZQbiCirAVAByZHRgwUBcBcQMAwDAMAwFwDAXAMRVBYCoAAAAAAAALorNVGKIsBuIrQqwFQAcrowACrqBoKAKACLoGgbEVQAANBdA0DQEFAAAAABAZsVFkFbiCirAVAByNsgGi4amrhppjUExQAFE0Q0VPZBZRWoIoAGAYBgLgCCgAAYC4CUEBQWAoqwFQAcuNaygCNRKzrpIQ1cekXWLFXUxNDEWMpWkYtRWPZlqN89Ir15EemKgAAAAAC4gYC4AAolEQAFBRVgKgA56Iz9qiJXSJWHWEBuVWcS9CYmqWLrcc6laZefQrzrFajXNZadHFGXtFQooAAAACiAALAKozRGaoQGogoqwFQAc/RErCoM10jNZdYIp5VEugTVSttxyo2yx0DyrNVefllXR+aD25VFooAAAACwQAAgKozRGaoQGogoqwFQAf/2Q==) no-repeat 0 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.t-template02.s-theme01 .gate .m-link .text-content .item:nth-child(4n+4) {
    margin-right: 0
}

.t-template02.s-theme01 .gate .m-link .text-content .item .text {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 59px;
    text-align: center;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap
}

.t-template02.s-theme01 .gate .m-link .text-content .item:hover .text {
    color: var(--base)
}

.t-template02.s-theme01 .gate .m-self {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

.t-template02.s-theme01 .gate .m-sidebar {
    position: fixed;
    right: 20px;
    top: 50%;
    margin-top: -60px;
    z-index: 10001;
    font-size: 12px;
    width: 72px
}

.t-template02.s-theme01 .gate .m-sidebar .item {
    display: block;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    padding: 15px 0 8px;
    min-height: 72px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    margin-bottom: 10px
}

.t-template02.s-theme01 .gate .m-sidebar .item .icon {
    width: 24px;
    height: 24px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.t-template02.s-theme01 .gate .m-sidebar .item .icon .hb-iconfont {
    font-size: 24px;
    color: #333
}

.t-template02.s-theme01 .gate .m-sidebar .item .txt {
    text-align: center;
    line-height: 24px
}

.t-template02.s-theme01 .gate .m-sidebar .item.to-top {
    height: 72px;
    line-height: 72px;
    width: 72px;
    border: none;
    padding: 0;
    transform: rotate(-90deg);
    display: flex;
    align-items: center;
    justify-content: center
}

.t-template02.s-theme01 .gate .m-sidebar .item.to-top:hover .hb-iconfont {
    color: var(--base)
}

.t-template02.s-theme01 .gate .m-sidebar .item.cur {
    color: #fff;
    background-color: var(--important)
}

.t-template02.s-theme01 .gate .m-sidebar .item.cur .ico {
    background-position-x: -24px
}

.t-template02.s-theme01 .gate .m-sidebar .item:hover .icon i {
    color: var(--base)
}

.t-template02.s-theme01 .gate .m-sidebar .item:hover .txt {
    color: var(--base)
}

.t-template02.s-theme01 .gate .m-sidebar .item:hover .hover {
    display: block
}

.t-template02.s-theme01 .gate .m-sidebar .item .hover {
    display: none;
    position: absolute;
    min-width: 120px;
    right: 82px;
    top: 0;
    background-color: #fff;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15)
}

.t-template02.s-theme01 .gate .m-sidebar .item .hover .tel {
    width: 200px;
    line-height: 1.2;
    font-weight: 700;
    font-size: 24px;
    padding-bottom: 10px
}

.t-template02.s-theme01 .gate .m-sidebar .item .hover .tel span {
    display: inline-block
}

.t-template02.s-theme01 .gate .m-sidebar .item .hover .tel+.f-tc {
    text-align: left
}

.t-template02.s-theme01 .gate .m-sidebar .item .hover .goto {
    width: 200px;
    min-height: 56px;
    display: flex;
    align-items: center;
    font-size: 13px
}

.t-template02.s-theme01 .gate .m-sidebar .item .hover .arrow {
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: -10px;
    width: 0;
    border-style: solid;
    border-width: 5px;
    border-color: transparent transparent transparent #e6e6e6;
    z-index: 11
}

.t-template02.s-theme01 .gate .m-sidebar .item .hover .arrow:after {
    content: "";
    position: absolute;
    left: -6px;
    top: -5px;
    width: 0;
    border-style: solid;
    border-width: 5px;
    border-color: transparent transparent transparent #fff;
    z-index: 10
}

.t-template02.s-theme01 .gate .m-sidebar .item .hover.img-code {
    top: -35px
}

.t-template02.s-theme01 .gate .m-sidebar .item .hover.img-code img {
    width: 120px;
    height: 120px;
    vertical-align: middle
}

.t-template02.s-theme01 .gate .m-sidebar .item.item-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px
}

.t-template02.s-theme01 .gate .m-sidebar .item.item-2 .txt {
    text-align: center;
    line-height: 14px
}

.t-template02.s-theme01 .gate .m-sidebar .item.item-4 {
    padding: 4px 8px;
    background: url(data:image/png;base64,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) no-repeat
}

.t-template02.s-theme01 .gate .m-sidebar .item.item-4 .txt {
    position: relative;
    z-index: 1;
    line-height: 15px;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    color: #fff
}

.t-template02.s-theme01 .gate .m-sidebar .item.item-4 .txt .c-o {
    color: #db3b06;
    padding-bottom: 4px;
    margin-top: 2px
}

.t-template02.s-theme01 .gate .m-sidebar .el-backtop {
    background: #f8f8f8;
    border-radius: 0 0 4px 4px;
    position: relative;
    width: 100%;
    border-top: 0
}

.t-template02.s-theme01 .gate .c-register {
    padding-bottom: 0
}

.t-template02.s-theme01 .gate .m-tab-reg .el-tabs__content {
    padding: 0 20px 20px 20px
}

.t-template02.s-theme01 .gate .m-form-reg {
    flex: 1;
    margin-right: 0;
    background-color: #fff;
    border-radius: 5px
}

.t-template02.s-theme01 .gate .g-center.f-pb20:last-child {
    padding-bottom: 0
}

.t-template02.s-theme01 .gate .m-help .con-r {
    padding-right: 30px
}

.t-template02.s-theme01 .gate .m-bottom-tips .el-divider__text {
    background-color: #f6f6f6
}

.t-template02.s-theme01 .gate .m-course-info {
    display: flex;
    background-color: #fff;
    border-radius: 5px;
    padding: 20px
}

.t-template02.s-theme01 .gate .m-course-info+.m-tab2 {
    margin-bottom: 0
}

.t-template02.s-theme01 .gate .m-crumb+.f-mt20.f-mb20 {
    padding-bottom: 20px;
    margin-bottom: 0;
    margin-top: 0
}

.t-template02.s-theme01 .gate .m-crumb+.f-mt20.m-detail-box {
    padding-bottom: 0
}

.t-template02.s-theme01 .gate .c-forget,
.t-template02.s-theme01 .gate .m-bind,
.t-template02.s-theme01 .gate .m-course-intro,
.t-template02.s-theme01 .gate .m-detail-box,
.t-template02.s-theme01 .gate .m-help,
.t-template02.s-theme01 .gate .m-tab2,
.t-template02.s-theme01 .gate .m-teacher-intro {
    background-color: #fff;
    border-radius: 5px
}

.t-template02.s-theme01 .gate .m-info-detail {
    min-height: 50vh;
    background-color: #fff;
    border-radius: 5px
}

.t-template02.s-theme01 .gate .m-info-detail .title {
    font-size: 28px;
    font-weight: 700;
    padding: 20px 20px 0;
    text-align: center
}

.t-template02.s-theme01 .gate .m-info-detail .content {
    padding: 20px 30px
}

.t-template02.s-theme01 .gate .m-course-intro,
.t-template02.s-theme01 .gate .m-teacher-intro {
    padding: 30px
}

.t-template02.s-theme01 .gate .m-class-info {
    width: 880px;
    padding: 20px;
    flex: 1;
    box-sizing: border-box;
    display: flex;
    margin-right: -1px
}

.t-template02.s-theme01 .gate .m-class-info .text {
    width: auto;
    flex: 1;
    padding-left: 20px
}

.t-template02.s-theme01 .gate .m-class-info .stamp {
    right: 20px
}

.t-template02.s-theme01 .gate .m-detail-box+.m-alert+.m-detail-box {
    margin-top: 0
}

.t-template02.s-theme01 .gate .m-detail-box .m-tab2 {
    margin-top: 0
}

.t-template02.s-theme01 .gate .m-detail-box .intro {
    padding: 0 20px
}

.t-template02.s-theme01 .gate .m-detail-box-2 {
    border: 0
}

.t-template02.s-theme01 .gate .m-detail-box-2 .detail-box-item .m-class-info {
    width: 800px;
    padding: 0;
    border-right: 0
}

.t-template02.s-theme01 .gate .c-course-catalog {
    padding: 0 20px 20px
}

.t-template02.s-theme01 .gate .m-bind .bind-left .bind-tit {
    width: 100%
}

.t-template02.s-theme01 .gate .m-bind .bind-right {
    width: 539px
}

.t-template02.s-theme01 .gate .m-tab2 {
    height: 50px;
    line-height: 50px
}

.t-template02.s-theme01 .gate .m-tab2 .item {
    line-height: 47px
}

.t-template02.s-theme01 .gate .m-alert.el-alert--warning {
    border: 1px solid #f7e8ce
}

.t-template02.s-theme01 .gate .m-class-required-2 .item {
    padding: 12px 20px
}

.t-template02.s-theme01 .gate .m-oneclick-results {
    min-height: calc(100vh - 382px)
}

.t-template02.s-theme01 .gate .m-screen-header {
    margin-top: -42px;
    padding-top: 42px
}

.t-template02.s-theme01 .gate .m-screen-header.default-bg,
.t-template02.s-theme01 .gate .m-screen-header.full-height {
    min-height: calc(100vh - 425px)
}

.t-template02.s-theme01 .gate .m-registration-entrance {
    min-height: calc(100vh - 428px)
}

.t-template02.s-theme01 .gate .m-demand-box .m-casedetail .casedetail-box {
    min-height: 380px
}

.t-template02.s-theme01 .gate .m-livecourse-list {
    min-height: calc(100vh - 405px);
    background-image: linear-gradient(0deg, #f5f6f9, rgba(245, 246, 249, .8) 50%, rgba(245, 246, 249, 0)) !important
}

.t-template02.s-theme01 .gate .m-livecourse-list .m-title {
    text-align: center
}

.t-template02.s-theme01 .gate .m-livecourse-list .m-title .t1 {
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    font-weight: 700;
    position: relative;
    z-index: 1001
}

.t-template02.s-theme01 .gate .m-livecourse-list .m-title .t1 em {
    color: var(--base);
    font-style: normal
}

.t-template02.s-theme01 .gate .m-livecourse-list .m-title .t2 {
    height: 40px;
    line-height: 40px;
    font-size: 36px;
    font-weight: 700;
    color: rgba(0, 0, 0, .3);
    position: relative;
    z-index: 1000;
    margin-top: -30px;
    opacity: .4
}

.t-template02.s-theme01 .gate .m-notlogged {
    min-height: calc(100vh - 462px)
}