html {color:#000;background:#fff;outline:0;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} html * {outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)} html,body {font-family:"微软雅黑","Microsoft YaHei",Helvetica,Tahoma,sans-serif;background-color:#f0f0f2} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0} input,button,select,textarea {font-size:100%;outline:none;-webkit-appearance:none;font-family:"微软雅黑","Microsoft YaHei",Helvetica,Tahoma,sans-serif} textarea {-webkit-appearance:none} table {border-collapse:collapse;border-spacing:0} fieldset,img {border:0} abbr,acronym {border:0;font-variant:normal} del {text-decoration:line-through} address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:500} ol,ul,li {list-style:none} ul {margin:0;padding:0} caption,th {text-align:left} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:500} q:before,q:after {content:""} sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup {top:-0.5em} sub {bottom:-0.25em} a:hover,a:link,a:visited,a {color:inherit;text-decoration:none} ins,a {text-decoration:none} .page {width:100vw;max-width:100vw;min-height:100vh;overflow:hidden;box-sizing:border-box;position:relative;background:url("../images/bg.png") top center no-repeat,#020305;background-size:100% 100%} .page .page-cont {width:100%;min-height:100vh} .page .head-bar {width:100%;height:12.2666666667vw;background:url("../images/img4.png") no-repeat;background-size:100% 100%} .page .cont-box {padding:4.2666666667vw 3.2vw;box-sizing:border-box} .page .cont-box .banner-box {width:100%;height:43.7333333333vw;box-sizing:border-box;overflow:hidden;border-radius:2.6666666667vw} .page .cont-box .banner-box .banner-item {width:100%;height:43.7333333333vw} .page .cont-box .banner-box .banner-item .img-box {width:100%;height:100%;display:flex;justify-content:center;align-items:center} .page .cont-box .banner-box .banner-item .img-box img {width:100%} .page .cont-box .notice-bar {width:100%;height:8vw;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;margin-top:3.2vw;background:url("../images/bg1.png") no-repeat;background-size:100% 100%;padding-left:2.1333333333vw;box-sizing:border-box} .page .cont-box .notice-bar img {width:4.2666666667vw;min-width:4.2666666667vw;height:4.2666666667vw} .page .cont-box .notice-bar .msg-bar {flex:auto;color:#fff;font-size:2.6666666667vw;letter-spacing:0px} .page .cont-box .notice-bar .nut-noticebar__page {padding-left:1.0666666667vw !important} .page .cont-box .app-box {width:100%;margin-top:3.2vw;display:flex;flex-wrap:wrap} .page .cont-box .app-box a {display:block;width:22.4vw;height:11.7333333333vw;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-right:1.3333333333vw;margin-bottom:0.5333333333vw} .page .cont-box .app-box a:nth-child(4n) {margin-right:0} .page .cont-box .app-box a img {width:100%;height:100%} .page .cont-box .pay-box {width:100%;margin-top:2.1333333333vw} .page .cont-box .pay-box img {width:100%} .page .cont-box .app-list {width:100%;margin-top:2.6666666667vw;overflow:hidden} .page .cont-box .app-list .app-item {width:100%;min-height:39.4666666667vw;background:url("../images/bg3.png") no-repeat;background-size:100% 100%;overflow:hidden;padding:1.6vw 3.2vw 2.6666666667vw;box-sizing:border-box;margin-bottom:2.6666666667vw} .page .cont-box .app-list .app-item .info-box {width:100%;min-height:24.8vw;display:flex} .page .cont-box .app-list .app-item .info-box .app-icon {width:22.4vw;min-width:22.4vw;height:24.8vw;overflow:hidden;display:flex;justify-content:center;align-items:center;margin-right:3.2vw} .page .cont-box .app-list .app-item .info-box .app-icon img {width:100%} .page .cont-box .app-list .app-item .info-box .app-info {width:calc(100% - 25.6vw);max-width:calc(100% - 25.6vw)} .page .cont-box .app-list .app-item .info-box .app-info .top-info {display:flex;justify-content:space-between} .page .cont-box .app-list .app-item .info-box .app-info .top-info .info {width:calc(100% - 28vw);max-width:calc(100% - 28vw)} .page .cont-box .app-list .app-item .info-box .app-info .top-info .info .name {font-weight:600;background:linear-gradient(to bottom,#fff8d2,#ffdd70,#c89c3c);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-size:5.3333333333vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .page .cont-box .app-list .app-item .info-box .app-info .top-info .info .link {margin-top:5px;font-weight:500;background:linear-gradient(to bottom,#fff8d2,#ffdd70,#c89c3c);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-size:2.6666666667vw} .page .cont-box .app-list .app-item .info-box .app-info .top-info .active {width:28.5333333333vw;min-width:28.5333333333vw;height:13.6vw;overflow:hidden;display:flex;justify-content:flex-end} .page .cont-box .app-list .app-item .info-box .app-info .top-info .active img {width:100%} .page .cont-box .app-list .app-item .info-box .app-info .label-list {width:100%;height:10.6666666667vw;margin-top:5px;display:flex;flex-wrap:wrap;background:url("../images/bg6.png") 0 0 no-repeat;background-size:100% auto} .page .cont-box .app-list .app-item .info-box .app-info .label-list1 {width:100%;height:10.6666666667vw;margin-top:5px;display:flex;flex-wrap:wrap;background:url("../images/bg61.png") 0 0 no-repeat;background-size:100% auto} .page .cont-box .app-list .app-item .info-box .app-info .label-list .label {display:none;width:20.2666666667vw;height:4.8vw;font-weight:500;color:#eec185;font-size:2.9333333333vw;text-align:center;background:linear-gradient(180deg,#383838 0%,#000000 44.58%,#343434 100%);border:1px solid;border-image-source:linear-gradient(180deg,#000000 0%,#e6b48d 51.17%,#000000 100%);border-image-slice:1;border-radius:1.3333333333vw;padding:0 0.5333333333vw;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:0.5333333333vw;margin-right:0.4vw} .page .cont-box .app-list .app-item .info-box .app-info .label-list .label:nth-child(3n) {margin-right:0} .page .cont-box .app-list .app-item .btn-box {width:100%;display:flex;justify-content:space-around;align-items:center;margin-top:2.4vw} .page .cont-box .app-list .app-item .btn-box .btn {width:37.3333333333vw;height:8vw;background:url("../images/bg2.png") no-repeat;background-size:100% 115%;display:flex;justify-content:center;align-items:center;font-weight:600;color:#f5e1c7;font-size:3.7333333333vw;letter-spacing:0.2666666667vw} .page .cont-box .app-list .app-item .btn-box .btn img {width:5.3333333333vw;height:5.3333333333vw;margin-right:1.0666666667vw} .page .cont-box .app-list .app-item .btn-box2 {width:100%;display:flex;justify-content:space-around;align-items:center;margin-top:2.4vw} .page .cont-box .app-list .app-item .btn-box2 .btn {width:37.3333333333vw;height:8vw;background:url("../images/bg21.png") no-repeat;background-size:100% 115%;display:flex;justify-content:center;align-items:center;font-weight:600;color:#f5e1c7;font-size:3.7333333333vw;letter-spacing:0.2666666667vw} .page .cont-box .app-list .app-item .btn-box2 .btn1 {width:37.3333333333vw;height:8vw;background:url("../images/bg22.png") no-repeat;background-size:100% 115%;display:flex;justify-content:center;align-items:center;font-weight:600;color:#f5e1c7;font-size:3.7333333333vw;letter-spacing:0.2666666667vw} .page .cont-box .app-list .app-item .btn-box2 .btn img {width:5.3333333333vw;height:5.3333333333vw;margin-right:1.0666666667vw} .page .cont-box .app-list .app-item .btn-box1 {width:100%;display:flex;justify-content:space-around;align-items:center;margin-top:2.4vw} .page .cont-box .app-list .app-item .btn-box1 .btn {width:37.3333333333vw;height:8vw;background:url("../images/bg22.png") no-repeat;background-size:100% 115%;display:flex;justify-content:center;align-items:center;font-weight:600;color:#f5e1c7;font-size:3.7333333333vw;letter-spacing:0.2666666667vw} .page .cont-box .app-list .app-item .btn-box1 .btn img {width:5.3333333333vw;height:5.3333333333vw;margin-right:1.0666666667vw} .nut-popup {background-color:rgba(0,0,0,0);overflow:visible !important} .dailog-popup {width:87.7333333333vw;background:url("../images/bg4.png") no-repeat;background-size:100% 100%;position:relative} .dailog-popup.download {min-height:74.6666666667vw} .dailog-popup.kf {min-height:62.1333333333vw} .dailog-popup .close {width:9.0666666667vw;height:9.0666666667vw;background:url("../images/icon8.png") no-repeat;background-size:100% 100%;position:absolute;top:-1.3333333333vw;right:-1.3333333333vw} .dailog-popup .title {width:100%;height:11.4666666667vw;background:linear-gradient(180deg,#df983b 0%,#fffbf6 6.1%,#e8ad50 16.09%,#fff0d4 26.07%,#ffebbc 36.35%,#ffe1b1 44.82%,#d88e2b 63.59%,#fff6e4 81.3%,#e9b839 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;text-fill-color:rgba(0,0,0,0);font-family:PingFang SC;font-weight:500;color:#fff;font-size:4.2666666667vw;letter-spacing:2px;line-height:11.4666666667vw;text-align:center} .dailog-popup .line {width:100%;height:0.8vw;background:url("../images/img5.png") top center no-repeat;background-size:100% auto} .dailog-popup .btn-list {width:100%;margin-top:3.3333333333vw;display:flex;flex-direction:column;align-items:center} .dailog-popup .btn-list .btn {width:65.3333333333vw;height:12vw;background:url("../images/bg5.png") no-repeat;background-size:100% 100%;display:flex;justify-content:center;align-items:center;margin-bottom:1.3333333333vw;padding-bottom:0.6666666667vw} .dailog-popup .btn-list .btn img {width:5.6vw;height:5.6vw;margin-right:1.0666666667vw} .dailog-popup .btn-list .btn span {background-clip:text;text-fill-color:rgba(0,0,0,0);font-family:PingFang SC;font-weight:500;color:#f5e1c7;font-size:3.2vw;line-height:6.6666666667vw} .dailog-popup .kf-list {width:100%;margin-top:4vw;padding:0 5.3333333333vw;box-sizing:border-box;display:flex;flex-direction:column;align-items:center} .dailog-popup .kf-list .kf-item {width:100%;min-height:19.2vw;background:url("../images/bg7.png") no-repeat;background-size:100%;border-radius:2.6666666667vw;margin-bottom:2.6666666667vw;display:flex;align-items:center;justify-content:space-around;padding:2.4vw 3.2vw;box-sizing:border-box} .dailog-popup .kf-list .kf-item .icon1 {width:14.4vw;min-width:14.4vw;height:14.4vw} .dailog-popup .kf-list .kf-item .icon2 {width:3.7333333333vw;min-width:3.7333333333vw;height:3.7333333333vw} .dailog-popup .kf-list .kf-item .cont {width:calc(100% - 18vw);margin:0 2.1333333333vw} .dailog-popup .kf-list .kf-item .cont .name {background-clip:text;font-weight:600;color:#D7C09D;font-size:4.2666666667vw;margin-bottom:2.1333333333vw} .dailog-popup .kf-list .kf-item .cont .desc {color:rgba(255,255,255,.4);font-size:2.6666666667vw} .activty-popup {width:100%;height:100%;overflow:hidden;overflow-y:auto} .activty-popup .head-box {width:100%;height:12.2666666667vw;background:url("../images/img6.png") center bottom no-repeat;background-size:100% auto;display:flex;justify-content:flex-start;align-items:center;padding:0 2.1333333333vw;box-sizing:border-box} .activty-popup .activty-cont {padding:3.7333333333vw;box-sizing:border-box} .activty-popup .activty-cont .activty-item {width:100%;min-height:42.6666666667vw;overflow:hidden;margin-bottom:2.1333333333vw;border-radius:1.8666666667vw;display:flex;justify-content:center} .activty-popup .activty-cont .activty-item img {width:100%} .course-dialog {display:none;position:fixed;top:0;width:100%;height:100%;z-index:99999999} .course-dialog.show {display:block} .course-dialog .bg {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:22;animation:dialogBgK .2s} .course-dialog .center {position:absolute;width:100%;height:calc(100% - 130px);background:#fff;border-radius:2vw 2vw 0 0;top:130px;left:0;padding-top:2.6666666667vw;z-index:23;animation:dialogCenterK .5s} .course-dialog .line {width:9.6vw;height:0.8vw;background:#dadbda;border-radius:0.8vw;margin:0 auto} .course-dialog .imgModel {height:calc(100% - 50px);margin-top:6.6666666667vw;overflow:auto} .course-dialog .imgModel .teachTitle {text-align:center;font-size:4.5333333333vw;font-weight:500;color:#333;margin-bottom:2.6666666667vw} .course-dialog .imgModel img {width:calc(100% - 30px);margin-left:15px} @media(max-height:667px) {.page .btn-list .btn {margin-bottom:1.3333333333vw}} @keyframes dialogBgK {from {opacity:0} to {opacity:1}} @keyframes dialogCenterK {from {top:100%} to {top:130px}}