@charset "utf-8";
/*Reset*/
html{color:#e83315;background:#fff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin:0;padding:0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
.article{
    color:black;
    padding: 10px;
    line-height: 1.5;
    font-size: 14px;
}
.article h2{
    font-size: 24px;
    text-align: center;
    font-weight: bold;
}
.article h3{
    margin: 5px 0;
    font-size: 18px;
    font-weight: bold;
}
.article li{
    list-style: square;
    margin-left: 2em;
}
audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;}
body,button,input,select,textarea {font:12px/1.5 arial,tahoma,sans-serif;}
input,select,textarea {font-size:100%;}
fieldset,img {border:0;display:block;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:500;}
q:before,q:after {content:'';}
a{color: #e83315;}
a:hover{text-decoration:underline;}
ins,a{text-decoration:none;outline:none;}
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.fn-clear{zoom:1; /* for IE6 IE7 */}
body .fn-hide{display:none;}
.fn-left,.fn-right{display:inline;}
.fn-left{float:left;}
.fn-right{float:right;}
.fn-webkit-adjust{-webkit-text-size-adjust: none;}
.hide-text{text-indent:100%;white-space:nowrap;overflow:hidden;display:block;}
body{font-family: "lato",Arial, Helvetica, sans-serif;}
.menu li a,
.submenu li a,
h2,
.more a{font-family: 'Fugaz One',cursive;font-size: 20px;}
#header{width:100%;height: 75px;background: #f2450c;}
.head-inner{width: 980px;margin: 0 auto;}
.logo{width: 175px;height: 56px;margin: 10px 0 0;}
.logo a{display: block;background: url(../images/logo.png) no-repeat;height: 56px;}
.fb-like{height: 23px;border-radius: 5px;margin: 40px 0 0 5px;float:left}
.menu{margin:0 0 0 60px;}
.menu li{float: left;line-height: 75px;}
.menu li.now a,.menu li a:hover{text-decoration: underline;color: #f5ed0d;}
.menu li a{font-size: 20px;color: #fff;margin-right: 30px;}
/*.play-menu li a{margin-right: 18px;}*/
.search{width: 180px;height: 25px;background: #fff;border-radius: 15px;margin:25px 0 0;}
.search .text{float:left;width: 130px;background: #fff;border: none;margin: 1px 0 0 10px;height: 23px;line-height: 23px;color: #666;}
.search .btn{float: right;width: 38px;height: 23px;
    background: #e73216 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAABqUlEQVR42r3WzyvDcRzH8Y+vOHDkpBwpB46k3MwOfu0wLvgDyEEp/8DOrjat5MSJs7i4O7CaWClqshxELphf81QO65Vv7+++37ZXPVprfT7Py7e+c5VKxY+HMWSQwzMYn3xHBjF4cLXy+2ESFwiyC0xGDbdiE2G2idagYY0eIMoOJB4onMV/u0IKcQxgBIs4wjd02VrCE9C9YxXNcD6GcQPdRJCwh3M5WEYcLoBO6IN4Ds8Kx6BbM2KqB69yR8wKp+XANVrgarQu92xY4RM5kIILoVfuObXCJTkwChfSQ9U9j1b4U8L9EcL56ous8BOqNxQhXARj3GuFcxJeDhntwFfVPWdWOCPh45DhJbknbYXjYJEesHYU5Y64FfZwKYdu0RUw2oQdOX8Jzwr/moaugD4j2oZd6KZqeTttQVdGBoNogvvTjRWUoNsL8z4+hN/eUMQzrJWRtMIa30aY7UNfq0krrBIoIMgKSMDhM2jc+pc5jizyeAHjk+/IYlye3gWf+IwRjsKOa7ge5qHxD8xIuLFxCTc0nqhHTM1B46W6RjWu4UaZxR3uMfUDvUqknv4oBC4AAAAASUVORK5CYII=') no-repeat center center;
    background-size: 15px;
    border:none;border-radius: 12px;margin: 1px 1px 0 0;}
#container{width: 980px;margin:0 auto;position: relative;}
.banner{margin: 0 0 15px;}
.ADindex{width: 728px;height: 90px;margin: 20px auto;}
.submenu{overflow: hidden;margin: 30px auto 0;width: 980px;}
.submenu li{float: left;margin: 0 6px;}
.submenu li a{display: block;width: 126px;height: 36px;line-height: 36px;color: #e83315;font-size: 20px;border:1px solid #e83315;border-radius: 18px;text-align: center;}
.submenu li.now a,.submenu li a:hover{background: #e83315;color: #fff;text-decoration: none;}
.jcarousel-skin-tango{margin: 20px auto 0;width: 980px;}
.jcarousel-skin-tango .jcarousel-container-horizontal{width:935px;padding:0 20px;}
.jcarousel-skin-tango .jcarousel-clip {overflow: hidden;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:932px;height:172px;margin: 0 0 0 5px;}
.jcarousel-skin-tango .jcarousel-item{width:305px;height:172px;margin: 0 6px 0 0;}
.jcarousel-skin-tango .jcarousel-item img{width:303px;height:170px;border-radius: 10px;border:1px solid #e83315;}
.jcarousel-skin-tango .jcarousel-next-horizontal{position: absolute;top:0;right:0;width:18px;height:172px;cursor: pointer;background: transparent url(../images/arrow_r.png) left center no-repeat;}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {}
.jcarousel-skin-tango .jcarousel-prev-horizontal{position: absolute;top:0;left:0;width:18px;height:172px;cursor: pointer;background: transparent url(../images/arrow_l.png) left center no-repeat;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {}
/*content*/
.content{}
.col{margin: 0 0 5px;}
.col-left{width: 650px;overflow: hidden;}
.col-title{height: 32px;line-height: 32px;overflow: hidden;}
.col-title .more{margin-right: 30px;}
.col-body{width: 980px;overflow: hidden;}
.game-list{width:688px;}
.index-list{width: 980px;}
.game-list li{float: left;width: 280px;height:165px;overflow:hidden;padding: 15px 15px 10px;background: #eee;border-radius: 10px;margin: 0 7px 14px;position: relative;}
.game-list li img{max-width: 100%;max-height: 100%;border-radius: 10px;margin: 0 0 5px}
.game-list li a{font-size: 16px;color: #000;}
.game-list li a:hover{color: #e83315;text-decoration: underline;}
.game-list li.adhere{float: right;padding: 0;border-radius: 0;background: #fff;margin: 0 24px 3px 0;min-height: 609px;width: 300px;}
.game-list li.adhere img{border-radius: 0;margin: 0;}
.game-list li .hot-cover,
.game-list li .new-cover,
.game-list li .fea-cover,
.game-list li .top-cover{
    position: absolute;
    width: 46px;
    height: 46px;
    top: 15px;
    left: 15px;
    background: url(../images/icon.png?v=4) no-repeat;
}
.game-list li .hot-cover{
    background-position: 0 0;
}
.game-list li .new-cover{
    background-position: -46px 0;
}
.game-list li .fea-cover{
    background-position: -92px 0;
}
.game-list li .top-cover{
    background-position: -138px 0;
}
.icoapple i{
    display: inline-block;
    vertical-align: -5px;
    margin: 0 0 0 5px
}
.icoapple .apple{
    width: 22px;
    height: 26px;
    background: url(../images/appleico.png?v=3) no-repeat;
}
.icoapple .andriod{
    width: 24px;
    height: 26px;
    margin-right: 6px;
    background: url(../images/andriod.png?v=3) no-repeat;
}
.col-right{width: 320px;margin: 0 0 0 10px;}
.ad600{width: 300px;height: 600px;background: #eee;margin: 32px 0 0;;}
.ad160{margin: 35px 0 0;}
.col-appinfo{margin: 20px 0;}
.col-appinfo div{margin: 0 10px 0 0;}
.info-text{font-size: 16px;color: #000;width:399px;}
.info-text h3{font-size: 24px;color: #e83315;}
.app-screen{margin: 0 0 20px;width: 990px}
.app-screen li{width: 300px;padding:10px;background: #eee;float: left;margin:0 10px 0 0;}
.app-screen li img{width: 300px;}
.app-detail{color: #000;font-size: 16px;}
.col-relate{margin: 0 0 8px;}
.col-relate .relate{float: right;width:660px; }
.relate li{float: left;margin:0 12px 12px 0;}
.relate li img{width: 120px;height: 120px;}
.playgame{width: 980px;margin: 10px auto 0;}
.gamebox{width: 640px;margin: 0 10px;}
.game-opa{background: #fff;}
.game-opa h1{float: left;font-size: 22px;line-height: 35px;}
.game-opa .fb-share-button{margin:10px 5px 0 0;}
.gamecol{background: #eee;padding: 10px;width: 620px;max-height: 580px;height: 580px;}
.gametips{margin: 20px auto 0;}
.gametips .ewm{width: 120px;height: 120px;float: left;margin: 0 15px 0 0;}
.gametips .tiptext{overflow: hidden;zoom:1;font-size: 16px;color: #797979;}
.tiptext ul{list-style: disc outside none; padding: 0 0 0 20px;}
.relategame{width: 164px;}
.relategame li{margin: 0 0 12px;}
.relategame li img{width: 160px;height: 75px;border-radius: 10px;border: 2px solid #eee;}
.relategame li a:hover img{border: 2px solid #e83315;}
#footer{width: 100%;padding: 10px 0;background: #e83315;color: #fff;font-size: 14px;}
#footer a{color: #fff;}
#footer a:hover{color: #f5ed0d;text-decoration: underline;}
.footer-inner{width: 980px;margin: 0 auto;text-align: center;}
.footer-inner img{display: inline-block;vertical-align: -5px}
.footer-inner p{margin: 0 0 5px}
.footer-inner p span{margin: 0 40px}
.sideads div {
    height: 565px;
    position: absolute;
    top: 74px;
    width: 50%;
}
.l-side {
    left: -565px;
    background: url(../images/bg_left.png) right 0 no-repeat;
}
.r-side {
    right: 0;
    background: url(../images/bg_right.png) 565px 0 no-repeat;
}
.ad-footer{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 999;}

.info-text h3 a{color:#000;}