* {
    padding: 0;
    margin: 0;
    /* font-family:"PingFang SC", "Microsoft YaHei", tahoma, arial, 'Hiragino Sans GB', Microsoft YaHei; */
    box-sizing: border-box;
    box-sizing: -webkit-border-box;
    font-weight: normal;
    font-family: 'bold';
}
@font-face{
    font-family:'bold';
    src:url('../fonts/PingFangSC-17.d1e2-Medium.otf');
}
html {
    font-size: 62.5%;
}

body {
    font-size: 12px;
    font-size: 1.2rem;
}
p {
    font-size: 14px;
    font-size: 1.4rem;
}
a {
    text-decoration: none;
    color: #272727;
}

a, button, input {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

li {
    list-style: none;
}
button, input {
    -webkit-appearance: none;
    border: none;
    outline: none;
}

i, em {
    font-style: normal;
}
img {
    max-width: 100%;
}
h1 {
    font-weight: normal;
}

h2 {
    font-weight: normal;
}

h3 {
    font-weight: normal;
}

h4 {
    font-weight: normal;
}

h5 {
    font-weight: normal;
}
/* 字号 */
.f9 {
    font-size: 9px;
    -webkit-text-size-adjust: none;
}
.f12,
.fb12 {
    font-size: 12px;
}
.simsun {
    font-family: SimSun;
}
.f14,
.fb14 {
    font-size: 14px;
}

.f16,
.fb16 {
    font-size: 16px;
}

.f18,
.fb18 {
    font-size: 18px;
}

.f20,
.fb20 {
    font-size: 20px;
}

.f22,
.fb22 {
    font-size: 22px;
}

.f24,
.fb24 {
    font-size: 24px;
}
.f26,
.fb26 {
    font-size: 26px;
}
.f28,
.fb28 {
    font-size: 28px;
}
.f30,
.fb30 {
    font-size: 30px;
}
.f36,
.fb36 {
    font-size: 36px;
}
.f42,
.fb42 {
    font-size: 42px;
}
.f48,
.fb48 {
    font-size: 48px;
}
.f56,
.fb56 {
    font-size: 56px;
}
.f60,
.fb60 {
    font-size: 60px;
}
.f68,
.fb68 {
    font-size: 68px;
}
.f72,
.fb72 {
    font-size: 72px;
}
.fb,
.fb12,
.fb14,
.fb16,
.fb18,
.fb20,
.fb24,
.fb26,
.fb28,
.fb30,
.fb36,
.fb42,
.fb48,
.fb56,
.fb60,
.fb68,
.fb72 {
    /* font-weight: 700; */
}
/* 字号 */

/* 登录 */
.login_1{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
}
.login_2{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: -1;
}
.login_2 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.login_3{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    max-width: 900px;
    height: 600px;
    background: #fff;
    border-radius: 10px;
    padding: 25px 60px 25px 30px;
    display: flex;
    justify-content: flex-start;
}
.login_4{
    width: 350px;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 70px;
}
.login_4 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.login_5{
    flex: 1;
}
.login_6{
    width: 100%;
    text-align: right;
}
.login_6 a{
    color: #0e91f9;
}
.login_7{
    width: 100%;
    margin-top: 45px;
}
.login_8{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 15px;
}
.login_8 p{
    color: rgba(51,51,51,0.5);
    position: relative;
    transition: ease 0.8s all;
    padding-bottom: 10px;
    cursor: pointer;
}
.login_8 p::after{
    position: absolute;
    content: '';
    width: 0%;
    bottom: 0px;
    height: 2px;
    background: #0e91f9;
    transition: ease 0.8s all;
    left: 0px;
}
.login_8 .login_8_active{
    color: #333;
    transition: ease 0.8s all;
}
.login_8 .login_8_active::after{
    width: 100%;
    transition: ease 0.8s all;
}
.login_9{
    width: 100%;
    margin-top: 40px;
}
.login_10{
    width: 100%;
    display: none;
}
.login_11{
    position: relative;
    width: 100%;
    height: 48px;
    background: #f7f6f9;
    border-radius: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 25px;
}
.login_12{
    width: 45px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.login_13{
    flex: 1;
    height: 100%;
}
.login_14{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.login_15 a{
    color: rgba(51,51,51,0.5);
}
.login_16 a{
    color: #0e91f9;
}
.login_17{
    display: flex;
    justify-content: flex-start;
    height: 100%;
    width: 225px;
    align-items: center;
    background: #f7f6f9;
    border-radius: 5px;
}
.login_18{
    background: transparent;
}
.login_19{
    flex: 1;
    margin-left: 18px;
    border-radius: 5px;
    height: 100%;
    overflow:hidden;
}
.login_20{
    width: 100%;
    height: 100%;
    background: #0e91f9;
    color: #fff;
    cursor: pointer;
} 
.login_20_hide{
    background-color: #87caff;
}
.login_21{
    width: 100%;
    margin-top: 50px;
}
.login_22{
    width: 100%;
    height: 50px;
    border-radius: 100px;
    overflow: hidden;
}
.login_22 button{
    width: 100%;
    background: #0e91f9;
    height: 100%;
}
.login_23{
    width: 100%;
    margin-top: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.login_24{
    margin: 0px 10px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.login_24 p{
    width: 100%;
    height: 100%;
    border-radius: 50px;
    border: 1px solid #aaa;
}
.login_24 img{
    display: none;
}
.login_24_active p{
    display: none;
}
.login_24_active img{
    display: block;
}
.login_25{
    flex: 1;
}
.login_25 p{
    color: #2b2c30;
}
.login_25 p span{
    color: #0e91f9;
    cursor: pointer;
}
.password_1{
    padding: 0px 15px;
    margin-top: 65px;
}
.password_1 h2{
    color: #333;
}
.password_2{
    margin-top: 25px;
}
.registration_1{
    margin-top: 10px;
}
.registration_2{
    margin-top: 10px;
}
.registration_2 .login_11{
    margin-bottom: 15px;
}
.registration_3{
    margin-top: 10px;
}
.registration_4{
    width: 100%;
    text-align: center;
    margin-top: 75px;
}
.registration_5{
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.registration_5 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.registration_6{
    margin-top: 25px;
    width: 100%;
    text-align: center;
}
.registration_6 p{
    display: inline-block;
    background: #fafafa;
    padding: 0px 18px;
    border-radius: 40px;
    line-height: 36px;
}
.registration_7{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 80px;
}
.registration_8 a{
    color: #0e91f9;
}
/* 导航 */
.navigator_0{
    width: 100%;
    height: 85px;
    background-color: transparent;
}
.navigator_1{
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99;
    transition: ease 0.8s all;
    background: transparent;
}
.navigator_2{
    max-width: 100%;
    margin: 0 auto;
}
.navigator_3{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 85px;
    width: 100%;
}
.navigator_4{
    max-width: 200px;
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
}
.navigator_4 img{
    max-height: 50px;
}
.navigator_5{
    flex: 1;
    margin-left: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.navigator_5 a{
    color: #fff;
    font-size: 14px;
    margin-right: 40px;
    display: inline-block;
    transition: ease 0.8s all;
}
.navigator_5 a:hover{
    color: #0E91F9;
    transition: ease 0.8s all;
}
.navigator_5 .navigator_5_active{
	color: #0E91F9 !important;
}
.navigator_6{
    margin-left: auto;
    max-width: 440px;
    height: 38px;
    width: 100%;
}
.navigator_7{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    border-right: 1px solid #e1f2ff;
    border-radius: 5px;
    background: #fff;
}
.navigator_8{
    font-size: 14px;
    color: #333;
    max-width: 70px;
    width: 100%;
}
.navigator_8 .layui-input, .layui-select, .layui-textarea{
    border: none;
}
.navigator_9{
    flex: 1;
}
.navigator_9 input{
    border: transparent;
}
.navigator_10{
    padding: 5px 0px;
    width: 55px;
    border-radius: 5px;
    margin-right: 15px;
}
.navigator_10 .layui-btn{
    height: 100%;
    line-height: 31px;
    background: #0E91F9;
}
.navigator_11{
    margin-left: 100px;
    height: 100%;
    display: flex;
    align-items: center;
}
.navigator_12{
    color: #fff;
    font-size: 14px;
}
.navigator_12 a{
    color: #fff;
    transition: ease 0.8s all;
}
.navigator_12 a:hover{
    color: #0E91F9;
    transition: ease 0.8s all;
}
.navigator_13{
    position: relative;
    cursor: pointer;
    padding: 20px 0px;
}
.navigator_13 img{
    width: 40px;
    height: 40px;
    border-radius: 50px;
    object-fit: cover;
}
.navigator_14{
    position: absolute;
    width: 300px;
    padding: 15px 18px 0px;
    background: #fff;
    left: 50%;
    transform: translate(-50%,0%);
    border-radius: 10px;
    bottom: -145px;
    display: none;
}
.navigator_13:hover .navigator_14{
    display: block;
    box-shadow: 0 0 10px 1px #e1e4f5;
}
.navigator_15{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    border-bottom: 1px solid #eee;
}
.navigator_16{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 12px;
    background: #f8fafc;
    transition: ease 0.8s all;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
}
.navigator_15 .navigator_16:nth-child(2n){
    margin-right: 0%;
}
.navigator_17 {
    width: 13px;
    height: 100%;
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.navigator_17 img{
    width: 100%;
    object-fit: contain;
}
.navigator_17 img:nth-child(2){
    display: none;
}
.navigator_18 p{
    color: #333;
    transition: ease 0.8s all;
}
.navigator_16:hover {
    background: #e8effd;
    transition: ease 0.8s all;
}
.navigator_16:hover .navigator_17 img:nth-child(1){
    display: none;
}
.navigator_16:hover .navigator_17 img:nth-child(2){
    display: block;
}
.navigator_16:hover .navigator_18 p{
    color: #0e91f9;
    transition: ease 0.8s all;
}
.navigator_19{
    width: 100%;
    height: 45px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.navigator_20{
    color: #999;
}


.navigator_11 .navigator_13{
    display: none;
}
.navigator_11_active .navigator_12{
    display: none;
}
.navigator_11_active .navigator_13{
    display: flex;
}
.navigator_1 .navigator_4 img:nth-child(2){
    display: none;
}
.navigator_on .navigator_4 img:nth-child(1){
    display: none;
}
.navigator_on .navigator_4 img:nth-child(2){
    display: block;
}
.navigator_on{
    background: #fff;
    transition: ease 0.8s all;
    box-shadow: 0 0 10px 1px #e1e4f5;
}
.navigator_on .navigator_5 a{
    color: #333;
    transition: ease 0.8s all;
}
.navigator_on .navigator_7{
    background: #eff2f9;
    transition: ease 0.8s all;
}
.navigator_on .navigator_8 .layui-input, .layui-select, .layui-textarea{
    background: #eff2f9;
    transition: ease 0.8s all;
}
.navigator_on .navigator_9 input{
    background: #eff2f9;
    transition: ease 0.8s all;
}
.navigator_on .navigator_12{
    color: #333;
    transition: ease 0.8s all;
}
.navigator_on .navigator_12 a{
    color: #333;
    transition: ease 0.8s all;
}

/* 首页 */
.index_1{
    width: 100%;
    position: relative;
}
.index_2{
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 360px;
    z-index: -1;
}
.index_2 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index_3{
    width: 100%;
    height: 320px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 auto;
}
.index_4{
    flex: 1;
    margin-right: 12px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    height: 100%;
}
.mySwiper_index{
    position: relative;
    height: 100%;
}
.index_5{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.index_5 img{
    width: 100%;
    height: 100%;
    object-fit:cover;
}
.index_6{
    width: 285px;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow:0 0 10px 1px #eee;
}
.index_7{
    width: 100%;
    position: relative;
    height: 100%;
    background: #f6f6f6;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.index_8{
    width: 100%;
    text-align: center;
}
.index_8 p{
    color: #333;
}
.index_9{
    width: 100%;
    height: 165px;
    text-align: center;
    margin-top: 20px;
}
.index_9 img{
    height: 100%;
    object-fit: contain;
}
.index_10{
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.index_10 a{
    display: inline-block;
    line-height: 38px;
    background: #0e91f9;
    border-radius: 50px;
    padding: 0px 70px;
    color: #fff;
}
.index_11{
    width: 100%;
    height: 100%;
    background: #e8effd;
}
.index_12{
    padding-left: 25px;
    height: 55px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.index_13{
    margin-right: 10px;
}
.index_13 h2{
    color: #333;
}
.index_14{
    width: 95px;
    display: flex;
    height: 28px;
    border-radius: 5px;
    background: #f5c164;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index_15{
    width: 14px;
    height: 100%;
    display: flex;
    align-items: center;
    margin-right: 8px;
}
.index_15 img{
    width: 100%;
    object-fit: contain;
    margin-top: 2px;
}
.index_16 p{
    color: #666;
}
.index_17{
    width: 100%;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    height: calc(100% - 55px);
}
.index_18{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
}
.index_18 p{
    flex: 1;
    transition: ease 0.8s all;
    text-align: center;
    line-height: 38px;
    background: #fff;
    color: #0e91f9;
    transition: ease 0.8s all;
}
.index_18 .index_18_active{
    background: #0E91F9;
    color: #fff;
    transition: ease 0.8s all;
}
.index_19{
    width: 100%;
    height: 0px;
    overflow-y: scroll;
    /* display: none; */
    visibility:hidden;
    opacity:0;
}
.index_19_active{
    visibility:visible;
    opacity:1;
    height: 160px;
    /* display: block; */
}
.index_19::-webkit-scrollbar{
    width: 6px;
}
.index_19::-webkit-scrollbar-thumb{
    background: #0E91F9;
    border-radius: 20px;
}
.index_19::-webkit-scrollbar-track{
    background: #eee;
    border-radius: 20px;
}
.index_20{
    width: 100%;
    height: 55px;
}
.index_21{
    padding: 0px 25px;
    position: relative;
}
.index_21 h2{
    line-height: 35px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.index_21::after{
    content: '';
    position: absolute;
    width: 4px;
    height: 13px;
    background: #0E91F9;
    top: 50%;
    left: 15px;
    transform: translate(0%, -50%);
}
.index_22{
    width: 100%;
    height: 20px;
    padding: 0px 25px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.index_23{
    width: 90%;
    position: relative;
    border-radius: 50px;
    height: 10px;
    overflow: hidden;
    margin-right: 10px;
}
.index_24{
    width: 100%;
    height: 100%;
    background: #eee;
}
.index_25{
    width: 0%;
    transition: all 1.5s linear;
    visibility: visible;
    background: #0E91F9;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 5;
}
.index_26{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.index_26 p{
    color: #333;
    font-size: 14px;
}
.index_28{
    padding: 0px 0px 0px 25px;
}
.index_29{
    color: #999;
}
.index_30{
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.index_31{
    line-height: 38px;
    display: inline-block;
    width: 220px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    border-radius: 20px;
    background: #0E91F9;
}
.index_32{
    width: 100%;
    margin: 0px auto 60px;
}
.index_33{
    width: 100%;
    margin-top: 50px;
}
.index_34{
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}
.index_35{
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}
.index_36{
    margin-right: 15px;
}
.index_36 h2{
    color: #333;
    position: relative;
}
.index_36 h2::after{
    position: absolute;
    content: '';
    width: 60px;
    border-radius: 10px;
    height: 5px;
    background: #0E91F9;
    left: 0px;
    bottom: -10px;
}
.index_37 p{
    color: rgba(43,44,48,0.5);
}
.index_38{
    margin-left: auto;
}
.index_38 a{
    color: #999;
}
.index_39{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-top: 25px;
    flex-wrap: wrap;
}
.index_40{
    width: 23%;
    margin-right: calc(8%/3);
    box-shadow: 0 0 10px 1px #e1e4f5;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 25px;
}
.index_39 .index_40:nth-child(4n){
    margin-right: 0%;
}
.index_41{
    width: 100%;
    position: relative;
    height: 155px;
}
.index_42{
    width: 100%;
    height: 100%;
}
.index_42 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: ease 1.2s all;
}
.index_43{
    position: absolute;
    left: 10px;
    top: 12px;
    width: 60px;
    height: 20px;
    align-items: center;
    justify-content: center;
    background: #f23f4e;
    border-radius: 5px;
    display: none;
}
.index_40_active .index_43{
    display: flex;
}
.index_44{
    height: 100%;
    width: 10px;
    margin-right: 5px;
    display: flex;
    align-items: center;
}
.index_44 img{
    width: 100%;
    object-fit: contain;
}
.index_45 p{
    color: #fff;
}
.index_46{
    padding: 15px 15px 20px;
}
.index_47{
    width: 100%;
    height: 40px;
}
.index_47 h2{
    color: #2b2c30;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.index_48{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
}
.index_49 p{
    color: #a1a9b2;
}
.index_50{
    margin-left: auto;
}
.index_50 p{
    color: #fff;
    width: 65px;
    line-height: 26px;
    background: #0e91f9;
    border-radius: 20px;
    text-align: center;
}
.index_51{
    display: none;
    justify-content: flex-start;
    align-items: center;
    margin-right: 10px;
}
.index_51 p{
    display: none;
}
.index_51_mf{
    display: flex;
}
.index_51_hy{
    display: flex;
}
.index_51_mf .index_52{
    display: block;
}
.index_51_hy .index_53{
    display: block;
}
.index_52{
    color: #ff7a38;
}
.index_53{
    color: #f01414;
}
.index_54 h2{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #2b2c30;
}
.index_55{
    width: 100%;
    margin-top: 10px;
}
.index_55 p{
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 32px;
    line-height: 16px;
}
.index_56{
    flex: 1;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
}
.index_57{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.index_57 h2{
    color: #a1a9b2;
}
.index_57 p{
    color: #ff7a38;
}
.index_58{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 10px;
}
.index_58 h2{
    line-height: 21px;
    color: #0e91f9;
    background: #e8effd;
    padding: 0px 12px;
    margin-right: 15px;
}
.index_58 p{
    color: #a1a9b2;
}
.index_59{
    width: 65px;
    height: 100%;
    display: flex;
    align-items: center;
}
.index_59 p{
    width: 100%;
    line-height: 28px;
    background: #0E91F9;
    color: #fff;
    border-radius: 50px;
    text-align: center;
}
.index_60{
    width: 100%;
    margin-top: 40px;
    display: block;
}
.index_60 img{
    width: 100%;
    object-fit: contain;
}
.index_61{
    width: 100%;
    margin-top: 65px;
    display: flex;
    justify-content: flex-start;
}
.index_62{
    flex: 1;
}
.index_63{
    display: flex;
    justify-content: center;
    align-items: baseline;
}
.index_63 p{
    line-height: 38px;
    padding: 0px 20px;
    transition: ease 0.8s all;
    background: transparent;
    border-radius: 50px;
    color: #333;
    font-size: 14px;
}
.index_63 .index_63_active{
    transition: ease 0.8s all;
    background: #0e91f9;
    color: #fff;
}
.index_64{
    width: 100%;
    margin-top: 25px;
}
.index_65{
    width: 100%;
    justify-content: flex-start;
    display: none;
}
.index_65_active{
    display: flex;
}
.index_66{
    flex: 1;
}
.index_67{
    margin-right: 24px;
    height: 460px;
}
.index_68{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.index_69{
    width: 100%;
    height: 100%;
}
.index_69 img{
    width: 100%;
    height: 100%;
    transition: ease 0.8s all;
}
.index_70{
    position: absolute;
    padding: 0px 20px 0px 28px;
    left: 0px;
    bottom: 15px;
    width: 100%;
}
.index_71{
    width: 100%;
}
.index_71 h2{
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.index_72{
    width: 100%;
    margin-top: 8px;
}
.index_72 p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #c8c8c8;
    height: 32px;
    line-height: 16px;
}
.index_73{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.index_74{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.index_75{
    width: 25px;
    height: 25px;
    border-radius: 50px;
    overflow: hidden;
    margin-right: 10px;
}
.index_75 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index_76 h2{
    color: #fff;
}
.index_77{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}
.index_78{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: 20px;
}
.index_79{
    width: 17px;
    height: 16px;
    margin-right: 7px;
}
.index_79 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.index_80 p{
    color: #fff;
}
.index_81{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.index_81{
    width: 17px;
    margin-right: 5px;
}
.index_82{
    width: 100%;
    display: none;
}
.index_81 .index_82:nth-child(1){
    display: block;
}
.index_81_active .index_82:nth-child(1){
    display: none;
}
.index_81_active .index_82:nth-child(2){
    display: block;
}
.index_82 img{
    width: 100%;
    object-fit: contain;
}
.index_83{
    height: 220px;
    display: block;
}
.index_66 .index_83:nth-child(1){
    margin-bottom: 20px;
}
.index_84{
    width: 550px;
    margin-left: 40px;
}
.index_85{
    width: 100%;
    margin-top: 30px;
}
.index_86{
    width: 100%;
    display: flex;
    justify-content:flex-start;
    align-items: center;
    height: 140px;
    border-radius: 10px;
    box-shadow: 0 0 10px 1px #e1e4f5;
    margin-bottom: 20px;
    overflow: hidden;
}
.index_87{
    width: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index_87 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index_88{
    flex: 1;
    padding: 15px 15px 12px 12px;
}
.index_89{
    width: 100%;
}
.index_89 h2{
    line-height: 16px;
    color: #2b2c30;
    height: 32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.index_90{
    width: 100%;
    margin-top: 10px;
}
.index_90 p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 16px;
    height: 32px;
    color: #999;
}
.index_91{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
}
.index_92 p{
    color: rgba(51,51,51,0.6);
}
.index_93{
    margin-left: auto;
}
.index_93 p{
    display: inline-block;
    width: 65px;
    line-height: 28px;
    background: #0E91F9;
    border-radius: 50px;
    text-align: center;
    color: #fff;
}
.index_85 .index_86:nth-last-child(1){
    margin-bottom: 0px;
}
.index_94{
    width: 100%;
    margin-top: 30px;
    display: none;
}
.index_94_active{
    display: block;
}
.index_95{
    padding: 20px 28px 20px 25px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow:0 0 10px 1px #e1e4f5;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 145px;
    margin-bottom: 25px;
}
.index_96{
    width: 550px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.index_97{
    width: 100%;
}
.index_97 h2{
    color: #333;
}
.index_98{
    width: 100%;
    margin-top: 15px;
}
.index_98 p{
    color: #333;
    height: 30px;
    line-height: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.index_99{
    width: 100%;
    margin-top: 10px;
}
.index_99 p{
    color: #ff7a38;   
}
.index_100{
    flex: 1;
    margin-right: 10px;
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
    height: 100%;
}
.index_101{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.index_102{
    width: 50px;
    height: 50px;
    border-radius: 5px;
    border:1px solid #e7e7e7;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
.index_102 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.index_103 h2{
    color: #333;
}
.index_103 p{
    color: #999;
}
.index_104{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.index_104 p{
    color: #0e91f9;
    font-size: 12px;
    padding: 0px 6px;
    border-radius: 5px;
    background: #e8effd;
    line-height: 24px;
    margin-right: 8px;
}
.index_105{
    width: 180px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.index_106{
    width: 100%;
    text-align: right;
}
.index_106 p{
    color: #a1a9b2;
}
.index_107{
    display: flex;
    width: 100%;
    justify-content: flex-end;
}
.index_107 p{
    display: inline-block;
    padding: 0px 25px;
    background: #0E91F9;
    border-radius: 50px;
    line-height: 40px;
    color: #fff;
}

.index_107 a{
    display: inline-block;
    padding: 0px 25px;
    background: #0E91F9;
    border-radius: 50px;
    line-height: 40px;
    color: #fff;
}
.index_107{
    width: 100%;
}
.index_6 .index_11{
    display: none;
}
.index_6_active .index_11{
    display: block;
}
.index_6_active .index_7{
    display: none;
}

/* 底部 */
.foot_1{
    width: 100%;
    background: #282c2f;
    height: 280px;
}
.foot_2{
    width: 100%;
    margin: 0 auto;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.foot_3{
    flex: 1;
    height: 100%;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
}
.foot_4{
    height: 24px;
    width: 100%;
}
.foot_4 img{
    height: 100%;
    object-fit: contain;
}
.foot_5{
    width: 100%;
    margin-top: 35px;
}
.foot_5 h2{
    color: #f5f7fa;
}
.foot_5 p{
    color: #f5f7fa;
    margin-top: 8px;
}
.foot_6{
    margin-top: 60px;
    width: 100%;
}
.foot_6 p{
    color: #a8a8a8;
}
.foot_6 p a{
    color: #a8a8a8;
}
.foot_7{
    width: 300px;
    display: flex;
    justify-content:flex-start;
    align-items: center;
    height: 100%;
}
.foot_8{
    width: 105px;
    height: 105px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.foot_8 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.foot_9{
    margin-left: 25px;
}
.foot_9 p{
    width: 100%;
    color: #f5f7fa;
    margin-top: 5px;
}
/* 课程列表 */
.programme_list_1{
    width: 100%;
    background: #eff2f9;
    padding: 20px 0px;
}
.programme_list_2{
    width: 100%;
    margin: 0 auto;
}
.programme_list_3{
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}
.programme_list_4{
    width: 140px;
    text-align: center;
}
.programme_list_4 h2{
    color: #333;
    line-height: 55px;
}
.programme_list_5{
    flex: 1;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.programme_list_5 p{
    color: #667280;
    font-size: 14px;
    transition: ease 0.8s all;
    padding: 0px 20px;
    line-height: 55px;
}
.programme_list_5 .programme_list_5_active{
    color: #0E91F9;
    transition: ease 0.8s all;
}
.programme_list_5 p:hover{
    color: #0E91F9;
    transition: ease 0.8s all;
}
.programme_list_6 .index_39{
    display: none;
}
.programme_list_6 .programme_list_6_active{
    display: flex;
}
/* pc课程_课程简介 */
.programme_date_1{
    width: 100%;
    background: #191919;
}
.programme_date_2{
    width: 100%;
    margin: 0 auto;
}
.programme_date_3{
    width: 100%;
    height: 85px;
    display: flex;
    align-items: center;
}
.programme_date_3 h2{
    color: #ddd;
}
.programme_date_4{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    height: 650px;
}
.programme_date_5{
    width: 1040px;
    height: 100%;
}
.programme_date_6{
    width: 100%;
    height: 585px;
}
.programme_date_7{

}
.programme_date_8{
    width: 100%;
    display: flex;
    padding: 0px 50px 0px 30px;
    background: #2d2d2d;
    justify-content: flex-start;
    align-items: center;
    height: 65px;
}
.programme_date_9{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 85px;
    height: 32px;
    background: #424242;
    border-radius: 50px;
    cursor: pointer;
    margin-right: 22px;
}
.programme_date_10{
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.programme_date_10 img:nth-child(2){
    display: none;
}
.programme_date_img_active .programme_date_10 img:nth-child(1){
    display: none;
}
.programme_date_img_active .programme_date_10 img:nth-child(2){
    display: block;
}
.programme_date_11{
    margin-left: 5px;
}
.programme_date_11 p{
    color: #a1a9b2;
}
.programme_date_12{
    flex: 1;
    height: 100%;
    background: #2d2d2d;
}
.programme_date_13{
    padding: 0px 20px;
    height: 44px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 2px solid #23272a;
}
.programme_date_13 h2{
    color: #fff;
}
.programme_date_14{
    width: 100%;
    height: calc(100% - 44px);
    overflow-y: scroll;
}
.programme_date_14::-webkit-scrollbar{
    width: 4px;
}
.programme_date_14::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background: #a1a9b2;
}
.programme_date_14::-webkit-scrollbar-track{
    background: #2d2d2d;
}
.programme_date_15{
    width: 100%;
}
.programme_date_16{
    width: 100%;
    padding: 0px 20px;
    height: 55px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.programme_date_16 h2{
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.programme_date_17{
    width: 100%;
    cursor: pointer;
}
.programme_date_18{
    padding: 0px 30px;
    background: transparent;
    transition: ease 1.2s all;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 58px;
    position: relative;
}
.programme_date_18::after{
    position: absolute;
    content: '';
    width: 2px;
    height: 0px;
    background: #0e91f9;
    left: 0px;
    top: 50%;
    transform: translate(0%,-50%);
    transition: ease 1.2s all;
}
.programme_date_19{
    width: 16px;
    height: 100%;
    margin-right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.programme_date_19 img:nth-child(2){
    display: none;
}
.programme_date_20{
    flex: 1;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.programme_date_20>div{
    width: 100%;
}
.programme_date_21 h2{
    color: #a1a9b2;
    transition: ease 1.2s all;
}
.programme_date_22{
    margin-top: 5px;
}
.programme_date_22 p{
    color: #a1a9b2;
    transition: ease 1.2s all;
}

.programme_date_18_active{
    transition: ease 1.2s all;
    background: #191919;
}
.programme_date_18_active::after{
    height: 90%;
    transition: ease 1.2s all;
}
.programme_date_18_active .programme_date_21 h2{
    color: #fff;
    transition: ease 1.2s all;
}
.programme_date_18_active .programme_date_22 p{
    color: #fff;
    transition: ease 1.2s all;
}
.programme_date_18_active .programme_date_19 img:nth-child(1){
    display: none;
}
.programme_date_18_active .programme_date_19 img:nth-child(2){
    display: block;
}
.programme_date_23{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 170px;
}
.programme_date_24{
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction:column;
    justify-content: center;
}
.programme_date_25{
    width: 100%;
}
.programme_date_25 h2{
    color: #fff;
}
.programme_date_26{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 35px;
}
.programme_date_27{
    margin-right: 20px;
}
.programme_date_27 h2{
    color: #d84b4b;
}
.programme_date_28{
    margin-right: 30px;
}
.programme_date_28 p{
    color: #a1a9b2;
}
.programme_date_29 p{
    display: inline-block;
    line-height: 34px;
    border-radius: 50px;
    background: #b8c6e1;
    padding: 0px 17px;
    color: #0e91f9;
}
.programme_date_30{
    width: 420px;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}
.programme_date_31{
    display: flex;
    justify-content: center;
    align-items: baseline;
}
.programme_date_31 p{
    color: #d84b4b;
}
.programme_date_31 h2{
    color: #d84b4b;
}
.programme_date_32{
    display: flex;
    justify-content: center;
    margin-top: 5px;
}
.programme_date_32 p{
    width: 280px;
    line-height: 50px;
    color: #fff;
    border-radius: 50px;
    background: #0E91F9;
    text-align: center;
    cursor: pointer;
}
.programme_date_33{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
}
.programme_date_34{
    margin-right: 15px;
}
.programme_date_35{
    color: #fff;
    display: inline-block;
    border-radius: 50px;
    padding: 0px 15px;
    background: #d84b4b;
    line-height: 30px;
}
.programme_date_36{
    color: #a1a9b2;
}
.programme_date_37{
    padding: 35px 0px 85px;
    background: #eff2f9;
}
.programme_date_38{
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.programme_date_39{
    margin-right: 20px;
    flex: 1;
    box-shadow:0 0 10px 1px #e1e4f5;
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
}
.programme_date_40{
    height: 80px;
    padding: 0px 35px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #e8effd;
}
.programme_date_40 p{
    color: #333;
    font-size: 16px;
    padding: 0px 35px;
    line-height: 38px;
    margin-right: 15px;
    background: transparent;
    border-radius: 50px;
    font-weight: 600;
    transition: ease 1.2s all;
    cursor: pointer;
}
.programme_date_40 .programme_date_40_active{
    transition: ease 1.2s all;
    background: #e8effd;
    color: #0E91F9;
}
.programme_date_41{
    width: 100%;
    min-height: 500px;
    padding: 35px 45px;
}
.programme_date_42{
    width: 100%;   
    display: none;
}
.programme_date_42_active{
    display: block;
}
.programme_date_43{
    display: flex;
    justify-content: flex-start;
    margin-bottom: 35px;
}
.programme_date_42 .programme_date_43:nth-last-child(1){
    margin-bottom: 0px;
}
.programme_date_44{
    width: 90px;
}
.programme_date_44 h2{
    color: #333;
}
.programme_date_45{
    flex: 1;
}
.programme_date_45 p{
    color: #666;
}
.programme_date_46{
    width: 100%;
    margin-top: 35px;
}
.programme_date_42 .programme_date_46:nth-child(1){
    margin-top: 0px;
}
.programme_date_47{
    width: 100%;
    display: flex;
    height: 30px;
    align-items: center;
}
.programme_date_48{
    flex: 1;
}
.programme_date_48 h2{
    color: #333;
}
.programme_date_49{
    display: flex;
    align-items: flex-end;
    align-items: center;
    height: 100%;
    margin-left: auto;
}
.programme_date_50 p{
    color: #666;
}
.programme_date_51{
    width: 40px;
    text-align: center;
}
.programme_date_51 img{
    transition: ease 1s all;
    width: 12px;
    object-fit: contain;
}
.programme_date_49_active .programme_date_51 img{
    transform: rotate(180deg);
    transition: ease 1s all;
}
.programme_date_52{
    width: 100%;
    display: none;
}
.programme_date_53{
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #e8effd;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 25px;
}
.programme_date_54{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}
.programme_date_55{
    position: relative;
}
.programme_date_55::after{
    width: 4px;
    height: 12px;
    background: #0E91F9;
    border-radius: 10px;
    content: '';
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translate(0%,-50%);
}
.programme_date_55 p{
    color: #999;
}
.programme_date_56{
    margin-top: 5px;
}
.programme_date_56 h2{
    color: #333;
}
.programme_date_57{
    margin-left: auto;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.programme_date_58{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin-right: 50px;
    width: 230px;
}
.programme_date_59 a{
    color: #fff;
    font-size: 14px;
    background: #0E91F9;
    line-height: 30px;
    width: 80px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
} 
.programme_date_60{
    width: 100%;
    padding: 30px 25px;
    background: #f2f4f7;
    border-radius: 10px;
}
.programme_date_61{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 70px;
}
.programme_date_62{
    width: 70px;
    height: 70px;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}
.programme_date_62 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.programme_date_63{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.programme_date_64{
    width: 100%;
}
.programme_date_64 h2{
    color: #333;
}
.programme_date_65{
    width: 100%;
    margin-top: 10px;
}
.programme_date_65 p{
    color: #666;
}
.programme_date_66 {
    width: 100%;
    margin-top: 20px;
}
.programme_date_66 p{
    color: #333;
    font-size: 16px;
    line-height: 30px;
}
.programme_date_67{
    width: 100%;
    margin-bottom: 40px;
}
.programme_date_68{
    width: 100%;
    border-radius: 10px;
    padding: 15px 25px 25px 20px;
    background: #f2f4f7;
    margin-bottom: 20px;
}
.programme_date_69{
    display: flex;
    justify-content: flex-start;
    height: 50px;
}
.programme_date_70{
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
}
.programme_date_71{
    width: 50px;
    height: 100%;
    margin-right: 12px;
    border-radius: 50px;
    overflow: hidden;
}
.programme_date_71 img{
    height: 100%;
    object-fit: contain;
}
.programme_date_72{
    flex: 1;
    display: flex;
    flex-direction: column;
}
.programme_date_73{
    width: 100%;
}
.programme_date_73 h2{
    color: #333;
}
.programme_date_74{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
}
.programme_date_74 img{
    width: 14px;
    height: 14px;
    margin-right: 6px;
    display: none;
}
.star_num_1 img:nth-child(1){
    display: block;
}
.star_num_2 img:nth-child(3n+1){
    display: block;
}
.star_num_3 img:nth-child(2n+1){
        display: block;
}
.star_num_4 img{
    display: block;
}
.star_num_4 img:nth-last-child(1){
        display: none;
}
.star_num_5 img{
    display: block;
}
.programme_date_76{
    width: 100%;
    margin-top: 10px;
    padding-left: 62px;
}
.programme_date_76 p{
    color: #333;
    font-size: 14px;
    line-height: 24px;
}
.programme_date_77 a{
    display: flex;
    justify-content: center;
    align-items: center;
}
.programme_date_77 a img{
    width: 14px;
    height: 14px;
    margin-right: 3px;
}
.programme_date_78{
    width: 400px;
    box-shadow:0 0 10px 1px #e1e4f5;
    border-radius: 10px;
    background: #fff;
    height: auto;
}
.programme_date_79{
    display: flex;
    justify-content: flex-start;
    padding-left: 27px;
    height: 80px;
    border-bottom: 1px solid #e8effd;
    align-items: center;
}
.programme_date_79 h2{
    color: #333;
}
.programme_date_80{
    width: 100%;
    padding: 0px 18px 25px;
}
.programme_date_81{
    width: 100%;
    margin-top: 18px;
    display: flex;
    justify-content: flex-start;
    background: #eff2f9;
    overflow: hidden;
    border-radius: 10px;
    height: 100px;
    align-content: center;
}
.programme_date_82{
    width: 150px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.programme_date_82 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.programme_date_83{
    flex: 1;
    padding: 10px 20px 12px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.programme_date_84{
    width: 100%;
}
.programme_date_84 h2{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #333;
}
.programme_date_85 {
    width: 100%;
}
.programme_date_85 p{
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 18px;
}
.programme_date_86{
    display: flex;
    justify-content: flex-start;
    margin-top: 5px;
    align-items: center;
}
.programme_date_86 p{
    display: none;
}
.programme_date_87{
    color: #ff7a38;
}
.programme_date_88{
    color: #f01414;
}
.programme_date_mf .programme_date_87{
    display: block;
}
.programme_date_hy .programme_date_88{
    display: block;
}

.programme_date_89{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.6);
    z-index: 99;
    display: none;
}
.programme_date_90{
    position: absolute;
    width: 520px;
    padding: 0px 0px 10px 0px;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 10px;
}
.programme_date_91{
    position: absolute;
    top: 11px;
    right: 11px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.programme_date_91 img{
    width: 100%;
    object-fit: contain;
}
.programme_date_92{
    width: 100%;
    text-align: center;
    margin-top: 25px;
}
.programme_date_92 h2{
    color: #333;
}
.programme_date_93{
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.programme_date_94{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 10px;
}
.programme_date_95{
    width: 50px;
    text-align: left;
}
.programme_date_96{
    position: relative;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    cursor: pointer;
}
.programme_date_96 img{
    display: inline-block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.programme_date_96_active::after{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/icon_37.png) no-repeat;
    width: 100%;
    height: 100%;
}
.programme_date_95 p{
    color: #0e91f9;
}
.programme_date_97{
    width: 80%;
    margin: 30px auto 0px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    height: 125px;
}
.programme_date_97 .layui-textarea{
    padding: 15px;
    font-size: 14px;
    height: 100%;
}
.programme_date_98{
    width: 100%;
    margin-top: 15px;
    text-align: center;
}
.programme_date_98 .layui-btn{
    width: 120px;
    background: #0E91F9;
    border-radius: 50px;
    height: 40px;
}
/* 课程支付 */
.lesson_pay_1{
    width: 100%;
    padding: 40px 0px 140px;
    background: #f2f4f7;
}
.lesson_pay_2{
    margin: 0 auto;
    width: 100%;
    border-radius: 10px;
    box-shadow:0 0 10px 1px #e1e4f5;
    background: #fff;
    padding: 45px 30px 50px;
}
.lesson_pay_0{
    
}
.lesson_pay_3{
    width: 100%;
}
.lesson_pay_3 h2{
    color: #333;
}
.lesson_pay_4{
    display: flex;
    margin-top: 20px;
    justify-content: flex-start;
    border-bottom: 1px solid #e8effd;
    padding-bottom: 15px;
}
.lesson_pay_5{
    width: 350px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 35px;
}
.lesson_pay_5 img{
    width: 100%;
    height: 100%;
    object-fit: cover;    
}
.lesson_pay_6{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.lesson_pay_7{
    width: 100%;
}
.lesson_pay_7 h2{
    color: #333;
}
.lesson_pay_8{
    width: 100%;
    margin-top: 30px;
}
.lesson_pay_8 p{
    color: #ff0042;
}
.lesson_pay_9{
    width: 380px;
    background: #f2f4f7;
    padding: 16px 0px 16px 35px;
    border-radius: 10px;
    margin-top: 15px;
}
.lesson_pay_9 p{
    color: #333;
    display: inline-block;
    line-height: 26px;
}
.lesson_pay_10{
    width: 100%;
    margin-top: 30px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e8effd;
}
.lesson_pay_11{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.lesson_pay_11 p{
    color: #333;
    margin-right: 10px;
}
.lesson_pay_11 span{
    color: #0e91f9;
    cursor: pointer;
}
.lesson_pay_12{
    width: 100%;
    margin-top: 40px;
}
.lesson_pay_12 p{
    color: #333;
}
.lesson_pay_13{
    margin-top: 40px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.lesson_pay_13 .layui-unselect{
    margin-top: 0px !important;
}
.lesson_pay_13 .layui-form-checked[lay-skin=primary] i{
    background: #0E91F9;
    border-color:#0E91F9;
}
.lesson_pay_14{
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #e8effd;
}
.lesson_pay_15{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 40px;
}
.lesson_pay_16{
    width: 105px;
    text-align: left;
}
.lesson_pay_16 h2{
    color: #333;
}
.lesson_pay_17{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.lesson_pay_18{
    display: flex;
    justify-content: center;
    width: 180px;
    border-radius: 5px;
    background: transparent;
    border: 1px solid #bce0fd;
    height: 50px;
    margin-right: 10px;
    cursor: pointer;
    align-items: center;
    transition: ease 1s all;
}
.lesson_pay_19{
    width: 25px;
    height: 25px;
    margin-right:10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lesson_pay_19 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.lesson_pay_20 p{
    color: #333;
    transition: ease 1s all;
}
.lesson_pay_18_active{
    transition: ease 1s all;
    background: #e8effd;
    border: 1px solid #7ec4fc;
}
.lesson_pay_18_active .lesson_pay_20 p{
    color: #0E91F9;
    transition: ease 1s all;
}
.lesson_pay_21{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.lesson_pay_22{
    width: 16px;
    height: 16px;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lesson_pay_22 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.lesson_pay_23 p{
    color: #999;
}
.lesson_pay_24{
    width: 100%;
}
.lesson_pay_25{
    margin-top: 40px;
    width: 100%;
}
.lesson_pay_25 h2{
    color: #333;
}
.lesson_pay_26{
    width: 100%;
}
.lesson_pay_27{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
}
.lesson_pay_28{
    width: 105px;
    text-align: left;
}
.lesson_pay_28 h2{
    color: #333;
}
.lesson_pay_29 p{
    color: #333;
}
.lesson_pay_30{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
    width: 100%;
}
.lesson_pay_31{
    display: flex;
    justify-content: center;
    align-items: center;
}
.lesson_pay_32 .layui-unselect{
    margin-top: 0px !important;
}
.lesson_pay_32 .layui-form-checked[lay-skin=primary] i{
    background: #0E91F9;
    border-color:#0E91F9;
}
.lesson_pay_33 p{
    color: #333;
    font-size: 18px;
}
.lesson_pay_33 p span{
    color: #0E91F9;
    font-size: 18px;
    cursor: pointer;
}
.lesson_pay_34{
    display: inline-block;
    margin-left: auto;
}
.lesson_pay_34 p{
    line-height: 50px;
    color: #fff;
    cursor: pointer;
    background: #0E91F9;
    border-radius: 50px;
    padding: 0px 40px;
}
.lesson_pay_35{
    margin: 30px auto 0px;
    width: 100%;
    border-radius: 10px;
    box-shadow:0 0 10px 1px #e1e4f5;
    background: #fff;
    padding: 35px 30px 50px;
}
.lesson_pay_36{
    width: 100%;
}
.lesson_pay_37{
    padding-left: 20px;
    margin-top: 35px;
}
.lesson_pay_38{
    width: 100%;
}
.lesson_pay_38 h2{
    color: #333;
    position: relative;
}
.lesson_pay_38 h2::after{
    width: 12px;
    height: 12px;
    background: #bebebe;
    border-radius: 50px;
    content: '';
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translate(0%,-50%);
}
.lesson_pay_39{
    width: 100%;
    margin-top: 5px;
}
.lesson_pay_39 p{
    color: #999;
}
.modify_phone_pop_1{
    position: fixed;
    width: 100%;
    z-index: 99;
    height: 100vh;
    background: rgba(0,0,0,0.6);
    top: 0px;
    left: 0px;
    display: none;
}
.modify_phone_pop_2{
    width: 440px;
    height: 190px;
    background: #fff;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
}
.modify_phone_pop_3{
    width: 15px;
    height: 15px;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}
.modify_phone_pop_3 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.modify_phone_pop_4{
    width: 100%;
    text-align: center;
    margin-top: 15px;
}
.modify_phone_pop_4 h2{
    color: #333;
}
.modify_phone_pop_5{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
.modify_phone_pop_6{
    margin-right: 15px;
}
.modify_phone_pop_6 p{
    color: #333;
}
.modify_phone_pop_7{
    width: 300px;
    height: 40px;
    border-radius: 5px;
}
.modify_phone_pop_7 input{
    width: 100%;
    height: 100%;
    background: #f2f4f7;
    border: none;
}
.modify_phone_pop_8{
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.modify_phone_pop_9{
    color: #fff;
    font-size: 14px;
    background: #0e91f9;
    padding: 0px 45px;
    line-height: 40px;
    border-radius: 50px;
    display: inline-block;
}
.pay_pop_1{
    position: fixed;
    width: 100%;
    z-index: 99;
    height: 100vh;
    background: rgba(0,0,0,0.6);
    top: 0px;
    left: 0px;
    display: none;
}
.pay_pop_2{
    width: 520px;
    height: 350px;
    background: #fff;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
}
.pay_pop_3{
    width: 100%;
    text-align: center;
    margin-top: 15px;
}
.pay_pop_3 h2{
    color: #333;
}
.pay_pop_4{
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pay_pop_4 p{
    color: #333;
}
.pay_pop_4 span{
    color: #ff3300;
}
.pay_pop_5{
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.pay_pop_6{
    width: 160px;
    height: 160px;
    border-radius: 5px;
    border: 1px solid #0e91f9;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pay_pop_6 img{
    max-width: 140px;
    max-height: 140px;
    width: 100%;
    object-fit: contain;
}
.pay_pop_7{
    width: 100%;
    margin-top: 20px;
}
.pay_pop_8{
    display: flex;
    justify-content: center;
    align-items: center;
}
.pay_pop_9{
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
.pay_pop_9 img{
    width: 100%;
    object-fit: contain;
}
.pay_pop_10{
    color: #0E91F9;
}
.pay_pop_7 .pay_pop_8{
    display: none;
}
.pay_pop_7 .pay_pop_8_active{
    display: flex;
}
.member_pay_1{
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    border-bottom: 1px solid #e8effd;
}
.member_pay_2{
    width: 300px;
    height: 170px;
    border-radius: 10px;
    border: 1px solid #eee;
    transition: ease 1s all;
    position: relative;
    margin-right: 30px;
    margin-bottom: 30px;
    overflow: hidden;
}
.member_pay_3{
    width: 100%;
    margin-top: 30px;
    text-align: center;
}
.member_pay_3 h2{
    color: #333;
}
.member_pay_4{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin-top: 10px;
}
.member_pay_4 p{
    color: #ff3f15;
}
.member_pay_4 h2{
    color: #ff3f15;
}
.member_pay_5{
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    height: 38px;
    background: #f2f4f7;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: ease 1s all;
}
.member_pay_5 p{
    color: #666;
    transition: ease 1s all;
    margin-right: 5px;
}
.member_pay_5 img{
    width: 15px;
    object-fit: contain;
}
.member_pay_6{
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 0;
    height: 0;
    border-bottom: 25px solid #ff3f15;
    border-left: 25px solid transparent;
    z-index: 1;
    transition: ease 1s all;
    opacity: 0;
}
.member_pay_7{
    position: absolute;
    bottom: 0px;
    right: 3px;
    z-index: 2;
    transition: ease 1s all;
    opacity: 0;
}
.member_pay_7 img{
    width: 9px;
    height: 6px;
}
.member_pay_2_active{
    border: 1px solid #ff5326;
    transition: ease 1s all;
}
.member_pay_2_active .member_pay_6{
    opacity: 1;
    transition: ease 1s all;
}
.member_pay_2_active .member_pay_7{
    opacity: 1;
    transition: ease 1s all;
}
.member_pay_2_active .member_pay_5{
    background: #ffede9;
    transition: ease 1s all;
}
/* 个人中心 */
.personal_centre_1{
    width: 100%;
    height: 220px;
    position: relative;
}
.personal_centre_2{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
}
.personal_centre_2 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.personal_centre_3{
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 40px;
}
.personal_centre_4{
    display: flex;
    justify-content: flex-start;
    flex: 1;
}
.personal_centre_5{
    width: 200px;
    height: 200px;
    border-radius: 50px;
    margin-right: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.personal_centre_5 img{
    width: 100%;
    height: 100%;
    object-fit:contain;
}
.personal_centre_6{
    flex: 1;
}
.personal_centre_6_1{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.personal_centre_7{
    width: 100%;
    margin-top: 20px;
}
.personal_centre_7 h2{
    color: #fff;
}
.personal_centre_8{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 5px;
}
.personal_centre_9{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 15px;
}
.personal_centre_10{
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}
.personal_centre_10 img{
    width: 100%;
    object-fit: contain;
}
.personal_centre_11 p{
    color: #fff;
}
.personal_centre_12{
    margin-right: 10px;
    width: 65px;
}
.personal_centre_12 p{
    width: 100%;
    text-align: center;
    color: #fff;
    background: #fa8c3b;
    border-radius: 5px;
    line-height: 30px;
    cursor: pointer;
}
.personal_centre_13{
    width: 80px;
}
.personal_centre_13 p{
    width: 100%;
    text-align: center;
    border: 1px solid #383358;
    border-radius: 5px;
    line-height: 28px;
    color: #fff;
    cursor: pointer;
}
.personal_centre_14{
    width: 100%;
    margin-top: 15px;
    display: inline-block;
}
.personal_centre_14 p{
    display: inline-block;
    color: #0e91f9;
    padding: 0 30px;
    line-height: 50px;
    background: #e8effd;
    border-radius: 10px;
    cursor: pointer;
}
.personal_centre_15{
    margin-left: auto;
    height: 200px;
}
.personal_centre_16{
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    cursor: pointer;
}
.personal_centre_16 p{
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #fff;
    color: #fff;
    padding: 0px 35px;
    line-height: 42px;
}
.personal_centre_17{
    margin-top: 35px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.personal_centre_18{
    margin-left: 50px;
    text-align: center;
}
.personal_centre_18 h2{
    width: 100%;
    text-align: center;
    color: #fff;
}
.personal_centre_18 p{
    width: 100%;
    text-align: center;
    color: #fff;
}
.personal_centre_19_1{
    width: 100%;
    background: #f2f4f7;
}
.personal_centre_19{
    margin: 0px auto 0px;
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: baseline;
    padding: 70px 0 110px;
}
.personal_centre_20{
    width: 100%;
    background: #fff;
    border-radius: 10px;
    box-shadow:0 0 10px 1px #e1e4f5;
    padding: 10px 0px 10px 60px;
}
.personal_centre_20 a{
    width: 100%;
    line-height: 48px;
    color: #666;
    font-size: 16px;
    transition: ease 1s all;
    display: block;
}
.personal_centre_20_1{
    width: 240px;
    margin-right: 30px;
}
.personal_centre_20_2{
    width: 100%;
    background: #fff;
    border-radius: 10px;
    box-shadow:0 0 10px 1px #e1e4f5;
    padding: 10px 0px 10px 60px;
    margin-top: 20px;
    display: none;
}
.personal_centre_20_2 a{
    width: 100%;
    line-height: 48px;
    color: #666;
    font-size: 16px;
    transition: ease 1s all;
    display: block;
}
.personal_centre_20 .personal_centre_20_active{
    color: #0E91F9;
}
.personal_centre_20_2 .personal_centre_20_active{
    color: #0E91F9;
}
.personal_centre_20_2_active{
    display: block;
}
.personal_centre_21{
    flex: 1;
    background: #fff;
    border-radius: 10px;
    padding: 0px 30px 30px;
    box-shadow:0 0 10px 1px #e1e4f5;
}
.personal_centre_22{
    width: 100%;
    border-bottom: 1px solid #e8effd;
    height: 72px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.personal_centre_22 h2{
    color: #333;
    position: relative;
}
.personal_centre_22 h2::after{
    width: 60px;
    height: 5px;
    border-radius: 10px;
    background: #0E91F9;
    content: '';
    bottom: -10px;
    left: 0px;
    position: absolute;
}
.personal_centre_23{
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    margin-top: 30px;
}
.personal_centre_24{
    width: 70px;
    text-align: left;
}
.personal_centre_24 h2{
    color: #333;
}
.personal_centre_25{
    flex: 1;
}
.personal_centre_26{
    width: 110px;
    height: 110px;
    position: relative;
}
.personal_centre_27{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.personal_centre_28{
    width: 100%;
    object-fit: cover;
    border-radius: 100px;
    display: none;
    height: 100%;
}
.personal_centre_29{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0px;
    left: 0px;
    opacity: 0;
    cursor: pointer;
}
.personal_centre_30{
    margin-top: 25px;
}
.personal_centre_31{
    max-width: 420px;
}
.personal_centre_31 input{
    width: 100%;
    border: 1px solid #e5e9e5;
    border-radius: 5px;
    height: 40px;
}
.personal_centre_32{
    padding-bottom: 25px;
    border-bottom: 1px solid #e3e7e3;
}
.personal_centre_33{
    width: 100%;
}
.personal_centre_34{
    width: 100%;
    height: 96px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #e3e7e3;
    cursor: pointer;
}
.personal_centre_35 h2{
    color: #333;
}
.personal_centre_35 p{
    color: #999;
    margin-top: 10px;
}
.personal_centre_36{
    display: flex;
    margin-left: auto;
    height: 100%;
    align-items: center;
    margin-right: 50px;
}
.personal_centre_36 p{
    color: #0E91F9;
}
.personal_centre_37{
    width: 100%;
    margin-top: 30px;
}
.personal_centre_38{
    display: inline-block;
    line-height: 40px;
    padding: 0px 30px;
    background: #0E91F9;
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
}
.modify_pass_pop_1{
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100vh;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.6);
    display: none;
}
.modify_pass_pop_2{
    width: 460px;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 20px 40px 60px;
}
.modify_pass_pop_3{
    width: 100%;
}
.modify_pass_pop_3 h2{
    color: #333;
}
/* pc个人信息-关于我们 */
.personal_about_1{
    height: 72px;
    width: 100%;
    border-bottom: 1px solid #e8effd;
}
.personal_about_2{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
}
.personal_about_2 img{
    margin-right: 15px;
}
.personal_about_2 h2{
    color: #333;
}
.personal_about_3{
    padding: 30px;
}
/* 订单明细 */
.order_detailed_0{
    min-height: 900px;
}
.order_detailed_1{
    width: 100%;
    margin-top: 30px;
}
.order_detailed_2{
    width: 100%;
}
.order_detailed_3{
    width: 100%;
    background: #f8fafd;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 48px;
}
.order_detailed_4{
    text-align: center;
}
.order_detailed_4 h2{
    font-size: 14px;
    color: #333;
    font-family: 600;
}
.order_detailed_5{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 45px;
    border-bottom: 1px solid #e7eae7;
}
.order_detailed_4 .order_detailed_4_no{
    color: #0e91f9;
    cursor: pointer;
}
.order_detailed_4 .order_detailed_4_yes{
    color: #fa8c3b;
    cursor: pointer;
}
.invoicing_pop_1{
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100vh;  
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.6);
    display: none;
}
.invoicing_pop_2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 750px;
    padding: 20px 25px;
    border-radius: 10px;
    background: #fff;
}
.invoicing_pop_3{
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}
.invoicing_pop_3 h2{
    color: #333;
}
.invoicing_pop_4{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
}
.invoicing_pop_5{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 95px;
}
.invoicing_pop_5 span{
    color: #ff4f4f;
}
.invoicing_pop_5 h2{
    color: #333;
    margin-left: 5px;
}
.invoicing_pop_6{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: 1;
}
.invoicing_pop_7 .layui-form-radio{
    margin: 0px;
}
.invoicing_pop_7 i{
    color: #0E91F9;
}
.invoicing_pop_7 .layui-form-radio>i:hover, .layui-form-radioed>i{
    color: #0E91F9;
}
.invoicing_pop_8{
    width: 100%;
    display: none;
}
.invoicing_pop_8_active{
    display: block;
}
.invoicing_pop_9{
    flex: 1;
    height: 45px;
}
.invoicing_pop_9 input{
    width: 100%;
    height: 100%;
    background: #f2f4f7;
    border-radius: 5px;
    border: none;
}
.invoicing_pop_10{
    width: 100%;
    margin-top: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.invoicing_pop_11{
    margin-right: 12px;
    display: inline-block;
    color: #666;
    padding: 0px 45px;
    line-height: 40px;
    border-radius: 50px;
    border: 1px solid #666;
    cursor: pointer;
}
.invoicing_pop_12{
    display: inline-block;
    color: #fff;
    padding: 0px 45px;
    line-height: 40px;
    border-radius: 50px;
    background: #0E91F9;
}
.invoicing_pop_13{
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100vh;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.6);
    display: none;
    cursor: pointer;
}
.invoicing_pop_14{
    max-width: 1000px;
    width: 100%;
    padding: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 600px;
}
.invoicing_pop_14 img{
    object-fit: contain;
}
/* 粉丝关注获赞 */
.fans_1{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 65px;
}
.fans_1 p{
    color: #333;
    margin-right: 15px;
    padding: 0px 16px;
    line-height: 32px;
    background: transparent;
    border-radius: 5px;
    transition: ease 1s all;
    cursor: pointer;
}
.fans_1 .fans_1_active{
    transition: ease 1s all;
    color: #0E91F9;
    background: #e8effd;
}
.fans_2{
    width: 100%;
    margin-top: 30px;
}
.fans_3{
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    display: none;
}
.fans_3_active{
    display: flex;
}
.fans_4{
    width: 32%;
    margin-right: 2%;
    border-radius: 5px;
    border: 1px solid #eee;
    height: 135px;
    padding: 0px 20px;
    margin-bottom: 25px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.fans_3 .fans_4:nth-child(3n){
    margin-right: 0%;
}
.fans_5{
    width: 82px;
    height: 82px;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 50px;
}
.fans_5 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fans_6{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.fans_7{
    width: 100%;
}
.fans_7 h2{
    color: #333;
}
.fans_8{
    width: 100%;
    margin-top: 5px;
}
.fans_8 p{
    color: #999;
}
.fans_9{
    width: 90px;
    margin-left: 5px;
}
.fans_9 p{
    transition: ease 1s all;
    color: #fff;
    width: 100%;
    text-align: center;
    line-height: 30px;
    background: #0E91F9;
    border-radius: 5px;
}
.fans_9 .fans_9_is{
    transition: ease 1s all;
    background: #aaa;
}
.fans_10{
    width: 49%;
    height: 160px;
}
.fans_3 .fans_10:nth-child(3n){
    margin-right: 2%;
}
.fans_3 .fans_10:nth-child(2n){
    margin-right: 0%;
}
.fans_11{
    width: 200px;
    border-radius: 5px;
    overflow: hidden;
    height: 130px;
    position: relative;
    margin-left: 15px;
}
.fans_12{
    width: 100%;
    height: 100%;
}
.fans_12 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fans_13{
    position: absolute;
    top: 5px;
    left: 5px;
}
.fans_13 p{
    display: inline-block;
    line-height: 30px;
    background: #fa8c3b;
    border-radius: 5px;
    padding: 0px 15px;
    color: #fff;
}
/* 观看历史 */
.watch_history_1{
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.watch_history_2{
    width: 32%;
    margin-right: 2%;
    margin-bottom: 25px;
    border-radius: 10px;
    border: 1px solid #eee;
    overflow: hidden;
}
.watch_history_1 .watch_history_2:nth-child(3n){
    margin-right: 0%;
}
.watch_history_3{
    position: relative;
    height: 156px;
    width: 100%;
}
.watch_history_4{
    width: 100%;
    height: 100%;
}
.watch_history_4 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.watch_history_5{
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.watch_history_6{
    color: #fff;
    line-height: 28px;
    border-radius: 5px;
    padding: 0px 18px;
    display: none;
}
.watch_history_6_1{
    background: #fa8c3b;
}
.watch_history_6_2{
    background: #f23f4e;
}
.watch_history_6_sp .watch_history_6_1{
    display: block;
}
.watch_history_6_zb .watch_history_6_2{
    display: block;
}
.watch_history_7{
    padding: 15px 12px 15px 15px;
}
.watch_history_8{
    width: 100%;
}
.watch_history_8 h2{
    color: #2b2c30;
}
.watch_history_9{
    width: 100%;
    margin-top: 8px;
}
.watch_history_9 p{
    color: #a1a9b2;
}
.watch_history_10{
    width: 100%;
    margin-top: 10px;
}
.watch_history_11{
    padding: 0px;
}
.watch_history_11 .index_23{
    width: 150px;
    height: 2px;
}
.watch_history_11 .index_24{
    background: #c3daf8;
}
.watch_history_11 .index_26 p{
    color: #a1a9b2;
    font-size: 12px;
}
.watch_history_12{
    width: 100%;
    margin-top: 12px;
    display: flex;
    justify-content: flex-start;
}
.watch_history_13{
    color: #0e91f9;
    font-size: 14px;
    padding: 0px 10px;
    line-height: 22px;
    display: inline-block;
}
.watch_history_14{
    color: #fff;
    line-height: 26px;
    display: inline-block;
    border-radius: 50px;
    background: #0E91F9;
    padding: 0px 18px;
    margin-left: auto;
}
/* 评论收藏点赞 */
.commentaries_1{
    width: 100%;
    border-radius: 5px;
    border: 1px solid #eee;
    margin-bottom: 20px;
    padding: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.commentaries_2{
    width: 230px;
    height: 130px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    margin-right: 20px;
}
.commentaries_3{
    width: 100%;
    height: 100%;
}
.commentaries_3 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.commentaries_4{
    position: absolute;
    top: 5px;
    left: 5px;
}
.commentaries_4 p{
    color: #fff;
    line-height: 30px;
    border-radius: 5px;
    background: #fa8c3b;
    padding: 0px 18px;
}
.commentaries_5{
    flex: 1;
}
.commentaries_6{
    width: 100%;
}
.commentaries_6 h2{
    color: #333;
}
.commentaries_7{
    width: 100%;
    margin-top: 15px;
}
.commentaries_7 p{
    width: 100%;
    border-radius: 5px;
    background: #e8effd;
    padding: 5px 10px;
    color: #333;
}
.commentaries_8{
    width: 100%;
    margin-top: 15px;
}
.commentaries_8 p{
    color: #a1a9b2;
}
.commentaries_9{
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.commentaries_10{
    flex: 1;
    display: flex;
    flex-direction: column;
}
.commentaries_11{
    width: 100%;
}
.commentaries_11 h2{
    color: #333;
}
.commentaries_11 p{
    margin-top: 10px;
    color: #0E91F9;
    padding: 0px 10px;
    line-height: 22px;
    display: inline-block;
    background: #e8effd;
}
.commentaries_12{
    width: 100%;
    margin-top: 40px;
}
.commentaries_12 p{
    color: #a1a9b2;
}
.commentaries_13{
    width: 260px;
    margin-left: 20px;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
}
.commentaries_14{
    width: 120px;
    text-align: center;
    display: inline-block;
    margin-right: 20px;
    color: #fff;
    background: #0E91F9;
    border-radius: 5px;
    line-height: 34px;
}
.commentaries_15{
    color: #0e91f9;
    transition: ease 1s all;
    line-height: 34px;
    border-radius: 5px;
    border: 1px solid #0E91F9;
    width: 120px;
    text-align: center;
    cursor: pointer;
}
.commentaries_15_is{
    transition: ease 1s all;
    color: #fff;
    background: #aaa;
    border: 1px solid transparent;
}
/* 企业认证 */
.accreditation_1{
    width: 100%;
    margin-top: 30px;
    padding: 0px 20px;
}
.accreditation_2{
    width: 100%;
    background: #fffbf6;
    padding: 0px 20px;
    height: 120px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.accreditation_3{
    width: 66px;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 35px;
}
.accreditation_3 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.accreditation_5 h2{
    color: #ff8800;
}
.accreditation_6{
    margin-top: 10px;
    width: 100%;
}
.accreditation_6 p{
    color: #333;
}
.accreditation_7{
    width: 100%;
    margin-top: 40px;
}
.accreditation_8{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px;
}
.accreditation_9{
    width: 150px;
    text-align: right;
    margin-right: 5px;
}
.accreditation_9 h2{
    color: #333;
}
.accreditation_10{
    position: relative;
    width: 300px;
    height: 44px;
}
.accreditation_10 input{
    border-radius: 5px;
    border: 1px solid #999;
}
.accreditation_11{
    position: absolute;
    bottom: -18px;
    left: 0px;
}
.accreditation_11 p{
    color: #666;
}
.accreditation_12 .personal_centre_26{
    width: 170px;
    height: 120px;
}
.accreditation_12 .personal_centre_26{
    display: flex;
    justify-content: center;
    align-items: center;
}
.accreditation_12 .personal_centre_28{
    border-radius: 0px;
    object-fit: contain;
}
.accreditation_13{
    margin-top: 8px;
}
.accreditation_13 p{
    color: #666;
}
.accreditation_14{
    flex: 1;
}
.accreditation_15{
    display: inline-block;
    color: #fff;
    line-height: 40px;
    background: #0E91F9;
    border-radius: 50px;
    padding: 0px 30px;
}
/* 我的发布 */
.publishing_1{
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.publishing_2{
    width: 32%;
    margin-right: 2%;
    border: 1px solid #efefef;
    border-radius: 10px;
    margin-bottom: 25px;
    overflow: hidden;
}
.publishing_1 .publishing_2:nth-child(3n){
    margin-right: 0%;
}
.publishing_3{
    width: 100%;
    height: 160px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.publishing_3 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.publishing_4{
    padding: 15px;
}
.publishing_5{
    width: 100%;
}
.publishing_5 h2{
    color: #2b2c30;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.publishing_6{
    width: 100%;
    margin-top: 10px;
}
.publishing_6 h2{
    color: #999;
    height: 34px;
    line-height: 17px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.publishing_7{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
}
.publishing_8{
    margin-right: 15px;
}
.publishing_8 p{
    color: #0e91f9;
    display: inline-block;
    padding: 0px 10px;
    line-height: 22px;
    background: #e8effd;
}
.publishing_9 p{
    color: #a1a9b2;
}
.publishing_10{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
}
.publishing_11{
    width: 11px;
    height: 11px;
    margin-right: 5px;
    display: flex;
}
.publishing_11 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.publishing_12 p{
    color: #f01414;
}
/* 我的活动 */
.activities_1{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 15px;
}
.activities_2{
    flex: 1;
}
.activities_3{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.activities_3 h2{
    color: #a1a9b2;
}
.activities_3 p{
    color: #ff7a38;
}
.activities_4{
    width: 100%;
    margin-top: 5px;
}
.activities_4 p{
    color: #0e91f9;
    display: inline-block;
    line-height: 22px;
    padding: 0px 12px;
    background: #e8effd;
}
.activities_5{

}
.activities_5 p{
    color: #0E91F9;
    display: inline-block;
    line-height: 26px;
    border-radius: 50px;
    border: 1px solid #0E91F9;
    padding: 0px 15px;
}
.activities_6 .activities_7:nth-child(3n){
    margin-right: 0%;
}
.activities_8{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.activities_9{
    margin-right: 10px;
    line-height: 26px;
    display: inline-block;
    padding: 0px 20px;
    border-radius: 50px;
    border:1px solid #0E91F9;
    color: #0E91F9;
    text-align: center;
    cursor: pointer;
}
.activities_10{
    color: #999;
    background: #eee;
    line-height: 28px;
    border-radius: 50px;
    padding: 0px 20px;
    text-align: center;
    display: inline-block;
}
/* 我的简历 */
.biographical_notes_1{
    width: 100%;
    margin-top: 45px;
}
.biographical_notes_2{
    width: 100%;
    text-align: center;
}
.biographical_notes_3{
    width: 100%;
    margin-top: 50px;
    text-align: center;
}
.biographical_notes_4{
    display: inline-block;
    line-height: 40px;
    color: #fff;
    background: #0E91F9;
    padding: 0px 30px;
    border-radius: 50px;
}
.biographical_notes_5{
    width: 100%;
}
.biographical_notes_6{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #e8effd;
    padding: 40px 0px;
}
.biographical_notes_7{
    width: 145px;
    height: 145px;
    margin-right: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    overflow: hidden;
}
.biographical_notes_7 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.biographical_notes_8{
    flex: 1;
    display: flex;
    flex-direction: column;
}
.biographical_notes_9{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.biographical_notes_10{
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.biographical_notes_11{
    margin-right: 5px;
}
.biographical_notes_11 h2{
    color: #333;
}
.biographical_notes_12{
    display: flex;
    justify-content: center;
    align-content: center;
    width: 25px;
    height: 25px;
}
.biographical_notes_12 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}
.biographical_notes_12_boy img:nth-child(1){
    display: block;
}
.biographical_notes_12_girl img:nth-child(2){
    display: block;
}
.biographical_notes_13{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.biographical_notes_14{
    margin-right: 8px;
    width: 12px;
    height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.biographical_notes_14 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.biographical_notes_15 h2{
    color: #0e91f9;
}
.biographical_notes_16{
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    justify-content: flex-start;
    margin-top: 20px;
}
.biographical_notes_17{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 35px;
}
.biographical_notes_18{
    width: 16px;
    display: flex;
    height: 20px;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}
.biographical_notes_18 img{
    width: 100%;
    object-fit: contain;
}
.biographical_notes_19 p{
    color: #333;
}
.biographical_notes_20 .biographical_notes_17{
    margin-right: 55px;
}
.biographical_notes_21{
    width: 100%;
}
.biographical_notes_21 h2{
    padding-left: 13px;
    color: #333;
    position: relative;
}
.biographical_notes_21 h2::after{
    position: absolute;
    width: 5px;
    height: 20px;
    transform: translate(0%,-50%);
    background: #0E91F9;
    content: '';
    top: 50%;
    left: 0px;
}
.biographical_notes_22{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-top: 25px;
    flex-wrap: wrap;
}
.biographical_notes_22 .biographical_notes_19 p{
    color: #666;
}
.biographical_notes_22 .biographical_notes_17{
    border-right: 1px solid #c3c3c3;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 0px;
}
.biographical_notes_22 .biographical_notes_17:nth-last-child(1){
    border-right: 1px solid transparent;
}
.biographical_notes_6_1{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.biographical_notes_23{
    width: 100%;
    margin-top: 5px;
    padding-left: 13px;
    border-bottom: 1px solid #e8effd;
    padding-bottom: 30px;
}
.biographical_notes_24{
    width: 100%;
    margin-top: 20px;
}
.biographical_notes_24 h2{
    color: #666;
}
.biographical_notes_6_1 .biographical_notes_23:nth-last-child(1){
    padding-bottom: 0px;
    border-bottom: none;
}
.biographical_notes_25{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-left: 13px;
}
.biographical_notes_25 p{
    color: #0E91F9;
    padding: 0px 20px;
    margin-top: 20px;
    margin-right: 20px;
    line-height: 34px;
    border-radius: 5px;
    background: #e8effd;
    font-weight: 600;
}
.biographical_add_1{
    margin-top: 30px;
    width: 100%;
}
.biographical_add_2{
    border-radius: 10px;
    background: #f8f8f8;
    padding: 15px 30px;
    width: 100%;
    margin-bottom: 30px;
}
.biographical_add_3{
    width: 100%;
}
.biographical_add_3 h2{
    color: #666;
}
.biographical_add_4{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.biographical_add_5{
    width: 48%;
    margin-right: 2%;
    margin-top: 30px;
}
.biographical_add_4 .biographical_add_5:nth-child(2n){
    margin-right: 0%;
}
.biographical_add_8{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-top: 30px;
}
.biographical_add_6{
    margin-bottom: 10px;
}
.biographical_add_6 h2{
    color: #666;
}
.biographical_add_6 .personal_centre_24 h2{
    color: #666;
}
.biographical_add_7{
    width: 100%;
    display: flex;
    justify-content: flex-start;
}
.biographical_add_7 input{
    height: 42px;
    border-radius: 8px;
    width: 100%;
    color: #222;
    font-size: 14px;
    font-weight: 600;
}
.biographical_add_7 textarea{
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    font-size: 14px;
}
.biographical_add_7 .layui-form-select{
    width: 100%;
}
.biographical_add_8{
    width: 100%;
    text-align: center;
}
.biographical_add_8 p{
    line-height: 36px;
    background: #0E91F9;
    color: #fff;
    padding: 0px 20px;
    border-radius: 5px;
    display: inline-block;
    margin: 0 auto;
    cursor: pointer;
}
.biographical_add_9{
    width: 100%;
}
.biographical_add_11{
    width: 100%;
    text-align: center;
}
.biographical_add_12{
    background: #0E91F9;
}



.accreditation_1 .accreditation_2{
    display: none;
    background: transparent;
}
.accreditation_1 .accreditation_2_active{
    display: flex;
}
.acc_value_one .accreditation_5 h2{
    color: #8c8c8c;
}
.acc_value_two .accreditation_5 h2{
    color: #f79f23;
}
.acc_value_three .accreditation_5 h2{
    color: #50b928;
}
.acc_value_four .accreditation_5 h2{
    color: #f43316;
}





/* 我的优惠券兑换 */
.coupon_redemption_1{
    width: 100%;
}
.coupon_redemption_2{
    width: 500px;
    height: 54px;
    border-radius: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #eee;
    overflow: hidden;
}
.coupon_redemption_2 input{
    background: #f7f8fa;
    color: #333;
    font-size: 16px;
    flex: 1;
    height: 100%;
    border: none;
}
.coupon_redemption_3{
    width: 140px;
    color: #fff;
    background: #0E91F9;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.coupon_redemption_4{
    width: 100%;
    margin-top: 70px;
}
.coupon_redemption_5{
    width: 100%;
}
.coupon_redemption_5 h2{
    color: #999;
    line-height: 30px;
}
.coupon_redemption_6{
    width: 100%;
}
.coupon_redemption_6 p{
    color: #999;
    font-size: 14px;
    line-height: 30px;
}
/* 发布职位 */
.post_job_1{
    width: 100%;
    padding-left: 15px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}
.post_job_1::after{
    position: absolute;
    width: 5px;
    height: 20px;
    background: #0E91F9;
    left: 0px;
    top: 50%;
    transform: translate(0%,-50%);
    content: '';
}
.post_job_1 h2{
    color: #333;
}
.post_job_1 p{
    color: #999;
}
.post_job_2{
    width: 100%;
    margin-top: 40px;
}
.post_job_3{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    margin-bottom: 20px;
}
.post_job_4{
    width: 110px;
    text-align: right;
}
.post_job_4 h2{
    color: #666;
}
.post_job_5{
    flex: 1;
}
.post_job_5 p{
    color: #333;
    font-size: 14px;
}
.post_job_5 .layui-form-select{
    width: 240px;
}
.post_job_5 input{
    max-width: 470px;
}
.post_job_5 textarea{
    max-width: 470px;
    border-radius: 2px;
    border:1px solid rgb(230, 230, 230);
    background: transparent;
}
.post_job_6{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.post_job_7{
    margin-right: 25px;
}
.post_job_7 .layui-form-select{
    width: 120px;
}
.post_job_8{
    width: 100%;
    text-align: center;
}
.post_job_8 .layui-btn{
    background-color: #0E91F9;
    border-radius: 50px;
}
/* 招聘职位管理 */
.position_mgmt_1{
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    padding: 30px 35px;
    box-shadow:0 0 10px 1px #e1e4f5;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 25px;
}
.position_mgmt_2{
    width: 380px;
    height: 65px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.position_mgmt_3{
    width: 100%;
}
.position_mgmt_3 h2{
    color: #333;
    transition: ease 1s all;
}
.position_mgmt_4{
    width: 100%;
}
.position_mgmt_4 p{
    color: #666;
}
.position_mgmt_5{
    display: flex;
    justify-content: flex-start;
    height: 100%;
}
.position_mgmt_6{
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    display: flex;
    margin-right: 30px;
    padding: 0px 15px;
}
.position_mgmt_7 h2{
    color: #666;
}
.position_mgmt_8::after{
    background: #0E91F9;
}
.position_mgmt_8 h2{
    color: #0E91F9;
}
.position_mgmt_10::after{
    background: #aaa;
}
.position_mgmt_10 h2{
    color: #aaa;
}
.position_mgmt_9::after{
    background: #fa8c3b;
}
.position_mgmt_9 h2{
    color: #fa8c3b;
}
.position_mgmt_6_none{
    display: none;
}
.position_mgmt_6_active{
    margin-left: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
}
.position_mgmt_6_active::after{
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 20px;
    left: -10px;
    top: 50%;
    transform: translate(-50%,-50%);
    content: '';
}
.position_mgmt_11{
    display: flex;
    height: 100%;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
}
.position_mgmt_12{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    margin-left: 20px;
    cursor: pointer;
}
.position_mgmt_13{
    width: 12px;
    margin-right: 8px;
    height: 100%;
    display: flex;
    justify-content: center;
}
.position_mgmt_13 img{
    width: 100%;
    object-fit: contain;
}
.position_mgmt_14 p{
    color: #0E91F9;
}
.position_mgmt_15 p{
    color: #f01414;
}
.position_mgmt_1:hover .position_mgmt_3 h2{
    color: #0E91F9;
    transition: ease 1s all;
}
.position_mgmt_1_on .position_mgmt_3 h2{
    color: #aaa !important;
}
.position_mgmt_1_on .position_mgmt_4 p{
    color: #aaa;
}
.position_mgmt_1_on .position_mgmt_7 h2{
    color: #aaa;
}
/* pc供需内容管理 */
.supply_demand_1{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    margin-left: auto;
}
.supply_demand_2{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}
.supply_demand_2 p{
    color: #333;
    font-size: 14px;
    transition: ease 1s all;
    font-size: 14px;
    margin-right: 30px;
    cursor: pointer;
    font-weight: 600;
}
.supply_demand_2 .supply_demand_2_active{
    color: #0E91F9;
    transition: ease 1s all;
}
.supply_demand_3 a{
    line-height: 32px;
    color: #fff;
    display: inline-block;
    background: #0E91F9;
    border-radius: 5px;
    padding: 0px 15px;
}

/* 创作交流平台 */
.creations_exchanges_1{
    width: 100%;
    margin-top: 40px;
}
.creations_exchanges_2{
    width: 100%;
    margin: 0 auto 50px;
}
.creations_exchanges_3{
    width: 100%;
    box-shadow:0 0 10px 1px #e1e4f5;
    position: relative;
}
.creations_exchanges_3 img{
    width: 100%;
    object-fit: contain;
}
.creations_exchanges_3 .mySwiper{
    overflow: hidden;
}
.creations_exchanges_3 .swiper-pagination{
    bottom: 10px;
    left: 50%;
}
.creations_exchanges_3 .swiper-pagination span{
    margin-right: 10px;
}
.creations_exchanges_4{
    width: 100%;
    height: 90px;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}
.creations_exchanges_4 .personal_centre_22{
    border-bottom: none;
    width: auto;
}
.creations_exchanges_5{
    margin-right: 30px;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    align-items: center;
    margin-left: 30px;
}
.creations_exchanges_5 a{
    color: #333;
    padding: 0px 20px;
    line-height: 38px;
    border-radius: 50px;
    background: transparent;
    transition: ease 1s all;
    display: inline-block;
    margin-right: 7px;
}
.creations_exchanges_5 .creations_exchanges_5_active{
    background: #0E91F9;
    color: #fff;
    transition: ease 1s all;
}
.creations_exchanges_6{
    margin-left: auto;
    background: #eff2f9;
    max-width: 350px;
    border-radius: 5px;
    width: 100%;
}
.creations_exchanges_6 input{
    background: transparent;
}
.creations_exchanges_6 .navigator_7{
    background: transparent;
}
.creations_exchanges_7{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.creations_exchanges_8{
    width: 23%;
    margin-right: 2%;
    margin-bottom: 30px;
    flex: none;
    height: 260px;
}
.creations_exchanges_7 .creations_exchanges_8:nth-child(4n){
    margin-right: 0%;
}
/* pc交流平台详情 */
.creations_exchanges_date_0{
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: flex-start;
}
.creations_exchanges_date_1{
    flex: 1;
    margin-right: 20px;
}
.creations_exchanges_date_2{
    width: 100%;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 10px 1px #e1e4f5;;
    padding: 35px 70px 15px 30px;
}
.creations_exchanges_date_3{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.creations_exchanges_date_4{
    width: 320px;
    height: 205px;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.creations_exchanges_date_4 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.creations_exchanges_date_5{
    display: flex;
    flex-direction: column;
}
.creations_exchanges_date_6{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}
.creations_exchanges_date_7 {
    margin-right: 10px;
}
.creations_exchanges_date_7 h2{
    color: #333;
}
.creations_exchanges_date_8 p{
    display: inline-block;
    color: #0E91F9;
    padding: 0px 10px;
    line-height: 22px;
    background: #e8effd;
}
.creations_exchanges_date_9{
    width: 100%;
    margin-top: 8px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.creations_exchanges_date_9 p{
    color: #999;
    margin-right: 20px;
}
.creations_exchanges_date_10{
    width: 100%;
    margin-top: 10px;
}
.creations_exchanges_date_10 p{
    color: #666;
    line-height: 20px;
}
.creations_exchanges_date_11{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
}
.creations_exchanges_date_11>div{
    margin-right: 15px;
}
.creations_exchanges_date_12{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.creations_exchanges_date_12 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.creations_exchanges_date_13 h2{
    color: #333;
}
.creations_exchanges_date_14 p{
    display: inline-block;
    padding: 0px 20px;
    border-radius: 5px;
    line-height: 30px;
    border: 1px solid #0E91F9;
    color: #0E91F9;
    cursor: pointer;
    transition: ease 1s all;
    background: transparent;
}
.creations_exchanges_date_14_active p{
    transition: ease 1s all;
    background: #0E91F9;
    color: #fff;
}
.creations_exchanges_date_15{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.creations_exchanges_date_16{
    margin-right: 15px;
    background: #e8effd;
    height: 36px;
    border-radius: 50px;
    width: 125px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    cursor: pointer;
}
.creations_exchanges_date_17{
    width: 17px;
    height: 17px;
    margin-right: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.creations_exchanges_date_17 img{
    width: 100%;
    object-fit: contain;
}
.creations_exchanges_date_19 img:nth-child(2){
    display: none;
}
.creations_exchanges_date_19_active img:nth-child(1){
    display: none;
}
.creations_exchanges_date_19_active img:nth-child(2){
    display: block;
}
.creations_exchanges_date_20{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #f4f8fe;
}
.creations_exchanges_date_20 h2{
    color: #333;
    position: relative;
    line-height: 50px;
}
.creations_exchanges_date_20 h2::after{
    content: '';
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    height: 5px;
    background: #0E91F9;
}
.creations_exchanges_date_21{
    padding: 15px;
}
.creations_exchanges_date_22{
    margin-top: 20px;
    padding-top: 0px;
    padding-bottom: 40px;
}
.creations_exchanges_date_23{
    width: 100%;
    margin-top: 5px;
}
.creations_exchanges_date_24{
    width: 100%;
    background: #f2f4f7;
    border-radius: 10px;
    padding: 15px 25px 20px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 20px;
}
.creations_exchanges_date_25{
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    border-radius: 50px;
    overflow: hidden;
}
.creations_exchanges_date_25 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.creations_exchanges_date_26{
    flex: 1;
}
.creations_exchanges_date_27{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.creations_exchanges_date_27 h2{
    color: #333;
}
.creations_exchanges_date_27 p{
    color: #999;
}
.creations_exchanges_date_28{
    width: 100%;
    margin-top: 10px;
}
.creations_exchanges_date_28 p{
    color: #333;
}
.creations_exchanges_date_29{
    width: 400px;
}
.creations_exchanges_date_30{
    width: 100%;
    cursor: pointer;
}
.creations_exchanges_date_30 img{
    width: 100%;
}
.creations_exchanges_date_31{
    width: 100%;
    margin-top: 20px;
    box-shadow: 0 0 10px 1px #e1e4f5;
    border-radius: 10px;
    background: #fff;
}
.creations_exchanges_date_32{
    width: 100%;
    border-bottom: 1px solid #eaf0fd;
}
.creations_exchanges_date_32 h2{
    line-height: 50px;
    padding-left: 17px;
    color: #333;
}
.creations_exchanges_date_33{
    padding: 0px 17px 40px;
}
.creations_exchanges_date_34{
    margin-top: 20px;
}
.post_information_pop_1{
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 99;
    background: rgba(0,0,0,0.6);
    top: 0px;
    left: 0px;
    display: none;
}
.post_information_pop_2{
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0px 25px 40px;
    border-radius: 10px;
    transform: translate(-50%,-50%);
    width: 750px;
}
.post_information_pop_3{
    width: 100%;
    margin-top: 30px;
}
.post_information_pop_4{
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.post_information_pop_5{
    width: 65px;
    margin-right: 20px;
    text-align: right;
}
.post_information_pop_5 h2{
    color: #333;
}
.post_information_pop_6{
    flex: 1;
}
.post_information_pop_6 input{
    background: #f2f4f7;
    border-radius: 5px;
    border: none;
    font-size: 14px;
}
.post_information_pop_7{
    width: 180px;
}
.post_information_pop_7 img{
    border-radius: 0px;
}
.post_information_pop_8{
    width: 100%;
    background: #f2f4f7;
    border-radius: 10px;
}
.post_information_pop_9{
    width: 100%;
}
.post_information_pop_9 textarea{
    border: none;
    background: transparent;
    padding: 15px;
    font-size: 14px;
    height: 150px;
}
.post_information_pop_10{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0px 15px 10px;
}
.post_information_pop_10>div{
    width: 80px;
    height: 80px;
    margin-right: 18px;
}
.post_information_pop_11 img{
    border-radius: 0px;
}
.post_information_pop_12{
    position: relative;
}
.post_information_pop_13{
    width: 100%;
    height: 100%;
}
.post_information_pop_13 img{
    width: 100%;
    height: 100%;
}
.post_information_pop_14{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
    top: 0px;
    left: 0px;
}
.post_information_pop_14 input{
    width: 100%;
    height: 100%;
}
.post_information_pop_15{
    border-radius: 5px;
    border: 1px solid #999;
    display: none;
    flex-direction: column;
    align-items: center;
    width: 80px;
    height: 80px;
}
.post_information_pop_15 img{
    object-fit: contain;
    width: 35px;
    margin-top: 15px;
}
.post_information_pop_16{
    width: 100%;
    text-align: center;
}
.post_information_pop_17{
    background: #0E91F9;
}
/* 公告列表 */
.new_list_1{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.new_list_2{
    width: 23%;
    margin-right: 2%;
    margin-bottom: 30px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 10px 1px #e1e4f5;
}
.new_list_1 .new_list_2:nth-child(4n){
    margin-right: 0%;
}
.new_list_3{
    width: 100%;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.new_list_3 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.new_list_4{
    padding: 15px 10px 18px;
}
.new_list_5{
    width: 100%;
}
.new_list_5 h2{
    width: 100%;
    height: 34px;
    line-height: 17px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #2b2c30;
    transition: ease 1s all;
}
.new_list_6{
    width: 100%;
    margin-top: 7px;
}
.new_list_6 p{
    color: #999;
    height: 34px;
    line-height: 17px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.new_list_7{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
}
.new_list_8 p{
    color: #999;
}
.new_list_9 p{
    display: inline-block;
    line-height: 28px;
    border-radius: 50px;
    background: #0E91F9;
    color: #fff;
    padding: 0px 15px;
}
.new_list_2:hover .new_list_5 h2{
    color: #0E91F9;
    transition: ease 1s all;
}
/* 公告列表详情 */
.new_list_date_1{
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.new_list_date_2{
    flex: 1;
    box-shadow: 0 0 10px 1px #e1e4f5;
    margin-right: 20px;
    padding: 50px 50px 100px;
    border-radius: 10px;
}
.new_list_date_3{
    width: 100%;
    text-align: center;
}
.new_list_date_3 h2{
    color: #333;
}
.new_list_date_4 {
    width: 100%;
    margin-top: 10px;
    text-align: center;
}
.new_list_date_4 p{
    color: #999;
}
.new_list_date_5{
    width: 100%;
    margin-top: 25px;
}
.new_list_date_6{
    width: 400px;
    border-radius: 10px;
    box-shadow: 0 0 10px 1px #e1e4f5;
}
.new_list_date_7{
    border-bottom: 1px solid #eaf0fd;
}
.new_list_date_7 h2{
    line-height: 80px;
    padding-left: 26px;
    color: #333;
}
.new_list_date_8{
    width: 100%;
    padding: 0px 16px 25px;
}
.new_list_date_9{
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    background: #eff2f9;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100px;
    margin-top: 20px;
}
.new_list_date_10{
    width: 150px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.new_list_date_10 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.new_list_date_11{
    flex: 1;
    padding: 0px 10px;
    display: flex;
    flex-direction: column;
}
.new_list_date_12{
    width: 100%;
}
.new_list_date_12 h2{
    color: #2b2c30;
    height: 34px;
    line-height: 17px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.new_list_date_13{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
}
.new_list_date_14 p{
    color: #999;
}
.new_list_date_15 p{
    color: #0E91F9;
}
/* 供需大厅 */
.supply_demand_parlour_1{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.supply_demand_parlour_2{
    flex: 1;
    margin-right: 20px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.supply_demand_parlour_3{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 25px;
    box-shadow: 0 0 10px 1px #e1e4f5;
    border-radius: 5px;
    padding: 25px 12px 20px;
}
.supply_demand_parlour_2 .supply_demand_parlour_3:nth-child(2n){
    margin-right: 0%;
}
.supply_demand_parlour_4{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.supply_demand_parlour_5 h2{
    color: #333;
}
.supply_demand_parlour_6{
    flex: 1;
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.supply_demand_parlour_7{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 6px;
}
.supply_demand_parlour_8{
    width: 25px;
    height: 25px;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}
.supply_demand_parlour_8 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.supply_demand_parlour_9 h2{
    color: #333;
}
.supply_demand_parlour_10 p{
    color: #0E91F9;
    transition: ease 1s all;
    padding: 0px 15px;
    border-radius: 5px;
    border: 1px solid #0E91F9;
    line-height: 25px;
}
.supply_demand_parlour_10_active p{
    color: #fff;
    background: #0E91F9;
    transition: ease 1s all;
}
.supply_demand_parlour_11{
    width: 100%;
}
.supply_demand_parlour_11 p{
    color: #999;
    margin-top: 10px;
}
.supply_demand_parlour_12{
    width: 100%;
    margin-top: 10px;
}
.supply_demand_parlour_12 p{
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.supply_demand_parlour_13{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
}
.supply_demand_parlour_14 h2{
    color: #fa8936;
}
.supply_demand_parlour_15{
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.supply_demand_parlour_16{
    margin-right: 15px;
}
.supply_demand_parlour_16 p{
    color: #a1a9b2;
}
.supply_demand_parlour_17{
    display: flex;
    background: #e8effd;
    height: 28px;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    width: 65px;
    margin-right: 10px;
}
.supply_demand_parlour_18{
    width: 14px;
    display: flex;
    height: 14px;
    justify-content: center;
    align-items: center;
    margin-right: 6px;
}
.supply_demand_parlour_18 img:nth-child(2){
    display: none;
}
.supply_demand_parlour_18_active img:nth-child(1){
    display: none;
}
.supply_demand_parlour_18_active img:nth-child(2){
    display: block;
}

.supply_demand_parlour_19 p{
    color: #999;
}
.supply_demand_parlour_20{
    padding: 0px 10px;
    line-height: 28px;
    color: #fff;
    background: #0E91F9;
    border-radius: 50px;
    display: inline-block;
}
.supply_demand_parlour_21{
    width: 400px;
}
.supply_demand_parlour_22{
    width: 100%;
    height: 260px;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.supply_demand_parlour_22 img{
    width: 100%;
    object-fit: contain;
}
.supply_demand_parlour_23{
    width: 100%;
    margin-top: 20px;
    box-shadow: 0 0 10px 1px #e1e4f5;
    border-radius: 5px;
}
.supply_demand_parlour_24{
    border-bottom: 1px solid #e8effd;
}
.supply_demand_parlour_24 h2{
    padding-left: 25px;
    color: #333;
    line-height: 50px;
}
.supply_demand_parlour_25{
    width: 100%;
    padding: 0px 18px 18px;
}
.supply_demand_parlour_26_1{
    width: 100%;
    border-radius: 5px;
    background: #eff2f9;
    padding: 10px 8px;
    margin-top: 15px;
}
.supply_demand_parlour_26{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.supply_demand_parlour_27{
    position: relative;
}
.supply_demand_parlour_27::after{
    width: 2px;
    height: 16px;
    background: #0E91F9;
    position: absolute;
    content: '';
    top: 50%;
    left: -8px;
    transform: translate(0%,-50%);
}
.supply_demand_parlour_27 h2{
    color: #333;
}
.supply_demand_parlour_28{
    margin-left: auto;
}
.supply_demand_parlour_28 p{
    color: #a1a9b2;
}
.supply_demand_parlour_29{
    width: 100%;
    margin-top: 8px;
}
.supply_demand_parlour_29 p{
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 8px;
}
.supply_demand_parlour_30{
    margin-top: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}
.supply_demand_parlour_31{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.supply_demand_parlour_31 p{
    color: #999;
    margin-right: 10px;
}
.supply_demand_parlour_31 h2{
    color: #ff7a38;
}
.supply_demand_parlour_32{
    display: inline-block;
    margin-left: auto;
    line-height: 28px;
    padding: 0px 12px;
    background: #0E91F9;
    border-radius: 50px;
    color: #fff;
}
.supply_demand_pop_1{
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0px;
    top: 0px;
    background: rgba(0,0,0,0.6);
    z-index: 99;
    display: none;
}
.supply_demand_pop_2{
    width: 750px;
    border-radius: 10px;
    background: #fff;
    top: 50%;
    left: 50%;
    padding: 20px 30px 5px;
    transform: translate(-50%,-50%);
    position: absolute;
}
.supply_demand_pop_3{
    width: 100%;
}
.supply_demand_pop_4{
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
}
.supply_demand_pop_4 h2{
    color: #333;
}
.supply_demand_pop_5{
    display: flex;
    justify-content: flex-start;
}
.supply_demand_pop_5 .post_information_pop_4:nth-child(1){
    margin-right: 20px;
}
.supply_demand_pop_6{
    width: 100%;
    position: relative;
}
.supply_demand_pop_6 input{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.supply_demand_pop_6_0{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.post_information_pop_6 .supply_demand_pop_6_1{
    width: 85px;
    position: absolute;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0;
}
.supply_demand_pop_6_2{
    width: 85px;
    height: 40px;
    background: #999;
    text-align: center;
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.supply_demand_pop_6_3{
    flex: 1;
    height: 40px;
    background: #f2f4f7;
    font-size: 14px;
    padding-left: 5px;
    line-height: 40px;
}

.supply_demand_pop_7{
    position: absolute;
    left: 0px;
    bottom: -25px;
    color: #999;
}
.supply_demand_pop_8{
    margin-top: 50px;
    text-align: center;
}
.demand_active{
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.demand_active::after{
    position: absolute;
    content: '';
    background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 100%);    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 200%;
    z-index: 10;
}
/* 供需大厅详情 */
.supply_demand_parlour_date_1{
    display: flex;
    justify-content: flex-start;
    margin-top: 25px;
    align-items: flex-start;
}
.supply_demand_parlour_date_2{
    flex: 1;
    box-shadow: 0 0 10px 1px #e1e4f5;
    border-radius: 10px;
    margin-right: 20px;
}
.supply_demand_parlour_date_3{
    height: 60px;
    display: flex;
    align-items: center;
    padding-left: 20px;
    border-bottom: 1px solid #e8effd;
}
.supply_demand_parlour_date_4{
    width: 100%;
    padding: 35px 20px 60px 25px;
}
.supply_demand_parlour_date_5{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.supply_demand_parlour_date_6{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.supply_demand_parlour_date_7{
    width: 25px;
    height: 25px;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}
.supply_demand_parlour_date_7 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.supply_demand_parlour_date_8{
    margin-right: 8px;
    display: inline-block;
}
.supply_demand_parlour_date_8 h2{
    color: #333;
}
.supply_demand_parlour_date_9 p{
    color: #0E91F9;
    transition: ease 1s all;
    display: inline-block;
    padding: 0px 10px;
    border-radius: 5px;
    background: #fff;
    line-height: 26px;
    border: 1px solid #0E91F9;
    cursor: pointer;
}
.supply_demand_parlour_date_9_active p{
    transition: ease 1s all;
    color: #fff;
    background: #0E91F9;
}
.supply_demand_parlour_date_10{
    margin-left: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 65px;
    height: 28px;
    border-radius: 50px;
    background: #e8effd;
    cursor: pointer;
}
.supply_demand_parlour_date_11{
    width: 14px;
    height: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 7px;
}
.supply_demand_parlour_date_11 img{
    width: 100%;
    object-fit: contain;
}
.supply_demand_parlour_date_11 img:nth-child(2){
    display: none;
}
.supply_demand_parlour_date_11_active img:nth-child(1){
    display: none;
}
.supply_demand_parlour_date_11_active img:nth-child(2){
    display: block;
}
.supply_demand_parlour_date_12 p{
    color: #999;
}
.supply_demand_parlour_date_13{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 25px;
}
.supply_demand_parlour_date_14{
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}
.supply_demand_parlour_date_15{
    margin-right: 15px;
}
.supply_demand_parlour_date_15 h2{
    color: #333;
}
.supply_demand_parlour_date_16 p{
    color: #a1a9b2;
}
.supply_demand_parlour_date_17{
    margin-left: auto;
}
.supply_demand_parlour_date_17 h2{
    color: #fa8936;
}
.supply_demand_parlour_date_18{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
}
.supply_demand_parlour_date_19 p{
    color: #999;
}
.supply_demand_parlour_date_20{
    margin-left: auto;
}
.supply_demand_parlour_date_20 p{
    color: #999;
}
.supply_demand_parlour_date_21{
    width: 100%;
    margin-top: 20px;
}
.supply_demand_parlour_date_22{
    width: 100%;
    background: #e8effd;
    padding: 0px 20px;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 50px;
}
.supply_demand_parlour_date_23{
    width: 66px;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}
.supply_demand_parlour_date_23 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.supply_demand_parlour_date_24 h2{
    color: #333;
}
.supply_demand_parlour_date_25{
    margin-left: auto;
}
.supply_demand_parlour_date_25 p{
    line-height: 50px;
    padding: 0px 30px;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    background: #0E91F9;
    color: #fff;
}
.splice_pop_1{
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.6);
    top: 0px;
    left: 0px;
    position: fixed;
    z-index: 99;
    display: none;
}
.splice_pop_2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    width: 400px;
    border-radius: 10px;
    overflow: hidden;
}
.splice_pop_3{
    width: 100%;
    background: #0E91F9;
    text-align: center;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.splice_pop_3 h2{
    color: #fff;
}
.splice_pop_4{
    width: 100%;
    padding: 20px 15px 10px;
}
.splice_pop_5{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.splice_pop_5 input{
    flex: 1;
}
.splice_pop_5 .login_19{
    height: 38px;
}
.splice_pop_6{
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
/* 活动列表 */
.activities_list_1{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.activities_list_2{
    border-radius: 10px;
    box-shadow: 0 0 10px 1px #e1e4f5;
    overflow: hidden;
    margin-bottom: 30px;
    width: 23%;
    margin-right: 2%;
}
.activities_list_1 .activities_list_2:nth-child(4n){
    margin-right: 0%;
}
.activities_list_3{
    width: 100%;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.activities_list_3 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.activities_list_4{
    padding: 15px;
    width: 100%;
}
.activities_list_5{
    width: 100%;
}
.activities_list_5 h2{
    color: #2b2c30;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.activities_list_6{
    width: 100%;
    margin-top: 10px;
}
.activities_list_6 p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #999;
    line-height: 16px;
    height: 32px;
}
.activities_list_7{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.activities_list_8{
    flex: 1;
    margin-top: 15px;
    display: flex;
    flex-direction: column;
}
.activities_list_9{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.activities_list_9 h2{
    color: #a1a9b2;
}
.activities_list_9 p{
    color: #ff7a38;
}
.activities_list_10{
    margin-top: 8px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.activities_list_10 h2{
    display: inline-block;
    line-height: 22px;
    background: #e8effd;
    padding: 0px 12px;
    color: #0E91F9;
    margin-right: 6px;
}
.activities_list_10 p{
    color: #a1a9b2;
}
.activities_list_11{
    width: 65px;
    margin-left: 10px;
}
.activities_list_11>p{
    border-radius: 50px;
    text-align: center;
    width: 100%;
    line-height: 28px;
}
.activities_list_12{
    color: #fff;
    background: #0E91F9;
}
.activities_list_13{
    background: #eee;
    color: #999;
}
.activities_list_11 .activities_list_13{
    display: none;
}
.activities_list_11_active .activities_list_12{
    display: none;
}
.activities_list_11_active .activities_list_13{
    display: block;
}
/* 活动列表详情 */
.activities_date_1{
    width: 100%;
    margin-top: 30px;
    box-shadow: 0 0 10px 1px #e1e4f5;
    padding: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.activities_date_2{
    width: 320px;
    height: 210px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 40px;
}
.activities_date_2 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.activities_date_3{
    flex: 1;
    display: flex;
    height: 100%;
    flex-direction: column;
}
.activities_date_4{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}
.activities_date_4 h2{
    color: #333;
}
.activities_date_4 p{
    color: #999;
    margin-left: 14px;
}
.activities_date_5{
    width: 100%;
    margin-top: 25px;
}
.activities_date_5 p{
    width: 100%;
    position: relative;
    color: rgba(51,51,51,0.8);
    font-size: 16px;
    line-height: 28px;
}
.activities_date_5 a{
    display: inline-block;
    margin-left: 10px;
}
.activities_date_6{
    width: 440px;
    margin-left: 10px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}
.activities_date_7{
    width: 125px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    border-radius: 50px;
    background: #e8effd;
    cursor: pointer;
}
.activities_date_8{
    width: 18px;
    height: 18px;
    margin-right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.activities_date_8 img{
    width: 100%;
    object-fit: contain;
}
.activities_date_8 img:nth-child(2){
    display: none;
}
.activities_date_8_active img:nth-child(1){
    display: none;
}
.activities_date_8_active img:nth-child(2){
    display: block;
}

.activities_date_9 h2{
    color: #0e91f9;
}
.activities_date_10{
    width: 125px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    border-radius: 50px;
    background: #e8effd;
    cursor: pointer;
}
.activities_date_11{
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 6px;
}
.activities_date_11 img{
    width: 100%;
    object-fit: contain;
}
.activities_date_12 h2{
    color: #0e91f9;
}
.activities_date_15>div{
    width: 160px;
    border-radius: 50px;
    line-height: 38px;
    text-align: center;
    position: relative;
    /* overflow: hidden; */
}
.activities_date_13{
    display: none;
    cursor: pointer;
}
.activities_date_13 h2{
    color: #fff;
    background: #0E91F9;
	border-radius: 50px;
}
.activities_date_14{
    margin-bottom: -15px;
    width: 100%;
    text-align: center;
    color: #999;
    position: absolute;
    left: 0px;
}
.activities_date_16{
    display: none;
}
.activities_date_16 h2{
    color: #0E91F9;
    background: #e8effd;
}
.activities_date_17{
    display: none;
}
.activities_date_17 h2{
    color: #999;
    background: #eee;
}
.activities_date_15_active{
    display: block;
}
.activities_date_15_active h2{
    border-radius: 50px;
}
.activities_date_18{
    width: 100%;
    margin-top: 30px;
    box-shadow: 0 0 10px 1px #e1e4f5;
    padding: 10px 35px 25px;
}
.activities_date_19{
    width: 100%;
    border-bottom: 1px solid #e8effd;
    padding: 25px 0px;
}
.activities_date_20{
    width: 100%;
}
.activities_date_20 h2{
    color: #333;
    position: relative;   
    display: inline-block;
}
.activities_date_20 h2::after{
    width: 110%;
    bottom: -10px;
    left: 0px;
    content: '';
    position: absolute;
    height: 4px;
    background: #0E91F9;
    border-radius: 10px;
}
.activities_date_21{
    width: 100%;
    margin-top: 30px;
}
.activities_date_18 .activities_date_19:nth-last-child(1){
    border-bottom: none;
}
.activities_date_22{
    width: 520px;
}

/* 补 */
.talent_in_1{
    width: 100%;
    margin-top: 40px;
}
.talent_in_2{
    margin: 0 auto;
    position: relative;
    height: 350px;
    border-radius: 10px;
    overflow: hidden;
}
.talent_in_3{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.talent_in_3 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.talent_in_4{
    position: absolute;
    top: 30px;
    right: 25px;
    z-index: 1;
}
.talent_in_5{
    display: flex;
    justify-content: flex-end;
}
.talent_in_6 .layui-input{
    background: transparent;
    border:none;
    width: 100px;
}
.talent_in_6 .layui-input::placeholder{
    color: #fff;
}
.talent_in_7{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.talent_in_2 .layui-form{
    height: 100%;
}
.talent_in_2 .layui-form-item{
    height: 100%;
}
.talent_in_8{
    display: flex;
    justify-content: center;
    align-items: center;
}
.talent_in_9{
    width: 580px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
}
.talent_in_10{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}
.talent_in_10 .layui-btn{
    background: #0E91F9;
}
.talent_in_11{
    margin-top: 15px;
    text-align: center;
}
.talent_in_11 p{
    color: #fff;
    font-size: 14px;
}
.talent_in_12{
    margin: 28px auto 0px;
    box-shadow: 0 0 10px 1px #e1e4f5;
    padding: 30px 30px 25px;
    border-radius: 10px;
}
.talent_in_13{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
}
.talent_in_14{
    width: 95px;
}
.talent_in_14 h2{
    color: #333333;
    font-size: 14px;
}
.talent_in_15{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex: 1;
}
.talent_in_15 p{
    color: #667280;
    font-size: 14px;
    margin-right: 5px;
    cursor: pointer;
    transition: ease 0.8s all;
    padding: 0px 23px;
    background: transparent;
    line-height: 28px;
    display: inline-block;
    border-radius: 50px;
}
.talent_in_15 p:hover{
    background: #E8EFFD;
    color: #0E91F9;
    transition: ease 0.8s all;
}
.talent_in_15 .talent_in_15_active{
    background: #E8EFFD;
    color: #0E91F9;
    transition: ease 0.8s all;
}
.talent_in_16{
    margin: 20px auto 0px;
    text-align: center;
    padding: 0px 30px;
    border-radius: 5px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    background: #0E91F9;
    display: inline-block;
}
.talent_in_17{
    text-align: center;
}
.talent_in_18{
    margin: 35px auto 0px;
}
.talent_in_19{
    width: 100%;
}
.talent_in_19 h2{
    color: #333333;
    font-size: 18px;
}
.talent_in_20{
    margin-top: 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.talent_in_21{
    padding: 15px 20px 25px 35px;
    width: 49%;
    margin-right: 2%;
    background: #fff;
    box-shadow: 0 0 10px 1px #e1e4f5;
    margin-bottom: 20px;
}
.talent_in_20 .talent_in_21:nth-child(2n){
    margin-right: 0%;
}
.talent_in_22{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.talent_in_23{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.talent_in_24{
    width: 38px;
    height: 38px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}
.talent_in_24 img{
    width: 100%;
    object-fit: contain;
}
.talent_in_25 h2{
    color: #333333;
    font-size: 18px;
}
.talent_in_26 p{
    color: #A1A9B2;
    font-size: 14px;
    text-align: right;
}
.talent_in_27{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.talent_in_28{
    flex: 1;
}
.talent_in_28 h2{
    color: #333333;
    font-size: 14px;
}
.talent_in_28 p{
    color: #999999;
    font-size: 14px;
    margin-top: 10px;
}
.talent_in_29{
    width: 116px;

}
.talent_in_29 a{
    color: #fff;
    display: inline-block;
    line-height: 38px;
    background: #0E91F9;
    border-radius: 50px;
    text-align: center;
    font-size: 14px;
    width: 100%;
}
.talent_in_detail_0{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: auto;
    margin-top: 20px;
    border-bottom: none;
}
.talent_in_detail_1{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.talent_in_detail_1 img{
    margin-right: 10px;
}
.talent_in_detail_2{
    text-align: right;
}
.talent_in_detail_3{
    display: inline-block;
    line-height: 38px;
    border-radius: 5px;
    padding: 0px 20px;
    color: #fff;
    background: #0E91F9;
    font-size: 16px;
}
.talent_in_detail_4{
    text-align: right;
    margin-top: 15px;
}
.talent_in_detail_4 p{
    color: #999999;
    font-size: 14px;
}
.talent_in_detail_5{
    padding: 50px 45px 0px;
}
.talent_in_detail_6{
    color: #FFFFFF;
}
.talent_in_detail_7{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.talent_in_detail_7{
    margin-top: 30px;
    display: flex;
    align-items: baseline;
}
.talent_in_detail_7 h2{
    color: #fff;
    margin-right: 15px;
}
.talent_in_detail_7 p{
    color: #FF7A38;
}
.talent_in_detail_8{
    margin-top: 20px;
    color: #fff;
}
.talent_in_detail_9{
    margin-top: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.talent_in_detail_9 p{
    color: #0E91F9;
    display: inline-block;
    margin-right: 13px;
    background: #E8EFFD;
    border-radius: 5px;
    padding: 0px 12px;
    line-height: 32px;
}
.talent_in_detail_10{
    margin-top: 15px;
    color:rgba(255,255,255,0.3);
}
.talent_in_detail_11{
    margin: 25px auto 110px;
    display: flex;
    justify-content: flex-start;
}
.talent_in_detail_12{
    flex: 1;
    box-shadow: 0 0 10px 1px #e1e4f5;
    padding: 40px 40px 30px;
    border-radius: 10px;
}
.talent_in_detail_13{
    width: 100%;
    margin-bottom: 20px;
}
.talent_in_detail_13 h2{
    position: relative;
    padding-left: 11px;
    color: #333;
}
.talent_in_detail_13 h2::after{
    width: 4px;
    height: 20px;
    background: #0E91F9;
    left: 0px;
    top: 50%;
    transform: translate(0%,-50%);
    content: '';
    position: absolute;
}
.talent_in_detail_14{
    margin-bottom: 30px;
}
.talent_in_detail_14 p{
    color: #666666;
}
.talent_in_detail_15{
    display: inline-block;
    margin-top: 15px;
    padding: 0px 68px;
    background: #0E91F9;
    border-radius: 50px;
    color: #fff;
    line-height: 48px;
}
.talent_in_detail_16{
    width: 400px;
    margin-left: 15px;
    box-shadow: 0 0 10px 1px #e1e4f5;
    border-radius: 10px;
    background: #fff;
    padding: 25px;
}
.talent_in_detail_17 h2{
    color: #333333;
}
.talent_in_detail_18{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 25px;
}
.talent_in_detail_19{
    width: 56px;
    height: 56px;
    margin-right: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border: 1px solid #eee;
    overflow: hidden;
}
.talent_in_detail_20 h2{
    color: #333333;
}
.talent_in_detail_21{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
}
.talent_in_detail_22{
    width: 20px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}
.talent_in_detail_22 img{
    width: 100%;
    object-fit: contain;
}
.talent_in_detail_23 p{
    color: #666;
}
.talent_in_detail_24{
    display: flex;
    justify-content: flex-start;
    margin-top: 30px;
}
.talent_in_detail_25{
    color: #666666;
    min-width: 80px;
}
.talent_in_detail_26{
    color: #666666;
}
.talent_in_detail_27{
    margin-left: auto;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 40px;
}
.talent_in_detail_27 img{
    width: 100%;
    object-fit: contain;
}
.programme_date_6{
    position: relative;
}
.programme_xg_1{
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.6);
    z-index: 99;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.programme_xg_2{
    width: 100%;
    text-align: center;
}
.programme_xg_2 img{
    width: 60px;
    height: 60px;
    margin: 0 auto;
}
.programme_xg_3{
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.programme_xg_4{
    color: #fff;
    line-height: 48px;
    background: #0E91F9;
    border-radius: 50px;
    padding: 0px 40px;
    display: inline-block;
    cursor: pointer;
}
.pay_pop_xg_0{
    height: 240px;
}

.pay_pop_xg_1{
    text-align: center;
    margin-top: 10px;
}
.pay_pop_xg_2{
    text-align: center;
    margin-top: 20px;
}
.pay_pop_xg_2 h2{
    line-height: 40px;
    color: #fff;
    cursor: pointer;
    background: #0E91F9;
    border-radius: 50px;
    padding: 0px 30px;
    display: inline-block;
}

.talent_in_15 .layui-unselect i{
    display: none;
}
.talent_in_15 .layui-form-radio{
    margin-top: 0px;
    padding-right: 0px;
}
.talent_in_15 .layui-unselect div{
    color: #667280;
    font-size: 14px;
    margin-right: 5px;
    cursor: pointer;
    transition: ease 0.8s all;
    padding: 0px 23px;
    background: transparent;
    line-height: 28px;
    display: inline-block;
    border-radius: 50px;
}
.talent_in_15 .layui-form-radioed div{
    background: #E8EFFD;
    color: #0E91F9;
    transition: ease 0.8s all;
}



/* 补 */


/* 分页公共 */
.page_comm_1{
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.page_comm_2{
    margin-right: 15px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.page_comm_2 p{
    color: #333;    
}
.page_comm_3{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.page_comm_3 a{
    font-size: 14px;
    color: #333;
    background: #f5f7fa;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    width: 35px;
    height: 35px;
    margin: 0px 5px;
    transition: ease 0.8s all;
}
.page_comm_3 .page_comm_3_active{
    transition: ease 0.8s all;
    color: #fff;
    background: #0E91F9;
}
.page_comm_3 a:hover{
    transition: ease 0.8s all;
    color: #fff;
    background: #0E91F9;
}

.login_tab_show{
    display: block;
}
.login_input_1 input{
    background: transparent;
    height: 100%;
    padding-left: 0px;
    border: none;
}
.layui-layer-page .layui-layer-content{
    padding: 10px;
}
.layui-form-select dl dd.layui-this{
    background: #0E91F9;
}
.img_hover_nei{
    overflow: hidden;
}
.img_hover_nei img{
    transition: ease 1.2s all;
}
.img_hover_wai:hover .img_hover_nei img{
    transform: scale(1.1);
    transition: ease 1.2s all;
}


/* pc 修改 */
.personal_centre_20_3{
    display: none;
}
.navigator_13_1{
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.navigator_13_1 p{
    color: #fff;
    transition: ease 0.8s all;
}
.navigator_on .navigator_13_1 p{
    color: #333;
    transition: ease 0.8s all;
}
.creations_exchanges_6_xg{
    background: transparent;
}
.creations_exchanges_6_xg .navigator_7{
    justify-content:flex-end;
    border-right: none;
}
.creations_exchanges_6_xg_1{
    padding: 0px 20px;
    line-height: 38px;
    border-radius: 50px;
    display: inline-block;
    background: #0E91F9;
    color: #fff;
    cursor: pointer;
}
.programme_date_67_xg_1{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.programme_date_67_xg_2{
    margin-right: 20px;
    flex: 1;
}
.programme_date_67_xg_3{
    width: 150px;
}
.programme_date_67_xg_3 .layui-btn{
    height: 100%;
    background: #0E91F9;
    width: 100%;
}
.post_job_7_xg{
    display: flex;
}
.index_69 {
    position: relative;
}
.index_69::after{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    top: 0px;
    left: 0px;
    content: '';
}
.talent_in_18_xg_1{
    display: flex;
    align-items: center;
    justify-content: center;
}
.talent_in_18_xg_2{
    flex: 1;
}
.talent_in_18_xg_3{
    margin-right: 0px;  
}
.index_43{
    min-width: 60px;
    width: auto;
    padding: 0px 5px;
}
/* pc 修改 */
.personal_xg_1{
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-top: 15px;
}
.personal_xg_2{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 40px;
}
.personal_xg_1 .personal_xg_2:nth-last-child(1){
    margin-right: 0px;
}
.personal_xg_3{
    height: 26px;
    opacity: 0.6;
}
.personal_xg_3 img{
    height: 100%;
    object-fit: contain;
}
.personal_xg_4{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 5px;
}
.personal_xg_5 p:nth-child(1){
    color: rgba(255,255,255,0.5);
    line-height: 28px;
}
.personal_xg_5 p:nth-child(2){
    color: rgba(255,255,255,1);
    display: none;  
    line-height: 28px;
}
.personal_xg_6{
    margin-left: 10px;
    display: inline-block;
    padding: 0px 12px;
    background: #fff;
    line-height: 28px;
    border-radius: 50px;
    color: #040d23;
    font-size: 14px;
}
.personal_xg_2_active .personal_xg_3{
    opacity: 1;
}
.personal_xg_2_active .personal_xg_5 p:nth-child(1){
    display: none;
}
.personal_xg_2_active .personal_xg_5 p:nth-child(2){
    display: block;
}
.personal_xg_2_active .personal_xg_6{
    display: none;
}
.deliver_pop_1{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 99;
    background: rgba(0,0,0,0.6);
    display: none;
}
.deliver_pop_2{
    width: 600px;
    height: 500px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 10px;
    padding: 10px;
}
.deliver_pop_3{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
}
.deliver_pop_4{
    width: 100%;
    padding: 10px;
    max-height: 370px;
    overflow: hidden;
}
.deliver_pop_5{
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 50px;
    align-items: center;
    border-bottom: 1px solid #eee
}
.deliver_pop_6{
    margin-right: 10px;
    flex: 1;
}
.deliver_pop_6 p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.deliver_pop_7{
    width: 45px;
    text-align: right;
}
.deliver_pop_7 a{
    color: #0E91F9;
}
.programme_date_75{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.programme_date_75 span{
    color: #0E91F9;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
}
.pro_date_xg_1{
    width: 100%;
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    margin-top: 10px;
    border: 1px solid #ccc;
}
.pro_date_xg_2{
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
.pro_date_xg_1 .pro_date_xg_2:nth-last-child(1){
    margin-bottom: 0px;
}
.pro_date_xg_3{
    display: flex;
    justify-content: flex-start;
}
.pro_date_xg_3_1{
    width: 40px;
    margin-right: 15px;
}
.pro_date_xg_4{
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}
.pro_date_xg_4 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pro_date_xg_5{
    margin-top: 5px;
    text-align: center;
}
.pro_date_xg_5 h2{
    color: #0E91F9;
}
.pro_date_xg_6{
    flex: 1;
}
.pro_date_xg_6 p{
    color: #333;
}
.pro_date_xg_7{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.pro_date_xg_7 span{
    color: #aaa;
}
.pro_date_xg_7 p{
    margin-left: 10px;
    color: #0E91F9;
    cursor: pointer;
}
.pro_date_xg_8{
    display: flex;
    justify-content: center;
}
.pro_date_xg_8 .programme_date_9{
    margin-right: 0px;
}
.pro_date_xg_8 .programme_date_11 p{
    color: #fff;
}
.deliver_pop_4_1{
    width: 100%;
    display: flex;
    justify-content: flex-start;
}
.deliver_pop_4_2{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.deliver_pop_4_2 h2{
    color: #000;
}
.deliver_pop_4_3{
    display: flex;   
}
.deliver_pop_4_3 p{
    color: #333;
    line-height: 40px;
}




.display_none{
    display: none;
}
.wap_1{
    max-width: 1400px;
}
.flex_1{
    flex: 1;
}
.flex_2{
    flex: 2;
}

@media (max-width: 1660px){
    /* .wap_1{
        max-width: 1440px;
    } */

}
@media (max-width: 1440px){
    .wap_1{
        max-width: 1300px;
    }
}
@media (max-width: 1200px){
    .wap_1{
        max-width: 1100px;
    }
}

@media (max-width: 780px){
    .wap_1{
        max-width: 95%;
    }

    .f72, .fb72{
        font-size: 40px;
    }
    .f68, .fb68{
        font-size: 36px;
    }
    .f60, .fb60{
        font-size: 34px;
    }
    .f56, .fb56{
        font-size: 32px;
    }
    .f48, .fb48{
        font-size: 30px;
    }
    .f42, .fb42{
        font-size: 28px;
    }
    .f36, .fb36{
        font-size: 26px;
    }
    .f30, .fb30{
        font-size: 24px;
    }
    .f28, .fb28{
        font-size: 22px;
    }
    .f26, .fb26{
        font-size: 21px;
    }
    .f24, .fb24{
        font-size: 20px;
    }
    .f22, .fb22{
        font-size: 18px;
    }
    .f18, .fb18{
        font-size: 16px;
    }
    .f16, .fb16{
        font-size: 14px;
    }
}

.page_comm_1 .pagination{
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_comm_1 .pagination li{
    width: 35px;
    height: 35px;
    border-radius: 5px;
    background: #f5f7fa;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 5px;
}
.page_comm_1 .pagination li a{
    width: 35px;
    height: 35px;
    border-radius: 5px;
    background: #f5f7fa;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: ease 0.6s all;
}
.page_comm_1 .pagination li a:hover{
    transition: ease 0.6s all;
    background: #0E91F9 !important;
    color: #fff;
}
.page_comm_1 .active{
    background: #0E91F9 !important;
    color: #fff;
}


@media only screen and (min-width: 300px) and (max-width: 767px) {
    .page_comm_1 .pagination li a{
        width: 30px;
        height: 30px;
    }
    .login_3{
        width: 95%;
        margin: 0 auto;
        padding: 15px 10px 30px;
        height: auto;
    }
    .login_4{
        display: none;
    }
    .password_1{
        margin-top: 15px;
    }
    .login_17{
        width: 190px;
    }
    .registration_2 .login_11{
        margin-bottom: 10px;
    }
    .navigator_5{
        display: none;
    }
    .navigator_6{
        display: none;
    }
    .index_2{
        height: 550px;
    }
    .index_3{
        flex-wrap: wrap;
        height: auto;
    }
    .index_4{
        flex: none;
        width: 100%;
    }
    .index_6{
        margin-top: 15px;
        width: 100%;
    }
    .index_17{
        height: calc(100% - 45px);
    }
    .index_30{
        margin-bottom: 10px;
    }
    .index_33{
        margin-top: 20px;
        flex-wrap: wrap;
    }
    .index_40{
        width: 48%;
        margin-right: 2%;
        margin-bottom: 15px;
    }
    .index_39 .index_40:nth-child(2n){
        margin-right: 0%;
    }
    .index_48{
        flex-wrap: wrap;
    }
    .index_46{
        padding: 10px 10px 15px;
    }
    .index_50{
        width: 100%;
        margin-top: 10px;
    }
    .index_56{
        width: 100%;
        flex: none;
    }
    .index_59{
        margin-top: 10px;
    }
    .index_60{
        margin-top: 10px;
    }
    .index_61{
        margin-top: 20px;
        flex-wrap: wrap;
    }
    .index_62{
        flex: none;
        width: 100%;
    }
    .index_34{
        flex-wrap: wrap;
    }
    .index_63{
        width: 100%;
        overflow-x: scroll;
        display: -webkit-box;
        margin-top: 20px;
    }
    .index_63 p{
        line-height: 28px;
        padding: 0px 10px;
        font-size: 12px;
    }
    .index_38{
        margin-top: 10px;
    }
    .index_64{
        margin-top: 10px;
    }
    .index_65{
        flex-wrap: wrap;
    }
    .index_66{
        width: 100%;
        flex:none;
        margin-bottom: 20px;
    }
    .index_68{
        margin-right: 0px;
        height: 350px;
    }
    .index_84{
        width: 100%;
        margin-left: 0px;
    }
    .index_94{
        margin-top: 10px;
    }
    .index_95{
        padding: 10px;
        flex-wrap: wrap;
        height: auto;
    }
    .index_96{
        width: 100%;
    }
    .index_100{
        width: 100%;
        flex: none;
        margin-top: 10px;
    }
    .index_104{
        margin-top: 10px;
    }
    .index_105{
        width: 100%;
    }
    .index_106{
        text-align: left;
        margin-top: 10px;
    }
    .index_107{
        justify-content: flex-start;
        margin-top: 10px;
    }
    .index_32{
        margin: 0px auto 20px
    }
    .foot_1{
        height: auto;
    }
    .foot_2{
        flex-wrap: wrap;
        padding: 15px 0px;
    }
    .foot_3{
        flex:none;
        width: 100%;
        text-align: center;
    }
    .foot_5{
        margin-top: 20px;
    }
    .foot_6{
        margin-top: 20px;
    }
    .foot_7{
        width: 100%;
        justify-content: center;
        margin-top: 15px;
    }
    .header #navToggle{
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translate(-50%, -50%);
        height: auto;
        padding: 0px;
        margin-right:0px
    }
    .header #navToggle span{
        margin-top:0px
    }
    .navigator_14{
        display: none !important;

    }
    .navigator_11{
        margin-left: 0px;
        margin-right: 35px;
    }
    .navigator_3{
        justify-content: space-between;
    }
    .personal_centre_3{
        flex-wrap: wrap;
        padding-top: 0px;
    }
    .personal_centre_4{
        width: 100%;
    }
    .personal_centre_5{
        display: none;
    }
    .personal_centre_7{
        margin-top: 10px;
    }
    .personal_centre_14{
        margin-top: 10px;
    }
    .personal_centre_14 p{
        padding: 0 20px;
        line-height: 35px;
    }
    .personal_centre_15{
        height: auto;
        margin-left:0px;
        width: 100%;
    }
    .personal_centre_16{
        margin-top: 10px;
    }
    .personal_centre_16 p{
        padding: 0px 15px;
        line-height: 30px;
    }
    .personal_centre_17{
        margin-top: 10px;
    }
    .personal_centre_19{
        padding: 20px 0;
        flex-wrap: wrap;
    }
    .personal_centre_20_1{
        width: 100%;
        margin-right: 0px;
    }
    .personal_centre_21{
        margin-top: 20px;
    }
    .personal_about_3{
        padding: 0px;
    }
    .order_detailed_0{
        min-height: auto;
    }
    .personal_centre_21{
        padding: 0px 10px 10px;
    }
    .page_comm_1{
        flex-wrap: wrap;
    }
    .page_comm_2{
        width: 100%;
        text-align: center;
        justify-content:center;
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .post_job_1{
        flex-wrap: wrap;
    }
    .post_job_1::after{
        top: 4px;
        transform: translate(0%,0%);
    }
    .post_job_4{
        width: 90px;
    }
    .personal_centre_22{
        flex-wrap: wrap;
        height: auto;
        padding: 10px 0px;
    }
    .fans_1{
        justify-content: flex-start;
        margin-top: 15px;
        margin-left: 0px;
    }
    .fans_4{
        width: 100%;
        margin-right: 0%;
        margin-bottom: 20px;
    }
    .personal_centre_22 h2{
        width: 100%;
    }
    .supply_demand_1{
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
    }
    .position_mgmt_1{
        flex-wrap: wrap;
        padding: 10px 15px;
    }
    .position_mgmt_2{
        width: 100%;
        height: auto;
    }
    .position_mgmt_5{
        height: auto;
        margin: 5px 0px;
    }
    .position_mgmt_11{
        height: auto;
    }
    .position_mgmt_12{
        height: auto;
    }
    .position_mgmt_6{
        padding: 0px 5px;
    }
    .supply_demand_2 p{
        font-size: 12px;
    }
    .watch_history_2{
        width: 100%;
        margin-right: 0px;
    }
    .lesson_pay_1{
        padding: 20px 0px 40px;
    }
    .lesson_pay_2{
        padding: 15px 10px 10px;
    }
    .lesson_pay_4{
        flex-wrap: wrap;
        margin: 10px 0px;
    }
    .lesson_pay_5{
        width: 100%;
        margin-right: 0px;
    }
    .lesson_pay_6{
        margin-top: 10px;
    }
    .lesson_pay_8{
        margin-top: 10px;
    }
    .lesson_pay_9{
        padding: 10px 0px 10px 15px;
    }
    .lesson_pay_10{
        margin-top: 10px;
        padding-bottom: 20px;
    }
    .lesson_pay_12{
        margin-top: 20px;
    }
    .lesson_pay_13{
        margin-top: 20px;
    }
    .lesson_pay_15{
        margin-top: 10px;
        flex-wrap: wrap;
    }
    .lesson_pay_16{
        width: 100%;
        margin-bottom: 10px;
    }
    .lesson_pay_18{
        height: 40px;
        width: 110px;
    }
    .lesson_pay_19{
        width: 20px;
        height: 20px;
        margin-right: 7px;
    }
    .lesson_pay_14{
        padding-bottom: 10px;
    }
    .lesson_pay_25{
        margin-top: 20px;
    }
    .lesson_pay_27{
        margin-top: 10px;
    }
    .lesson_pay_30{
        margin-top: 10px;
        flex-wrap: wrap;
    }
    .lesson_pay_33 p{
        font-size: 14px;
    }
    .lesson_pay_33 p span{
        font-size: 14px;
    }
    .lesson_pay_34 p{
        line-height: 30px;
        padding: 0px 20px;
    }
    .navigator_0{
        height: 70px;
    }
    .navigator_3{
        height: 70px;
    }
    .member_pay_2{
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0px;
    }
    .pay_pop_2{
        width: 90%;
    }
    .programme_date_3{
        height: 60px;
    }
    .programme_date_4{
        flex-wrap: wrap;
        height: auto;
    }
    .programme_date_6{
        height: auto;
    }
    .plv-live-error{
        width: calc(100% - 10px) !important;
        height: 300px !important;
    }
    .programme_date_23{
        flex-wrap: wrap;
        height: auto;
        padding: 10px 0px;
    }
    .programme_date_26{
        margin-top: 20px;
    }
    .programme_date_31{
        justify-content: flex-start;
    }
    .programme_date_32{
        justify-content: flex-start;
    }
    .programme_date_33{
        justify-content: flex-start;
    }
    .programme_date_37{
        padding: 20px 0px;
    }
    .programme_date_38 {
        flex-wrap: wrap;
    }
    .programme_date_39{
        flex: none;
        width: 100%;
        margin-right: 0px;
    }
    .programme_date_78{
        width: 100%;
    }
    .programme_date_40{
        padding: 0px 0px;
        overflow-x: scroll;
        display: -webkit-box;
        height: 50px;
        padding-top: 10px;
    }
    .programme_date_40 p{
        font-size: 12px;
        padding: 0px 15px;
        line-height: 28px;
        height: 28px;
        margin-right: 5px;
    }
    .programme_date_8{
        padding: 0px 10px;
    }
    .programme_date_41{
        padding:15px;
    }
    .programme_date_53{
        height: auto;
        padding-left: 10px;
        flex-wrap: wrap;
        padding-top: 10px;
    }
    .programme_date_57{
        margin-left: 0px;
        width: 100%;
        justify-content: space-between;
        margin: 10px 0px;
    }
    .programme_date_58{
        margin-right: 0px;
    }
    .programme_date_59 a{
        font-size: 12px;
        line-height: 24px;
        width: 65px;
    }
    .index_23{
        height: 5px;
    }
    .programme_date_60{
        padding: 15px 10px;
    }
    .programme_date_66 p{
        font-size: 12px;
        line-height: 24px;
    }
    .programme_date_76{
        margin-top: 0px;
    }
    .programme_date_76 p{
        font-size: 12px;
        line-height: 22px;
    }
    .programme_date_78{
        margin-top: 15px;
    }
    .programme_date_79{
        height: 40px;
    }
    .programme_date_90{
        width: 90%;
    }
    .commentaries_1{
        margin-bottom: 10px;
        padding: 10px;
        flex-wrap: wrap;
    }
    .commentaries_2{
        width: 100%;
        margin-right: 0px;
        height: 200px;
    }
    .commentaries_5{
        margin-top: 10px;
    }
    .commentaries_7{
        margin-top: 5px;
    }
    .commentaries_8{
        margin-top: 10px;
    }
    .fans_2{
        margin-top: 10px;
    }
    .commentaries_9{
        height: auto;
        flex-wrap: wrap;
    }
    .commentaries_10{
        flex: none;
        width: 100%;
    }
    .commentaries_11{
        margin-top: 10px;
    }
    .commentaries_12{
        margin: 10px 0px;
    }
    .commentaries_14{
        width: 100px;
        line-height: 28px;
    }
    .commentaries_15{
        width: 100px;
        line-height: 28px;
    }
    .fans_5{
        width: 60px;
        height: 60px;
    }
    .fans_10{
        padding: 10px;
        height: auto;
    }
    .fans_11{
        width: 100px;
        height: 100px;
    }
    .accreditation_9{
        width: 120px;
    }
    .accreditation_10{
        width: 100%;
        max-width: 240px;
    }
    .publishing_2{
        width: 100%;
        margin-right: 0px;
    }
    .publishing_4{
        padding: 10px;
    }
    .publishing_7{
        margin-top: 10px;
    }
    .biographical_add_2{
        padding: 10px;
        margin-bottom: 10px;
    }
    .biographical_add_5{
        width: 100%;
        margin-right: 0%;
        margin-top: 15px;
    }
    .biographical_notes_6{
        flex-wrap: wrap;
        padding: 20px 0px;
    }
    .biographical_add_7 input{
        height: 36px;
        border-radius: 4px;
    }
    .biographical_notes_7{
        width: 80px;
        height: 80px;
        margin: 0 auto;
    }
    .biographical_notes_17{
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .biographical_notes_8{
        width: 100%;
        flex:none;
    }
    .biographical_notes_20 .biographical_notes_17{
        margin-right: 20px;
    }
    .commentaries_13{
        width: 100%;
    }
    .coupon_redemption_2{
        width: 100%;
        height: 40px;
    }
    .coupon_redemption_2 input{
        font-size: 12px;
    }
    .coupon_redemption_4{
        margin-top: 20px;
    }
    .page_comm_3 a{
        width: 30px;
        height: 30px;
        margin: 0px 3px;
        font-size: 12px;
    }
    .creations_exchanges_1{
        margin-top: 0px;
    }
    .creations_exchanges_2{
        margin: 0 auto 20px;
    }
    .creations_exchanges_4{
        flex-wrap: wrap;
        height: auto;
    }
    .creations_exchanges_5{
        width: 100%;
        overflow-x: scroll;
        display: -webkit-box;
        margin: 10px 0px;
    }
    .creations_exchanges_5 a{
        display: block;
        padding: 0px 10px;
        line-height: 28px;
        margin-right: 5px;
    }
    .creations_exchanges_6{
        max-width: 100%;
        margin-left: 0px;
        margin-bottom: 10px;
    }
    .index_68{
        height: 240px;
        margin-bottom: 10px;
    }
    .creations_exchanges_date_0{
        flex-wrap: wrap;
    }
    .creations_exchanges_date_1{
        margin-right: 0px;
    }
    .creations_exchanges_date_2{
        padding: 10px;
    }
    .creations_exchanges_date_3{
        flex-wrap: wrap;
    }
    .creations_exchanges_date_4{
        width: 100%;
        margin-right: 0%;
    }
    .creations_exchanges_date_5{
        margin-top: 10px;
    }
    .creations_exchanges_date_16{
        height: 30px;
        margin-right: 10px;
        width: 100px;
    }
    .creations_exchanges_date_21{
        padding: 10px;
    }
    .creations_exchanges_date_20 h2{
        line-height: 30px;
    }
    .creations_exchanges_date_24{
        padding: 10px;
    }   
    .creations_exchanges_date_29{
        margin-top: 20px;
    }
    .creations_exchanges_date_34{
        height: 220px;
    }
    .post_information_pop_2{
        width: 90%;
        padding: 0px 10px 0px;
    }
    .post_information_pop_4{
        margin-bottom: 7px;
    }
    .post_information_pop_5{
        width: 55px;
        margin-right: 10px;
    }
    .post_information_pop_6 input{
        font-size: 12px;
    }
    .post_information_pop_7{
        height: 80px;
        width: 140px;
    }
    .post_information_pop_10>div{
        width: 60px;
        height: 60px;
    }
    .new_list_1{
        margin-top: 10px;
    }
    .new_list_2{
        width: 100%;
        margin-right: 0%;
        margin-bottom: 15px;
    }
    .new_list_4{
        padding: 10px;
    }
    .new_list_date_1{
        flex-wrap: wrap;
        margin-top: 15px;
    }
    .new_list_date_2{
        margin-right: 0px;
        padding: 15px 10px 20px;
    }
    .new_list_date_6{
        width: 100%;
        margin-top: 15px;
    }
    .new_list_date_7 h2{
        line-height: 40px;
    }
    .new_list_date_9{
        margin-top: 10px;
    }
    .supply_demand_parlour_1{
        flex-wrap: wrap;
    }
    .supply_demand_parlour_2{
        width: 100%;
        flex: none;
        margin-right: 0%;
    }
    .supply_demand_parlour_3{
        width: 100%;
        margin-right: 0%;
        padding: 15px 10px;
        margin-bottom: 15px;
    }
    .supply_demand_parlour_11 p{
        margin-top: 5px;
    }
    .supply_demand_parlour_13{
        margin-top: 10px;
    }
    .supply_demand_parlour_25{
        padding: 0px 10px 10px;
    }
    .supply_demand_parlour_date_1{
        margin-top: 15px;
        flex-wrap: wrap;
    }
    .supply_demand_parlour_date_2{
        margin-right: 0px;
    }
    .supply_demand_parlour_date_3{
        height: 40px;
    }
    .supply_demand_parlour_date_3 img{
        width: 8px;
    }
    .supply_demand_parlour_date_4{
        padding: 10px;
    }
    .supply_demand_parlour_date_13{
        margin-top: 10px;
    }
    .supply_demand_parlour_date_18{
        flex-wrap: wrap;
        margin-top: 10px;
    }
    .supply_demand_parlour_date_19 p{
        width: 100%;
    }
    .supply_demand_parlour_date_20{
        width: 100%;
        margin-left: 0px;
        margin-top: 10px;
    }
    .supply_demand_parlour_date_21{
        margin-top: 10px;
    }
    .supply_demand_parlour_date_22{
        margin-top: 20px;
        flex-wrap: wrap;
        height: auto;
        padding: 10px;
    }
    .supply_demand_parlour_date_23{
        display: none;
    }
    .supply_demand_parlour_date_25{
        width: 100%;
        margin-left: 0px;
        text-align: center;
    }
    .supply_demand_parlour_date_25 p{
        line-height: 30px;
        padding: 0px 20px;
    }
    .splice_pop_2{
        width: 90%;
    }
    .activities_list_2{
        width: 100%;
        margin-right: 0%;
        margin-bottom: 15px;
    }
    .activities_list_4{
        padding: 10px;
    }
    .activities_date_1{
        flex-wrap: wrap;
        margin-top: 10px;
        padding: 10px;
    }
    .activities_date_2{
        width: 100%;
        margin-right: 0%;
    }
    .activities_date_3{
        margin-top: 10px;
    }
    .activities_date_5 {
        margin-top: 10px;
    }
    .activities_date_6{
        width: 100%;
        flex-wrap: wrap;
        margin-left: 0px;
        margin-top: 10px;
    }
    .activities_date_6>div{
        flex: 1;
        margin-right: 10px;
    }
    .activities_date_18{
        margin-top: 10px;
        padding: 10px;
    }
    .activities_date_19{
        padding: 15px 0px;
    }
    .activities_date_21{
        margin-top: 20px;
    }
    .activities_date_22{
        width: 90%;
    }
    .supply_demand_pop_6_2{
        font-size: 12px;
        height: 30px;
        line-height: 30px;
    }
    .supply_demand_pop_6_3{
        font-size: 12px;
        height: 30px;
        line-height: 30px;
    }

    /* 补 */
    .talent_in_1{
        margin-top: 10px;
    }
    .talent_in_9{
        width: 280px;
    }
    .talent_in_12 {
        padding: 15px;
        margin: 15px auto 0px;
    }
    .talent_in_14 {
        width: 80px;
    }
    .talent_in_14 h2{
        font-size: 12px;
    }
    .talent_in_15{
        overflow-x: scroll;
        display: -webkit-box;
        flex-wrap: nowrap;
    }
    .talent_in_15 p{
        display: block;
        font-size: 12px;
        padding: 0px 17px;
    }
    .talent_in_16{
        padding: 0px 25px;
        line-height: 30px;
        color: #fff;
        font-size: 12px;
    }
    .talent_in_18{
        margin: 15px auto 0px;
    }
    .talent_in_21{
        margin-right: 0%;
        padding: 10px;
        width: 100%;
    }
    .talent_in_25 h2{
        font-size: 14px;
    }
    .talent_in_26 p{
        font-size: 12px;
    }
    .talent_in_27{
        margin-top: 10px;
    }
    .talent_in_28 h2{
        font-size: 12px;
    }
    .talent_in_28 p{
        font-size: 14px;
        margin-top: 5px;
    }
    .talent_in_29{
        width: 80px;
    }
    .talent_in_29 a{
        line-height: 30px;
        font-size: 12px;
    }
    .talent_in_detail_0{
        margin-top: 10px;
    }
    .talent_in_detail_3{
        line-height: 28px;
        padding: 0px 10px;
        font-size: 12px;
    }
    .talent_in_detail_4{
        margin-top: 10px;
    }
    .talent_in_detail_4 p{
        font-size: 12px;
    }
    .talent_in_detail_5{
        padding: 15px;
    }
    .talent_in_detail_11{
        flex-wrap: wrap;
    }
    .talent_in_detail_12{
        padding: 10px;
    }
    .talent_in_detail_13{
        margin-bottom: 10px;
    }
    .talent_in_detail_14{
        margin-bottom: 20px;
    }
    .talent_in_detail_15{
        margin-top: 0px;
        padding: 0px 35px;
        line-height: 30px;
    }
    .talent_in_detail_16{
        width: 100%;
        margin-left: 0px;
        margin-top: 15px;
        padding: 10px;
    }
    .talent_in_detail_18{
        margin-top: 10px;
    }
    .talent_in_detail_21{
        margin-top: 10px;
    }
    .talent_in_detail_24{
        margin-top: 10px;
    }
    .programme_xg_4{
        line-height: 36px;
        padding: 0px 30px;
    }
    .pay_pop_xg_0{
        height: 200px;
    }

    /* 小屏修改 */
    .index_2{
        height: 200px;
    }
    .index_6{
        display: none;
    }
    .index_43{
        min-width: 60px;
        padding: 0px 5px;
        width: auto;
    }
    .index_97{
        width: 50%;
    }
    .index_98{
        width: 50%;
        margin-top: 0px;
        text-align: right;
    }
    .index_98 p{
        height: 15px;
    }
    .index_99{
        margin-top: 0px;
        text-align: right;
    }
    .index_105{
        justify-content: space-between;
    }
    .index_106{
        width: auto;
    }
    .index_107{
        height: 35px;
        width: auto;
    }
    .index_107 p{
        line-height: 35px;
    }
    .index_63 a{
        display: block;
    }
    .programme_list_4{
        width: 80px;
    }
    .programme_list_4 h2{
        line-height: 26px;
    }
    .programme_list_5 p{
        font-size: 12px;
        padding: 0px 6px;
        line-height: 26px;
    }
    .talent_in_2{
        height: 250px;
    }
    .talent_in_12  .talent_in_13:nth-child(1) .talent_in_15{
        overflow-x: initial;
        display: flex;
    }
    .talent_in_15 .layui-unselect .layui-select-title{
        flex: 1;
        padding: 0px;
    }
    .talent_in_15 .layui-unselect div {
        font-size: 12px;
        margin-right: 5px;
        padding: 0px 10px;
    }
    .talent_in_15 .layui-form-radio{
        margin: 5px 2px 0 0;
    }
    .talent_in_16{
        margin-top: 0px;
    }
    .layui-layer-page{
        width: 90% !important;
    }
    .personal_centre_20{
        box-shadow: none;
        padding: 30px 0px 10px 25px;
    }
    .personal_centre_20_1{
        position: fixed;
        background: #fff;
        z-index: 100;
        height: 100vh;
        top: 0px;
        left: -100%;
        width: 50%;
        transition: ease 1s all;
    }
    .personal_centre_20_2{
        box-shadow: none;
        padding: 10px 0px 10px 30px;
    }
    .personal_centre_20_show{
        left: 0%;
        transition: ease 1s all;
        box-shadow: 0 0 10px 1px #e1e4f5;
    }
    .personal_centre_20_3{
        position: absolute;
        top: 10px;
        right: 15px;
        width: 25px;
        height: 25px;
        display: block;
    }
    .left_nav_1{
        width: 100%;
        background: #eff1f5;
        position: absolute;
        top: 290px;
        padding-left: 10px;
    }
    .left_nav_2{
        width: 30px;
        height: 30px;
        background: #0E91F9;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 5px;
    }
    .left_nav_2 img{
        width: 85%;
        height: 85%;
        object-fit: contain;
    }
    .post_job_7_xg{
        flex: 1;
    }
    .post_job_7_xg .post_job_7{
        margin-right: 0px;
    }
    .post_job_7_xg .post_job_7 .layui-form-select{
        width: 100%; 
        margin-bottom: 10px;  
    }
    .order_detailed_4 p{
        font-size: 12px;
    }
    .creations_exchanges_6_xg_1{
        padding: 0px 10px;
        line-height: 30px;
        font-size: 12px;
    }
    .creations_exchanges_6_xg .navigator_7{
        justify-content: center;
    }
    /* 小屏修改 */
    .personal_centre_1{
        height: auto;
    }
    .personal_centre_6_1{
        flex-wrap: wrap;
    }
    .personal_xg_1{
        flex-wrap: wrap;
    }
    .personal_xg_2{
        width: 50%;
        margin-right: 0%;
        margin-bottom: 5px;
        height: 78px;
        justify-content: flex-start;
    }
    .personal_xg_3{
        height: 20px;
    }
    .personal_xg_4{
        flex-wrap: wrap;
    }
    .personal_xg_6{
        margin-top: 5px;
        margin-left: 10px;
    }
    .personal_centre_17 .personal_centre_18:nth-child(1){
        margin-left: 0px;
    }
    .left_nav_1{
        top: 370px;
    }
    .deliver_pop_2{
        width: 95%;
        height: 400px;
    }
    .deliver_pop_3{
        height: 20px;
    }
    .deliver_pop_3 img{
        height: 100%;
        object-fit: contain;
    }
    .deliver_pop_4{
        max-height: 300px;
    }
    .deliver_pop_5{
        height: 40px;
    }


    /* 补 */

    .f14, .fb14 {
        font-size: 12px;
    }
    .f16, .fb16 {
        font-size: 13px;
    }
    .f18, .fb18{
        font-size: 13px;
    }
    .f20, .fb20 {
        font-size: 14px;
    }
    .f22, .fb22 {
        font-size: 14px;
    }
    .f24, .fb24 {
        font-size: 15px;
    }
    .f26, .fb26{
        font-size: 16px;
    }
    .f28, .fb28{
        font-size: 16px;
    }
    .f30, .fb30{
        font-size: 17px;
    }
    .f36, .fb36{
        font-size: 18px;
    }
    .f42, .fb42{
        font-size: 20px;
    }
    .f48, .fb48{
        font-size: 22px;
    }
    .f56, .fb56{
        font-size: 23px;
    }
    .f60, .fb60{
        font-size: 24px;
    }
    .f68, .fb68{
        font-size: 26px;
    }
    .f72, .fb72{
        font-size: 30px;
    }
}