body,div,h1,img,li,p,ul{margin:0;padding:0;border:0}body{font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif,Simsun,Tahoma;background:#182121;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;color:#222}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,PingFang SC,Noto Sans,Roboto,Microsoft Yahei,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:14px}body{font-family:microsoft yahei}.cb{clear:both}a,li{list-style-type:none;cursor:pointer;transition:.2s;text-decoration:none}a,li,span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top{height:60px;width:100%;background:#222;position:fixed;top:0;left:0}.top .logo{display:block;float:left;width:160px;height:60px;line-height:60px;background:#ccc;background:url(../images/logo.png) 10px center no-repeat}.top .logo h1{font-size:16px;text-align:left;text-indent:60px;color:#eee}.top .logo:hover h1{color:#fff}.top .yl_open{float:right;padding:10px 20px;background:#f3006d;color:#fff;border-radius:20px;margin:10px;font-size:15px}.top nav{float::left;width:calc(100% - 250px);display:block;max-width:1200px;height:60px;margin:auto;overflow:hidden}.top nav a{width:6.25%;display:inline-block;float:left;line-height:60px;color:#999;text-align:center}.top nav a:hover{background:#222;color:#fff}.top nav .active{color:#fff}.head{min-height:300px;width:100%;padding-top:60px}.head .logobg{display:block;width:100%;height:200px;background:#182121 url(../images/logobg.png) top center no-repeat}.head #banner{width:76%;max-width:1800px;margin:auto}.head #banner li{width:50%;float:left;overflow:hidden}.head #banner li img{width:100%;height:90px}.main{margin:auto;padding:90px 10% 0;overflow:hidden;max-width:1800px;transition:.2s}.right{width: calc(100%);float:inherit;background:#fff;overflow:hidden;border:5px solid #f3006d}.right .web:nth-of-type(1) .title{background:#f3006d}.right .web:nth-of-type(2) .title{background:#09c}.right .web:nth-of-type(3) .title{background:#f0ab09}.right .web:nth-of-type(4) .title{background:#f66}.right .web:nth-of-type(5) .title{background:#099}.right .web:nth-of-type(6) .title{background:#c9bc25}.right .web:nth-of-type(7) .title{background:#f90}.right .web:nth-of-type(8) .title{background:#f66}.right .web:nth-of-type(9) .title{background:#36b2cd}.right .web:nth-of-type(10) .title{background:#ff80c0}.right .web:nth-of-type(11) .title{background:#f8d549}.right .web:nth-of-type(12) .title{background:#d8b445}.right .web:nth-of-type(13) .title{background:#c173db}.right .web:nth-of-type(14) .title{background:#8ac842}.right .web:nth-of-type(15) .title{background:#ea6c9e}.web:first-child .title{line-height:30px}.web .title{height:40px;line-height:38px;font-weight:900;font-size:20px;width:100%;background:#f9226e;color:#fff}.web .title i{font-size:15px;top:-2px}.web .title p{width:150px;float:left;text-indent:10px}.web .title span{display:inline-block;width:calc(100% - 190px);text-align:right;float:right;padding-right:40px;font-size:15px}.web #words{padding:17px 15px 0;width:calc(100% - 32px)}.web #words li{width:calc(16.6666666666666% - 2px);text-align:center;float:left;border:2px solid #f9226e;font-weight:900;font-size:15px;height:38px;line-height:40px;margin:0 -2px -2px 0}.web #words li:hover{background:#f0f0f0}.web .web_list{padding:17px 15px;width:calc(100% - 31px)}.web .web_list li{float:left;width:calc(8.333333333333333% - 1px);border:1px solid #ccc;text-align:center;height:34px;line-height:36px;margin:0 -1px -1px 0}.web .web_list li span{padding:1px 3px;height:20px;margin-left:2px;color:#fff;border-radius:3px;font-weight:400;font-size:13px}.web .web_list li:not(.tj):hover{background:#eee;color:#f3006d}.web .web_list li.tj{background:#f5f5f5;font-weight:900}.web .web_list li[class]{font-weight:900}.web .web_list li.tj:hover{background:#eee}.bottom{padding:30px 0;background:#222}.bottom ul{padding-left:50px}.bottom ul li{color:#999;list-style-type:inherit;overflow:inherit;line-height:30px}.bottom ul li:hover{color:#fff}.bottom div{height:40px;width:300px;margin:10px auto}.bottom div a{display:inline-block;float:left;height:40px;width:130px;margin:0 10px;line-height:40px;text-align:center;border-radius:20px;background:#f3006d;color:#fff}.bottom div a:hover{background:#f9226e}#yl_box{display:none;width:100%;height:94%;z-index:999;position:fixed;bottom:0;box-shadow:0 -1000px 0 1000px rgb(0 0 0/80%);-webkit-box-shadow:0 -1000px 0 1000px rgb(0 0 0/80%);-moz-box-shadow:0 -1000px 0 1000px rgba(0,0,0,.8)}#yl_box .yl_menu{width:100%;height:50px;line-height:50px;margin:auto;background:rgb(0 0 0/74%);padding:10px 10%}#yl_box .yl_menu li{float:left;width:50px;border-radius:25px;text-align:center;color:#fff;font-size:16px;background-color:#f3006d}#yl_box .yl_menu li.yl_go{width:calc(80% - 100px);position:relative;background-color:#3fb39d;background-image:url(../images/yl_go_loading.gif);background-position:center center;background-size:50% auto;background-repeat:no-repeat}#yl_box .yl_menu li.yl_go i{position:absolute;left:30px;top:16px}#yl_box .yl_menu li.yl_go p{display:inline-block;background:#3fb39d;padding:0 20px}#yl_box .yl_menu li.yl_go p span{padding:2px 4px;background:#f3006d;border-radius:4px;margin-left:4px;color:#fff;font-size:14px}#yl_box .yl_menu li.yl_close{background-color:#f90}#yl_box .yl_main{height:100%;background:#222;border-top:10px solid #f3006d}#yl_box .yl_main iframe{width:100%;height:100%;border:none;background:#000 url(../images/loading.gif) center 30% no-repeat}.suspend{position:fixed;right:2%;bottom:20%;z-index:10}.suspend li{width:50px;height:50px;line-height:50px;font-size:13px;text-align:center;color:#fff;background:#444;border-radius:50%;cursor:pointer}.suspend li:hover{background:#f9226e}.suspend li.light{font-size:20px;font-weight:900}.guandeng .right{background-color:#151515}.guandeng .web .web_list li{border-color:#555}.guandeng .web .web_list li.tj{background-color:#252525}.guandeng .web .web_list li:not([class]){color:#aaa}.guandeng #words li:hover,.guandeng .web .web_list li:hover{background:#444;color:#fff}.tips{width:300px;height:450px;background:#fff;border-radius:15px;position:fixed;left:50%;margin-left:-150px;top:20%;z-index:500;box-shadow:0 0 0 15px rgb(0 0 0/50%);-webkit-box-shadow:0 0 0 15px rgb(0 0 0/50%);-moz-box-shadow:0 0 0 15px rgba(0,0,0,.5)}.tips .tips_bg{width:300px;height:260px;background:url(../images/tips_phone.png) center top no-repeat;margin-top:-71px}.tips .tips_content{width:260px;height:190px;padding-left:40px;padding-top:10px;overflow:hidden}.tips .tips_content li{line-height:20px;padding-right:30px;margin-bottom:10px;font-size:14px;list-style-type:inherit;font-weight:400;overflow:inherit;text-overflow:inherit;white-space:inherit}.tips .tips_close{width:200px;background:#fd3e8a;position:relative;height:40px;line-height:40px;text-align:center;border-radius:20px;color:#f0f0f0;margin:auto;cursor:pointer;overflow:hidden}.tips .tips_close div{width:200px;height:40px;background:#f3006d;position:absolute;left:0;top:0}.tips .tips_close span{position:relative}@media screen and (max-width:2400px){.web .web_list li{width:calc(9.090909090909091% - 1px)}}@media screen and (max-width:2200px){.web .web_list li{width:calc(10% - 1px)}}@media screen and (max-width:2030px){.web .web_list li{width:calc(11.11111111111111% - 1px)}}@media screen and (max-width:1900px){.left #focus,.left #focus li{height:200px}.web .web_list li{width:calc(12.5% - 1px)}}@media screen and (max-width:1760px){.web .web_list li{width:calc(14.28571428571429% - 25px)}.left{width:calc(360px - 10px)}.left #app li img{width:48px;height:48px}.right{float:none;width:calc(100% - 10px)}}@media screen and (max-width:1550px){.left{width:calc(300px - 10px)}.left #focus,.left #focus li{height:140px}.left #app{padding:10px 0}.right{float:none;width:calc(100% - 10px)}}@media screen and (max-width:1460px){.web .web_list li{width:calc(16.66666666666667% - 1px)}}@media screen and (max-width:1330px){.head .logobg{height:180px;background-size:70% auto}.left .more,.left div span,.top nav a span{display:none}.head #banner,.main{width:80%}.main{padding:30px 10% 0}.left{float:none;width:calc(100% - 0px)}.right{float:none;width:calc(100% - 10px)}.left #focus{display:none}.left #app{width:100%;padding:0 0 30px}.left #app li{width:10%}.left #app li img{width:56px;height:56px}.web .web_list li{width:calc(12.5% - 1px)}}@media screen and (max-width:1240px){.head #banner,.main{width:90%}.main{padding:20px 5% 0}}@media screen and (max-width:1100px){.head #banner li img{height:80px}.head .logobg{background-size:80% auto}.left #app li{width:10%}.web .web_list li{font-size:14px;width:calc(14.28571428571429% - 1px)}}@media screen and (max-width:920px){.top{height:50px}.top .logo,.top nav{height:50px;line-height:50px}.top .logo{background-size:auto 60%}.top .yl_open{padding:5px 20px}.top nav{height:50px;margin:0}.top nav a{height:50px;line-height:50px;width:40px;font-size:16px}.head{padding-top:50px}.head #banner{width:90%}.head #banner li{width:100%}.web #words li{width:calc(20% - 2px)}.web .web_list li{width:calc(16.66666666666667% - 1px)}.suspend li{width:46px;height:46px;line-height:46px}}@media screen and (max-width:800px){.head .logobg{height:150px;background-size:105% auto}.tips{display:none}.left #focus,.left #focus li{height:200px}.left #app li{width:12.5%}.web .title span{padding-right:20px;width:calc(100% - 200px)}.web #words li{width:calc(25% - 2px)}.web .web_list li{width:calc(20% - 1px)}.web .web_list li span{display:none}}@media screen and (max-width:680px){.top nav{position:fixed;left:0;bottom:0;width:100%;overflow-x:scroll;background:#222}.head .logobg{height:140px;background-size:120% auto}.main{width:94%;padding:10px 3% 20px}.head #banner{width:94%;padding:10px 3%}.left div{position:inherit}.left #focus{display:block;margin-bottom:20px}.left #focus li p{display:none}.left #app li:not(.tj){display:block}.left #app li{width:14.28571428571429%}.bottom li{white-space:inherit;padding-right:40px}}@media screen and (max-width:560px){.left #app li{width:16.66666666666667%}.web #words li{width:calc(25% - 2px)}.web .title span{display:none}.web .web_list li{width:calc(25% - 1px)}}@media screen and (max-width:480px){.head #banner li img{height:70px}.head .logobg{height:120px;background-size:140% auto}.main{width:100%;padding:55px 0}.web #words{padding:10px 10px 3px;width:calc(100% - 22px)}.web #words li{width:calc(33.3333333333333333333% - 2px);font-size:14px}.left{width:94%;padding:0 3%}.left #app li{width:20%;padding:8px 0;font-size:13px}.left #app li img{width:48px;height:48px;border-radius:13px}.right{border:none;width:100%}.right .web:first-child .title{line-height:38px}.right .web .web_list{padding:10px;width:calc(100% - 21px)}}@media screen and (max-width:380px){.head .logobg{height:120px;background-size:170% auto}.web .web_list li{width:calc(33.33333333333% - 1px)}}@media screen and (max-width:320px){.left #app li{width:25%}}.huang{color:#f90}.hong{color:red}.lan{color:#06f}.fen{color:#f0c}.hei{color:#000}.lv{color:#0c3}.zi{color:#90c}.bg_huang{background:#f90}.bg_hong{background:red}.bg_lan{background:#06f}.bg_fen{background:#f0c}.bg_lv{background:#0c3}.bg_zi{background:#90c}.app{margin:0 0 10px 0}.app ul li{width:90px;margin:10px 0 10px 5px;text-align:center;float:left}.app ul li img{margin:0 auto;width:65px;height:65px;display:block;border-radius:6px}.app ul a{font:11px/28px Tahoma,'Microsoft Yahei',Simsun;color:#f9226e;overflow:hidden;white-space:nowrap}.app ul a:hover img{transform:scale(1.5);transition:transform .3s ease-in-out 0s}.mCustomScrollbar{position:fixed;background:#fff;padding:0;left:50%;bottom:-5px;margin-left:765px;width:100px;overflow:hidden;border-bottom:#1196c2 solid 5px;border-top:red solid 5px}.mCustomScrollbar li{float:left;list-style:none;line-height:30px;font-weight:700;font-size:12px;width:100px;text-align:center;border-bottom:#0f74a8 solid 1px}.web_list li a{font-size:16px;color:#000}.web_list li a:link{color:#000;text-decoration:none}.web_list li a:active:{color:red}.web_list li a:visited{color:#858896;text-decoration:none}.web_list li a:hover{color:red;text-decoration:underline}