.header_fix{position: fixed;z-index: 99;width: 100%;height: 80px;background: rgb(28,31,35);left: 0;right: 0;top: 0;}
.header_fix .header{max-width: 1440px;height: 80px;margin: 0 auto;}
.header_fix .header .logo_mini{width: 24px;height: auto;}
.header_fix .header .logo_text{font-size: 18px;font-family: PingFangSC-Semibold, PingFang SC;font-weight: 600;color: #FFFFFF;margin-left: 18px;}
.header_fix .header .tab_nav{padding-left: 156px;}
.header_fix .header .tab_nav .tab{font-size: 16px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;margin-right: 80px;}
.header_fix .header .tab_nav .tab.active{font-size: 16px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #1C7CDC;}
.header_fix .header .tab_nav .tab:last-child{margin-right: 0;}
.header_fix .header .login.active{width: 60px;height: 34px;line-height: 34px;text-align: center;font-size: 16px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;background: #1C7CDC;border-radius: 3px;}
.header_fix .header .login{width: 60px;height: 34px;line-height: 34px;text-align: center;font-size: 16px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #8E9DAD;background: #2C343D;border-radius: 3px;}
.header_fix .header .login + .login{margin-left: 20px;}
.header_fix .header .ico{width: 20px;vertical-align: middle;height: 20px;border-radius: 50%;object-fit: cover;}
.header_fix .header .username{font-size: 16px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #98B3CF;margin-left: 10px;vertical-align: middle;}
.content{width: 100%;padding-top: 80px;background: var(--normal);}
.footer{width: 100%;height: 208px;background: #2C343D;}
.footer .logo_foot{width: 56px;height: auto;display: block;}
.footer .mid_box{padding-left: 48px;padding-right: 103px;}
.footer .mid_box .li{font-size: 14px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #98B3CF;padding-bottom: 30px;border-bottom: 1px solid #98B3CF;}
.footer .mid_box .li1{font-size: 14px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #98B3CF;padding-top: 30px;}
.footer .mid_box .li span{padding-right: 20px;padding-left: 20px;}
.footer .mid_box .li span:first-child{padding-left: 0;}
.h208{height: 208px;}
.footer .code{width: 100px;height: 100px;display: block;}
.pl70{padding-left: 70px}
.fuzhi{width: 100%;height: 100%;display: block;position: absolute;z-index: 4;top: 0;left: 0;cursor: pointer;}

.title{font-size: 24px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FFFFFF;position: relative;}
.title span{position: relative;z-index: 3;}
.title::after{content: '';position: absolute;left: 0;bottom: 0;z-index: 1;width: 192px;height: 14px;background: linear-gradient(90deg, #1C7CDC 0%, rgba(28,124,220,0) 100%);}
.title1{font-size: 24px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FFFFFF;position: relative;}
.title1 span{position: relative;z-index: 3;}
.title1::after{content: '';position: absolute;left: 0;bottom: 0;z-index: 1;width: 130px;height: 14px;background: linear-gradient(90deg, #1C7CDC 0%, rgba(28,124,220,0) 100%);}
.more_a{width: 89px;height: 30px;line-height: 28px;text-align: center;font-size: 18px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;border-radius: 6px;border: 1px solid #1C7CDC;color: #1C7CDC;}



/* 登录页 */
.login_html .part1{padding-top: 110px;padding-bottom: 117px;}
.login_html .part1 .form{width: 565px;height: 564px;background: rgba(142,157,173,0.1);border-radius: 20px;margin: 0 auto;padding-top: 25px;padding-left: 40px;padding-right: 40px;}
.login_html .part1 .form .logo{width: 47px;height: auto;display: block;margin-left: auto;margin-right: auto;}
.login_html .part1 .form .inp_box{width: 100%;height: 50px;background: #2C343D;border-radius: 3px;padding-left: 30px;padding-right: 30px;}
.login_html .part1 .form .inp_box .inp{font-size: 18px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;}
.login_html .part1 .form .send_phone_number{font-size: 18px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;padding-left: 30px;}
.login_html .part1 .form .radio{width: 18px;height: 18px;vertical-align: middle;}
.login_html .part1 .form .xieyi{font-size: 18px;font-family: PingFangSC-Regular, PingFang SC; font-weight: 400;color: #848A9F;line-height: 28px;vertical-align: middle;}
.login_html .part1 .form .bt1{width: 480px;height: 50px;line-height: 50px;text-align: center;font-size: 18px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FFFFFF;background: linear-gradient(270deg, #3CB3F0 0%, #1C7CDC 100%);border-radius: 3px;margin-top: 80px;margin-left: auto;margin-right: auto;cursor: pointer;}
.login_html .part1 .form .bt2{height: 32px;font-size: 18px;text-align: center;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #98B3CF;line-height: 32px;margin-top: 20px;cursor: pointer;}
.login_html .part2{padding-top: 40px;padding-bottom: 40px;}
.login_html .part2 .form_second{width: 565px;min-height: 712px; background: rgb(30,34,40);border-radius: 20px;margin-left: auto;margin-right: auto;}
.login_html .part2 .form_second .left{font-size: 20px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: rgba(255,255,255,0.7);}
.login_html .part2 .form_second .inp{font-size: 20px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #98B3CF;text-align: right;}
.login_html .part2 .form_second .edit{width: 20px;height: auto;margin-left: 10px;vertical-align: middle;}
.login_html .part2 .form_second .sex_choose + .sex_choose{margin-left: 50px;}
.login_html .part2 .form_second .sex_choose .sex_ico{width: 20px;height: auto;margin-right: 10px;vertical-align: middle;}
.login_html .part2 .form_second .sex_choose{font-size: 20px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #98B3CF;}
.login_html .upload_nav{width: 100%;vertical-align: top;}
.login_html .upload_nav button.m-button.upload{width: 148px;height: 148px;border-radius: 20px;display: inline-block;margin-right: 20px;margin-top: 20px;}
.login_html .upload_nav button.m-button.upload img{width: 100%;height: 100%;display: block;}
.login_html .upload_nav button.m-button.upload:nth-of-type(3n){margin-right: 0;}
.login_html .part2 .form_second .submit{width: 296px;height: 60px;line-height: 60px;text-align: center;font-size: 24px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;background: linear-gradient(270deg, #3CB3F0 0%, #1C7CDC 100%);border-radius: 10px;margin-left: auto;margin-right: auto;}

/* 首页 */
.index_html .swiper.banner{width: 100%;height: calc(100vw / 1920 * 620);}
.index_html .swiper.banner img{width: 100%;height: 100%;display: block;object-fit: cover;}
.index_html .swiper.banner .swiper-pagination-bullet{width: 8px;height: 8px;background: #98B3CF;opacity: 0.2;}
.index_html .swiper.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 26px;height: 8px; background: #1C7CDC;border-radius: 4px;opacity: 0.89;}
.index_html .part1{padding-top: 40px;padding-bottom: 40px;}
.index_html .active_item{width: 453px;margin-right: 30px;margin-top: 30px;display: inline-block;vertical-align: top;}
.index_html .active_item img{width: 453px;height: 298px;border-radius: 10px;object-fit: cover;display: block;}
.index_html .active_item:nth-of-type(3n){margin-right: 0;}
.index_html .active_item:nth-of-type(-n+3){margin-top: 0;}
.index_html .active_item.n1:nth-of-type(4n){margin-right: 0;}
.index_html .active_item.n1:nth-of-type(-n+4){margin-top: 0;}
.index_html .active_item.n1:nth-of-type(3n){margin-right: 30px;}

.index_html .recomd_item{width: 330px;margin-right: 40px;}
.index_html .recomd_item.n1:nth-of-type(4n){margin-right: 0px;}
.index_html .recomd_item .video_box{width: 100%;height: 218px;border-radius: 10px;position: relative;display: block;}
.index_html .recomd_item .video_box .video_cover{width: 100%;height: 218px;border-radius: 10px;position: relative;display: block;object-fit: cover;}
.index_html .recomd_item .video_box .play{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);width: 40px;height: auto;}
.index_html .recomd_item .cost{font-size: 14px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #F45106;}
.index_html .recomd_item .cost span{font-size: 20px;}
.index_html .recomd_item .proto_cost{font-size: 14px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #898989;text-decoration: line-through;margin-left: 10px;}
.index_html .recomd_item .number{font-size: 14px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #898989;margin-left: 10px;}
.index_html .course_item{margin-top: 40px;margin-right: 40px;width: 450px;align-items: center;-webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; box-align: center; /*新*/ -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; white-space: nowrap;}
.index_html .course_item:nth-of-type(3n){margin-right: 0;}
.index_html .course_item .head{width: 192px;height: 192px;border-radius: 10px;display: block;object-fit: cover;}
.index_html .course_item .address_ico{width: 14px;height: auto;margin-right: 6px;}
.index_html .course_item .style{font-size: 18px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: rgba(255,255,255,0.7);margin-top: 10px;}
.index_html .course_item .info{font-size: 16px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #98B3CF;line-height: 30px;margin-top: 10px;min-height: 60px;}
.index_html .course_item .cost1{font-size: 14px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #F45106;margin-top: 20px;}
.index_html .course_item .cost1 span{font-size: 20px;}
.index_html .part3 .img_anv{margin-right: 25px;width: 264px;height: 146px;display: inline-block;margin-top: 30px;}
.index_html .part3 .img{width: 100%;height: 100%;object-fit: cover;display: block;border-radius: 10px;}
.index_html .part3 .img_anv:nth-of-type(5n){margin-right: 0;}
.index_html .bg_img1{width: 100%;height: auto;background-image: url(/static/icon/bg_img.png);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;}
/*.index_html .active_list{display: none;}*/
/*.index_html .active_info{display: none;}*/
/*.index_html .course_list{display: none;}*/
/*.index_html .offline_course_list{display: none;}*/
.index_html .active_info .info_title{font-size: 24px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;margin-top: 40px;margin-bottom: 40px;}
.index_html .active_info .info_img{width: 100%;height: auto;border-radius: 10px;}
.index_html .active_info .info_content{font-size: 16px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #98B3CF;line-height: 22px;}
.index_html .active_info .info_content video{display: block;margin-left: auto;margin-right: auto;}
.index_html .active_info .info_content img{display: block;margin-left: auto;margin-right: auto;border-radius: 10px;}
/* 视频课程 */
.video_html .tab_nav{padding-top: 30px;padding-bottom: 30px;}
.video_html .tab_nav .tab{width: 145px;height: 50px;background: #2C343D;border-radius: 3px;display: inline-block;margin-right: 40px;position: relative;}
.video_html .tab_nav .select_inp{width: 145px;height: 50px;background: #2C343D;border-radius: 3px;cursor: pointer;font-size: 20px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;padding-left: 30px;padding-right: 35px;}
.video_html .tab_nav .select{background: #FFFFFF;}
.video_html .tab_nav .select li{height: 50px;line-height: 50px;}
.video_html .tab_nav .arrow_down{width: 15px;height: auto;display: block;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
.video_html .tab_nav .submit{width: 140px;height: 50px;line-height: 50px;text-align: center;font-size: 20px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;background: linear-gradient(270deg, #3CB3F0 0%, #1C7CDC 100%);border-radius: 3px;display: inline-block;vertical-align: top;}
/*.video_html .part2{display: none;}*/
.video_html .part2 .video_play{width: 100%;height: calc(100vw / 1440 * 945);position: relative;margin-top: 40px;margin-bottom: 45px;}
.video_html .part2 .video_play video{width: 100%;height: calc(100vw / 1440 * 945);position: relative;z-index: 1;}
.video_html .part2 .video_play .cover{width: 100%;height: 100%;display: block;object-fit: cover;position: relative;z-index: 1;}
.video_html .part2 .video_play .play{width: 40px;height: auto;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);position: absolute;z-index: 88;}
.video_html .part2 .cost{font-size: 14px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #F45106;letter-spacing: -3px;}
.video_html .part2 .cost span{font-size: 20px;}
.video_html .part2 .proto_cost{font-size: 14px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #898989;text-decoration: line-through;margin-left: 10px;}
.video_html .part2 .number{font-size: 14px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #898989;margin-left: 10px;}
.video_html .part2 .teacher_box{width: 100%;height: 140px;background: #262A33;border-radius: 10px;margin-top: 46px;padding-left: 40px;padding-right: 40px;}
.video_html .part2 .teacher_box .head{width: 80px;height: 80px;border-radius: 50%;}
.video_html .recomd_item{margin-bottom: 40px;}
.video_html .scroll{overflow-x: auto;white-space: nowrap;width: 100%;height: 320px;margin-top: 40px;}
.video_html .scroll .recomd_item:nth-of-type(3n){margin-right: 20px;}
.video_html .scroll .recomd_item:nth-of-type(4n){margin-right: 20px;}
.video_html .scroll .recomd_item{display: inline-block;vertical-align: middle;cursor: default;margin-bottom: 0;}
.video_html .appraise{width: 100%;height: auto;background: #262A33;border-radius: 10px;}
.video_html .appraise_item{padding-bottom: 20px;padding-top: 20px;}
.video_html .appraise_item + .appraise_item{border-top: 1px solid #98B3CF;}
.video_html .con video{display: block;margin-left: auto;margin-right: auto;}
.video_html .con img{display: block;margin-left: auto;margin-right: auto;}
/*.video_html .part3{display: none;}*/
/*.video_html .part4{display: none;}*/
.video_html .part4 .part4_cost{height: 91px;font-size: 55px;line-height: 91px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #F45106;}
.video_html .part4_cost span{font-size: 65px;letter-spacing: -6px;}
.video_html .part4 .code{width: 273px;height: auto;display: block;margin-left: auto;margin-right: auto;}
.video_html .part4 .sp{padding-top: 60px;border-bottom: 1px dashed #98B3CF;}
.video_html .part4 .pay_tips{margin-top: 68px;margin-bottom: 60px;}
.video_html .part4 .pay_tips .wepay{width: 66px;height: auto;display: block;margin-right: 20px;}
.video_html .part4 .pay_tips .tips{font-size: 24px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;line-height: 33px;width: 216px;text-align: left;}
.video_html .part5{padding-top: 170px;padding-bottom: 200px;}
.video_html .part5 .success{width: 151px;height: 146px;display: block;margin-left: auto;margin-right: auto;object-fit: cover;}
.video_html .popup{width: 1116px;background: #2C343D;border-radius: 20px;padding-top: 90px;padding-bottom: 90px;padding-left: 60px;padding-right: 60px;}
.video_html .popup .code{width: 273px;height: auto;display: block;margin-left: auto;margin-right: auto;}
.video_html .popup .sp{padding-top: 60px;border-bottom: 1px dashed #98B3CF;}
.video_html .popup .tips{width: 192px;font-size: 24px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;line-height: 33px;margin-left: auto;margin-right: auto;margin-top: 68px;}
.video_html .inp_box{width: 400px;height: 55px;background: #2C343D;border-radius: 6px;padding-left: 20px;padding-right: 20px;}
.video_html .inp_box .search_ico{width: 20px;height: auto;}
.video_html .inp_box .m-input {display: block;width: 100%;min-width: 0;margin: 0;border: 0;padding: 0;color: #fff;background-color: transparent;resize: none;}
.video_html .inp_box .m-input::-moz-placeholder {color: #8E9DAD;opacity: 1;}
.video_html .inp_box .m-input:-ms-input-placeholder {color: #8E9DAD;}
.video_html .inp_box .m-input::-webkit-input-placeholder {color: #8E9DAD;}


.h916{min-height: 916px;}
.co_html .comp img{width: 264px;height: 146px;border-radius: 10px;margin-bottom: 30px;margin-right: 25px;object-fit: cover;}
.co_html .comp img:nth-of-type(5n){margin-right: 0;}
/*.co_html .part2{display: none;}*/
.co_html .part2 .video_box{width: 100%;height: calc(100vw / 1440 *945);position: relative;}
.co_html .part2 .video_box .video_cover{width: 100%;height: calc(100vw / 1440 *945);position: relative;z-index: 1;}
.co_html .part2 .video_box .play{width: 106px;height: auto;position: absolute;left: 50%;top: 50%;transform: translateY(-50%) translateX(-50%);z-index: 88;}
/* .co_html .part2 img{width: 100%;height: auto;} */
.co_html .con img{display: block;margin-left: auto;margin-right: auto;}
.co_html .con video{display: block;margin-left: auto;margin-right: auto;}
.co_html .go_html{font-size: 24px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;width: 296px;height: 60px;line-height: 60px;text-align: center;background: linear-gradient(270deg, #3CB3F0 0%, #1C7CDC 100%);border-radius: 10px;margin-left: auto;margin-right: auto;margin-top: 40px;display: block;}

.co_list_html .comp a{width: 264px;height: 146px;border-radius: 10px;margin-bottom: 30px;margin-right: 25px;display: inline-block;}
.co_list_html .comp a img{width: 264px;height: 146px;border-radius: 10px;object-fit: cover;}
.co_html .comp a:nth-of-type(5n){margin-right: 0;}



.offline_html .inp_box{width: 400px;height: 55px;background: #2C343D;border-radius: 6px;padding-left: 20px;padding-right: 20px;}
.offline_html .inp_box .search_ico{width: 20px;height: auto;}
.offline_html .inp_box .m-input {display: block;width: 100%;min-width: 0;margin: 0;border: 0;padding: 0;color: #fff;background-color: transparent;resize: none;}
.offline_html .inp_box .m-input::-moz-placeholder {color: #8E9DAD;opacity: 1;}
.offline_html .inp_box .m-input:-ms-input-placeholder {color: #8E9DAD;}
.offline_html .inp_box .m-input::-webkit-input-placeholder {color: #8E9DAD;}
/*.offline_html .part2{display: none;}*/
.offline_html .part2 .video_box{width: 100%;height: calc(100vw / 1440 *945);position: relative;}
.offline_html .part2 .video_box .video_cover{width: 100%;height: calc(100vw / 1440 *945);position: relative;z-index: 1;}
.offline_html .part2 .video_box .play{width: 106px;height: auto;position: absolute;left: 50%;top: 50%;transform: translateY(-50%) translateX(-50%);z-index: 88;}
.offline_html .part2 .head{width: 112px;height: 112px;border-radius: 50%;display: block;object-fit: cover;}
.offline_html .part2 .address_ico{width: 23px;height: auto;display: block;margin-left: 40px;}
.offline_html .part2 .cost{font-size: 20px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #F45106;line-height: 28px;}
.offline_html .part2 .cost span{font-size: 30px;letter-spacing: -3px;}
.offline_html .kefu{width: 296px;height: 77px;line-height: 77px;text-align: center;font-size: 24px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;background: linear-gradient(270deg, #3CB3F0 0%, #1C7CDC 100%);border-radius: 10px;}
.offline_html .info{font-size: 24px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;line-height: 33px;}
.offline_html .part2 .style{font-size: 18px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #98B3CF;line-height: 30px;margin-top: 10px;}
.offline_html .content{width: 1440px;padding: 50px 40px 40px;background: #2C343D;border-radius: 20px;font-size: 24px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #98B3CF;line-height: 33px;}
.offline_html .content img{display: block;margin-left: auto;margin-right: auto;}
.offline_html .content video{display: block;margin-left: auto;margin-right: auto;}
.offline_html .popup{width: 1116px;background: #2C343D;border-radius: 20px;padding-top: 90px;padding-bottom: 90px;padding-left: 60px;padding-right: 60px;}
.offline_html .popup .code{width: 273px;height: auto;display: block;margin-left: auto;margin-right: auto;}
.offline_html .popup .sp{padding-top: 60px;border-bottom: 1px dashed #98B3CF;}
.offline_html .popup .tips{width: 192px;font-size: 24px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;line-height: 33px;margin-left: auto;margin-right: auto;margin-top: 68px;}
.offline_html .tab_nav{padding-top: 30px;padding-bottom: 30px;}
.offline_html .tab_nav .tab{width: 145px;height: 50px;background: #2C343D;border-radius: 3px;display: inline-block;margin-right: 40px;position: relative;}
.offline_html .tab_nav .select_inp{width: 145px;height: 50px;background: #2C343D;border-radius: 3px;cursor: pointer;font-size: 20px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;padding-left: 30px;padding-right: 35px;}
.offline_html .tab_nav .select{background: #FFFFFF;}
.offline_html .tab_nav .select li{height: 50px;line-height: 50px;}
.offline_html .tab_nav .arrow_down{width: 15px;height: auto;display: block;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
.offline_html .tab_nav .submit{width: 140px;height: 50px;line-height: 50px;text-align: center;font-size: 20px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;background: linear-gradient(270deg, #3CB3F0 0%, #1C7CDC 100%);border-radius: 3px;display: inline-block;vertical-align: top;}
/*.video_html .part2{display: none;}*/

.profile_html .part1{min-height: 712px;width: 100%;}
.profile_html .part1 .left{width: 290px;height: 712px;background: rgb(30,34,40);border-radius: 20px;padding-top: 40px;}
.profile_html .part1 .left .left_item{width: 290px;height: 60px;line-height: 60px;padding-left: 20px;padding-right: 20px;font-size: 20px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: rgba(255,255,255,0.7);}
.profile_html .part1 .left .left_item.active{background: #98B3CF;font-size: 20px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400; color: rgb(221,230,239);}
.profile_html .part1 .right{min-height: 712px;background: rgb(30,34,40);border-radius: 20px;position: relative;}
.profile_html .right_item{display: none;width: 100%;min-height: 712px;padding-top: 30px;padding-bottom: 40px;padding-left: 30px;padding-right: 30px;}
.profile_html .right_item.active{display: block;}
.profile_html .right .right_item .left_item{font-size: 20px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: rgba(255,255,255,0.7);}
.profile_html .right .inp{font-size: 20px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #98B3CF;text-align: right;}
.profile_html .right .edit{width: 20px;height: auto;margin-left: 10px;}
.profile_html .right .sex_choose + .sex_choose{margin-left: 50px;}
.profile_html .right .sex_choose .sex_ico{width: 20px;height: auto;margin-right: 10px;vertical-align: middle;}
.profile_html .right .sex_choose{font-size: 20px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #98B3CF;}
.profile_html .upload_nav{width: 100%;vertical-align: top;}
.profile_html .upload_nav button.m-button.upload{width: 148px;height: 148px;border-radius: 20px;display: inline-block;margin-right: 20px;margin-top: 20px;position: relative;}
.profile_html .upload_nav button.m-button.upload .img{width: 100%;height: 100%;display: block;position: relative;z-index: 1}
.profile_html .upload_nav button.m-button.upload .del{width: 30px;height: auto;position: absolute;top: 0px;right: 0px;z-index: 2}
/* .profile_html .upload_nav button.m-button.upload:nth-of-type(3n){margin-right: 0;} */
.profile_html .right .submit{width: 296px;height: 60px;line-height: 60px;text-align: center;font-size: 24px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;background: linear-gradient(270deg, #3CB3F0 0%, #1C7CDC 100%);border-radius: 10px;margin-left: auto;margin-right: auto;}
.profile_html .tab_mini{font-size: 20px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #98B3CF;}
.profile_html .tab_mini .active{color: #1C7CDC;}
.profile_html .tab_mini span{cursor: pointer;}
.profile_html .scroll{width: 100%;min-height: 478px;overflow-y: auto;}
.profile_html .scroll_item{width: 100%;height: 230px;background: #2C343D;border-radius: 20px;}
.profile_html .scroll_item + .scroll_item{margin-top: 18px;}
.profile_html .scroll_item .top_view{height: 50px;width: 100%;border-radius: 20px 20px 0 0;background: #98B3CF;line-height: 50px;padding-left: 20px;padding-right: 20px;font-size: 18px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #1E2228;}
.profile_html .scroll_item .scroll_content{width: 100%;height: 180px;padding: 20px 70px 20px 20px;}
.profile_html .scroll_item .cover{width: 192px;height: 140px;object-fit: cover;border-radius: 10px;}
.profile_html .scroll_cost{font-size: 18px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #F45106;letter-spacing: -2px;}
.profile_html .scroll_item .scroll_content .b1{width: 140px;height: 60px;line-height: 58px;text-align: center;border-radius: 30px;border: 1px solid #98B3CF;color: #98B3CF;font-size: 24px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;}
.profile_html .scroll_item .scroll_content .b2{display: inline-block;width: 140px;height: 60px;line-height: 60px;text-align: center;background: #1C7CDC;border-radius: 30px;font-size: 24px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;}

.profile_html .part1 .left .arrow{width: 12px;height: auto;text-align: right;}
.profile_html .part1_2 .item_info{width: 100%;padding: 30px;background: #2C343D;border-radius: 20px;}
.profile_html .part1_2 .info_left{font-size: 20px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: rgba(255,255,255,0.7);}
.profile_html .part1_2 .wepay{width: 20px;height: auto;}
.profile_html .part1_2 .b3{width: 296px;height: 60px;line-height: 60px;text-align: center;font-size: 24px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;background: linear-gradient(270deg, #3CB3F0 0%, #1C7CDC 100%);border-radius: 10px;bottom: 40px;left: 50%;transform: translateX(-50%);position: absolute;z-index: 99;}
.profile_html .part1_3 .b3{width: 296px;height: 60px;line-height: 60px;text-align: center;font-size: 24px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;background: linear-gradient(270deg, #3CB3F0 0%, #1C7CDC 100%);border-radius: 10px;bottom: 40px;left: 50%;transform: translateX(-50%);position: absolute;z-index: 99;}
.profile_html .textarea_nav{width: 100%;margin-top: 20px;height: 208px;background: #2C343D;border-radius: 20px;padding: 30px;position: relative;}
.profile_html .textarea_nav textarea{width: 100%;background: #2C343D;font-size: 24px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;height: 120px;}
.profile_html .text_count{position: absolute;bottom: 20px;right: 20px;z-index: 9;font-size: 24px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #98B3CF;}
/*.profile_html .part2{display: none;}*/
.profile_html .kefu{padding: 90px 60px;}
.profile_html .kefu .code{width: 273px;height: 273px;display: block;margin-left: auto;margin-right: auto;object-fit: cover;}
.profile_html .kefu .sq{padding-top: 60px;border-bottom: 1px dashed #98B3CF;}
.tips_nav{padding-top: 68px;text-align: center;font-size: 24px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;line-height: 33px;}
.profile_html .popup{width: 416px;min-height: 214px;background: #2C343D;border-radius: 20px;padding-top: 40px;padding-bottom: 40px;}
.profile_html .popup .close{width: 140px;height: 60px;line-height: 58px;text-align: center;font-size: 24px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;border-radius: 10px;border: 1px solid #FFFFFF;}
.profile_html .popup .exit{width: 140px;height: 60px;line-height: 60px;text-align: center;font-size: 24px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400; color: #FFFFFF;background: #1C7CDC;border-radius: 10px;}
.profile_html .popup .close + .exit{margin-left: 30px;}
.profile_html .blog_img{width: 330px;height: 218px;object-fit: cover;}
.profile_html .del{width: 16px;height: auto;}
.profile_html .right_item .blog_item{width: 330px;display: inline-block;vertical-align: top;margin-right: 20px;margin-bottom: 25px;}
.profile_html .right_item .blog_item:nth-of-type(3n){margin-right: 0;}
.profile_html .right_item .blog_item .blog_title{font-size: 16px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #98B3CF;height: 48px;}
.profile_html .right_item .blog_item .blog_title span{color: #1C7CDC;padding-right: 10px;}
.profile_html .right_item .blog_item .share{width: 83px;border-right: 1px solid #EEEEEE;}
.profile_html .right_item .blog_item .pl{width: 103px;}
/* .profile_html .right_item .blog_item .good{width: 140px;} */
.profile_html .right_item .blog_item .icon_text{font-size: 18px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;}
.profile_html .right_item.right_scroll{overflow-y: scroll;}
.profile_html .part3{padding-bottom: 40px;}
.profile_html .part3 .index_html .swiper.banner{width: 100%;height: calc(100vw / 1920 * 460);}
.profile_html .part3 .swiper.banner .swiper-pagination-bullet{width: 8px;height: 8px;background: #98B3CF;opacity: 0.2;}
.profile_html .part3 .swiper.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 26px;height: 8px; background: #1C7CDC;border-radius: 4px;opacity: 0.89;}
.profile_html .part3 .swiper.banner .img{width: 100%;height:100%;display: block;}
.profile_html .part3 .head{width: 30px;height: 30px;border-radius: 50%;object-fit: cover;}
.profile_html .part3 .bb{border-bottom: 1px solid #98B3CF;}
.profile_html .part3 .bb1{font-size: 18px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;}
.profile_html .part3 .inp_nav1{width: 100%;margin-top: 60px;height: 62px;background: #2C343D;border-radius: 40px;}
.profile_html .part3 .inp_nav1 .submit{width: 212px;height: 60px;line-height: 60px;text-align: center;font-size: 18px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;background: linear-gradient(270deg, #3CB3F0 0%, #1C7CDC 100%);border-radius: 0 40px 40px 0;}
.profile_html .part3 .blog_item_list{padding-top: 40px;padding-bottom: 40px;}
.profile_html .part3 .blog_item_list + .blog_item_list{border-top: 1px solid #98B3CF;}
.profile_html .part3 .show_more{font-size: 16px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #1C7CDC;margin-top: 10px;}
.profile_html .tips_img{width: 18px;height: auto;}
.profile_html .tips_pop{display: none;width: 198px;height: 218px;background: #FFFFFF;box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);border-radius: 20px;position: absolute;z-index: 3;bottom: -233px;right: 0;}
.tips_pop::before{width: 0;height: 0;border-left: 11px solid transparent;  border-right: 11px solid transparent;  border-bottom: 27px solid #fff; content: '';display: block;margin-left: auto;margin-right: auto;margin-top: -17px;}
.profile_html .tips_pop .tips_pop_item{font-size: 16px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #333333;line-height: 22px;}
.profile_html .tips_pop .tips_pop_item::before{content: '';width: 5px;height: 5px;background: #1C7CDC;box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);display: inline-block;vertical-align: middle;margin-right: 5px;}
.profile_html .numb{font-size: 40px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FFFFFF;line-height: 56px;}
.profile_html .tab_mid{font-size: 20px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #98B3CF;line-height: 24px;margin-top: 20px;}
.profile_html .tab_mid span.active{color: #1C7CDC;}
.profile_html .mid_scroll{width: 100%;height: 449px;overflow-y: scroll;background: #2C343D;border-radius: 20px;margin-top: 20px;}
.profile_html .mid_scroll .mid_scroll_item{height: 70px;border-bottom: 1px solid #98B3CF;}
.profile_html .mid_scroll .mid_scroll_item .nu{font-size: 18px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #F45106;}
.profile_html .mid_scroll .mid_scroll_item:last-child{border-bottom: none;}

.mt35{margin-top: 35px;}
.inp_nav{width: 290px;height: 55px;background: #2C343D;border-radius: 6px;padding-left: 20px;padding-right: 20px;margin-right: 30px;}
.inp_nav .search{width: 20px;height: 20px;}

.blog_html .huati_nav{width: 100%;height: 104px;background: #262A33;border-radius: 10px;padding-left: 40px;padding-right: 40px;}
.blog_html .huati_nav .w25{width: 20%;}
.blog_html .huati_nav .w25 div:first-child{font-size: 18px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;}
.blog_html .huati_nav .w25 div:last-child{font-size: 16px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #98B3CF;margin-top: 10px;}
.blog_html .blog_item{width: 330px;margin-top: 40px;margin-right: 35px;font-size: 18px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;display: inline-block;vertical-align: top;}
.blog_html .blog_item .cover{width: 330px;height: 218px;object-fit: cover;border-radius: 10px;}
.blog_html .head{width: 30px;height: 30px;border-radius: 50%;object-fit: cover;}
.blog_html .share{width: 83px;border-right: 1px solid #EEEEEE;}
.blog_html .pl{width: 103px;}
/* .blog_html .good{width: 140px;} */
.blog_html .ico{width: 19px !important;height: auto;}
.col9{color: #999;}
.blog_html .blog_item:nth-of-type(4n){margin-right: 0;}
.blog_html .part2{padding-top: 40px;padding-bottom: 40px;}
.blog_html .box{width: 100%;padding: 30px;background: #262A33;border-radius: 10px;}
.blog_html .part3{padding-top: 40px;padding-bottom: 40px;}
.blog_html .part3 .index_html .swiper.banner{width: 100%;height: calc(100vw / 1920 * 460);}
.blog_html .part3 .swiper.banner .swiper-pagination-bullet{width: 8px;height: 8px;background: #98B3CF;opacity: 0.2;}
.blog_html .part3 .swiper.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 26px;height: 8px; background: #1C7CDC;border-radius: 4px;opacity: 0.89;}
.blog_html .part3 .swiper.banner .img{width: 100%;height:100%;display: block;}
.blog_html .part3 .head{width: 30px;height: 30px;border-radius: 50%;object-fit: cover;}
.blog_html .part3 .bb{border-bottom: 1px solid #98B3CF;}
.blog_html .bb1{font-size: 18px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;}
.blog_html .inp_nav1{width: 100%;margin-top: 60px;height: 62px;background: #2C343D;border-radius: 40px;}
.blog_html .inp_nav1 .submit{width: 212px;height: 60px;line-height: 60px;text-align: center;font-size: 18px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;background: linear-gradient(270deg, #3CB3F0 0%, #1C7CDC 100%);border-radius: 0 40px 40px 0;}
.blog_html .blog_item_list{padding-top: 40px;padding-bottom: 40px;}
.blog_html .blog_item_list + .blog_item_list{border-top: 1px solid #98B3CF;}
.blog_html .show_more{font-size: 16px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #1C7CDC;margin-top: 10px;}
.blog_html .part4{padding-top: 40px;padding-bottom: 40px;}
.blog_html .part4_box{width: 100%;padding: 40px ;background: #262A33;border-radius: 10px;}
.blog_html .part4_box .item{display: inline-flex;margin-top: 40px;width: 45%}
/*.blog_html .part4_box .item:nth-of-type(2n){margin-left: 170px;}*/
.blog_html .part4_box .item:nth-of-type(-n+2){margin-top: 0px;}
.blog_html .part4_box .go{width: 84px;height: 32px;line-height: 30px;text-align: center;font-size: 16px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;border-radius: 3px;border: 1px solid #979797;}
.blog_html .part5{padding-top: 40px;padding-bottom: 40px;}
.blog_html .part5_box{width: 100%;margin-top: 30px;padding: 40px;min-height: 800px;background: rgb(30,34,40);border-radius: 10px;}
.blog_html .textarea{width: 100%;height: 510px;background: #101115;border-radius: 20px;padding: 40px;font-size: 24px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;}
.blog_html .t1{font-size: 20px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: rgba(255,255,255,0.7);}
.blog_html .t2{font-size: 24px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #98B3CF;}
.blog_html .upload_nav button.m-button.upload{width: 120px;height: 120px;border-radius: 20px;display: inline-block;margin-right: 20px;margin-top: 20px;position: relative;z-index: 1;}
.blog_html .upload_nav button.m-button.upload .img{width: 100%;height: 100%;display: block;position: relative;
    z-index: 1;}
.upload_nav button.m-button.upload .del{width: 30px;height: auto;position: absolute;top: 0px;right: 0px;z-index: 2}
.blog_html .box1{width: 100%;height: 110px;background: rgb(30,34,40);border-radius: 10px;margin-top: 40px;}
.blog_html .box1 .ico{width: 30px;height: auto;}
.blog_html .btn2{height: 60px;line-height: 60px;margin-left: auto;margin-right: auto;}
.blog_html .part6{padding-top: 170px;padding-bottom: 200px;min-height: 100vh;}
.blog_html .part6 .success{width: 151px;height: 146px;display: block;margin-left: auto;margin-right: auto;object-fit: cover;}
.h916{min-height: 916px;}

/* 新增发布按钮 */
.fixed_submit{position: fixed;right: 30px;top: 60vh;z-index: 99;display: inline-block;width: 100px;height: 100px;background-image: url(../static/icon/push.png);background-repeat: no-repeat;background-size: 100% 100%;border-radius: 50%; }
.inp_jump{width: 75px;background: #2C343D;height: 50px;line-height: 50px;text-decoration: none;color: #FFFFFF;border-radius: 3px;padding: 6px 0;margin-left: 20px;margin-right: 20px;text-align: center;font-size: 24px;}
.inp_jump_nav span{font-size: 24px;font-weight: 400;color: #98B3CF;}
.noData img{width: 100px;height: auto;margin-bottom: 10px}
.noData{text-align: center;max-width: 1440px;padding: 30px 0;color: #FFFFFF;}
.content{min-height: 100vh;}
select:-ms-expand { display: none; }
select {
    appearance: none;
   
    background-color: transparent;
    border: none;
    padding: 0 1em 0 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    cursor: pointer;
    line-height: inherit;
    background: url('../static/icon/arrow_down.png') no-repeat scroll 85% center #2C343D; padding-left: 10px;
  	background-size:15px auto; 
    outline: none;
    width: 145px;height: 50px;border-radius: 3px;cursor: pointer;font-size: 20px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;padding-right: 35px;text-align: center;

  }



/* 980px~1440xp（考虑屏幕宽度小于1440px尺寸的电脑） */
@media screen and (max-width: 1440px) {
    .header_fix .header .tab_nav{padding-left: 0;text-align: center;}
    .header_fix .header .tab_nav .tab{font-size: 16px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;margin-right: 60px;}
    .index_html .recomd_item{width: 330px;margin-right: 20px;}
    /* .index_html .recomd_item:nth-of-type(3n){margin-right: 0px;}
    .index_html .recomd_item:nth-of-type(4n){margin-right: 20px;} */
    .index_html .part2 .course_item:nth-of-type(2n){margin-right: 0;}
    .index_html .part2 .course_item:nth-of-type(3n){margin-right: 40px;}
    .index_html .part2 .course_item:nth-of-type(6n){margin-right: 0px;}
    .index_html .part2 .aa{max-width: 950px;margin-left: auto;margin-right: auto;}
    .co_html .comp img{width: 264px;height: auto;background: #FFFFFF;border-radius: 10px;margin-bottom: 30px;margin-right: 25px;}
    .co_html .comp img:nth-of-type(5n){margin-right: 25px;}
    .co_html .comp{max-width: 880px;}
    .blog_html .blog_item:nth-of-type(4n){margin-right: 35px;}
    .profile_html .right_item  .blog_img{width: 264px;height: 174.4px;object-fit: cover;}
    .profile_html .right_item  .blog_item{width: 264px;display: inline-block;vertical-align: top;margin-right: 10px;margin-bottom: 25px;}
    .index_html .recomd_item.n1:nth-of-type(4n){margin-right: 40px;}
    .index_html .recomd_item.n1:nth-of-type(3n){margin-right: 0px;}
    .index_html .course_item:nth-of-type(3n){margin-right: 20px;}
    .index_html .course_item{margin-right: 20px;}
    .index_html .course_item:nth-of-type(2n){margin-right: 0;}
}
@media screen and (max-width: 1400px) {
    .index_html .part2 .aa{max-width: 950px;margin-left: auto;margin-right: auto;}
    .index_html .recomd_item:nth-of-type(3n){margin-right: 20px;}
    .index_html .recomd_item:nth-of-type(4n){margin-right: 0px;}
    .index_html .recomd_item.n1:nth-of-type(4n){margin-right: 20px;}
    .index_html .recomd_item.n1:nth-of-type(3n){margin-right: 0px;}
    .ww{max-width: 1060px;margin-left: auto;margin-right: auto;}
    .index_html .course_item:nth-of-type(3n){margin-right: 20px;}
    .index_html .course_item{margin-right: 20px;}
    .index_html .course_item:nth-of-type(2n){margin-right: 0;}
}
@media screen and (max-width: 1240px) {
    .index_html .part2 .aa{max-width: 950px;margin-left: auto;margin-right: auto;}
    .profile_html .right_item  .blog_item:nth-of-type(3n){margin-right: 10px;}
    .profile_html .right_item  .blog_item:nth-of-type(2n){margin-right: 0px;}
    .index_html .recomd_item.n1:nth-of-type(4n){margin-right: 20px;}
    .index_html .recomd_item.n1:nth-of-type(3n){margin-right: 0px;}
    .index_html .course_item:nth-of-type(3n){margin-right: 20px;}
    .index_html .course_item{margin-right: 20px;}
    .index_html .course_item:nth-of-type(2n){margin-right: 0;}
}