@charset "utf-8";body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,input,textarea,th,td {margin: 0;padding: 0;box-sizing: border-box;}body {font: 16px/1.6 "PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;color: #333;min-width: 1400px;}html {height: 100%;}em,i,b {font-style: normal;}ul,ol {list-style: none;}a {text-decoration: none;outline: none;}img {border: none;vertical-align: middle;}input,textarea {outline: none;font-family: "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}input,select,textarea {font-size: 100%;}table {border-collapse: collapse;border-spacing: 0;}* {box-sizing: border-box;}::-webkit-input-placeholder {color: #ccc;font-size: 14px;}:-moz-placeholder,::-moz-placeholder {color: #999;font-size: 14px;}:-ms-input-placeholder {color: #ccc;font-size: 14px;}.fl {float: left;}.fr {float: right;}.clearfix:after {content: "";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}.clearfix {zoom: 1;}a {color: #333;text-decoration: none;}a:hover {color: #dd3635;}.wrapper,.w1200 {margin-left: auto;margin-right: auto;width: 1400px;}.show {display: block;}.hide {display: none;}.dib {display: inline-block;}.clear {clear: both;}.tal {text-align: left !important;}.tac {text-align: center !important;}.tar {text-align: right !important;}.bgfff {background: #fff;}.ti2 {text-indent: 2em;}.color999 {color: #999;}.bodyh {height: 100%;position: relative;}.bodyhh {min-height: 100%;}.mt5 {margin-top: 5px;}.mb5 {margin-bottom: 5px;}.ml5 {margin-left: 5px;}.mr5 {margin-right: 5px;}.mlr5 {margin-left: 5px;margin-right: 5px;}.mt10 {margin-top: 10px;}.mb10 {margin-bottom: 10px;}.ml10 {margin-left: 10px;}.mr10 {margin-right: 10px;}.mt15 {margin-top: 15px;}.mb15 {margin-bottom: 15px;}.ml15 {margin-left: 15px;}.mr15 {margin-right: 15px;}.mt20 {margin-top: 20px;}.mt25 {margin-top: 25px;}.mb20 {margin-bottom: 20px;}.ml20 {margin-left: 20px;}.mr20 {margin-right: 20px;}.mt30 {margin-top: 30px;}.mb30 {margin-bottom: 30px;}.ml30 {margin-left: 30px;}.mr30 {margin-right: 30px;}.mt40 {margin-top: 40px;}.pt0 {padding-top: 0 !important;}.pt5 {padding-top: 5px;}.pb5 {padding-bottom: 5px;}.p15 {padding: 15px;}.pl5 {padding-left: 5px;}.pr5 {padding-right: 5px;}.pt10 {padding-top: 10px;}.pb10 {padding-bottom: 10px;}.pl10 {padding-left: 10px;}.pr10 {padding-right: 10px;}.plr10 {padding-left: 10px;padding-right: 10px;}.p10 {padding: 10px;}.pt15 {padding-top: 15px;}.pb15 {padding-bottom: 15px;}.pl15 {padding-left: 15px;}.pr15 {padding-right: 15px;}.plr15 {padding-left: 15px;padding-right: 15px;}.pt20 {padding-top: 20px;}.pb20 {padding-bottom: 20px;}.pl20 {padding-left: 20px;}.pr20 {padding-right: 20px;}.plr20 {padding-left: 20px;padding-right: 20px;}.p20 {padding: 20px;}.bt10 {border-top: 10px solid #f6f6f6;}.bb-so {border-bottom: 1px solid #e5e5e5;}.ovh li,.ovhh {overflow: hidden;white-space: nowrap;}.por {position: relative;}.hoverAll {position: relative;}.showAll {display: none;position: absolute;background: #fff;z-index: 4;}.hoverAll:hover .showAll {display: block;}.no-cont {background-color: #fff;text-align: center;padding: 50px;font-size: 14px;color: #999;}.no-cont img {vertical-align: middle;margin-right: 10px;width: 230px;}@font-face {  font-family: "iconfont";   src: url("https://www.visiongamingstudio.com/Public/index_new/font/iconfont.woff2?t=1652147497702") format('woff2'),       url("https://www.visiongamingstudio.com/Public/index_new/font/iconfont.woff?t=1652147497702") format('woff'),       url("https://www.visiongamingstudio.com/Public/index_new/font/iconfont.ttf?t=1652147497702") format('truetype');}.iconfont {  font-family: "iconfont" !important;  font-size: 16px;  font-style: normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}.icon-sx:before {  content: "\e650";}.icon-wb:before {  content: "\e645";}.icon-hot:before {  content: "\e600";}.icon-gd:before {  content: "\e601";}.icon-ss:before {  content: "\e602";}.icon-dq:before {  content: "\e603";}.icon-wx:before {  content: "\e604";}.icon-cg:before {  content: "\e607";}.icon-dh:before {  content: "\e609";}.icon-xz:before {  content: "\e60a";}.icon-f:before {  content: "\e60d";}.icon-dqf:before {  content: "\e60e";}.icon-xx:before {  content: "\e60f";}.icon-w:before {  content: "\e611";}.icon-zs:before {  content: "\e615";}.icon { display: inline-block; vertical-align: middle; }.header .w1200, .wrap-tits, .wrap-tits-sub { display: flex; justify-content: space-between; align-items: center; }body { height: 100%; position: relative; }.fz14 {font-size: 14px;}.bodyh { display: flex; justify-content: space-between; flex-direction: column; }.color1 { color: #02C8AE !important; }.color2 { color: #FF3838 !important; }.sucTip { padding: 15px 30px; color: #fff; background-color: rgba(0, 0, 0, 0.5); position: fixed; left: 50%; transform: translateX(-50%); top: 50%; border-radius: 4px; z-index: 6; display: none; font-size: 18px; }.header { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 10; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.03); transition: background .5s; }.header-h { height: 100px; }.header.fixed { position: fixed; top: 0; width: 100%; background-image: none; z-index: 10; backdrop-filter: saturate(180%) blur(20px); box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.03); background-color: rgba(255, 255, 255, 0.9); }.header .w1200 { height: 100px; }.header-logo { display: flex; align-items: center; }.header-logo .iconfont { display: block; line-height: 1; color: #333; }.header-logo .icon-f { font-size: 24px; margin-bottom: 5px; }.header-logo .icon-w { font-size: 12px; }.header-logo-i { height: 48px; margin-right: 10px; }.header-logo-t { margin-right: 10px; font-size: 20px; font-weight: bold; color: #FF641F; }.header-logo-r { font-size: 20px; font-weight: bold; color: #666; margin-right: auto; }.header-logo-r::before { content: ''; width: 5px; height: 5px; border-radius: 50%; display: inline-block; vertical-align: middle; background-color: #02C8AE; margin-right: 10px; }.header li { display: inline-block; }.header li.active a::after, .header li:hover a::after { transform: scale(1); }.header li.active a { font-size: 18px; font-weight: bold; }.header li > a { padding: 0 18px; line-height: 40px; position: relative; color: #333; }.header li > a::after { content: ''; transform: scale(0); width: 28px; height: 4px; background-color: #02C8AE; position: absolute; bottom: -8px; left: 50%; margin-left: -14px; transition: transform .2s; border-radius: 5px; }.header-tel { line-height: 1.2; display: inline-block; vertical-align: middle; }.header-tel .iconfont { vertical-align: 1px; margin-right: 3px; color: #FF641F; font-size: 20px; }.header-tel span { font-size: 23px; font-weight: bold; }.header-tel p { color: #333; font-size: 12px; opacity: .7; }.header-slide { position: relative; }.header-slide > a { position: relative; }.header-slide > a::before { content: ''; border-top: 5px solid #666; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); transition: transform .3s; }.header-slide:hover .header-slide-m { display: block; }.header-slide:hover a::after { content: none; }.header-slide:hover a::before { transform: translateY(-50%) rotate(180deg); }.header-slide-m { display: none; }.header-slide-m dl { position: absolute; width: 480px; border-radius: 4px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05); background-color: #fff; display: flex; flex-wrap: wrap; overflow: hidden; }.header-slide-m dl dd { width: 160px; }.header-slide-m dl dd a { display: block; line-height: 64px; padding-left: 30px; font-weight: bold; }.header-slide-m dl dd a.active, .header-slide-m dl dd a:hover { background: #F7F8F9; }.header-slide-m dl dd img { width: 32px; height: 32px; margin-left: 10px; }.header_area ul { margin-left: auto; margin-right: 70px; }.wrap-tits h1::after, .wrap-tits h2::after, .wrap-tits h3::after, .wrap-tits em::after { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e60a'; font-size: 12px; color: #FF641F; position: absolute; left: 50%; transform: translateX(-50%); bottom: -15px; }.wrap { margin-top: 45px; }.wrap-flex { display: flex; justify-content: space-between; }.wrap-tit { margin-bottom: 10px; }.wrap-tit h1, .wrap-tit h2, .wrap-tit h3, .wrap-tit em { font-weight: bold; font-size: 24px; }.wrap-tit h1 span, .wrap-tit h2 span, .wrap-tit h3 span, .wrap-tit em span { color: #02C8AE; }.wrap-tits h1, .wrap-tits h2, .wrap-tits h3, .wrap-tits em { font-weight: bold; font-size: 28px; flex-shrink: 0; display: inline-block; position: relative; }.wrap-tits-s h1, .wrap-tits-s h2, .wrap-tits-s h3, .wrap-tits-s em { font-size: 20px; }.wrap-tits h1 span, .wrap-tits h2 span, .wrap-tits h3 span, .wrap-tits em span { color: #02C8AE; }.wrap-tits-sub { font-size: 14px; color: #999; margin-left: 20px; flex: 1; position: relative; height: 40px; }.wrap-tits-sub::after { content: ''; width: 100%; height: 1px; background: #F1F1F1; opacity: .6; position: absolute; left: 0; bottom: -8px; }.wrap-tits-sub .wrap-more { margin-top: 10px; }.wrap-tits-sub .js-hov-btn { display: flex; }.wrap-tits-sub .js-hov-btn a { color: #999; padding: 0 10px; height: 24px; line-height: 24px; margin-right: 20px; position: relative; }.wrap-tits-sub .js-hov-btn a.active { color: #FF641F; background-color: rgba(255, 100, 31, 0.1); border-radius: 4px; font-weight: bold; }.wrap-tits-sub .js-hov-btn a.active::after { content: ''; border-top: 5px solid rgba(255, 100, 31, 0.1); border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; bottom: -5px; left: 50%; margin-left: -5px; }.wrap-left { width: 980px; }.wrap-right { width: 380px; }.wrap-right .wrap-tits h2, .wrap-right .wrap-tits h3, .wrap-right .wrap-tits em { font-size: 20px; }.wrap-more { color: #999; font-size: 14px; }.tag2, .tag3 { font-weight: normal !important; color: #fff; font-size: 12px; line-height: 17px; display: inline-block; border-radius: 4px; padding: 0 5px; vertical-align: 1px; margin-left: 5px; }.tag2 { background-color: #02C8AE; }.tag3 { background-color: #FF641F; }[class^=teach] { font-size: 12px; position: absolute; top: 0; right: 0; width: 100px; transform: rotate(45deg) translate(28px, -2px); text-align: center; height: 20px; line-height: 19px; z-index: 2; }.teach1 { color: #FF641F; background-color: #FFEFE8; }.teach2 { color: #02C8AE; background-color: #E5F9F6; }.nav-brand { line-height: 1; color: #999; padding: 20px 0; font-size: 14px; }.nav-brand a, .nav-brand span { color: #999; }.nav-brand a:hover { color: #dd3635; }.nav-brand i { font-family: simsun; color: #999; margin: 0 5px; }.gotop { position: fixed; right: 40px; bottom: 80px; z-index: 3; width: 60px; height: 60px; text-align: center; background-color: rgba(255, 255, 255, 0.95); border-radius: 50%; box-shadow: 0 2px 6px 1px rgba(27, 27, 27, 0.08); display: flex; align-items: center; justify-content: center; }.gotop:before { content: ""; border-top: 1px solid #000; border-left: 1px solid #000; width: 16px; height: 16px; transform: rotate(45deg); margin-top: 10px; }.select { position: relative; cursor: pointer; background-color: #fff; height: 40px; }.select_open { border-top: 1px solid #b7b7b7; border-left: 1px solid #b7b7b7; position: absolute; top: 50%; margin-top: -6px; right: 13px; width: 8px; height: 8px; transform: rotate(-135deg); }.select_txt { padding-left: 15px; line-height: 40px; height: 40px; overflow: hidden; padding-right: 30px; color: #ccc; display: inline-block; }.select .option { border: solid 1px #ddd; border-top: none; position: absolute; top: 40px; left: 0; z-index: 2; display: none; max-height: 180px; overflow: auto; width: 100%; }.select .option a { display: block; height: 38px; line-height: 38px; text-align: left; background: #fff; color: #666; overflow: hidden; padding: 0 15px; }.select .option a:hover { background: #f4f4f4; }.footer-wrapper { padding-bottom: 30px; background-color: #333; margin-top: 40px; color: #999; }.footer-wrapper a { color: #999; }.footer-wrapper a:hover { color: #dd3635; }.footer-sub { background-color: #222; padding: 30px 0; }.footer-sub .w1200 { display: flex; }.footer-sub a { line-height: 1; border-right: 1px solid rgba(255, 255, 255, 0.1); margin-right: 30px; padding-right: 30px; }.footer-sub a:last-child { border-right: none; margin-right: 0; padding-left: 0; }.footer-copy { display: flex; justify-content: space-between; font-size: 14px; padding-top: 30px; }.footer-copy-l { line-height: 28px; }.footer-copy-r { display: flex; align-items: flex-end; }.footer-copy-r a { margin-left: 20px; position: relative; }.footer-copy-r a:first-child span { background-color: #FF3838; }.footer-copy-r a:hover span { opacity: .9; }.footer-copy-r a:hover .ewm { display: block; }.footer-copy-r a span { display: inline-block; width: 120px; line-height: 32px; border-radius: 4px; color: #fff; text-align: center; background-color: #02C8AE; }.footer-copy-r .iconfont { vertical-align: middle; margin-right: 2px; }.footer-copy-r .ewm { position: absolute; bottom: 32px; left: 10px; display: none; padding-bottom: 8px; }.footer-copy-r .ewm img { width: 100px; height: 100px; border: 10px solid #fff; border-radius: 4px; }.friend { background: #F7F8F9; padding-bottom: 30px; }.friend-list { padding-top: 30px; }.friend-t { font-weight: bold; margin-bottom: 10px; color: #333; }.friend-c { font-size: 14px; }.friend-c a { color: #666; margin-right: 20px; display: inline-block; }.friend-c a:hover { color: #dd3635; }.sucTips { padding: 15px 50px; color: #fff; background-color: rgba(0, 0, 0, 0.5); position: fixed; left: 50%; transform: translateX(-50%); top: 50%; border-radius: 4px; z-index: 6; display: none; }.right-kefu { position: fixed; right: 19px; top: 30%; font-size: 12px; z-index: 999; line-height: normal; }.right-kefu * { box-sizing: content-box; }.right-kefu ul li { position: relative; }.right-kefu ul li a.kefu-hov, .kefu-more { background: rgba(204, 204, 204, 0.8); }.right-kefu ul li a.kefu-hob { transition: background .5s; background: #02C8AE; color: #fff; }.right-kefu ul li a.kefu-online { border-color: #02C8AE; background: #02C8AE; }.kefu-close { position: absolute; width: 14px; height: 14px; background: url("https://www.visiongamingstudio.com/Public/index_new/images/right-kefu.png") no-repeat; background-position: -70px -40px; right: 0; top: -16px; }.kefu-hov { width: 50px; height: 50px; background: #fff; display: block; text-align: center; margin-bottom: 5px; }.kefu-hov i { display: inline-block; background: url("https://www.visiongamingstudio.com/Public/index_new/images/right-kefu.png") no-repeat; }.kefu-online { width: 50px; height: 70px; background: #02C8AE; text-align: center; margin-bottom: 5px; display: block; }.kefu-online i { width: 27px; height: 25px; display: inline-block; background: url("https://www.visiongamingstudio.com/Public/index_new/images/right-kefu.png") no-repeat; background-position: -150px -5px; margin-top: 7px; }.kefu-online p { color: #fff; line-height: 14px; }.kefu-phone i { width: 22px; height: 28px; background-position: -5px -5px; margin-top: 13px; }.kefu-code i { width: 29px; height: 23px; background-position: -35px -5px; margin-top: 15px; }.kefu-share i { width: 26px; height: 26px; background-position: -71px -5px; margin-top: 13px; }.kefu-apply i { width: 26px; height: 25px; background-position: -105px -5px; margin-top: 13px; }.kefu-gotop { float: left; }.kefu-gotop i { width: 25px; height: 15px; background-position: -35px -40px; margin-top: 17px; }.kefu-font { display: none; }.kefu-con { position: absolute; right: 50px; top: 0; padding-right: 10px; display: none; width: 134px; }.kefu-cono { width: 80px; }.kefu-hide { background: #fff; border: 1px solid #ecebeb; padding: 10px; box-shadow: 0 0 10px #ddd; }.kefu-arrow { width: 7px; height: 10px; background: url("https://www.visiongamingstudio.com/Public/index_new/images/right-kefu.png") no-repeat; background-position: -150px -60px; position: absolute; right: 4px; top: 10px; }.kefu-ol-con { border-top: 1px solid #F2F2F2; padding-top: 10px; }.kefu-ol .kefu-ol-con:first-child { border-top: none; padding-top: 0; }.kefu-hide .kefu-tit { color: #02C8AE; font-size: 14px; font-weight: normal; }.kefu-ol-con ul li a { width: 52px; height: 22px; display: inline-block; background: url("https://www.visiongamingstudio.com/Public/index_new/images/right-kefu.png") no-repeat; margin-top: 10px; margin-bottom: 10px; }.kefu-ol-con ul li:first-child a { margin-right: 6px; }.kefu-ol-con ul li { float: left; }.kefu-ol-con ul li a.kefu-qq { background-position: -5px -60px; }.kefu-ol-con ul li a.kefu-zx { background-position: -70px -60px; }.kefu-hide .kefu-mobile .kefu-h3 { color: #a4a3a3; margin-bottom: 10px; }.kefu-hide .kefu-fx .kefu-tit { color: #a4a3a3; }.kefu-hide .kefu-mobile .kefu-h3.kefu-time:before { content: ''; width: 14px; height: 14px; display: inline-block; background: url("https://www.visiongamingstudio.com/Public/index_new/images/right-kefu.png") no-repeat; background-position: -105px -40px; vertical-align: middle; margin-right: 3px; margin-top: -2px; }.kefu-hide .kefu-mobile .kefu-h4 { color: #dd3635; font-size: 18px; white-space: nowrap; margin-bottom: 16px; font-family: arial; font-weight: normal; }.kefu-ewm img { width: 111px; height: 111px; }.kefu-ewm p { color: #706f6f; margin-top: 5px; text-align: center; }.kefu-more { width: 50px; display: block; text-align: center; background: rgba(204, 204, 204, 0.8); margin-bottom: 5px; display: none; float: left; }.kefu-more i { width: 22px; height: 7px; display: inline-block; background: url("https://www.visiongamingstudio.com/Public/index_new/images/right-kefu.png") no-repeat; background-position: -5px -40px; }.banner-rd-t { display: flex; justify-content: space-between; align-items: center; }.yxk-sub a:hover, .left-nav a:hover { color: #FF3838; }.tdxl { background-color: #F8FFFE; }.tdxl .left-nav-t a { background-color: #02C8AE; }.tdxl .left-nav a.active { color: #02C8AE; background-color: rgba(2, 200, 174, 0.1); }.tdxl .left-nav a.active::after { border-left-color: #02C8AE; }.tdxl .zds-tit span { color: #02C8AE; }.fqrz { background-color: #FFF9F6; }.fqrz .yxk-list, .fqrz .cjs-list, .fqrz .zds-top .zds-l, .fqrz .zds-btm { box-shadow: 0px 20px 30px 0px rgba(255, 100, 31, 0.1); }.fqrz .yxk-list:hover { box-shadow: 0px 20px 30px 0px rgba(255, 100, 31, 0.2); }.fqrz .banner-c { box-shadow: 0px 20px 30px 0px rgba(255, 100, 31, 0.15); }.fqrz .banner-rd, .fqrz .tab, .fqrz .left-nav { box-shadow: 0px 20px 30px 0px rgba(255, 100, 31, 0.08); }.fqrz .banner-rd-t h1 span, .fqrz .banner-rd-t h2 span, .fqrz .banner-rd-t h3 span, .fqrz .banner-rd-t em span, .fqrz .wraps-tit h2 span, .fqrz .wraps-tit h3 span, .fqrz .wraps-tit em span, .fqrz .mBtn a, .fqrz .cjs-tit span, .fqrz .zds-btm .zds-tit span { color: #FF641F; }.fqrz .banner-rd-t h1::after, .fqrz .banner-rd-t h2::after, .fqrz .banner-rd-t h3::after, .fqrz .banner-rd-t em::after { color: #02C8AE; }.fqrz .banner-lk li { background-color: rgba(255, 100, 31, 0.05); }.fqrz .banner-rd-z, .fqrz .cond { background-color: #FF641F; }.fqrz .wraps-tit-sub::after, .fqrz .cond-j a.active { background-color: #02C8AE; }.fqrz .zyk { background-color: rgba(255, 100, 31, 0.05); }.fqrz .tab-tit, .fqrz .left-nav a.active { background-color: rgba(255, 100, 31, 0.1); }.fqrz .left-nav a.active::after { border-left-color: #FF641F; }.fqrz .cond-j { background-color: rgba(2, 200, 174, 0.1); }.zzbs { background-color: #EEEDFE; }.zzbs .yxk-list, .zzbs .cjs-list, .zzbs .zds-top .zds-l, .zzbs .zds-btm { box-shadow: 0px 20px 30px 0px rgba(94, 82, 248, 0.1); }.zzbs .yxk-list:hover { box-shadow: 0px 20px 30px 0px rgba(94, 82, 248, 0.2); }.zzbs .banner-c { box-shadow: 0px 20px 30px 0px rgba(94, 82, 248, 0.15); }.zzbs .banner-rd, .zzbs .tab, .zzbs .left-nav { box-shadow: 0px 20px 30px 0px rgba(94, 82, 248, 0.08); }.zzbs .banner-rd-t h1 span, .zzbs .banner-rd-t h2 span, .zzbs .banner-rd-t h3 span, .zzbs .banner-rd-t em span, .zzbs .wraps-tit h2 span, .zzbs .wraps-tit h3 span, .zzbs .wraps-tit em span, .zzbs .mBtn a, .zzbs .cjs-tit span, .zzbs .zds-tit span, .zzbs .zds-btm .zds-tit span { color: #5E52F8; }.zzbs .banner-rd-t h1::after, .zzbs .banner-rd-t h2::after, .zzbs .banner-rd-t h3::after, .zzbs .banner-rd-t em::after { color: #02C8AE; }.zzbs .banner-lk li { background-color: rgba(94, 82, 248, 0.05); }.zzbs .banner-rd-z, .zzbs .cond, .zzbs .left-nav-t a { background-color: #5E52F8; }.zzbs .wraps-tit-sub::after { background-color: #02C8AE; }.zzbs .zyk { background-color: rgba(94, 82, 248, 0.05); }.zzbs .tab-tit { background-color: rgba(94, 82, 248, 0.1); }.zzbs .left-nav a.active { color: #5E52F8; background-color: rgba(94, 82, 248, 0.1); }.zzbs .left-nav a.active::after { border-left-color: #5E52F8; }.gjss { background-color: #FCFDFB; }.gjss .yxk-list, .gjss .cjs-list, .gjss .zds-top .zds-l, .gjss .zds-btm { box-shadow: 0px 20px 30px 0px rgba(57, 159, 37, 0.1); }.gjss .yxk-list:hover { box-shadow: 0px 20px 30px 0px rgba(57, 159, 37, 0.2); }.gjss .banner-c { box-shadow: 0px 20px 30px 0px rgba(57, 159, 37, 0.15); }.gjss .banner-rd, .gjss .tab, .gjss .left-nav { box-shadow: 0px 20px 30px 0px rgba(57, 159, 37, 0.08); }.gjss .banner-rd-t h1 span, .gjss .banner-rd-t h2 span, .gjss .banner-rd-t h3 span, .gjss .banner-rd-t em span, .gjss .wraps-tit h2 span, .gjss .wraps-tit h3 span, .gjss .wraps-tit em span, .gjss .mBtn a, .gjss .cjs-tit span, .gjss .zds-tit span, .gjss .zds-btm .zds-tit span { color: #399F25; }.gjss .banner-rd-t h1::after, .gjss .banner-rd-t h2::after, .gjss .banner-rd-t h3::after, .gjss .banner-rd-t em::after { color: #02C8AE; }.gjss .banner-lk li { background-color: rgba(57, 159, 37, 0.05); }.gjss .banner-rd-z, .gjss .cond, .gjss .left-nav-t a { background-color: #399F25; }.gjss .wraps-tit-sub::after { background-color: #02C8AE; }.gjss .zyk { background-color: rgba(57, 159, 37, 0.05); }.gjss .tab-tit { background-color: rgba(57, 159, 37, 0.1); }.gjss .left-nav a.active { color: #399F25; background-color: rgba(57, 159, 37, 0.1); }.gjss .left-nav a.active::after { border-left-color: #399F25; }.gjyx { background-color: #FCFDFB; }.gjyx .yxk-list, .gjyx .cjs-list, .gjyx .zds-top .zds-l, .gjyx .zds-btm { box-shadow: 0px 20px 30px 0px rgba(201, 52, 188, 0.1); }.gjyx .yxk-list:hover { box-shadow: 0px 20px 30px 0px rgba(201, 52, 188, 0.2); }.gjyx .banner-c { box-shadow: 0px 20px 30px 0px rgba(201, 52, 188, 0.15); }.gjyx .banner-rd, .gjyx .tab, .gjyx .left-nav { box-shadow: 0px 20px 30px 0px rgba(201, 52, 188, 0.08); }.gjyx .banner-rd-t h1 span, .gjyx .banner-rd-t h2 span, .gjyx .banner-rd-t h3 span, .gjyx .banner-rd-t em span, .gjyx .wraps-tit h2 span, .gjyx .wraps-tit h3 span, .gjyx .wraps-tit em span, .gjyx .mBtn a, .gjyx .cjs-tit span, .gjyx .zds-tit span, .gjyx .zds-btm .zds-tit span { color: #C934BC; }.gjyx .banner-rd-t h1::after, .gjyx .banner-rd-t h2::after, .gjyx .banner-rd-t h3::after, .gjyx .banner-rd-t em::after { color: #02C8AE; }.gjyx .banner-lk li { background-color: rgba(201, 52, 188, 0.05); }.gjyx .banner-rd-z, .gjyx .cond, .gjyx .left-nav-t a { background-color: #C934BC; }.gjyx .wraps-tit-sub::after { background-color: #02C8AE; }.gjyx .zyk { background-color: rgba(201, 52, 188, 0.05); }.gjyx .tab-tit { background-color: rgba(201, 52, 188, 0.1); }.gjyx .left-nav a.active { color: #C934BC; background-color: rgba(201, 52, 188, 0.1); }.gjyx .left-nav a.active::after { border-left-color: #C934BC; }.header { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); box-shadow: none; }.header-h { display: none; }.banner { height: 782px; background-repeat: no-repeat; background-position: center; position: relative; z-index: 2; }.banner .w1200 { position: relative; height: 100%; }.banner-c { float: right; margin-top: 184px; background-color: #fff; box-shadow: 0px 20px 30px 0px rgba(2, 200, 174, 0.15); border-radius: 20px; width: 620px; height: 320px; padding: 20px; }.banner-lk ul { display: flex; justify-content: space-between; }.banner-lk li { width: 100px; height: 100px; background-color: rgba(2, 200, 174, 0.05); border-radius: 8px; }.banner-lk a { display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; flex-direction: column; }.banner-lk .icon { width: 48px; height: 48px; }.banner-lk .t1 { background-image: url("https://www.visiongamingstudio.com/Public/index_new/images/icons/b1.png"); }.banner-lk .t2 { background-image: url("https://www.visiongamingstudio.com/Public/index_new/images/icons/b2.png"); }.banner-lk .t3 { background-image: url("https://www.visiongamingstudio.com/Public/index_new/images/icons/b3.png"); }.banner-lk .t4 { background-image: url("https://www.visiongamingstudio.com/Public/index_new/images/icons/b4.png"); }.banner-lk .t5 { background-image: url("https://www.visiongamingstudio.com/Public/index_new/images/icons/b5.png"); }.banner-kwd .tit { font-size: 24px; font-weight: bold; line-height: 38px; height: 38px; overflow: hidden; text-align: justify; }.banner-kwd .tit h2, .banner-kwd .tit h3, .banner-kwd .tit em { font-size: 24px; font-weight: bold; display: inline-block; }.banner-kwd .tit a { margin-right: 15px; }.banner-kwd .tit a:last-child { margin-right: 0; }.banner-kwd .cont { font-size: 16px; }.banner-kwd .cont p { line-height: 40px; height: 40px; overflow: hidden; text-align: justify; }.banner-kwd .cont a { margin-right: 15px; }.banner-kwd .tag { color: #fff; font-size: 16px; background-color: #FF3838; padding: 0 6px; height: 24px; line-height: 24px; border-radius: 2px; display: inline-block; vertical-align: 3px; margin-right: 5px; }.banner-rd { border-radius: 16px; background-color: #fff; padding: 30px; box-shadow: 0px 0px 40px 0px rgba(2, 200, 174, 0.08); margin-top: -180px; position: relative; z-index: 2; }.banner-rd-t { margin-bottom: 25px; }.banner-rd-t h1, .banner-rd-t h2, .banner-rd-t h3, .banner-rd-t em { font-weight: bold; font-size: 24px; position: relative; }.banner-rd-t h1 span, .banner-rd-t h2 span, .banner-rd-t h3 span, .banner-rd-t em span { color: #02C8AE; }.banner-rd-t h1::after, .banner-rd-t h2::after, .banner-rd-t h3::after, .banner-rd-t em::after { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e60a'; font-size: 12px; color: #FF641F; position: absolute; left: 50%; transform: translateX(-50%); bottom: -15px; }.banner-rd-s { margin-right: auto; color: #333; opacity: .1; font-size: 14px; text-transform: uppercase; margin-left: 4px; }.banner-rd-z { border-radius: 4px; background-color: #02C8AE; color: #fff; width: 160px; line-height: 44px; text-align: center; }.banner-rd-z:hover { color: #fff; opacity: .9; }.banner-rd-c { text-align: justify; }.wraps { margin-top: 100px; }.wraps-tit { text-align: center; position: relative; margin-bottom: 35px; }.wraps-tit h2, .wraps-tit h3, .wraps-tit em { display: inline-block; position: relative; font-size: 40px; font-weight: bold; }.wraps-tit h2 span, .wraps-tit h3 span, .wraps-tit em span { color: #02C8AE; }.wraps-tit h2::before, .wraps-tit h2::after, .wraps-tit h3::before, .wraps-tit h3::after, .wraps-tit em::before, .wraps-tit em::after { content: ''; width: 29px; height: 29px; position: absolute; top: -2px; }.wraps-tit h2::before, .wraps-tit h3::before, .wraps-tit em::before { background-image: url("https://www.visiongamingstudio.com/Public/index_new/images/icons/t1.png"); left: -40px; }.wraps-tit h2::after, .wraps-tit h3::after, .wraps-tit em::after { background-image: url("https://www.visiongamingstudio.com/Public/index_new/images/icons/t2.png"); right: -40px; }.wraps-tit h2 i, .wraps-tit h3 i, .wraps-tit em i { font-size: 32px; color: #FF641F; margin: 0 12px; }.wraps-tit-sub { font-size: 32px; text-transform: uppercase; color: rgba(51, 51, 51, 0.05); position: absolute; left: 50%; transform: translateX(-50%); bottom: -10px; font-weight: bold; }.wraps-tit-sub::after { content: ''; width: 30px; height: 5px; border-radius: 3px; background-color: #FF641F; position: absolute; left: 50%; margin-left: -15px; bottom: -2px; }.cond { background-color: #02C8AE; border-radius: 16px; display: flex; padding: 30px; text-align: justify; justify-content: space-between; }.cond-l { background-color: #fff; border-radius: 16px; width: 655px; }.cond-l-t { padding: 25px 20px 25px 30px; position: relative; }.cond-l-t::after { content: ''; width: 100%; height: 60px; background: linear-gradient(180deg, rgba(255, 255, 255, 0), white); position: absolute; left: 0; bottom: 25px; }.cond-l-o { overflow: auto; height: 270px; padding-right: 15px; }.cond-t { font-size: 18px; font-weight: bold; }.cond-u { font-size: 14px; line-height: 28px; margin: 20px 0; }.cond-s { font-size: 14px; color: #FF641F; margin-bottom: 15px; }.cond-j { display: flex; text-align: center; background-color: rgba(255, 100, 31, 0.1); border-radius: 16px 16px 0 0; }.cond-j a { flex: 1; line-height: 56px; font-size: 18px; }.cond-j a.active { background-color: #FF641F; color: #fff; font-weight: bold; border-radius: 16px 16px 0 0; }.cond-zx { padding: 15px 30px 0; }.cond-zx li { line-height: 44px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.cond-zx li::before { content: ''; width: 6px; height: 6px; background-color: #FF641F; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 15px; }.yxk { display: flex; flex-wrap: wrap; margin-top: -20px; }.yxk-list { background-color: #fff; box-shadow: 0px 0px 40px 0px rgba(2, 200, 174, 0.1); border-radius: 4px; width: 335px; margin-left: 20px; padding: 30px; display: flex; align-items: flex-start; margin-top: 20px; transition: transform .5s; }.yxk-list:hover { transform: translateY(-5px); }.yxk-list:nth-child(4n-3) { margin-left: 0; }.yxk-list:hover { box-shadow: 0px 0px 40px 0px rgba(2, 200, 174, 0.2); }.yxk-img img { width: 56px; height: 56px; margin-right: 8px; }.yxk-info { flex: 1; }.yxk-tit { font-weight: bold; font-size: 18px; line-height: 28px; height: 28px; overflow: hidden; margin-bottom: 10px; margin-top: 3px; }.yxk-sub { font-size: 14px; color: #999; }.yxk-sub a { color: #999; }.yxk-sub em { font-weight: bold; color: #02C8AE; }.yxk-sub span { color: #FF641F; font-weight: bold; }.mBtn { text-align: center; margin-top: 30px; }.mBtn a { display: inline-block; width: 360px; line-height: 56px; border-radius: 56px; border: 1px solid currentColor; color: #02C8AE; text-align: center; transition: transform .5s; }.mBtn a:hover { transform: translateY(-5px); }.zyk { background-color: rgba(2, 200, 174, 0.05); padding: 100px 0 80px; }.zyk .yxk-list { display: block; padding: 15px 20px; margin-left: 20px; width: 264px; }.zyk .yxk-list:nth-child(5n-4) { margin-left: 0; }.zyk .yxk-sub span { font-weight: normal; }.tab { box-shadow: 0px 0px 40px 0px rgba(2, 200, 174, 0.08); }.tab ul { display: flex; font-size: 14px; width: 100%; align-items: center; }.tab li { flex-shrink: 0; }.tab .wid1 { width: 310px; padding-left: 20px; }.tab .wid2 { width: 290px; padding-left: 20px; }.tab .wid2 img { width: 40px; height: 40px; margin-right: 5px; float: left; margin-top: 6px; }.tab .wid1 p, .tab .wid2 p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 28px; line-height: 28px; }.tab .wid3, .tab .wid7 { width: 110px; padding-left: 10px; }.tab .wid4, .tab .wid5 { width: 130px; text-align: center; }.tab .wid6 { width: 210px; padding-left: 20px; }.tab .wid8 { width: 110px; text-align: center; }.tab-tit { position: relative; color: rgba(51, 51, 51, 0.8); line-height: 48px; background-color: rgba(2, 200, 174, 0.1); }.tab-cont { background-color: #fff; }.tab-cont ul { height: 92px; }.tab-cont ul:hover { background-color: rgba(247, 248, 249, 0.7); }.tab-cont ul:hover .tab-btn { background-color: #FF641F; color: #fff; }.tab-cont .wid1 a, .tab-cont .wid2 a { color: #999; }.tab-cont .wid1 a:hover, .tab-cont .wid2 a:hover { color: #dd3635; }.tab-cont .wid1 p, .tab-cont .wid2 p { font-weight: bold; }.tab-cont .wid1 p a, .tab-cont .wid2 p a { color: #333; }.tab-cont .wid1 p { font-size: 18px; margin-top: 10px; }.tab-cont .wid2 p { font-size: 16px; }.tab-cont .wid4, .tab-cont .wid6, .tab-cont .wid7 { color: #666; }.tab-cont .wid5 { color: #FF3838; font-weight: bold; }.tab-cont .wid7 .iconfont { color: #F1F1F1; vertical-align: -1px; }.tab-btn { color: #FF641F; border: 1px solid currentColor; border-radius: 4px; line-height: 30px; width: 78px; text-align: center; display: inline-block; }.tab-btn:hover { opacity: .9; color: #FF641F; }.gzd { width: 50px; height: 4px; background-color: rgba(255, 100, 31, 0.2); position: relative; }.gzd p { position: absolute; left: 0; top: 0; height: 100%; background-color: #FF641F; }.hmore { position: relative; display: inline-block; }.hmore:hover .hmore-con { display: block; }.hmore-cont { position: absolute; left: 14px; top: -5px; padding-left: 8px; z-index: 10; }.hmore-con { padding: 5px; min-width: 60px; line-height: 22px; background: #fff; border-radius: 5px; box-shadow: 0 0 5px rgba(227, 227, 227, 0.5); font-size: 14px; color: #333; z-index: 99; text-align: center; display: none; }.hmore-con:before { content: ''; position: absolute; left: 3px; top: 13px; border-right: 5px solid #fff; border-top: 4px solid transparent; border-bottom: 4px solid transparent; box-shadow: -5px 0 10px #ddd; }.cjs { display: flex; justify-content: space-between; }.cjs-w .cjs-list { width: 680px; }.cjs-list { border-radius: 16px; background-color: #fff; box-shadow: 0px 0px 40px 0px rgba(2, 200, 174, 0.1); padding: 25px 30px; text-align: justify; transition: background .6s; }.cjs-tit { font-size: 24px; font-weight: bold; margin-bottom: 16px; }.cjs-tit h2, .cjs-tit h3, .cjs-tit em { font-size: 24px; }.cjs-tit span { color: #02C8AE; }.cjs-sub { font-size: 14px; line-height: 2; }.zds-top .zds-l, .zds-btm { background-color: #fff; border-radius: 16px; box-shadow: 0px 0px 40px 0px rgba(2, 200, 174, 0.1); background-color: #fff; }.zds-top { display: flex; justify-content: space-between; }.zds-btm { display: flex; justify-content: space-between; margin-top: 30px; }.zds-btm .zds-tit span { color: #02C8AE; }.zds-tit { font-weight: bold; font-size: 24px; margin-bottom: 16px; }.zds-tit h2, .zds-tit h3, .zds-tit em { font-weight: bold; }.zds-tit span { color: #FF641F; }.zds-cont { font-size: 14px; line-height: 2; }.zds-l { text-align: justify; padding: 25px 30px; width: 685px; }.zds-l img { max-width: 100%; }.zds-img { margin-top: 10px; }.left-nav { width: 120px; text-align: center; background-color: #fff; border-radius: 4px; overflow: hidden; box-shadow: 0px 0px 40px 0px rgba(2, 200, 174, 0.08); position: fixed; top: 50%; transform: translateY(-50%); left: 50%; margin-left: -840px; z-index: 2; display: none; }.left-nav.show { display: block; }.left-nav-t a { line-height: 42px; background-color: #FF641F; color: #fff !important; font-weight: bold; font-size: 16px !important; }.left-nav a { display: block; line-height: 40px; font-size: 14px; position: relative; color: #666; }.left-nav a.active { background-color: rgba(255, 100, 31, 0.1); color: #FF641F; }.left-nav a.active::after { content: ''; border-left: 4px solid #FF641F; border-top: 4px solid transparent; border-bottom: 4px solid transparent; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); }.cond-zxAdd li a { width: 460px; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: middle; }.cond-zxAdd li span { color: #999999; font-size: 14px; line-height: 44px; float: right; }.ban-nav { font-size: 0; width: 100%; position: absolute; top: 100px; left: 0; }.ban-nav span, .ban-nav a, .ban-nav i { color: #999999; font-size: 14px; line-height: 14px; }.ban-nav i { margin: 0 5px; }