@charset "utf-8";
/* CSS Document */



/*全局*/
*{ margin:0; padding:0; outline:0;}
body {  background-color: #fff;color: #222222;font-family: "Microsoft YaHei","微软雅黑",verdana,SimHei,SimSun;font-size: 14px;}
ul,ol,li {padding: 0;list-style: none outside none;margin: 0;}
h1,h2,h3,h4,h5,h6{}

a{cursor: pointer; text-decoration:none;}
a:link,a:visited,a:active{color:#00b5e0;}
a:hover {color:#0068b7;}
input,textarea{outline: 0;}
em {font-style:normal;}
img{ border:0;}
input{ border:none; margin:0px; padding:0px;}
input,button,select,textarea{outline:none;}/*取消chrome下input和textarea的聚焦边框*/
textarea{resize:none;}/*取消chrome下textarea可拖动放大*/
img{ border:none;}



.container{margin:0 auto;}
.container:after{clear:both;display:table;line-height: 0;content: "";}

/*-----------------------------------NAVBAR-----------------------------------*/

.navbar{height:40px;background-color: #222;text-align: center;display: block;padding: 10px 0 6px 0;z-index:100;width: 100%;  position:fixed;top: 0;border-bottom: 5px solid #0068b7;}
.navbar h1{float: left;padding:0 0 0 50px;}
.navbar h1 img{position: relative;width:160px;}
.navbar h1 span{display: none;}
.nav-list{float: right;width:700px;position: relative;top: 5px;}
.nav-list li{float:left;padding: 0 10px;}
.nav-list li a{float:left;padding: 10px;margin:0 10px;color:#fff;font-size:18px;}
.nav-list li a:hover{background-color:#0068B7;color:#fff;}



/*-----------------------------------MENU-----------------------------------*/
.nav-phone{text-align: right;padding: 0 20px 0 0;}
.nav-phone ul{text-align: center;background-clip: padding-box;background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 6px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);display: none;list-style: outside none none;min-width: 200px;position: absolute;top: 100%;z-index: 1000;right: 0;}
.nav-phone li a{clear: both;margin: 0;padding:20px 120px;border-bottom: 1px solid #222; color: #333;
display: block;font-weight: normal;white-space: nowrap;font-size:18px;}
.nav-phone li a.last{border: 0;}
.nav-phone li a:hover,.nav-phone li a:focus{color:#fff;text-decoration:none;background-color:#0081c2;background-image:-moz-linear-gradient(top,#08c,#0077b3);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));background-image:-webkit-linear-gradient(top,#08c,#0077b3);background-image:-o-linear-gradient(top,#08c,#0077b3);background-image:linear-gradient(to bottom,#08c,#0077b3);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0)}
.nav-phone .btn{display:inline-block;padding:4px 8px;color:#333;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,0.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;*background-color:#e6e6e6;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border:1px solid #ccc;*border:0;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);*zoom:1;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)}
.nav-phone .btn span{display:block;width:27px;height:27px;background:url(../img/menu.png) no-repeat 0 3px;}
.open > .dropdown-menu {display: block;}

/*-----------------------------------FOOTER-----------------------------------*/

.footer{clear: both;font-size:14px;background-color: #222;color: #CCC;border-top: 5px solid #0068b7;padding: 70px 0 20px 0;}
.footer .foot{float:left;line-height:25px;}

.foot1 .email{background:url(../img/ic-email.png) no-repeat 2px 7px;padding:0 0 0 30px;margin:0 0 10px 0;}
.foot1 .address{line-height:24px;background:url(../img/ic-address.png) no-repeat 2px 1px;padding:0 0 0 30px;}
.foot1 .language{background: url(../img/language.png) no-repeat 0 4px;padding: 0 0 0 30px;margin:10px 0 10px 0;}
.foot1 .language a{color: #00b5e0;}
.foot2 .email{width:94%;height:30px;line-height:30px;padding:5px;border:#626262 1px solid;border-radius:5px;font-size:14px;margin:10px 0 30px 0;}
.foot2 .submit{width:86px;height:31px;line-height:31px;background:url(../img/btn-submit.png) no-repeat 0 0;font-size:14px;color:#FFFFFF;cursor: pointer;}
.foot3 img{width: 150px;height: 150px}
.follow-list a{float:left;width:60px;height:60px;}
.follow-list a span{display:none;}
.follow-list a.twitter{background:url(../img/follow-icon-1.png) no-repeat 0 0;}
.follow-list a.facebook{background:url(../img/follow-icon-2.png) no-repeat 0 0;}
.follow-list a.instagram{background:url(../img/follow-icon-3.png) no-repeat 0 0;}
.follow-list a.youtube{background:url(../img/follow-icon-4.png) no-repeat 0 0;}
.follow-list .erweima{text-align:center;}

.footer h2{font-size:14px;margin: 0 0 20px 0;padding: 0 0 5px 0;background:url(../img/foot-line.png) repeat-x bottom;text-transform: uppercase;}
.footer hr.padded{border: 0;margin: 100px 0;}

/*-----------------------------------CONTENT-----------------------------------*/
.content{margin:85px 0 50px 0;}
.header-line{float:left;width:100%; text-align:center;margin:20px 0 40px 0;color: #FFFFFF;font-size:14px;position:relative;border-bottom: 1px dotted #ccc; text-transform: uppercase;} 
.header-line span{background: #3bb0ff; padding: 5px 0;position:absolute;top:-15px;width:180px;}

/*-----------------------------------FLINK------------------------------------*/
.flink{ text-align: center; color: #FBFBFB;margin-top: 50px;display: block}
.flink a{ color:#00b5e0;font-size: 80;margin-right: 20px}

/*-----------------------------------ICPPART------------------------------------*/
.icppart{text-align: center;background-color: #222;color: #FFFFFF;font-size: 10px}
.icppart img{float:inherit;width: 100px;height: 50px}
.icppart a{ color: #FFFFFF;text-decoration: underline;}

/*---jiazhang---*/
.page_news_cont{float:left;width:840px;padding:0 80px;}
.page_news_cont h1{float:left;width:840px;height:50px;line-height:50px;font-size:24px;text-align:center;border-bottom:1px dashed #ccc;margin:0 0 20px 0;}
.page_news_cont .cont{line-height:30px;}
.page_news_cont .cont .img{text-align:center;margin:20px 0;width: 800px;height: 200px}
.banner{background-image:url(../img/jiazhang.jpg);margin-top: 60px;}
.cont p{}
.cont h3{line-height:35px;background:#C9EBFF;border-bottom:1px dashed #999;padding:0 10px;margin:10px 0;}
.cont h3 font{float:right;}
.tishi{background:#F5F5F5;margin:20px 0;padding: 20px;}

/*-----privacy start---*/
.privacy_cont{width:1000px;margin:0 auto;line-height:22px;font-family:ArialArial;font-size:14px;word-wrap:break-word;}
.privacy_cont p{padding:5px 0;}
/*-----privacy end---*/

/*-------------HOME------START-------*/
.container-img{text-align:center;}
.home-works-list{clear:both;}
.home-works-list li{float:left;background-color: #FFF;padding: 20px;box-shadow: 0px 0px 10px 2px #CCCCCC;border:#CCCCCC 1px solid;border-radius:4px 4px 4px 4px;margin-bottom: 10px;}
.home-works-list li .text{float:left;widht:100%;line-height:25px;}
.home-works-list li img{width:100%;}
.home-works-list li p{text-indent: 2em;}
.home-works-list .header-line{margin:20px 0;}
.home-works-list .header-line span{background:#FFFFFF;color:#222;font-size:18px;padding:5px 0;width:200px;}

.text-right{float:right;width:100%;text-align:right;line-height:30px;margin:20px 0 0 0;}
.text-right a{color:#00b5e0;}
.text-right a:hover{color:#0068b7;text-decoration: underline;}
/*-------------HOME------END-------*/


/*-------------WORK------START-------*/
.work .content{margin:100px 0 50px 0;}
.works-list{float:left;margin:20px 0 0px 0;}
.works-list li{float:left;background-color: #FFF;padding: 20px;box-shadow: 0px 0px 10px 2px #CCCCCC;border:#CCCCCC 1px solid;border-radius:4px 4px 4px 4px;}
.works-list li img{width:100%;}
.works-list li h3{float:left;font-size:18px;line-height:40px;text-transform: uppercase;}
.works-list li .icon{float:right;width:26px;height:40px;background:url(../img/ic-windows.png) no-repeat 0 5px;}
.works-list li .text{clear:both;width:100%;height:50px;line-height:25px;}
.works-list .header-line span{background:#FFFFFF;color:#222;font-size:18px;padding:5px 10px;}


.work-game-1{  border-top: 15px solid black;background:#000000 url(../img/work-game-1-bg.jpg) no-repeat center 5px fixed;background-size: cover;}
.work-game-2{  border-top: 15px solid black;background:#000000 url(../img/work-game-2-bg.jpg) no-repeat center 5px fixed;background-size: cover;}
.work-game-3{  border-top: 15px solid black;background:#000000 url(../img/work-game-3-bg.jpg) no-repeat center 5px fixed;background-size: cover;}
.work-game-4{  border-top: 15px solid black;background:#000000 url(../img/work-game-4-bg.jpg) no-repeat center 5px fixed;background-size: cover;}
.work-game-5{  border-top: 15px solid black;background:#000000 url(../img/work-game-5-bg.jpg) no-repeat center 5px fixed;background-size: cover;}
.work-game-6{  border-top: 15px solid black;background:#000000 url(../img/work-game-6-bg.jpg) no-repeat center 5px fixed;background-size: cover;}

.work-game-1 .game-logo{float:left;width:100%;height:300px;background:url(../img/work-game-1-logo.png) no-repeat center 0;}
.work-game-2 .game-logo{float:left;width:100%;height:300px;background:url(../img/work-game-2-logo.png) no-repeat center 0;}
.work-game-3 .game-logo{float:left;width:100%;height:300px;background:url(../img/work-game-3-logo.png) no-repeat center 0;}
.work-game-4 .game-logo{float:left;width:100%;height:300px;background:url(../img/work-game-4-logo.png) no-repeat center 0;}
.work-game-5 .game-logo{float:left;width:100%;height:300px;background:url(../img/work-game-5-logo.png) no-repeat center 0;}
.work-game-6 .game-logo{float:left;width:100%;height:300px;background:url(../img/work-game-6-logo.png) no-repeat center 0;}


.game-logo .btn{width:260px;margin:250px auto 0 auto;}
.game-logo .btn a{height:46px;line-height:46px;color:#FFFFFF;text-transform: uppercase;}
.game-logo .btn a:hover{color:#FFFF00;}
.game-logo .btn a.btn1{width:82px;padding:0 0 0 30px;margin:0 10px 0 0;background:url(../img/game-btn-1.png) no-repeat 0 0;}
.game-logo .btn a.btn2{width:102px;height: 53px; padding:0 0 0 30px;background:url(../img/game-btn-2.png) no-repeat 0 0;margin: 0 auto 0 auto;display: block;text-align: center}

.work-game .video{float:left;width:100%;margin:0 0 50px 0;}
.work-game .video iframe{width:100%;height:100%;}


.game-box{float:left;width:100%;background-color:#FFC600;margin:50px 0;}
.game-box-cont{width:90%;margin:20px auto;}
.work-line{float:left;width:100%; text-align:center;margin:40px 0;color: #FFFFFF;font-size:18px;position:relative;border-bottom: 1px solid #ffffff;text-transform: uppercase; } 
.work-line span{background-color:#FFC600;padding: 5px 0;position:absolute;top:-18px;width:250px;}

.work-box{float:left;width:100%;background-color: #FFF;box-shadow: 0px 0px 10px 2px #966600;margin-bottom: 50px;padding:20px 0;}
.work-box-cont{width:94%;margin:0 auto;}



.buygame-img{float:left;width:45%;}
.buygame-img img{width:100%;}
.buygame-text{float:right;width:52%;margin:0 0 20px 0;}
.buygame-btn{float:right;}
.buygame-btn a{float:right;width:82px;height:45px;line-height:45px;padding:0 0 0 50px;color:#FFFFFF;}
.buygame-btn a:hover{color:#FFFF00}
.buygame-btn a.btn3{background:url(../img/game-btn-3.png) no-repeat 0 0;}
.buygame-btn a.btn5{background:url(../img/game-btn-5.png) no-repeat 0 0;margin:0 20px 0 0;}

.instructions{float:left;width:100%;position:relative;}
.instructions .img img{width:100%;margin:0 0 20px 0;}
.instructions p{width:70%;line-height:25px;margin:0 auto 10px auto;text-indent: 2em;}
.instructions .icon{text-align:center;}
.instructions .icon img{margin:0 20px;}
.tips-img{position:absolute;bottom:-50px;background-size: cover;}
.work-game-1 .instructions .tips-img{width:350px;height:590px;left:-260px;background:url(../img/work-game-1-tips-img.png) no-repeat 0 0;}
.work-game-2 .instructions .tips-img{display:none;}
.work-game-3 .instructions .tips-img{display: none;}
.work-game-4 .instructions .tips-img{display: none;}
.work-game-5 .instructions .tips-img{display: none;}
.work-game-6 .instructions .tips-img{display: none;}

.gameplay{float:left;width:100%;}
.gameplay li{float:left;width:31%;margin:0 3% 0 0;text-align:center;}
.gameplay li.last{margin:0;}
.gameplay li img{margin:inherit;}
.gameplay li h4{line-height:30px;font-size:16px;text-transform: uppercase;text-align: center;}
.gameplay li p{text-align:center;line-height:25px;}

.screenshots{float:left;width:100%;}
.screenshots li{float:left;width:48%;margin-bottom:20px;}
.screenshots li.l{margin-right:3.5%;}
.screenshots li img{width:100%;}

.work-box-subscribe{float:right;width:80%;}
.subscribe{float:left;width:100%;position:relative;}
.subscribe .follow-list{width:280px;height:50px;margin:20px auto;}
.subscribe .follow-list a{margin:0 10px 0 0;}
.subscribe-cont{width:90%;border-top:2px solid #CCCCCC;padding:20px 0 0 0;margin:0 auto;}
.subscribe-cont p{margin:10px 0;text-align:center;}
.subscribe-cont .email{width:94%;height:30px;line-height:30px;padding:5px;border:#626262 1px solid;border-radius:5px;font-size:14px;margin:10px 0 30px 0;}
.subscribe-cont .submit{width:113px;height:46px;line-height:46px;background:url(../img/game-btn-4.png) no-repeat 0 0;font-size:14px;color:#FFFFFF;cursor: pointer;text-transform: uppercase;}
.subscribe-cont a.submit:hover{color:#FFFF00}

.work-game-1 .subscribe .tips-img{width:350px;height:590px;left:-400px;background:url(../img/work-game-1-tips-img.png) no-repeat 0 0;}
.work-game-2 .subscribe .tips-img{width:509px;height:320px;left:-470px;background:url(../img/work-game-2-tips-img.png) no-repeat 0 0;}
.work-game-3 .subscribe .tips-img{width:509px;height:320px;left:-470px;background:url(../img/work-game-3-tips-img.png) no-repeat 0 0;}
.work-game-4 .subscribe .tips-img{width:509px;height:320px;left:-470px;background:url(../img/work-game-4-tips-img.png) no-repeat 0 0;}
.work-game-5 .subscribe .tips-img{width:509px;height:320px;left:-470px;background:url(../img/work-game-5-tips-img.png) no-repeat 0 0;}
.work-game-6 .subscribe .tips-img{width:509px;height:320px;left:-470px;background:url(../img/work-game-6-tips-img.png) no-repeat 0 0;}
/*-------------WORK------END-------*/


/*-------------PRESS------START-------*/
.press .content{margin:100px 0 50px 0;}
.press-list{float:left;margin:20px 0 50px 0;}
.press-list li{float:left;background-color: #FFF;padding: 20px;box-shadow: 0px 0px 10px 2px #CCCCCC;border:#CCCCCC 1px solid;border-radius:4px 4px 4px 4px;margin-bottom: 50px;}
.press-list .img{float:left;}
.press-list .img img{width:100%;}
.press-list .text{float:right;}
.press-list li h3{width:100%;font-size:18px;line-height:40px;text-transform: uppercase;}
.press-list li p{width:100%;line-height:25px;}
.press-list li .btn{width:100%;height:40px;margin-top:10px;}
.press-list li .icon{float:right;width:26px;height:40px;background:url(../img/ic-windows.png) no-repeat 0 5px;}
.press-list li .more{font-size:18px;}

.press-game .content{margin:61px 0 50px 0;}
.press-kit-box{margin:0 auto;}
.press-kit-menu{float:left;width:29%;}
.press-kit-menu h2{font-size:24px;color:#333333;font-weight:normal;line-height:40px;text-transform: uppercase;}
.press-kit-menu h3{font-size:18px;font-weight:normal;color:#0068b7;line-height:35px;}
.press-kit-menu ul{margin-top:20px;line-height:35px;}
.press-kit-cont{float:right;width:70%}
.press-kit-cont .img img{width:100%;}
.press-kit-cont h2{font-size:24px;color:#333333;font-weight:normal;line-height:40px;}
.press-kit-cont h3{font-size:14px;color:#333333;font-weight:bold;line-height:25px;}

.press-kit-cont .info-list li{margin:20px 0;line-height:20px;}

.press-kit-cont .paragraph{clear:both;line-height:25px;padding:10px 0;}
.press-kit-cont .paragraph p{padding:10px 0;}

.press-kit-cont .paragraph .l{float:left;width:29%;}
.press-kit-cont .paragraph .r{float:right;width:70%;}
.press-kit-cont .paragraph .r.a2 p{padding:10px 0; text-indent: 2em;}

.press-kit-cont .features-list{padding-left:15px;}
.press-kit-cont .features-list li{list-style-type:square;}

.press-kit-cont .video{width:100%;}
.press-kit-cont .video iframe{width:100%;height:100%;}
.press-kit-cont .img-list li{float:left;}
.press-kit-cont .img-list img{width:100%;display:block;}

.press-kit-cont .logo-icon{text-align:center;}
/*-------------PRESS------END-------*/


/*-------------ABOUT------START-------*/
.about-cont{margin:0 auto;}
.about-cont .header-line{border-bottom:1px solid #999999;}
.about-cont .img{float:left;width:100%;margin:20px 0;text-align:center;}
.about-cont .img p{font-size:18px;font-weight:bold;padding:20px 0;line-height:25px;}
.about-cont .text{float:left;width:100%;line-height:30px;}
.about-cont .text p{padding:10px 0;}

.founder{float:left;width:100%;margin:20px 0;}

.address-box{clear:both;width:100%;background:#DCDCDC;}
.address-cont{margin:0 auto;padding:50px 0;}

.address-cont::after,.address-box::after{
    clear: both;
    content: "";
    display: table;
    line-height: 0;
}
.address-cont .text{float:left;width:28%;text-align:center;padding:60px 0 0 0;background:url(../img/map-icon.png) no-repeat center 0;margin:50px 0 0 0;line-height:25px;}
.address-cont .map{float:right;width:70%;}
.address-cont .map iframe{width:100%;}
/*-------------ABOUT------END-------*/




 /* 浏览器的可视区域大于1180px时 */
/*@media screen and (min-width: 1201px)  IE8以下不支持，@media样式，以下为IE样式*/ 
.container{width:1180px;}
.nav-phone{display:none;}
.footer .foot{width:350px;padding:0 20px;}
.footer .follow-list a{margin:0 25px 25px 0;}
.header-line span{left:40%;}
/*-------------HOME------START-------*/
.container-img img{width:850px;}
.home-works-list li{width:325px;margin:0 10px;}
.home-works-list li .text{height:80px;}
.home-works-list .header-line span{left:60px;}
/*-------------HOME------END-------*/

/*-------------WORK------START-------*/
.works-list li{width:500px;margin:0 24px 50px 24px;}
.game-container{width:800px;}
.work-game .video{height:400px;}
.work-line span{left:35%;}
.gameplay li img{width:auto;}
/*-------------WORK------END-------*/

/*-------------PRESS------START-------*/
.press-list .img{width:50%;}
.press-list .text{width:48%;}
.press-list li p{height:120px;}

.press-kit-box{width:90%;}
.press-kit-cont .video{height:430px;}
.press-kit-cont .img-list li{width:360px;margin:0 20px 20px 0;}
.press-kit-cont .img-list li.li-r{margin-right:0;}
/*-------------PRESS------END-------*/

/*-------------ABOUT------START-------*/
.about-cont{width:70%;}
.address-cont{width:800px;}
/*-------------ABOUT------END-------*/


 /* 浏览器的可视区域小于1180px时 */
@media screen and (max-width: 1200px){
.container {width: 900px}
.nav-phone{display:none;}
.footer .foot{width:280px;padding:0 10px;}
.footer .follow-list a{margin:0 10px 25px 0;}
.header-line span{left:40%;}
/*-------------HOME------START-------*/
.container-img img{width:850px;}
.home-works-list li{width:235px;margin:0 10px;}
.home-works-list li .text{height:80px;}
.home-works-list .header-line span{left:20px;}
/*-------------HOME------END-------*/


/*-------------WORK------START-------*/
.works-list li{width:360px;margin:0 20px 40px 20px;}

.work-game .video{height:450px;}

/*-------------WORK------END-------*/

/*-------------PRESS------START-------*/
.press-list .img{width:100%;}
.press-list .text{width:100%;}
.press-list li p{height:auto;}
.press-list li h3{margin-top:20px;}
.press-kit-cont .video{height:300px;}
.press-kit-cont .img-list li{width:270px;margin:0 20px 20px 0;}
/*-------------PRESS------END-------*/
}
 /* 浏览器的可视区域小于920px时 */
@media screen and (max-width: 920px) {
.container{width:90%;margin:0 auto;}
.nav-list{display:none;}
.nav-phone{display:block;}
.footer .foot{float:none;width:100%;padding:0;margin:0 auto 50px auto;}
.foot2 .email{width:98%;}
.footer .follow-list a{margin:0 25px 25px 0;}
.header-line span{left:38%;}
/*-------------HOME------START-------*/
.container-img img{width:100%;}
.home-works-list li{width:94%;paddiing:0;margin:10px auto 40px auto;}
.home-works-list li .text{height:auto;}
.home-works-list .header-line span{left:38%;}
/*-------------HOME------END-------*/


/*-------------WORK------START-------*/
.works-list li{width:94%;paddiing:0;margin:10px auto 40px auto;}
.game-container{width:95%;}
.work-game .video{height:370px;}
.work-line span{left:32%;}
.screenshots li{width:100%;}
.screenshots li.l{margin-right:0;}
.screenshots li.last{margin-bottom:0;}
/*-------------WORK------END-------*/

/*-------------PRESS------START-------*/
.press-kit-box{width:95%;}
.press-kit-menu{display:none;}
.press-kit-cont{float:none;width:100%;}
.press-kit-cont .video{height:430px;}
.press-kit-cont .img-list li{width:48%;margin:0 20px 20px 0;}
/*-------------PRESS------END-------*/

/*-------------ABOUT------START-------*/
.about-cont{width:90%;}
.address-cont{width:100%;}
/*-------------ABOUT------END-------*/
}



 /* 浏览器的可视区域小于650px时 */
@media screen and (max-width: 650px) {
.container{width:90%;margin:0 auto;}
.nav-list{display:none;}
.nav-phone{display:block;}
.footer .foot{float:none;width:100%;padding:0;margin:0 auto 50px auto;}
.foot2 .email{width:98%;}
.footer .follow-list a{margin:0 25px 25px 0;}
.header-line span{left:32%;}
/*-------------HOME------START-------*/
.container-img img{width:100%;}
.home-works-list li{width:92%;paddiing:0;margin:10px auto 40px auto;}
.home-works-list li .text{height:auto;}
.home-works-list .header-line span{left:29%;}
/*-------------HOME------END-------*/


/*-------------WORK------START-------*/
.works-list li{width:92%;paddiing:0;margin:10px auto 40px auto;}
.work-game .game-logo{height:200px;background-size: 200px;}
.work-game .game-logo .btn{margin:120px auto 0 auto;}
.work-game .video{height:300px;}
.work-box-cont{width:92%;}
.work-line span{left:26%;}
.buygame-img{height:100px;}
.gameplay li{width:100%;margin:0 0 20px 0;}
.gameplay li.last{margin:0 0 20px 0;}
.gameplay li h4{line-height:30px;font-size:16px;}
.gameplay li p{text-align:left;line-height:25px;}
.instructions p{width:90%;}
.work-box-subscribe{float:left;width:100%;}
.tips-img{display:none;}

/*-------------WORK------END-------*/

/*-------------PRESS------START-------*/

.press-kit-cont .paragraph .l{float:none;width:100%;}
.press-kit-cont .paragraph .r{float:none;width:100%;}
.press-kit-cont .video{height:280px;}
.press-kit-cont .img-list li{float:none;width:100%;margin:0 0 20px 0;}
.press-kit-cont .logo-icon img{width:100%;}
/*-------------PRESS------END-------*/
}


/*---Login---*/
.login .banner{height:0;}
.login .content_page{width:800px;}
.content_login{margin:320px auto 220px auto;width:580px;height:300px;color: #555;}
.content_login a{color:#06C;}
.content_login a:hover, .content_login a:focus {color: #3071a9;text-decoration: underline;}
.content_agreement{margin:0 auto;width:860px;line-height:22px;}
.login_h2{text-align:center;font-size:26px;line-height:100px;color: #222;font-family: inherit;font-weight: 300;margin: 10px 0;}

.control-group{margin-bottom: 20px;}
.control-label{float: left;padding-top: 5px;text-align: right;width: 160px;font-size: 14px;font-weight: normal;line-height: 20px;display: block;margin-bottom: 5px;}
.controls{margin-left: 180px;}
.controls input{width: 256px;color: #222;border-radius: 0;box-shadow: none;padding: 6px;text-indent: 1px;display: inline-block;margin-bottom: 0;vertical-align: middle;background-color: #fff;border: 1px solid #bbb;transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;}

.checkbox input[type="checkbox"] {float: left;width:auto;margin:0 5px 0 0;}
.btn-primary{background-image: none;border: 0 none; border-radius: 0;box-shadow: none;padding: 7px 12px;text-shadow: none;background-color: #498dc8;cursor: pointer; display: inline-block;font-size: 14px;line-height: 20px;margin-bottom: 0;text-align: center;vertical-align: middle;color: #fff;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #357ebd;
    color: #fff;
}
.login_text{margin-left: 180px;font-size: 14px;line-height: 20px;margin-bottom: 5px;padding-top: 5px;display: block;}

.agreement .content_page{width:900px;margin:110px auto 20px auto;background:#fff;color:#000;}