a,article,aside,b,body,code,div,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,html,i,img,ins,label,li,p,ul{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}*,::after,::before{box-sizing:inherit},html{box-sizing:border-box}a{text-decoration:none;color:inherit}html *{max-height:100000px}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";overflow-x:hidden}
body{background-color: #fff;font-weight: normal;font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";}ul li,ol li{list-style:none}em{ font-style:normal;}u{text-decoration: none}
a {  background-color: transparent; /* 1 */  -webkit-text-decoration-skip: objects; /* 2 */}
a:active,a:hover {  outline-width: 0;}
.g-w1200 {width: 100%;max-width: 1200px;margin: 0 auto;}
.g-white{background-color: #fff;}.g-radius10{border-radius: 10px;}
@-webkit-keyframes scrooldown {
    0% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    100% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@keyframes scrooldown {
    0% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    100% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

.top{overflow: hidden;position: relative;background: center center #4A54FF;background-image: linear-gradient(315deg,#6772FF 0,#00F9E5 100%);color: #fff;height:860px;}
.top .main{overflow: hidden;}

.g-navbg{overflow: hidden;background: rgba(0,0,0,0.9);height: 100px;position: fixed;top: 0;z-index: 9999999;width: 100%;}
.g-nav{width: 100%;padding: 23px 0px;background: transparent;display: flex;-webkit-transition: background-color 0.3s ease 0s;transition: background-color 0.3s ease 0s;}
.g-nav a.logo{width: 200px;display: block;}
.g-nav a.logo img{width:53px;display: block;height:53px;float: left;}
.g-nav a.logo strong{display:block;float: left;font-size:28px;font-weight: bolder;color: #f5b638;height: 53px;line-height: 53px;padding-left: 10px;}
.g-nav p{width: 1000px;text-align: right;line-height: 53px;display: block;}
.g-nav p a{display: inline-block;font-size:20px;color: #fff;padding: 0 40px;position: relative;}
.g-nav p span{display: inline-block;font-size:20px;color: #fff;padding: 0 40px;position: relative;cursor: pointer;}
.g-nav p a.m-hover:after ,.g-nav p span.m-hover:after{content: '';position: absolute;left: 50%;height: 10px;width: 10px;background: #fff;margin-left: -5px;width: 16px;height: 2px;position: absolute;bottom: 0px;left: 50%;margin-left: -8px;border-radius: 10px;}
.g-nav p a:hover:after ,.g-nav p span:hover:after{content: '';position: absolute;left: 50%;height: 10px;width: 10px;background: #fff;margin-left: -5px;width: 16px;height: 2px;position: absolute;bottom: 0px;left: 50%;margin-left: -8px;border-radius: 10px;}

.container{overflow: hidden;margin-top: 200px;display: flex;}
.container .hero-content{width:800px;overflow: hidden;margin-top:60px;}
.container .hero-content h2{font-size:46px;color: #fff;text-transform: uppercase;letter-spacing: 0;line-height: 65px;margin: 8px 0px 10px;font-weight: 900;}
.container .hero-content h3 {font-size:46px;letter-spacing: 0;color: #fff;margin-bottom: 43px;font-weight: 700;}
.container .hero-content p {color: #fff;font-size:22px;letter-spacing: 0;line-height: 26px;}
.container .hero-content a {display:inline-block;text-align: center; font-size: 18px;color: #fff;letter-spacing: 0;background: #00F9E5;padding: 14px 45px;margin:55px 5px 0;border-radius: 33px;
font-weight: 500; transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);background-color: rgba(0,0,0,0.4);}
.container .hero-content a:hover {-webkit-transform: translateY(-6px);        transform: translateY(-6px);background-color: #000;color: #fff;}


.mobile{overflow: hidden;position: relative;width: 257px;margin-left: 100px;}
.mobile .mobilebg{height: 500px;z-index: 99;position: relative;}
.mobile .showimg{position: absolute;top:10px;width: 228px;left: 15px;}
.mobile .showimg img{width:228px;display: block;border-radius: 20px;height: 483px;}


a.scrl_me_down {cursor: default; display: block;position: absolute;left: 50%;bottom:2%;z-index: 9;width: 50px;-webkit-transform: translateX(-50%);        transform: translateX(-50%);-webkit-transition: all 0.5s ease 1.9s;transition: all 0.5s ease 1.9s;}
a.scrl_me_down span {display: inline-block;color: #fff;font-size: 55px;-webkit-animation: scrooldown 1000ms linear 0s infinite;animation: scrooldown 1000ms linear 0s infinite;background: url(../images/downico.png) no-repeat;width: 50px;height: 50px;background-size: 50px;}
.app-slider:after {border-left: 50vw solid #fff;border-top: 90px solid transparent;bottom: 0;content: "";height: 0;left: 0;position: absolute;width: 0;z-index: 1;}
.app-slider:before {border-right: 50vw solid #fff;border-top: 90px solid transparent;bottom: 0;content: "";height: 0;position: absolute;right: 0;width: 0;z-index: 1;}
::-webkit-scrollbar{width: 6px !important;}
::-webkit-scrollbar-thumb {border-radius: 6px;background-color: #DFDFDF!important;}


.icobox{display: flex;padding:70px 0 65px 0;}
.icobox .listico{text-align: center; width: 33.3333%;overflow: hidden;padding: 30px 15px;border-bottom: 1px solid transparent;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.icobox .listico i{display: block;margin:0 auto;width:90px;}
.icobox .listico i img{width: 100%;height: auto;display: block;}
.icobox .listico p{font-size: 26px;color: #000;height: 40px;line-height: 40px;margin:30px 0 20px 0;font-weight: bolder;}
.icobox .listico strong{font-weight: normal;color: #333;font-size: 16px;line-height: 28px;text-align: center;margin:0 20px;}
.icobox .listico:hover {border-bottom: 1px solid #4A54FF;box-shadow: 0px 0px 34px rgba(0, 0, 0, 0.08); border-radius:4px;}


.g-colorbg{overflow: hidden;background: #f9f9f9;}
.txtone{padding:20px 0 80px 0;overflow: hidden;}
.txtone .box{-webkit-box-align: center!important; display: flex;-ms-flex-align: center!important;align-items: center!important;margin-top: 20px;}
.txtone .box .appimg{max-width: 36%;flex: 1;}
.txtone .box .apptxt{padding:20px;overflow: hidden;max-width: 64%;flex: 1;}
.txtone .box .apptxt p{font-size: 34px;font-weight: bolder;letter-spacing: 0;line-height: 30px;margin-bottom: 15px;color: #241d6d;}
.txtone .box .apptxt strong{font-size: 16px;font-weight: normal;color: #666;line-height: 32px;}
.txtone .box .apptxt .links {margin-top: 47px;}
.txtone .box .apptxt .links a {display: inline;font-size: 17px;letter-spacing: 0;margin-right: 16px;border: 1px solid #4a3fbf;padding: 10px 31px;border-radius: 3px;color: #4a3fbf;font-weight: 600;}
.txtone .box .apptxt .links a.active {color: #fff!important;background: #4a3fbf;box-shadow: 0px 3px 6px rgba(74, 63, 191, 0.7);}
.effectupdown { -webkit-animation: scrooldown 2500ms linear 0s infinite;animation: scrooldown 2500ms linear 0s infinite;}
.txtright{text-align: right;}

.feature{overflow: hidden;margin-top: 80px;}
.feature .title{font-size: 34px;font-weight: bolder;letter-spacing: 0;line-height: 30px;margin-bottom: 15px;color: #241d6d; text-align: center;}

.row {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 50px 0 50px;}
.row .mobile2{-webkit-box-ordinal-group: 2;-ms-flex-order: 1;position: relative;overflow: hidden;order: 1;margin: 0 20px;}
.row .mobile2 .mobilebg2 {z-index: 99;position: relative;}
.row .mobile2 .ft-device{position: absolute;top:12px;width: 276px;left: 22px;}
.row .mobile2 .ft-device img{width:276px;display: block;border-radius:40px;height: 585px;}
.row .list {flex: 1;-webkit-box-ordinal-group: 1;-ms-flex-order: 0;order: 0;}
.row .right2 {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;}


.feature-item {margin-top:100px;text-align: right;}
.feature-item .icon {float: right;margin-left: 12px;height: 70px;width: 70px;border: 1px dashed #ddd;border-radius: 50%;text-align: center;line-height: 70px;font-size: 31px;color: #241d6d;position: relative;}
.feature-item .icon:before {content: '';position: absolute;left: 3px;top: 3px;width: 100%;height: 100%;border: 1px dashed #ddd;border-radius: 50%;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.feature-item .icon i{background: url(../images/6ico.png) no-repeat;display: inline-block;width: 35px;height: 35px;    position: absolute;left: 19px;top: 19px;}
.feature-item .icon i.ico1{background-position:-9px -15px;}
.feature-item .icon i.ico2{background-position:-58px -15px;}
.feature-item .icon i.ico3{background-position:-157px -16px;}
.feature-item .icon i.ico4{background-position:-107px -15px;}
.feature-item .icon i.ico5{background-position:-208px -16px;}
.feature-item .icon i.ico6{background-position:-254px -17px;}
/*.feature-item:hover .icon:before {left: 0;top: 0;opacity: 0;}*/
.feature-item .content {overflow: hidden;}
.feature-item h4 {font-size: 24px;letter-spacing: 0;color: #000;font-weight: bolder;margin-bottom: 8px;}
.feature-item p {color: #333;font-size: 14px;}
.row .txtleft .feature-item .icon {float: left;margin-left: 0;margin-right: 12px;}
.row .txtleft .feature-item{text-align: left;}
.row .txtright .feature-item{text-align: right;}


/*截图*/
#g-down-gameprevimg{width:100%; height:auto; display:block; overflow:hidden; margin:0; /*background:#fff; */ padding:50px 0px 50px 0px ; box-sizing:border-box; position:relative; zoom:1; z-index:10;}
#g-down-gameprevimg .g-previmg-ul{ border-radius: 10px; width:100%; height:auto;white-space:nowrap;  display:block; overflow-x:auto; overflow-y:hidden}
#g-down-gameprevimg .g-previmg-ul li{ width:auto; height:auto; white-space:nowrap; margin:0 15px 0 0; display:inline-block; overflow:hidden}
#g-down-gameprevimg .g-previmg-ul li img{width:auto; max-width:460px; height:auto; max-height:460px; display:block; overflow:hidden;border-radius:10px;cursor: pointer;}
#g-down-gameprevimg .g-previmg-ul li:last-of-type{margin-right: 0;}

/*滚动条*/
#g-down-gameprevimg .g-previmg-ul::-webkit-scrollbar {width: auto;height: 8px;background-color: #fff;}
#g-down-gameprevimg .g-previmg-ul::-webkit-scrollbar-track {background-color: transparent;height: 8px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 10px;}
#g-down-gameprevimg .g-previmg-ul::-webkit-scrollbar-track-piece {background-color: transparent;height: 8px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 10px;}
#g-down-gameprevimg .g-previmg-ul::-webkit-scrollbar-thumb {background-color: #e9e7e7;height: 8px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius: 10px;}

[class*=am-icon-]:before{display:inline-block;font-size:inherit;-webkit-font-smoothing:antialiased;transform:translate(0,0);}.am-pureview{position:fixed;left:0;top:0;bottom:0;right:0;z-index:110920;width:100%;height:100%;background:rgba(0,0,0,.95);display:none;overflow:hidden;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:translate(0,100%);-ms-transform:translate(0,100%);transform:translate(0,100%)}.am-pureview.am-active{transform:translate(0,0)}.am-pureview ol,.am-pureview ul{list-style:none;padding:0;margin:0;width:100%}.am-pureview-slider{overflow:hidden;height:100%}.am-pureview-slider li{position:absolute;width:100%;height:100%;top:0;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;vertical-align:middle;-webkit-transition:all .3s linear;transition:all .3s linear;z-index:100;visibility:hidden}.am-pureview-slider li.am-pureview-slide-prev{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);z-index:109}.am-pureview-slider li.am-pureview-slide-next{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);z-index:109}.am-pureview-slider li.am-active{position:relative;z-index:110;transform:translate(0,0);visibility:visible}.am-pureview-slider .pinch-zoom-container{width:100%;z-index:1121}.am-pureview-slider .am-pinch-zoom{position:relative;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.am-pureview-slider .am-pinch-zoom:after{display:inline-block;font:normal normal normal 1.6rem/1 FontAwesome,sans-serif;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);content:"\f110";-webkit-animation:icon-spin 2s infinite linear;animation:icon-spin 2s infinite linear;font-size:24px;line-height:24px;color:#eee;position:absolute;top:50%;left:50%;margin-left:-12px;margin-top:-12px;z-index:1}.am-pureview-slider .am-pinch-zoom.am-pureview-loaded:after{display:none}.am-pureview-slider img{position:relative;display:block;max-width:100%;max-height:100%;border-radius: 10px; opacity:0;z-index:200;-webkit-user-drag:none;-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in}.am-pureview-slider img.am-img-loaded{opacity:1}.am-pureview-direction{position:absolute;top:50%;width:100%;margin-top:-18px!important;z-index:1122}.am-pureview-only .am-pureview-direction,.am-touch .am-pureview-direction{display:none}.am-pureview-direction li{position:absolute;width:36px;height:36px}.am-pureview-direction a{display:block;height:36px;border:none;color:#ccc;opacity:.5;cursor:pointer;text-align:center;z-index:1125}.am-pureview-actions,.am-pureview-bar{height:45px;background-color:rgba(0,0,0,.35);position:absolute}.am-pureview-direction a:before{content:"<";line-height:36px;font-size:42px}.am-pureview-direction a:hover{opacity:1}.am-pureview-direction .am-pureview-prev{left:15px}.am-pureview-direction .am-pureview-next{right:15px}.am-pureview-direction .am-pureview-next a:before{content:">"}.am-pureview-bar{bottom:0;width:92%;color:#eee;line-height:45px;padding:0 10px;font-size:14px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.am-pureview-bar .am-pureview-title{display:none;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-left:6px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.am-pureview-bar .am-pureview-total{font-size:10px;line-height:48px}.am-pureview-actions{left:0;right:0;top:0}.am-pureview-actions a{position:absolute;left:10px;color:#ccc;display:block;width:45px;line-height:45px;text-align:left;font-size:16px}.am-pureview-actions a:hover{color:#fff}.am-pureview-actions [data-am-toggle=share]{left:auto;right:10px}.am-pureview-actions,.am-pureview-bar{opacity:0;-webkit-transition:all .15s;transition:all .15s;z-index:1130}.am-pureview-bar-active .am-pureview-actions,.am-pureview-bar-active .am-pureview-bar{opacity:1}.am-checkbox .am-icon-checked,.am-checkbox-inline .am-icon-checked,.am-radio .am-icon-checked,.am-radio-inline .am-icon-checked,.am-ucheck-checkbox:checked+.am-ucheck-icons .am-icon-unchecked,.am-ucheck-radio:checked+.am-ucheck-icons .am-icon-unchecked{opacity:0}
.am-pureview-bar {bottom: 0;width:92%;color: #eee;line-height: 45px;padding: 0 10px;font-size: 14px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.rotate_jia{display: none;}.rotate_div{display: none;}.rotate_jian{display: none;}
.am-pureview-slider .pinch-zoom-container,.am-pureview-slider .am-pinch-zoom{height: 100% !important}
.am-pureview-actions, .am-pureview-bar{background-color: rgba(0,0,0,0);}.am-pureview-counter{ width: 100%;text-align: right; }
.am-pureview-actions a{right: 0px;left:auto;text-align: center;height: 60px;width: 60px;}
.am-icon-chevron-left:before{content:'';background: url(../images/xico.png) no-repeat 11px 0px; width: 60px;height:60px; background-size: 45px;}


.active{overflow: hidden;padding-bottom: 50px;}
.active .box{display: flex;overflow: hidden;padding:50px 0;}
.active .box .list{margin: 0 15px;overflow: hidden; flex: 1;   border-radius: 5px;background:#fff;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);}
.active .box .list img{width: 100%;display: block;border-radius: 5px;-o-transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.active .box .list .bottom {overflow: hidden;padding: 30px 25px 30px;}
.active .box .list .bottom h4 {font-size: 22px;letter-spacing: 0;font-weight: bolder;margin-bottom:10px;color: #000;}
.active .box .list .bottom p {font-size: 15px;letter-spacing: 0;color: #999;line-height: 28px;}
.active .box .list:hover img{transform: scale(1.1);}


.downbg{overflow: hidden;padding: 150px 0px;position: relative;z-index: 1;background: center center #4A54FF; background-image: linear-gradient(315deg,#6772FF 0,#00F9E5 100%);}
.downbg .box{display: flex;margin:0 50px;overflow: hidden;    -webkit-box-align: center;-ms-flex-align: center; align-items: center;}
.downbg .box .ico{width: 155px;height: 155px;background: rgba(255, 255, 255, 0.3);box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px;padding: 10px 10px 10px 10px;border-radius: 20px;}
.downbg .box .ico img{display: block;width: 100%;}
.downbg .box .txt{flex: 1;border-left: 1px solid #fff;padding-left: 50px;margin-left:50px;}
.downbg .box .txt h4 {font-weight: bolder;font-size: 30px;letter-spacing: 0;color: #fff;margin-bottom:10px;}
.downbg .box .txt span {display: block;letter-spacing: 0;font-size:16px;margin-bottom: 17px;color: #f5f5f5;}
.downbg .box .txt p {font-size: 16px; line-height: 28px;color: #fff;}


.row .news{flex: 1;-webkit-box-ordinal-group: 1;-ms-flex-order: 0;order: 0;}
.row .news ul{overflow: hidden;width:80%;}
.row .news ul li{margin: 10px 0px;}
.row .news ul li .name{overflow: hidden;}
.row .news ul li .name i{width: 60px;height: 60px;display: inline-block;background: #eeeeee;color: #333;line-height: 60px;text-align: center;font-size: 16px;font-weight: bolder;float: left;}
.row .news ul li .name p{height: 60px;line-height: 60px;overflow: hidden;background: #f7f7f7;float: left;padding-left:20px;width: calc(100% - 80px);text-align: left;font-size: 15px;cursor: pointer;position: relative;color: #333;}
.row .news ul li .name p:before {content: '';position: absolute;right: 10px;top: calc(50% - 1px);height: 2px;width: 12px;background: #9c9393;}
.row .news ul li .name p:after {content: '';position: absolute;right: 15px;top: calc(50% - 6px);height: 12px;width: 2px;background: #9c9393;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.row .news ul li.collapsed p:after {height: 0px;}
.row .news ul li .info{overflow: hidden;background:#fff;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);display: none;}
.row .news ul li .info p{color: #a59c9c;padding:15px 20px;font-size: 14px;line-height: 31px;letter-spacing: 0;}
.row .news ul li.collapsed .info{height: block;}


.downbox{overflow: hidden;/*background:rgba(0,0,0,1);*/background: center center #4A54FF;background-image: linear-gradient(315deg,#6772FF 0,#00F9E5 100%);padding: 120px 0px;/*margin-top: -90px;*/z-index: 999999;position: relative;margin-bottom: 60px; border-radius: 10px;}
.downbox .download-title {text-align: center;margin-bottom: 80px;}
.downbox .download-title h4 {font-size: 32px;font-weight: bolder;letter-spacing: 0;color: #fff;margin-bottom: 23px;}
.downbox .download-title p {margin: 0 18%;color: #fff;letter-spacing: 0; line-height: 32px;font-size: 17px;}
.downbox .download-app {width:70%;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.single-download-links {box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;    -ms-flex-align: center;        align-items: center;background: #fff;padding: 12px 45px;border-radius: 5px;border: 1px solid transparent;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.single-download-links p{color: #000;}
.single-download-links .sdl-icon{ width:32px;height: 32px;padding-right: 6px;}
.single-download-links .sdl-icon i{width:32px;display: inline-block;height: 32px;}
.single-download-links .sdl-icon i img{width: 100%;}
.single-download-links:hover {border: 1px solid #fff;-webkit-transform: translateY(-5px);        transform: translateY(-5px);/*background-color: #000;*/color: #000;}


/*底部*/
.footer{background-color: #000;padding: 20px 0;text-align: center;font-size: 14px;color: #fff;}
.footer p{line-height: 28px;overflow: hidden;padding: 0 20px;}
.m-backTop{ cursor: pointer; width:40px; height:40px; background:url(../images/index-icon.png) no-repeat 0px -584px; border-radius: 50%;background-size:100px; display:none; overflow:hidden; position:fixed; right:10px; bottom:100px; z-index:999999}

.transition{-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}



@media screen and (max-width:1199px){


}


@media screen and (max-width:960px){

}


@media screen and (max-width:790px){
    .top{height: 520px;}
    .g-navbg{height: 50px;overflow: initial;}
    .g-nav{padding:0px;display: block;position: relative;}
    .g-nav a.logo{width: 100%;height: 50px;text-align: center;display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中，如果也需要水平居中的话 */}.g-nav a.logo img{height: 35px;display: inline-block;width: 45px;}.g-nav a.logo strong{height: 42px;line-height: 42px;padding-left:0px;margin-top:0px;font-size: 24px;}
    .g-nav p{display: none;}
    .g-nav p{width: auto;float: inherit;margin-left: 0;z-index: 9;position: absolute;text-align: center;right: 0;top: 50px;background: rgba(0,0,0,0.9);height: auto;}
    .g-nav p a,.g-nav p span{display:block;height: 50px;line-height: 50px;overflow: hidden;}
    .g-nav p a.m-hover,.g-nav p span.m-hover{background: #f5b638;}

    .navico{display: block;overflow: hidden;width: 50px;position: absolute;right: 0px;top: 0px;height: 50px;z-index: 99;}
    .navico i{background: url(../images/classico.png) no-repeat 12px 13px;display: block;width: 60px;height: 50px;background-size: 42%;cursor: pointer;}
    .close_nav i.u-times{background: url(../images/c.png) no-repeat 14px 15px;background-size: 36%;}
    .close1 i.u-search{background: url(../images/c.png) no-repeat 20px 17px;background-size: 36%;}

    .container{margin-top: 80px;}.container .hero-content{margin-top: 0px;padding:0 15px;}
    .container .hero-content h2{font-size: 32px;}.container .hero-content h3{font-size: 26px;margin-bottom:15px;}
    .container .hero-content a{margin:20px 20px 0;padding: 10px 30px;display: block;}
    .mobile{display: none;}
    
    .txtright{text-align: left;}

}


@media screen and (max-width:720px){
        

    .icobox{display: block;padding:0px 0 0px 0;}
    .icobox .listico{width: 100%;border-bottom: 15px solid #f5f5f5;padding: 30px 0;}
    .icobox .listico:hover{border-bottom: 15px solid #f5f5f5;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.08)}
    .icobox .listico strong{margin: 0 15px;width: auto;display: inline-block;}
    
    .g-colorbg{background: #fff;}
    .txtone{padding: 20px 0 20px 0}.txtone .box{display: block;margin-top: 0px;}.txtone .box .apptxt{max-width: 100%;}
    .txtone .box .apptxt p{font-size: 26px;}.txtone .box .apptxt strong{font-size: 15px;}.txtone .box .apptxt .links{margin-top: 20px;display: flex}.txtone .box .apptxt .links a.active{margin-top:0px;}.txtone .box .apptxt .links a{padding: 10px 20px;}
    .txtone .box .appimg{max-width: 100%;}.effectupdown img{max-width:100%;display: block;margin:0 auto;}

    .feature{margin-top: 20px;}.feature .title{font-size: 26px;}
    .row{padding: 0;display: block;}.row .mobile2{display: none;}.row .list{display: block;padding-bottom: 50px;}.row .txtright .feature-item{margin-top: 50px;}.row .txtright .feature-item{padding:0 50px;}
    .row .right2{border-top: 1px solid #f5f5f5;}
    .row .txtleft .feature-item{margin-top: 50px;padding:0 50px;}

    #g-down-gameprevimg{padding:20px 15px 0;}#g-down-gameprevimg .g-previmg-ul li{margin-right: 10px;}#g-down-gameprevimg .g-previmg-ul li img{max-width:280px;max-height:280px;}
    
    .active{padding-bottom: 0px;margin-top: 50px;}
    .active .box{padding:20px 0px;display: block;}
    .active .box .list{margin-bottom: 15px;}
    
    .downbg{padding: 30px 0;margin-bottom:20px;}.downbg .box{margin:0 15px;display: block;}.downbg .box .ico{width: 120px;height: 120px;display: block;margin:0 auto 25px;}
    .downbg .box .txt{border-left: 0px;margin-left: 0px;padding-left: 0px;text-align: center;}

    .row .news ul{width: 100%;}

    .downbox{margin-top:20px;padding: 20px 0;margin-bottom:20px;}.downbox .download-title{margin-bottom:20px;}.downbox .download-title h4{font-size: 28px;}.downbox .download-title p{margin: 0 15px;}
    .downbox .download-app{width:60%;display: block;}.single-download-links{margin-bottom: 20px;}
}


@media screen and (max-width:640px){

}