@charset "utf-8";
/*new add style for adapt*/
.ml1{margin-left: 1vw !important}
.ml2{margin-left: 2vw !important}
.ml3{margin-left: 3vw !important}
.ml4{margin-left: 4vw !important}
.ml5{margin-left: 5vw !important}
.mr1{margin-right: 1vw !important}
.mr2{margin-right: 2vw !important}
.mr3{margin-right: 3vw !important}
.mr4{margin-right: 4vw !important}
.mr5{margin-right: 5vw !important}
.mt1{margin-top: 1vh !important}
.mt2{margin-top: 2vh !important}
.mt3{margin-top: 3vh !important}
.mt4{margin-top: 4vh !important}
.mt5{margin-top: 5vh !important}
.mb1{margin-bottom: 1vh !important}
.mb2{margin-bottom: 2vh !important}
.mb3{margin-bottom: 3vh !important}
.mb4{margin-bottom: 4vh !important}
.mb5{margin-bottom: 5vh !important}
.pb1{padding-bottom: 1vh !important}
.pb2{padding-bottom: 2vh !important}
.pb3{padding-bottom: 3vh !important}
.pt1{padding-top: 1vh !important}
.pt2{padding-top: 2vh !important}
.pt3{padding-top: 3vh !important}
.pr1{padding-right: 1vw !important}
.pr2{padding-right: 2vw !important}
.pr3{padding-right: 3vw !important}
.pl1{padding-left: 1vw !important}
.pl2{padding-left: 2vw !important}
.pl3{padding-left: 3vw !important}
/*header{color:#B0B0B0;width: 100%;margin: 0;position: fixed;background-color: #323436;height: 50px;line-height: 50px;z-index: 101;}
.top-nav{width:80%;margin:0 auto;overflow: hidden;}*/
.top-nav{color:#B0B0B0;width: 100%;margin: 0;position: fixed;background-color: #323436;height: 50px;line-height: 50px;z-index: 101;}
.top-nav >li{float: right;}
.top-nav >li{float: right;}
.top-nav >li:nth-child(1){color:#B0B0B0;margin-left:10vw;margin-top: 12px !important;float: left;max-width: 120px;}
.top-nav >li:nth-child(1) img{display: block;width: 50%;}
.top-nav >li:nth-child(2){color:#B0B0B0;display: inline-block;margin-right:10vw;line-height: 50px;}
.top-nav >li:nth-child(2) select{ height:25px;line-height:21px;width:60px;border: 1px solid #B0B0B0;color:#B0B0B0;background-color: #323436;}
.top-nav >li:nth-child(3){display: inline-block;margin-right: 30px;color: #B0B0B0;}
.top-nav >li:nth-child(4){color:#B0B0B0;display: inline-block;margin-right: 30px;}
.top-nav >li:nth-child(5){color:#B0B0B0;display: inline-block;margin-right: 30px;}
.top-nav >li:nth-child(6){color:#B0B0B0;display: inline-block;margin-right: 30px;}
.top-nav >li:nth-child(7){color:#B0B0B0;display: inline-block;margin-right: 30px;}
.top-nav >li:nth-child(8){color:#B0B0B0;display: inline-block;margin-right: 30px;}
.top-nav >li:nth-child(9){color:#B0B0B0;display: inline-block;margin-right: 30px;}
.top-nav-logo{margin-right: 60px;width: 50px;padding-bottom:50px;background:url(../qww.png) no-repeat;background-size: 300%;}
.top-nav-logo:hover{background-position-y:111% !important}
.top-nav >li:nth-child(10){color:#B0B0B0;margin-right: 20px;height: 50px}
/*QQ hover显示*/
.top-nav >li:nth-child(12){color:#B0B0B0;position: relative;background-position: 0 -10%;margin-right: 20px;}
.top-nav >li:nth-child(12) img{position: absolute;top: 60px;left: -74%;display: none;}
.top-nav >li:nth-child(12):hover img{display: block;}
/*wechat hover显示*/
.top-nav >li:nth-child(11){color:#B0B0B0;position:relative;background-position: 55% -10%;margin-right: 20px;}
.top-nav >li:nth-child(11) img{position: absolute;top: 60px;left: -37px;display: none;}
.top-nav >li:nth-child(11):hover img{display: block;}

/*小图标全部显示*/
.weibo{display:inline-block;position:relative;background-position: 110% -10% !important;width: 50px;height:50px;background:url(../qww.png) no-repeat;background-size: 300%;}
.weibo:hover{background:url(../qww.png) no-repeat;background-size: 300%;background-position-y:111% !important}
.top-nav a{color:#B0B0B0;opacity:.9;}
h1#logo{
    height: 38px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background: url("../logo.png") no-repeat 0 0;
    background-size: auto 30px;
}
h1#logo a{
    display: block;
    height: 100%;
    text-indent: 999px;
}
.mobile-p,.mobile-picture{
    display: none;
}
#top-nav .memu{
    display: none;
}
#top-nav .fixed{
    display: none;
}
#mobileBanner{
    display: none;
}
.top-nav a:hover{opacity:1;color:#fff;}
.more-link{z-index:999;background-color: rgba(50,52,54,.7);color: #fff;top: 49px;position: absolute;width: 90px;text-align: center;margin-left:-15px;padding-bottom: 8px;}
.more-link li{line-height: 36px;height: 36px;}
.more-link li:hover{color: #fff}
.more-link li:nth-child(1){padding-top: 8px;}
.show-more img{width: 12px;height:8px;}
.show-more{position: absolute;margin-left: 4px;top: 21px;}
.show-more-btn {position: relative}
.top-nav >li.show-more-btn:hover {color: #fff}
.show-more-btn:hover .more-link{display: block !important;}
.show-more-btn:hover .show-more img{display: block !important;}

/*弹框*/
.connect-us-content{position: fixed;z-index: 999;top: 0;left: 0;}
.c-hover{width: 100vw;height: 100vh;background-color: #000;opacity: 0.6;}
.connect-us-body{border-radius:4px;background-color: #fff;position: absolute;z-index: 1000;width: 600px;min-height: 160px;color: #000;top: 50%;
    left: 50%;margin: -80px 0 0 -300px;}
.connect-us-content i{position: absolute;z-index: 1000;width:12px;height:12px;right: 13px;}
.connect-us-content i img{margin-top: 10px;}
.connect-us-content .connect-us-body p:nth-child(1){margin-top:20px;margin-left:38px;}
.connect-us-content .connect-us-body p:nth-child(2){margin-top:15px;margin-left:38px;}
.connect-us-content .connect-us-body p:nth-child(3){margin-top:10px;margin-left:38px;}
.connect-us-content .connect-us-body p:nth-child(4){margin-top:10px;margin-left:38px;}
.connect-us-content .connect-us-body p:nth-child(5){margin-top:10px;margin-left:38px;}
.connect-us-content .connect-us-body p:nth-child(6){margin-top:10px;margin-left:38px;}
.connect-us-content .connect-us-body p:nth-child(7){margin-top:10px;margin-left:38px;}

.friendly-link-content{position: fixed;z-index: 999;top: 0;left: 0;}
.c-hover{width: 100vw;height: 100vh;background-color: #000;opacity: 0.6;}
.friendly-link-content i{position: absolute;z-index: 1000;width:12px;height:12px;right: 13px;}
.friendly-link-content i img{margin-top: 10px;}


.about-us-content{position: fixed;z-index: 999;top: 0;left: 0;}
.c-hover{width: 100vw;height: 100vh;background-color: #000;opacity: 0.6;}
.about-us-body{border-radius:4px;background-color: #fff;position: absolute;z-index: 1000;width: 600px;min-height: 200px;color: #000;top: 50%;
    left: 50%;margin: -100px 0 0 -300px;}
.about-us-content i{position: absolute;z-index: 1000;width:12px;height:12px;right: 13px;}
.about-us-content i img{margin-top: 10px;}
.about-us-content p:nth-child(1){text-align: center;margin-top:35px;}
.about-us-content p:nth-child(2){margin-top:35px;margin-left:38px;}
.about-us-content p:nth-child(3){margin-top:10px;margin-left:38px;}
.about-us-content p:nth-child(4){margin-top:23px;margin-left:38px;}
.about-us-content p:nth-child(5){margin-top:10px;margin-left:38px;}
.about-us-content p:nth-child(6){margin-top:10px;margin-left:38px;}


.account-deal-content{position: fixed;z-index: 999;top: 0;left: 0;}
.c-hover{width: 100vw;height: 100vh;background-color: #000;opacity: 0.6;}
.account-deal-body{border-radius:4px;background-color: #fff;position: absolute;z-index: 1000;width: 600px;height: 240px;color: #000;top: 50%;
    left: 50%;margin: -120px 0 0 -300px;}
.account-deal-content i{position: absolute;z-index: 1000;width:12px;height:12px;right: 13px;}
.account-deal-content i img{margin-top: 10px;}
.account-deal-content .link1{display: inline-block;width:230px;height:80px;position:absolute;z-index:1000;top:70px;left:45px;border:1px solid #c0c0c0;border-radius: 4px;}
.account-deal-content .link1:hover{box-shadow:0 0 10px #d5d5d5;-webkit-box-shadow:0 0 10px #d5d5d5;-moz-box-shadow:0 0 10px #d5d5d5;border:1px solid #0dc5a0;border-radius: 4px;}
.account-deal-content .link2{display: inline-block;width:230px;height:80px;position:absolute;z-index:1000;top:70px;left:330px;border:1px solid #c0c0c0;border-radius: 4px;}
.account-deal-content .link2:hover{box-shadow:0 0 10px #d5d5d5;-webkit-box-shadow:0 0 10px #d5d5d5;-moz-box-shadow:0 0 10px #d5d5d5;border:1px solid #0dc5a0;border-radius: 4px;}
#downloadBox .c-hover{opacity: 0.5}
#downloadBox .account-deal-body{
    width: 838px;
    border: 2px solid #99e3d4;
    height: 246px;
    margin: -125px 0 0 -421px;
    background: none;
}
#downloadBox .content-opacity{
    background: #fff;
    width: 100%;
    height: 100%;
    opacity: 0.95;
}
#downloadBox.account-deal-content{
    width: 100%;
    height: 100%;
}
#downloadBox.account-deal-content i{
    top:0;
}
#downloadBox .link1{font-size: 30px;border:1px solid #fff;line-height: 52px;height: 118px;top:65px;left:46px;width: 358px;background: #0dc5a0;color: #fff;border-radius: 4px;}
#downloadBox .link2{font-size: 30px;border:1px solid #fff;line-height: 52px;height: 118px;top:65px;left: auto;right:46px;width: 358px;background: #0dc5a0;color: #fff;border-radius: 4px;}
#downloadBox .link1:hover,#downloadBox .link2:hover{
    box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;border:1px solid #fff;
}
#downloadBox a img{
    float: left;
    width: 60px;
    height: 60px;
    margin: 34px 14px 0 40px;
}

#downloadBox a img.chiji{
    position:absolute;
    float:left;
    width:46px;
    height:20px;
    left:262px;
    top:36px;
    margin:0;
}

#downloadBox a img.self-img{
    width: 52px;
    height: 62px;
    margin: 32px 18px 0 44px;
}
#downloadBox a .link-info{
    float: left;
    width: 240px;
    height: 60px;
    margin-top: 34px;
}
#downloadBox a .link-info h6{
    font-size: 34px;
    line-height: 34px;
}
#downloadBox a .link-info h6 b{
    display: inline-block;
    width: 30px;
    height: 34px;
    background: url("../download.png") no-repeat center;
    margin-left: 10px;
    vertical-align: top;
}
#downloadBox a .link-info p{
    font-size: 15px;
    margin-top: 5px;
    line-height: 21px;
    color: #fff;
    opacity: 0.8;
}
#downloadBox a .link-info p span{
    margin: 0 4px;
}
#appMarket {
    background: #0dc5a0;
}
#appMarket .apps-container {
    width: 76vw;
    margin: 10vh auto 0;
}
.apps-container .popular {
    float: left;
    width: 50vw;
}
.apps-container .rising {
    float: right;
    width: 24vw;
}
.apps-container .performs-title {
    height: 3.2vw;
}
.apps-container .performs-title h3 {
    height: 3.2vw;
    font: 1.8vw/3.2vw "";
    font-family: arial,"微软雅黑","Microsoft YaHei";
    color: #fff;
    float: left;
    text-align: left;
    width: 35vw;
}
.apps-container .performs-title a {
    display: block;
    border-radius: 2px;
    box-shadow: 0 5px 5px rgba(0,172,137,.5), -3px 0 3px rgba(0,172,137,.5), 3px 0 3px rgba(0,172,137,.5), 0 -3px 3px rgba(0,172,137,.5);
    -webkit-box-shadow: 0 5px 5px rgba(0,172,137,.5), -3px 0 3px rgba(0,172,137,.5), 3px 0 3px rgba(0,172,137,.5), 0 -3px 3px rgba(0,172,137,.5);
    -moz-box-shadow: 0 5px 5px rgba(0,172,137,.5),-3px 0 3px rgba(0,172,137,.5),3px 0 3px rgba(0,172,137,.5),0 -3px 3px rgba(0,172,137,.5);
    height: 2.6vw;
    background: #fff;
    font: 1.8vw/2.6vw "";
    font-family: arial,"微软雅黑","Microsoft YaHei";
    color: #0dc5a1;
    float: right;
    width: auto;
    padding: 0 .7vw;
    margin: .3vw .5vw 0 0;
}
.apps-container .popular ul {
    margin-top: 1.8vh;
    width: 50vw!important;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.apps-container .popular ul li {
    width: 12vw;
    cursor: pointer;
    margin: 0 .5vw 10px 0;
    border-radius: 6px;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.apps-container .popular ul li:hover {
    background: #02694b;
}
.apps-container .popular ul li:hover .game-desc p {
    color: #fff;
}
.apps-container .popular ul li:hover .game-desc .game-downloadurl {
    display: block;
}
.apps-container .popular ul li:hover .game-desc p.cate,.apps-container .popular ul li:hover .game-desc p.downloadTimes {
    display: none;
}
.apps-container .popular ul li .game-desc {
    width: 10vw;
    padding: 1vw;
    display: block;
    height: 15vw;
    position: relative;
}
.apps-container .popular ul li .game-desc img.li-icon {
    display: block;
    width: 100%;
    margin: 0 auto;
    height: auto;
}
.apps-container .popular ul li .game-desc p {
    position: relative;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    font: 1.3vw/1.8vw "";
    font-family: arial,"微软雅黑","Microsoft YaHei";
    color: #026a47;
    z-index: 99;
    margin-top: .5vw;
    overflow: hidden;
    text-overflow: ellipsis;
}
.apps-container .popular ul li .game-desc p.cate,.apps-container .popular ul li .game-desc p.downloadTimes {
    margin-top: 0;
    height: 1.3vw;
    font: 1.1vw/1.5vw "";
    font-family: arial,"微软雅黑","Microsoft YaHei";
    color: #7ecfbc;
}
.apps-container .popular ul li .game-desc .game-downloadurl {
    display: none;
    width: 100%;
    height: 2.6vw;
    font-size: 1.2vw;
    text-align: center;
    background: #fff;
    color: #0dc5a1;
    line-height: 2.6vw;
    font-family: arial,"微软雅黑","Microsoft YaHei";
}
.apps-container .rising ul {
    padding: 3px .5vw 2px;
    background: #fff;
    margin-top: 1.8vh;
    border-radius: 4px;
}
.apps-container .rising li {
    height: 4vw;
    padding: 1vw .5vw .6vw;
    overflow: hidden;
    border-bottom: 1px dashed #cfcfcf;
    cursor: pointer;
}
.apps-container .rising li a {
    width: 100%;
    height: 100%;
    display: block;
}
.apps-container .rising li a span {
    float: left;
    height: 1.4vw;
    width: 1.4vw;
    margin-right: 1vw;
    font: bold .8vw/1.4vw "";
    font-family: arial,"微软雅黑","Microsoft YaHei";
    color: #fff;
    background: #a5c3bb;
    text-align: center;
}
.apps-container .rising li a img {
    float: left;
    height: 4vw;
    width: 4vw;
    margin-right: 1.2vw;
}
.apps-container .rising li a div {
    float: left;
    height: 4vw;
    color: #333;
    width: 13vw;
    overflow: hidden;
}
.apps-container .rising li a div h5 {
    font: 1.2vw/4vw "";
    font-family: arial,"微软雅黑","Microsoft YaHei";
    text-align: left;
    white-space: nowrap;
    color: #676767;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*动画效果part1*/
#page{width:100%;background-color:#0dc5a0;@importent;text-align:center;color:#fff;}
#page .title{width:100%;margin-top: 15vh;text-align: center;}
#page .title .btn-install{border-radius:2px;
    box-shadow:0 5px 5px rgba(0,172,137,0.5), -3px 0 3px rgba(0,172,137,0.5), 3px 0 3px rgba(0,172,137,0.5),0 -3px 3px rgba(0,172,137,0.5);
    -webkit-box-shadow:0 5px 5px rgba(0,172,137,0.5),-3px 0 3px rgba(0,172,137,0.5), 3px 0 3px rgba(0,172,137,0.5),0 -3px 3px rgba(0,172,137,0.5);
    -moz-box-shadow:0 5px 5px rgba(0,172,137,0.5),-3px 0 3px rgba(0,172,137,0.5), 3px 0 3px rgba(0,172,137,0.5),0 -3px 3px rgba(0,172,137,0.5);
    color: #23b183;
    background-color:#ffffff;
    font-size:3.2vh;
    display: inline-block;
    outline: none;
    margin-left: 10px;
    line-height: 5.5vh;
    vertical-align: top;
    padding: 0 0.7vw}
#page .title a:hover{background-color:#ececec;}
#page .title p i{
    font-size:4vh;
    display: inline-block;
    line-height: 5.5vh;
}
#page .title p:nth-child(2){font-size:2vh;margin:2vh 3vw 4vh;color:#fff}
/*part2 滚动*/
#performs{color:#323334;background-color:#fff;text-align:center}
#performs .text-wrap{width: 100%;margin-top: 15vh;}
#performs .text-wrap .btn-install{border-radius:2px;
    box-shadow:0 5px 5px rgba(213,213,213,0.5), -3px 0 3px rgba(213,213,213,0.5), 3px 0 3px rgba(213,213,213,0.5),0 -3px 3px rgba(213,213,213,0.5);
    -webkit-box-shadow:0 5px 5px rgba(213,213,213,0.5),-3px 0 3px rgba(213,213,213,0.5), 3px 0 3px rgba(213,213,213,0.5),0 -3px 3px rgba(213,213,213,0.5);
    -moz-box-shadow:0 5px 5px rgba(213,213,213,0.5),-3px 0 3px rgba(213,213,213,0.5), 3px 0 3px rgba(213,213,213,0.5),0 -3px 3px rgba(213,213,213,0.5);
    color: #ffffff;
    font-size:3.2vh;
    display: inline-block;
    outline: none;
    margin-left: 10px;
    line-height: 5.5vh;
    vertical-align: top;
    padding: 0 0.7vw;
    background:#0dc5a0;
}
#performs .text-wrap .btn-install:hover{background:#07b592;}
#performs .text-wrap p:nth-child(1){font-size:4vh;height:5.5vh}
#performs .text-wrap p i{
    font-size:4vh;
    display: inline-block;
    line-height: 5.5vh;
}
#performs .text-wrap p:nth-child(2){font-size:2vh;color:#778899;margin:4vh}
#performs .performs{position:absolute;width:100%;top:30vh;height: 48vh;}
#performs .mobile-performs{
    display: none;
}
#performs .performs img{text-align:center;position:absolute;top:0;width: 100%;left: 0;}
#performs .performs img:nth-child(4),#performs .performs img:nth-child(5),#performs .performs img:nth-child(6){
    display: none;
}
#performs .performs .text {position:absolute;top: 52vh;font-size:3vh;width:100%;opacity:0;color:#778899;}
#performs .performs .text .span1{display:inline-block;text-align:left;float:left;width: 39%;margin-left: 10%;}
#performs .performs .text .span2 {display:inline-block;text-align:left;width: 42%;margin-left: 4%;float: left;}

/*part3 滚动*/
#picture{color:#ffffff;/*background-color:#ffc846;*/}
.CF-bg{position: absolute;top: 50px;}
.CF-bg img{width: 100vw;height: 100vh;}
#picture .text-wrap{position:absolute;top:75%;right:12%;text-align: center;}
#picture .text-wrap .btn-install{border-radius:2px;
    box-shadow:0 5px 5px rgba(0,172,137,0.5), -3px 0 3px rgba(0,172,137,0.5), 3px 0 3px rgba(0,172,137,0.5),0 -3px 3px rgba(0,172,137,0.5);
    -webkit-box-shadow:0 5px 5px rgba(0,172,137,0.5),-3px 0 3px rgba(0,172,137,0.5), 3px 0 3px rgba(0,172,137,0.5),0 -3px 3px rgba(0,172,137,0.5);
    -moz-box-shadow:0 5px 5px rgba(0,172,137,0.5),-3px 0 3px rgba(0,172,137,0.5), 3px 0 3px rgba(0,172,137,0.5),0 -3px 3px rgba(0,172,137,0.5);
    color: #23b183;
    background-color:#ffffff;
    display: inline-block;
    outline: none;
    margin-left: 10px;
    line-height: 4.5vh;
    vertical-align: top;
    font-size:3.2vh;
    padding: 0 0.7vw}
#picture .text-wrap .btn-install:hover{background-color:#ececec;}
#picture .text-wrap p:nth-child(1){font-size:4vh;line-height: 4.5vh;height: 4.5vh;margin-bottom: 30px;text-align: left;}
#picture .text-wrap p i{
    font-size:4vh;
    display: inline-block;
    line-height: 4.5vh;
}
#picture .text-wrap p:nth-child(2){width: 100%;text-align: center;font-size:2vh;margin:5vh 0;color:#ffffff;}
.picture{width:100vw;top:20vh;left:3vw;position: absolute;}
/*.bg-white{width:0;height:0;border-top:660px solid #fff;border-right:1460px solid transparent;position:absolute}*/
.picture li {float:left;top:0;left:0;width: 35vw;opacity: 1;}
.picture ul:nth-child(1) li:nth-child(1){z-index:10;top:-80vh;left:0;position: absolute;opacity: 0;}
.picture ul:nth-child(1) li:nth-child(2){z-index:10;top:-80vh;left:26vw;position: absolute;opacity: 0;}
.picture ul:nth-child(2) li:nth-child(1){top: -70vh;left: 5vw;position: absolute;}
.picture ul:nth-child(2) li:nth-child(2){top:-70vh;left: 32vw;position: absolute;}
.picture ul:nth-child(2) li:nth-child(2) img{width: 90%;}
.picture ul:nth-child(1) li:nth-child(2) img{width: 86%;}
.picture img{width: 100%;}

/*part4 滚动*/

#control{color:#323334;text-align:center}
#control .text-wrap{width:100%;margin-top: 15vh;}
#control .text-wrap .btn-install{
    border-radius:2px;
    box-shadow:0 5px 5px rgba(213,213,213,0.5), -3px 0 3px rgba(213,213,213,0.5), 3px 0 3px rgba(213,213,213,0.5),0 -3px 3px rgba(213,213,213,0.5);
    -webkit-box-shadow:0 5px 5px rgba(213,213,213,0.5),-3px 0 3px rgba(213,213,213,0.5), 3px 0 3px rgba(213,213,213,0.5),0 -3px 3px rgba(213,213,213,0.5);
    -moz-box-shadow:0 5px 5px rgba(213,213,213,0.5),-3px 0 3px rgba(213,213,213,0.5), 3px 0 3px rgba(213,213,213,0.5),0 -3px 3px rgba(213,213,213,0.5);
    color: #ffffff;font-size:3.2vh;
    display: inline-block;
    outline: none;
    margin-left: 10px;
    line-height: 4.5vh;
    vertical-align: top;
    padding: 0 0.7vw; background:#0dc5a0;}
#control .text-wrap .btn-install:hover{background:#07b592;}
#control .text-wrap p:nth-child(1){color:#333333;font-size:4vh;line-height:4.5vh;height:4.5vh}
#control .text-wrap p i{
    font-size:4vh;
    display: inline-block;
    line-height: 4.5vh;
}
#control .text-wrap p:nth-child(2){font-size:2vh;color:#778899;margin:4vh;}
#control .control .control-btn{width:100%;position:absolute;height:100%;top:0}
.control{position:relative;width:100%;}
.control .blackboard{position: absolute;background: url(../blackboard.png) no-repeat center 0;background-size: contain;width: 90%;height: 60vh;left: 6vw;top: -2vh;}
.control .clear{position:absolute;width:100%;height:20px;}
.control .clear img{left:13%;top:2802%;bottom:0;opacity:0;width: 72%;position: absolute;}
.control-btn li{position:absolute}
.control-btn li img{width:60%}
.control-btn li:nth-child(1){top:7vh;left: 26vw;}
.control-btn li:nth-child(2){top:20vh;left: 26vw;}
.control-btn li:nth-child(3){top:33vh;left: 26vw;}
.control-btn li:nth-child(4){top: 7vh;right: 25vw;}
.control-btn li:nth-child(5){top: 20vh;right: 25vw;}
.control-btn li:nth-child(6){top: 33vh;right: 25vw;}

/*part 5 滚动*/

#diy{color:#323334;text-align:center;background-color:#0dc5a0}
#diy .text-wrap{width:100%;margin-top: 15vh;text-align: center;}
#diy .text-wrap .btn-install{border-radius:2px;
    box-shadow:0 5px 5px rgba(0,172,137,0.5), -3px 0 3px rgba(0,172,137,0.5), 3px 0 3px rgba(0,172,137,0.5),0 -3px 3px rgba(0,172,137,0.5);
    -webkit-box-shadow:0 5px 5px rgba(0,172,137,0.5),-3px 0 3px rgba(0,172,137,0.5), 3px 0 3px rgba(0,172,137,0.5),0 -3px 3px rgba(0,172,137,0.5);
    -moz-box-shadow:0 5px 5px rgba(0,172,137,0.5),-3px 0 3px rgba(0,172,137,0.5), 3px 0 3px rgba(0,172,137,0.5),0 -3px 3px rgba(0,172,137,0.5);
    color: #23b183;
    background-color:#ffffff;
    font-size:3.2vh;
    display: inline-block;
    outline: none;
    margin-left: 10px;
    line-height: 4.5vh;
    vertical-align: top;
    padding: 0 0.7vw}
#diy .text-wrap .btn-install:hover{background: #ececec;}
#diy .text-wrap p:nth-child(1){font-size:4vh;line-height:4.5vh;height:4.5vh;color:#ffffff;}
#diy .text-wrap p i{
    font-size:4vh;
    display: inline-block;
    line-height: 4.5vh;
}
#diy .text-wrap p:nth-child(2){font-size:2vh;margin:4vh;color:#ffffff;}


.diy{width:100%;position:absolute;}
.diy .diy-screen{position: absolute;background: url(../000.png) no-repeat center 0;background-size: contain;width: 90%;height: 60vh;left: 10vw;top: -2vh;}
.diy .flower{position:absolute;top:0;width: 6%;}
.diy .flower:nth-child(8){top:36.2vh;left:32.6vw;width: 5%;z-index: 100;}
.diy .flower:nth-child(9){top:17.2vh;left:32.6vw;width: 5%;z-index: 100;}
.diy .flower:nth-child(10){top:17.2vh;left:41.4vw;width: 5%;z-index: 100;}
.diy .zhezhao{position:absolute;top:0;left:50vw; width: 6%;}
.diy .zhezhao:nth-child(11){width:10.5%;border-radius:230px;opacity:.8;top:44.2vh;left: 19.2vw;z-index: 100;}
.diy .zhezhao:nth-child(12){width:7.5%;border-radius:230px;opacity:.8;top:24.8vh;left:11.5vw;z-index: 100;}
.diy .zhezhao:nth-child(13){width:6.5%;border-radius:230px;opacity:.8;top:5.5vh;left: 17.2vw;z-index: 100;}
.bg01,.bg02,.bg03{position: absolute;}
.bg01{top:36vh;left:32vw;width: 5.8%;z-index: 99;}
.bg02{top:17vh;left:32vw;width:5.8%;z-index: 99;}
.bg03{top:17vh;left:41vw;width: 5.8%;z-index: 99;}
.bg04{top:24vh;left:11vw;width: 9%;z-index: 99;position: absolute;}
.bg05{top:5vh;left:17vw;width: 7%;z-index: 99;position: absolute;}
.bg06{top:44vh;left:19vw;width: 11%;z-index: 99;position: absolute;}


/*last-pages*/

.last-pages{text-align: center;width: 100%;background-color: #fff;font-size: 16px;color: #7c7c7c;position: relative;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.page-footer{
    padding-top: 5vh;
    height: 21vh;
    background: #232323;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.page-footer p{
    font: 1.5vh/2.6vh "微软雅黑";
    color: #7c7c7c;
}
.page-footer p span:nth-child(1){
    margin-right: 2vw;
}
.footer-center{
    padding-top: 19vh;
    width: 78vw;
    margin:0 auto;
}
.footer-center h4{
    width: 100%;
    text-align: left;
    margin-bottom: 26px;
    font-size: 3.3vh;
    color: #0dc5a0;
}
.footer-center h4 a{
    float: right;
    font-size: 1.8vh;
    line-height: 3.3vh;
    font-family: "微软雅黑", "Microsoft YaHei";
    padding-right: 2vh;
    background: url("../more.png") no-repeat right center;
    background-size:auto 1.9vh;
    color: #0dc5a0;
}
.footer-center .new{
    float: left;
    width: 50%;
}
.footer-center .new ul li{
    height: 5vh;
    border-bottom: 1px dotted #b8b8b8;
}
.footer-center .new ul li:hover{
    border-bottom: 1px dotted #0dc5a0;
}
.footer-center .new ul li a{
    width: 100%;
    height: 5vh;
    display: block;
}
.footer-center .new ul li a b{
    float: left;
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font: 2vh/5vh "微软雅黑";
    text-align: left;
    color: #333;
}
.footer-center .new ul li:hover a b{
    color: #0dc5a0;
}
.footer-center .new ul li a i{
    float: right;
    width: 30%;
    text-align: right;
    font: 2vh/5vh "微软雅黑";
    color: #333;
}
.footer-center .new ul li:hover a i{
    color: #0dc5a0;
}
.footer-center .friendly-link-body{
    float: right;
    width: 40%;
}
.footer-center .friendly-link-body a{
    float: left;
    width: 25%;
    overflow: hidden;
    text-align: left;
    font: 2vh/4vh "微软雅黑";
    height: 4vh;
    color: #333;
}
.footer-center .friendly-link-body a:hover{
    color: #0dc5a0;
}
.last-pages p:nth-child(4){margin-top: 40px;}
.last-pages-link{margin-top: 20px;}
.last-pages-link li{width: 33%;float: left;text-align: center;}
.last-pages-link li a{font-size: 1.5vh;color:#7c7c7c;line-height: 2.6vh}
.last-pages-link li a:hover{color:#fff;}

.info .foot-nav li {
    display:inline-block;
    margin-right:100px;
    line-height:2
}
.info .foot-nav li a {
    font-size:1.6rem
}
.info .foot-nav li a:hover {
    color:#0fbd96
}
.info .copyright,.info .nav-wrap {
    width:1000px
}
.info .foot-nav-body {
    margin-top:9vh;
    height:9vh;
    font-size:1.4rem;
    line-height:2
}
.info .foot-nav-body a {
    margin-right:20px;
    display:inline-block;
    border-bottom:1px solid #0fbd96
}
.info .copyright,.info .language,.info .nav-wrap,.info .tel {
    display:inline-block;
    float:left
}
.info .tel {
    margin-top:4vh;
    width:100%;
    font-size:3rem;
    text-align:center;
    color:#0fbd96
}
.info .tel .tel-btn {
    border:1px solid #0fbd96;
    line-height:2;
    font-size:2rem;
    padding:0 1rem;
    display:inline-block
}
.info .tel .num {
    font-size:2.7rem;
    line-height:3.5;
}
.info .line {
    border:1px solid #e6e5e6;
    margin:1vh auto
}
.info .language {
    font-size:12px;
    color:#999;
    width:124px;
    line-height:1.8;
    cursor:pointer
}
.info .language .showbox {
    border:1px solid #b0a296;
    height:20px;
    padding-left:5px;
    background:url(../icon.png) no-repeat 100px 0;
    cursor:pointer
}

.info .language .showbox:focus {
    outline:0
}
.info .language .option {
    display:none;
    border:1px solid #b0a296;
    border-top:none
}
.dots {
    z-index: 99;
    position:fixed;
    width:10px;
    right:2%;
    top:50%;
    margin-top:-20px
}
.dots li {
    cursor: pointer;
    width:8px;
    height:8px;
    border:1px solid #778899;
    border-radius:50%;
    margin-bottom:10px
}
.dlActive {
    background-color:#778899;
}





a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,menu,nav,section {
    display:block
}
body {
    line-height:1
}
ol,ul {
    list-style:none
}
blockquote,q {
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before {
    content:none
}
table {
    border-collapse:collapse;
    border-spacing:0
}
input {
    outline:0
}
a {
    text-decoration:none;
    color:#000;
    font-size:14px;
    font-family:arial,"微软雅黑","Microsoft YaHei"
}
html {
    -webkit-font-smoothing:antialiased;
    -webkit-overflow-scrolling:touch;
    font-size:63.5%
}
body {
    color:#868585;
    position: relative;
    font-size:14px;
    font-family:arial,"微软雅黑","Microsoft YaHei";
    background:#fff
}
_::a,_::body {
    font-family:"微软雅黑","Microsoft YaHei"
}
img {
    border:0
}
.e2 {
    color:#e2e2e2
}
.green {
    color:#23b183
}
.screen {

    color:#3c444e
}
.c5 {
    color:#c5c5c5
}
.f0 {
    color:#f0f0f0
}
.qc {
    color:#9c9c9c
}
.clear {
    clear:both !important;
}
.page,body,html {
    width:100%
}
.page {
    position:relative;
    overflow:hidden
}
.NONE {
    display:none
}
.ACTIVE{
    color:#0fbd96;
    font-weight:bolder
}
.yys2{
    position:fixed;
    width:220px;
    height:225px;
    right:10vw;
    bottom:10%;
    margin-top:-125px;
    z-index:99;
}
.yys2 img{
    display: block;
    position:relative;
}
.yys2 .img1{
    margin-left:0px;
    top:-140px;
}

.yys{
    position:fixed;
    width:12vw;
    height:12vw;
    right:4vw;
    bottom:4%;
    z-index:99;
}
.yys img{
    display: block;
    margin: 0 auto;
    width: 12vw;
}
.yys .img1{
    position:absolute;
    bottom: 0;
    animation:jump 2s infinite ;
    animation-name: jump;
    animation-duration: 2s;
    animation-timing-function: initial;
    animation-delay: 0.5s;
    animation-iteration-count: infinite;
    animation-direction: initial;
    animation-fill-mode: initial;
    animation-play-state: initial;

}
.yys .img1 span{
    display: block;
    height: 1.8vw;
    background: url("https://download.microvirt.com/new_market/img/hpy8_btn.png") no-repeat center bottom;
    background-size: auto 1.8vw;
}
.yys .close {
    position: absolute;
    opacity:0.5;
    z-index:2;
    cursor:pointer;
    width: 1.6vw;
    height: 1.6vw;
    right: 0;
    background: url('../close.png') no-repeat center;
    background-size: 1.6vw auto;
}
.yys a {
    display: block;
    width: 12vw;
    height: 12vw;
}
.yys .img1 span:hover {
    background: url("http://download.microvirt.com/new_market/img/hpy8_btn_hover.png") no-repeat center bottom;
    background-size: auto 1.8vw;
}
@keyframes jump{
    0%{margin-bottom:0px;}
    60%{margin-bottom:0px;}
    70%{margin-bottom:20px;}
    80%{margin-bottom:0px;}
    90%{margin-bottom:10px;}
    100%{margin-bottom:0px;}
}
@-moz-keyframes jump{
    0%{margin-bottom:0px;}
    60%{margin-bottom:0px;}
    70%{margin-bottom:20px;}
    80%{margin-bottom:0px;}
    90%{margin-bottom:10px;}
    100%{margin-bottom:0px;}
}
@-webkit-keyframes jump{
    0%{margin-bottom:0px;}
    60%{margin-bottom:0px;}
    70%{margin-bottom:20px;}
    80%{margin-bottom:0px;}
    90%{margin-bottom:10px;}
    100%{margin-bottom:0px;}
}
@media only screen and (max-width: 1070px) {
    #top-nav li:first-child {
        display: block;
        margin-left: 5vw;
    }
    #top-nav li {
        display: none;
    }
    #top-nav .memu{
        position: absolute;
        right: 5vw;
        top: 10px;
        padding: 11px 14px 11px 11px;
        width: 10px;
        height: 10px;
        display: block;
        float: left;
        cursor: pointer;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        text-align: center;
    }
    #top-nav .memu span{
        display: block;
        width: 17px;
        height: 2px;
        background: #FFF;
        margin-bottom: 4px;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
    }
    #top-nav .memu.active{
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #top-nav .memu.active .bar1{
        -webkit-transform: rotate(0deg) translateY(6px);
        -moz-transform: rotate(0deg) translateY(6px);
        -ms-transform: rotate(0deg) translateY(6px);
        -o-transform: rotate(0deg) translateY(6px);
        transform: rotate(0deg) translateY(6px);
    }
    #top-nav .memu.active .bar2{
        opacity: 0;
    }
    #top-nav .memu.active .bar3{
        -webkit-transform: rotate(-90deg) translateX(6px);
        -moz-transform: rotate(-90deg) translateX(6px);
        -ms-transform: rotate(-90deg) translateX(6px);
        -o-transform: rotate(-90deg) translateX(6px);
        transform: rotate(-90deg) translateX(6px);
    }
    #downloadBox .account-deal-body{
        width: 638px;
        border: 2px solid #99e3d4;
        height: 186px;
        margin: -95px 0 0 -321px;
        background: none;
    }
    #downloadBox .link1{font-size: 30px;border:1px solid #fff;line-height: 52px;height: 88px;top:50px;left:46px;width: 258px;background: #0dc5a0;color: #fff;border-radius: 4px;}
    #downloadBox .link2{font-size: 30px;border:1px solid #fff;line-height: 52px;height: 88px;top:50px;left: auto;right:46px;width: 258px;background: #0dc5a0;color: #fff;border-radius: 4px;}
    #downloadBox .link1:hover,#downloadBox .link2:hover{
        box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;border:1px solid #fff;
    }
    #downloadBox a img{
        float: left;
        width: 44px;
        height: 44px;
        margin: 22px 12px 0 20px;
    }

    #downloadBox a img.chiji{
        position:absolute;
        float:left;
        width:46px;
        height:20px;
        left:194px;
        top:22px;
        margin:0;
    }

    #downloadBox a img.self-img{
        width: 40px;
        height: 44px;
        margin: 22px 14px 0 24px;
    }
    #downloadBox a .link-info{
        float: left;
        width: 176px;
        height: 44px;
        margin-top: 22px;
        overflow: hidden;
    }
    #downloadBox a .link-info h6{
        font-size: 24px;
        line-height: 24px;
    }
    #downloadBox a .link-info h6 b{
        display: inline-block;
        width: 20px;
        height: 24px;
        background: url("../download.png") no-repeat center;
        background-size: 20px auto;
        margin-left: 10px;
        vertical-align: top;
    }
    #downloadBox a .link-info p{
        font-size: 12px;
        margin-top: 4px;
        line-height: 16px;
        height: 16px;
        color: #fff;
        opacity: 0.8;
    }
    #downloadBox a .link-info p span{
        margin: 0 4px;
    }
    .yys {
        right: 7vw;
        top: auto;
        bottom: 23%;
        margin-top: -125px;
    }
    #appMarket .apps-container {
        width: 90vw;
        margin: 10vh auto 0;
    }
    .apps-container .rising {
        display: none;
    }
    .apps-container .popular {
        width: 100%;
    }
    .apps-container .performs-title {
        height: 6.8vw;
    }
    .apps-container .performs-title h3 {
        height: 6.8vw;
        overflow: hidden;
        font: 4vw/6.8vw "";
        width: 60vw;
    }
    .apps-container .performs-title a {
        height: 6.8vw;
        font: 4vw/6.8vw "";
        width: 25vw;
        margin: 0 3vw 0 0;
        text-align: center;
    }
    .apps-container .popular ul {
        margin-top: 1.8vh;
        width: 140vw!important;
    }
    .apps-container .popular ul li {
        width: 32vw;
        margin: 0 3vw 2vw 0;
        pointer-events: none;
    }
    .apps-container .popular ul li .game-desc {
        width: 28vw;
        height: auto;
        padding: 2vw;
        min-height: 24vw;
    }
    .apps-container .popular ul li .game-desc p {
        font: 3vw/4vw "";
        margin-top: 1vh;
    }
    .apps-container .popular ul li .game-desc p.cate,.apps-container .popular ul li .game-desc p.downloadTimes {
        height: 3.8vw;
        font: 2.8vw/3.8vw "";
    }
}
@media only screen and (max-width:800px ) {
    html,body{
        width: 100%;
        height:100%;
    }
    .dots{
        display: none;
    }
    #pageBody{
        width: 100%;
        height: 100%;
        overflow: scroll;
    }
    #top-nav li{
        display: none;
    }
    #top-nav .fixed{
        display: none;
        position: absolute;
        width: 100%;
        padding-bottom: 0.1vh;
        top:50px;
        left: 0;
        opacity: 0.9;
        background: #000;
        z-index: 10;
    }
    #top-nav .fixed ul li{
        display: block;
        height:7vh;
        width: 100%;
        padding: 0 0.6vh;
        margin-left: 0;
        box-sizing: border-box;
        border-bottom: 0.02vh solid #232323;
    }
    #top-nav .fixed ul li a{
        display: block;
        height:7vh;
        width: 100%;
        font: 2.4vh/7vh "微软雅黑";
        color: #fff;
        text-align: center;
        opacity: 0;
    }
    #top-nav .fixed ul li a.nav-show{
        animation: nav-show 0.3s linear .1s 1 normal forwards;
        -webkit-animation: nav-show 0.3s linear .1s 1 normal forwards;
        -moz-animation: nav-show 0.3s linear .1s 1 normal forwards;
    }
    #top-nav .fixed ul li:nth-child(2) a.nav-show{
        animation-delay: 0.2s;
        -webkit-animation-delay: 0.2s;
        -moz-animation-delay: 0.2s;
    }
    #top-nav .fixed ul li:nth-child(3) a.nav-show{
        animation-delay: 0.3s;
        -webkit-animation-delay: 0.3s;
        -moz-animation-delay: 0.3s;
    }
    @keyframes nav-show {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    #performs .text-wrap p i{
        font-size:3vh;
        display: inline-block;
        line-height: 3.5vh;
    }
    #performs .text-wrap {
        width: 100%;
        margin-top: 7vh;
    }
    #performs .performs{
        display: none;
        top:20vh;
        height:135vw;
    }
    #performs .mobile-performs{
        display: block;
        padding-top: 5vh;
    }
    #performs .mobile-performs img{
        width: 80vw;
    }
    #performs .mobile-performs p{
        padding:0 0 5vh 12vw;
        text-align: left;
        color: #778899;
    }
    .mobile-p,.mobile-picture{
        display: block;
    }
    #picture{
        background: #0dc5a0;
    }
    .CF-bg img{
        display: none;
    }
    #performs .text-wrap p:nth-child(2){font-size:1.8vh;color:#778899;margin:1vh 0;line-height: 2vh}
    #performs .performs img:nth-child(4),#performs .performs img:nth-child(5),#performs .performs img:nth-child(6){
        display: block;
        width: 80%;
        left: 10%;
    }
    #performs .performs .text {
        position: absolute;
        top: 0;
        font-size: 3vh;
        width: 100%;
        height: 100%;
        opacity: 0;
        color: #778899;
    }
    #performs .performs .text .span1 {
        display: block;
        position: absolute;
        top:38%;
        margin-left: 0;
        text-align: center;
        float: none;
        width: 100%;
    }
    #performs .performs .text .span2 {
        display: block;
        text-align: center;
        position: absolute;
        top: 80%;
        margin-left: 0;
        float: none;
        width: 100%;
    }
    #performs .performs img:nth-child(1),#performs .performs img:nth-child(2),#performs .performs img:nth-child(3){
        display: none;
    }
    #picture .text-wrap p:nth-child(1){
        text-align: right;
        margin-bottom: 15px;
        margin-right: -0.5em;
    }
    #picture .text-wrap p i{
        font-size: 3vh;
    }
    #picture .text-wrap{
        left: 12%;
        top:70%;
    }
    #picture .text-wrap p:nth-child(2){
        display: none;
        line-height: 3vh;
        margin:3vh 0;
        text-align: center;
    }
    #picture .text-wrap p:nth-child(3){
        line-height: 3vh;
        font-size: 2vh;
        margin:3vh 0;
        text-align: right;
    }
    .picture li {float:left;top:0;left:0;width: 55vw;opacity: 1;}
    .control .blackboard{position: absolute;background: url(../blackboard.png) no-repeat center 0;background-size: contain;width: 60%;height: 60vh;left: 20vw;top: 10vh;}
    .diy .diy-screen{position: absolute;background: url(../000.png) no-repeat center 0;background-size: contain;width: 80%;height: 60vh;left: 15vw;top: 10vh;}
    .control-btn li img{width:40%}
    #page .title{
        margin-top: 18vh;
    }
    #diy .text-wrap p:nth-child(2){
        margin: 4vh 4vw;
        display: none;
        line-height: 3vh;
        text-align: center;
    }
    #diy .text-wrap p:nth-child(3){
        margin: 4vh 4vw;
        font-size: 2vh;
        color: #fff;
        line-height: 3vh;
        text-align: center;
    }
    #control .text-wrap p:nth-child(2){
        margin: 4vh 4vw;
        line-height: 3vh;
        text-align: center;
    }
    #diy .text-wrap p:nth-child(1){
        padding-top: 3vh;
    }
    #diy .text-wrap p i,#page .title p i,#control .text-wrap p i{
        font-size:3vh;
        display: inline-block;
        line-height: 3.5vh;
    }
    #picture{
        height: 60vh;
        overflow: hidden;
    }
    .mobile-picture img{
        width: 100%;
        margin-top: 5vh;
    }
    .mobile-diy img{
        width: 100%;
        margin-bottom: 10vh;
    }
    .diy,.control,.picture,#container,#page .title .btn-install,#control .text-wrap .btn-install,#diy .text-wrap .btn-install,#picture .text-wrap .btn-install,#performs .text-wrap .btn-install{
        display: none;
    }
    #control .text-wrap {
        width: 100%;
        margin-top: 5vh;
    }
    .mobile-control img{
        width: 90%;
        margin-bottom: 10vh;
    }
    #diy .text-wrap {
        width: 100%;
        margin-top: 5vh;
        text-align: center;
    }

    .diy .flower:nth-child(8){top:22.2vh;left:32.6vw;width: 5%;z-index: 100;}
    .diy .flower:nth-child(9){top: 17.1vh;left: 32.6vw;width: 5%;z-index: 100;}
    .diy .flower:nth-child(10){top: 17.1vh;left: 41.4vw;width: 5%;z-index: 100;}

    #page .title p:nth-child(2){font-size:2vh;margin:1vh 1.5vw 2vh;color:#fff}
    #page .title p:nth-child(2) span{display:block;font-size:2vh;color:#fff}
    .control-btn li:nth-child(1){top:5vh;left: 26vw;}
    .control-btn li:nth-child(2){top:15vh;left: 26vw;}
    .control-btn li:nth-child(3){top:25vh;left: 26vw;}
    .control-btn li:nth-child(4){top: 5vh;right: 25vw;}
    .control-btn li:nth-child(5){top: 15vh;right: 25vw;}
    .control-btn li:nth-child(6){top: 25vh;right: 25vw;}
    .bg04{top:20vh;left:2vw;width: 9%;z-index: 99;position: absolute;}
    .bg05{top:12vh;left:8vw;width: 7%;z-index: 99;position: absolute;}
    .bg06{top:28vh;left:5vw;width: 11%;z-index: 99;position: absolute;}
    .bg01{top:22vh;left:32vw;width: 5.8%;z-index: 99;}
    .diy .zhezhao:nth-child(11){width:10.5%;border-radius:230px;opacity:.8;top:28vh;left: 5.4vw;z-index: 100;}
    .diy .zhezhao:nth-child(12){width:7.5%;border-radius:230px;opacity:.8;top:20.5vh;left:3vw;z-index: 100;}
    .diy .zhezhao:nth-child(13){width:6.5%;border-radius:230px;opacity:.8;top:12.1vh;left: 8.1vw;z-index: 100;}

    #mobileBanner{
        display: block;
        width: 100%;
        margin: 5vh auto 10vh;
    }
    .page-footer{
        padding-top: 1vh;
        height: 12vh;
        background: #232323;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .page-footer p {
        font: 1.8vh/2.6vh "微软雅黑";
        color: #7c7c7c;
    }
    .page-footer p span:nth-child(1){
        display: block;
        margin-right: 0;
    }
    .footer-center {
        padding-top: 5vh;
        width: 90vw;
        margin: 0 auto 13vh;
    }
    .footer-center h4{
        font-size: 3vh;
        margin-bottom: 1vh;
    }
    .footer-center .new{
        float: none;
        width: 100%;
        margin-bottom: 4vh;
    }
    .footer-center .friendly-link-body{
        float: none;
        padding-bottom: 5vh;
        width: 100%;
    }
    .yys{
        display: none;
    }
}