*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.curr:hover,.currlef:hover{cursor:pointer;-webkit-transition:all .3s linear;transition:all .3s linear;-webkit-transform:scale(1.07);transform:scale(1.07)}em,i{font-style:normal}li{list-style:none}img{border:0;vertical-align:middle}button{cursor:pointer}a{color:#666;text-decoration:none}.viewport{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;white-space:nowrap;overflow:hidden;width:1590px;margin:0 auto;padding:10px 30px 20px 40px;height:880px;background:url(../img/bg.3c45eb81.png) no-repeat 0 0/contain;background-size:cover}.viewport .column{-webkit-box-flex:3;-ms-flex:3;flex:3}.viewport .column:nth-child(2){-webkit-box-flex:4;-ms-flex:4;flex:4}.viewport .rightbox{float:left}.viewport .rightbox .rigtitle{font-size:14px;position:absolute;top:40px;right:35px;color:#07bafc}.viewport .rightbox .rightform{width:340px;height:400px;position:absolute;top:135px;right:35px;padding:50px 30px 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:distribute;align-content:space-around;background:url(../img/右侧边框.b50cbf7e.png) no-repeat 0 0/contain}.viewport .rightbox .rightform .topbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%}.viewport .rightbox .rightform .topbox .topimg{width:150px;height:130px;background:url(../img/4.008b650e.png) no-repeat 0 0/contain}.viewport .rightbox .rightform .topbox .tit{margin-left:auto}.viewport .rightbox .rightform .topbox .tit div:first-child{color:#fff;font-size:16px}.viewport .rightbox .rightform .topbox .tit div:nth-child(2){font-size:28px;color:#027fff;float:right}.viewport .rightbox .rightform .centerbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%}.viewport .rightbox .rightform .centerbox .centerimg{width:150px;height:130px;background:url(../img/5.80aa7983.png) no-repeat 0 0/contain}.viewport .rightbox .rightform .centerbox .tit{margin-left:auto}.viewport .rightbox .rightform .centerbox .tit div:first-child{color:#fff;font-size:16px}.viewport .rightbox .rightform .centerbox .tit div:nth-child(2){float:right;font-size:28px;color:#fca307}.viewport .rightbox .rightform .buttombox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%}.viewport .rightbox .rightform .buttombox .buttomimg{width:150px;height:130px;background:url(../img/6.55a1ee99.png) no-repeat 0 0/contain}.viewport .rightbox .rightform .buttombox .tit{margin-left:auto}.viewport .rightbox .rightform .buttombox .tit div:first-child{color:#fff;font-size:16px}.viewport .rightbox .rightform .buttombox .tit div:nth-child(2){font-size:28px;color:#f66785;float:right}.viewport .rightbox .codebox{width:160px;height:200px;position:absolute;bottom:10px;right:10px}.viewport .rightbox .codebox .select{text-align:center;line-height:20px;color:#fff;width:118px;height:30px;padding:5px;margin:12px 0 -8px 22px;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(8,27,62,.4)),to(rgba(8,27,62,.4))),-webkit-gradient(linear,left top,left bottom,from(#061755),to(#061755));background-image:linear-gradient(rgba(8,27,62,.4),rgba(8,27,62,.4)),linear-gradient(#061755,#061755);background-blend-mode:normal,normal;-webkit-box-shadow:0 4px 30px 0 #00383f;box-shadow:0 4px 30px 0 #00383f;border-radius:8px;border:1px solid #0a75ed}.viewport .rightbox .codebox .select .none{position:absolute;bottom:154px;right:18px;opacity:0}.viewport .rightbox .codebox .codeimg{width:160px;height:160px;background:url(../img/二维码外框.ec617fe6.png) no-repeat 0 0/contain}.viewport .rightbox .codebox .codeimg .code{padding-top:27px;padding-left:30px;width:110px;height:110px}.viewport .centerbox .centerMide{color:#fff;text-align:center;margin-top:30px;width:808px;height:729px}.viewport .centerbox .centerMide .centerLeft{position:absolute;top:180px;left:400px;width:300px;height:769px;background:url(../img/弹窗.7a9032b8.png) no-repeat 0 0/contain;float:left}.viewport .centerbox .centerMide .centerLeft #popUp{padding-left:50px;padding-top:35px;text-align:left;font-size:large}.viewport .centerbox .centerMide .centerLeft .content{padding-top:5px;padding-left:50px;text-align:left;color:#f9f9f9;font-size:14px}.viewport .centerbox .centerMide .centerLeft .content .rot{color:#00d2bc}.viewport .centerbox .centerMide .centerLeft .content .solid{padding-bottom:5px;width:200px;border-top:1px solid #00d2bc}.viewport .centerbox .centerMide .centerRight{width:150px;height:729px;float:left}.viewport .centerbox .centerMide .centerRight .quanzhou{position:absolute;top:79px;left:742px;z-index:990}.viewport .centerbox .centerMide .centerRight .opacity-1{opacity:1!important;-webkit-transition:opacity .3s;transition:opacity .3s}.viewport .centerbox .centerMide .centerRight .licheng{position:absolute;top:411px;left:978px;z-index:997;opacity:0}.viewport .centerbox .centerMide .centerRight .licheng:hover{opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}.viewport .centerbox .centerMide .centerRight .anxi{position:absolute;top:265px;left:761px;z-index:998;opacity:0}.viewport .centerbox .centerMide .centerRight .anxi:hover{opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}.viewport .centerbox .centerMide .centerRight .nanan{position:absolute;top:294px;left:893px;z-index:996;opacity:0}.viewport .centerbox .centerMide .centerRight .nanan:hover{opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}.viewport .centerbox .centerMide .centerRight .fengze{position:absolute;top:404px;left:993px;z-index:998;opacity:0}.viewport .centerbox .centerMide .centerRight .fengze:hover{opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}.viewport .centerbox .centerMide .centerRight .dehua{position:absolute;top:93px;left:844px;z-index:999;opacity:0}.viewport .centerbox .centerMide .centerRight .dehua:hover{opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}.viewport .centerbox .centerMide .centerRight .huian{position:absolute;top:358px;left:1016px;z-index:999;opacity:0}.viewport .centerbox .centerMide .centerRight .huian:hover{opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}.viewport .centerbox .centerMide .centerRight .jinjiang{position:absolute;top:431px;left:965px;z-index:999;opacity:0}.viewport .centerbox .centerMide .centerRight .jinjiang:hover{opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}.viewport .centerbox .centerMide .centerRight .yongchun{position:absolute;top:222px;left:786px;z-index:999;opacity:0}.viewport .centerbox .centerMide .centerRight .yongchun:hover{opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}.viewport .centerbox .centerMide .centerRight .quangang{position:absolute;top:320px;left:1031px;z-index:999;opacity:0}.viewport .centerbox .centerMide .centerRight .quangang:hover{opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}.viewport .centerbox .centerMide .centerRight .luojiang{position:absolute;top:297px;left:997px;z-index:998;opacity:0}.viewport .centerbox .centerMide .centerRight .luojiang:hover{opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}.viewport .centerbox .centerMide .centerRight .shishi{position:absolute;top:458px;left:1002px;z-index:999;opacity:0}.viewport .centerbox .centerMide .centerRight .shishi:hover{opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}.viewport .centerbox .centerMide .centerRight .jinmen{position:absolute;top:551px;left:912px;z-index:999;opacity:0}.viewport .centerbox .centerMide .centerRight .jinmen:hover{opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}.viewport .centerbox .centerMide .centerRight .taishang{position:absolute;top:417px;left:1024px;z-index:999;opacity:0}.viewport .centerbox .centerMide .centerRight .taishang:hover{opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}.viewport .centerbox .title{text-align:center;margin-top:10px;width:808px;height:29px;line-height:40px;font-size:18px;font-weight:700;color:#fff}.viewport .centerbox .checked{border:none;background-image:-webkit-gradient(linear,left bottom,left top,from(#085ab0),to(#14dff1)),-webkit-gradient(linear,left top,left bottom,from(#000),to(#000));background-image:linear-gradient(0deg,#085ab0,#14dff1),linear-gradient(#000,#000);background-blend-mode:normal}.viewport .centerbox .switch{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:100px;left:420px;width:300px;height:50px;color:#fff;font-size:14px;margin:auto;text-align:center;line-height:50px}.viewport .centerbox .switch .sleft{width:158px;height:60px;width:140px;height:50px;border:1.5px solid #085ab0;border-right:none;border-radius:50px 0 0 50px}.viewport .centerbox .switch .sleft:hover{background-image:-webkit-gradient(linear,left bottom,left top,from(#085ab0),to(#14dff1)),-webkit-gradient(linear,left top,left bottom,from(#000),to(#000));background-image:linear-gradient(0deg,#085ab0,#14dff1),linear-gradient(#000,#000);background-blend-mode:normal}.viewport .centerbox .switch .scenter{width:140px;height:50px;border:1.5px solid #085ab0;border-right:none;font-size:16px;font-size:14px}.viewport .centerbox .switch .scenter:hover{background-image:-webkit-gradient(linear,left bottom,left top,from(#085ab0),to(#14dff1)),-webkit-gradient(linear,left top,left bottom,from(#000),to(#000));background-image:linear-gradient(0deg,#085ab0,#14dff1),linear-gradient(#000,#000);background-blend-mode:normal}.viewport .centerbox .switch .sright{width:140px;height:50px;border:1.5px solid #085ab0;border-radius:0 50px 50px 0;font-size:14px}.viewport .centerbox .switch .sright:hover{background-image:-webkit-gradient(linear,left bottom,left top,from(#085ab0),to(#14dff1)),-webkit-gradient(linear,left top,left bottom,from(#000),to(#000));background-image:linear-gradient(0deg,#085ab0,#14dff1),linear-gradient(#000,#000);background-blend-mode:normal}.viewport .centerbox .detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:400px;height:200px;position:absolute;left:400px;top:500px;background:url(../img/中间外框.cc9155bc.png) no-repeat 0 0/contain;text-align:center;padding-top:15px}.viewport .centerbox .detail .playsum{width:130px;height:200px;font-size:24px;color:#17defc}.viewport .centerbox .detail .playsum div:nth-child(2){color:#fff;font-size:12px}.viewport .centerbox .detail .tricsum{width:130px;height:200px;font-size:24px;color:#fc983e}.viewport .centerbox .detail .tricsum div:nth-child(2){color:#fff;font-size:12px}.viewport .centerbox .detail .carsum{width:130px;height:200px;font-size:24px;color:#ffef40}.viewport .centerbox .detail .carsum div:nth-child(2){color:#fff;font-size:12px}.viewport .centerbox .bottomsuface{width:1030px;height:220px;position:absolute;left:351px;top:580px;background:url(../img/圆环.5db58871.png) no-repeat 0 0/contain;background-size:cover}.viewport .centerbox .bottomsuface .home{width:140px;height:140px;position:absolute;top:0x;left:-30px}.viewport .centerbox .bottomsuface .home .homeimg{width:100%;height:100%;background:url(../img/icon_home.500a9842.png) no-repeat 0 0/contain}.viewport .centerbox .bottomsuface .home span{font-size:16px;color:#fff;position:absolute;bottom:4px;left:46px}.viewport .centerbox .bottomsuface .ctl{width:140px;height:140px;position:absolute;top:30px;left:180px}.viewport .centerbox .bottomsuface .ctl .ctlimg{width:100%;height:100%;background:url(../img/icon_zhihuijiance.7f0ee960.png) no-repeat 0 0/contain}.viewport .centerbox .bottomsuface .ctl span{font-size:16px;color:#fff;position:absolute;bottom:4px;left:46px}.viewport .centerbox .bottomsuface .week{width:140px;height:140px;position:absolute;top:55px;left:420px}.viewport .centerbox .bottomsuface .week .weekimg{width:100%;height:100%;background:url(../img/icon_shuju.562311f7.png) no-repeat 0 0/contain}.viewport .centerbox .bottomsuface .week span{font-size:16px;color:#fff;position:absolute;bottom:4px;left:46px}.viewport .centerbox .bottomsuface .month{width:140px;height:140px;position:absolute;top:35px;left:680px}.viewport .centerbox .bottomsuface .month .monthimg{width:100%;height:100%;background:url(../img/icon_fuwuqi.abf64522.png) no-repeat 0 0/contain}.viewport .centerbox .bottomsuface .month span{font-size:16px;color:#fff;position:absolute;bottom:4px;left:46px}.viewport .centerbox .bottomsuface .setting{width:140px;height:140px;position:absolute;top:0x;right:-30px}.viewport .centerbox .bottomsuface .setting .settingimg{width:100%;height:100%;background:url(../img/icon_setting.2312ca0f.png) no-repeat 0 0/contain}.viewport .centerbox .bottomsuface .setting span{font-size:16px;color:#fff;position:absolute;bottom:4px;left:46px}.viewport .leftbox{float:left;padding-right:20px}.viewport .leftbox .leftitle{position:absolute;left:35px;top:40px;font-size:14px;color:#07bafc}.viewport .leftbox .leftform{width:340px;height:400px;position:absolute;top:135px;left:35px;padding:50px 10px 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:distribute;align-content:space-around;background:url(../img/左侧外框.9d88ab4f.png) no-repeat 0 0/contain}.viewport .leftbox .leftform .topbox{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.viewport .leftbox .leftform .topbox .topimg{width:150px;height:130px;background:url(../img/1.f5e1531a.png) no-repeat 0 0/contain}.viewport .leftbox .leftform .topbox .tit div:first-child{color:#fff;font-size:16px}.viewport .leftbox .leftform .topbox .tit div:nth-child(2){font-size:28px;color:#07f9fc}.viewport .leftbox .leftform .centerbox{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.viewport .leftbox .leftform .centerbox .centerimg{width:150px;height:130px;background:url(../img/2.6eed8888.png) no-repeat 0 0/contain}.viewport .leftbox .leftform .centerbox .tit div:first-child{color:#fff;font-size:16px}.viewport .leftbox .leftform .centerbox .tit div:nth-child(2){font-size:28px;color:#07fc2f}.viewport .leftbox .leftform .buttombox{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.viewport .leftbox .leftform .buttombox .buttomimg{width:150px;height:130px;background:url(../img/3.e8f6ca2d.png) no-repeat 0 0/contain}.viewport .leftbox .leftform .buttombox .tit div:first-child{color:#fff;font-size:16px}.viewport .leftbox .leftform .buttombox .tit div:nth-child(2){font-size:28px;color:#eefc07}.viewport .leftbox .widemill{position:absolute;left:40px;bottom:40px;width:280px;height:150px;background:url(../img/widecar.f3570a2b.png) no-repeat 0 0/contain}