/*the global*/
body{font-size:14px;  font-family: "Microsoft Yahei"; min-width:1000px;}
a:focus,a:active,a:hover{ outline:none}

.mask{ z-index:-1; position: absolute; top:0; left:0; background:#000; filter:alpha(opacity:80); opacity:.80}
:root .mask{ filter:none \0}

.ico{ display:inline-block; vertical-align:middle; background:url(/ue3/a/cr/zt/2016/gl/img/sprite.png) no-repeat;}
.ico-android-l{width:39px; height: 45px; margin:15px 15px 0 30px; float: left;}
.ico-android-s{width:19px; height: 22px; margin: 0 10px 5px 0; _margin: 10px 10px 10px 0; background-position: 0 -59px;}
.ico-ios{width:18px; height: 21px; margin: 0 10px 5px 0; _margin: 10px 10px 10px 0; background-position: -30px -59px;}


/*the layout*/ 
.wrapper{}

/*the header*/
.header{ width:1000px; padding: 12px 0; overflow: hidden; *zoom:1; margin:0 auto; position:relative;}
.logo-box{width:185px; float: left; overflow: hidden; *zoom:1;}
.logo-img{width: 66px; float: left; margin-right: 10px;}
.logo-txt{overflow: hidden; *zoom:1; padding-top:8px;}
.logo-txt .tit{font-weight: bold; color: #454545; font-size: 24px; line-height: 1.3}
.logo-txt .tit span{color:#999; font-weight: normal; display: block; font-size: 14px}

.nav-list{width:540px; float: right; overflow: hidden; *zoom:1; padding-top: 12px}
.nav-list li{width: 20%; float: left; text-align: center;}
.nav-list li a{display: inline-block; padding: 0 20px; border-radius: 25px; background: #fff; color: #333; font-size: 16px; line-height:40px;}
.nav-list li a:hover{background: #488bf4;color: #fff;}
.nav-list .current a, .nav-list .current a:hover{background: #488bf4;color: #fff;}
/*the content*/

.content{ width:1000px; margin:0 auto;}

.first-screen{height: 660px; background: url(/ue1/a/cr/zt/2016/gl/img/bg1.jpg) no-repeat center top;}
.first-screen-in{width: 1000px; height: 660px; margin: 0 auto; position: relative;}
.first-screen-in .phone{width:591px; height: 579px; background: url(/ue3/a/cr/zt/2016/gl/img/phone.png); position: absolute; left: -147px; top:77px;}
.first-screen-in .skull{width:237px; height: 357px; background: url(/ue2/a/cr/zt/2016/gl/img/skull.png); position: absolute; right: -96px; top:300px;}
.game-info{padding:83px 0 0 490px;}
.game-info .c1, .game-info .c2{overflow: hidden; *zoom:1;}
.game-info .c1 .avt{float: left; margin-right:20px;}
.game-info .c1 .txt{overflow: hidden; *zoom:1; color: #fff}
.game-info .c1 .cn{font-weight:bold; font-size: 38px; display: block;}
.game-info .c1 .en{font-size: 30px; display: block;}
.game-info .c2{padding:24px 0 18px;}
.game-info .c2 .btn-download{width:300px; height: 76px; display: block; border-radius:5px; background: #fff;overflow: hidden; *zoom:1; position: relative; float: left;}
.game-info .c2 .btn-download .txt{display:block;overflow: hidden; *zoom:1;}
.game-info .c2 .btn-download .txt .t1{display: block; font-size: 22px; color: #47bf34;padding-top: 10px;}
.game-info .c2 .btn-download .txt .t2{display: block; font-size: 12px; color: #999; }
.game-info .c2 .btn-download .bz{width: 50px; height: 28px; background: url(/ue3/a/cr/zt/2016/gl/img/sprite.png) no-repeat -41px 0; color: #fff; position: absolute; bottom: 0; right: 0; overflow: hidden; line-height:38px; font-size: 12px; font-family: "Simsun"; text-align: center; padding-left: 6px}
.game-info .c2 .code{padding: 3px; background: #fff; border-radius: 5px; float: left; margin-left:15px}
.game-info .c2 .code img{display: block;}

.game-info .c3{color:#9eb8dd; margin-left: -10px}
.game-info .c3 a{color:#9eb8dd; padding: 0 10px;}
.game-info .c3 a:hover{color: #fff}
.game-info .c4{color:#9eb8dd; padding:40px 100px 0 0}
.game-info .c4 .btn{padding:10px 0 15px; overflow: hidden;*zoom:1;}
.game-info .c4 .btn a{display: block; width:138px; height: 40px; border-radius: 25px; text-align: center; font-size:16px; color:#fff; line-height: 40px; float: left; margin-right:10px;}
.game-info .c4 .btn-android{border: 1px solid #46bd35}
.game-info .c4 .btn-android:hover{background:#47bf34}
.game-info .c4 .btn-ios{border: 1px solid #488bf4}
.game-info .c4 .btn-ios:hover{background:#488bf4}



/* slick */
.slick-list{ position: relative; overflow: hidden; display: block; z-index: 5;}
.slick-list:focus{ outline: none; }
.slick-track { display: block;position: relative; left: 0; top: 0; *zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track,.slick-loading .slick-slide{ visibility: hidden; }
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;  }
.slick-slide img,.slick-initialized .slick-slide { display: block;}
.slick-loading img { display: none; }
/* pn-hot */
.pn-hot{width:1000px; margin:0 auto 70px;}
.slick-hot{position: relative;width: 950px;height:148px;overflow:hidden; padding: 0 25px; z-index: 5;}
.slick-hot .slick-list{ _width:950px;}
.slick-hot .past-item{ display: block; overflow: hidden; *zoom:1;  color: #fff; background: url(/ue1/a/cr/index/2016/img/bg2.png) left bottom no-repeat; }
.slick-hot .past-item a{ color: #fff}
.slick-hot .past-item img{ width:90px; height: 120px;}
.slick-hot .pic-box{ float: left; width: 100px; padding-bottom: 28px;}
.slick-hot .txt-box{ display: block; overflow: hidden; *zoom:1; padding-top: 60px}
.slick-hot .t1, .slick-hot .t2{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }
.slick-hot .t1{ font-weight: bold; font-size: 20px}
.slick-hot .t2{ margin-top: 3px}
.slick-hot .past-item a:hover{ color: #f6ff00; text-decoration: none;}
.slick-hot .slick-prev,.slick-hot .slick-next {position: absolute;z-index:1001; bottom:35px;display: block;height: 39px;width: 24px;line-height: 0; font-size: 0;cursor: pointer;border: none;outline: none;background:url(/ue3/a/cr/index/2016/img/s1.png) no-repeat; opacity: 0.4}
.slick-hot .slick-disabled{opacity: 0.1;}
.slick-hot .slick-prev{left: 10px;background-position: -239px 0; }
.slick-hot .slick-next{right: 10px;background-position: -265px 0;}
.slick-hot .slick-prev:hover,.slick-hot .slick-next:hover{ opacity: 1;}
.slick-hot .bg{ width: 100%; _width: 1000px; background: #488bf4; height:115px; position: absolute; left: 0; bottom: 0; z-index: -1;}
/* footer */
.footer{ background: #f8f8f8; border-top:1px solid #dcdcdc; color: #999; margin-top: 25px}
.footer-in{ width: 1000px; margin: 0 auto;}
.footer-con1{ overflow: hidden; *zoom:1; padding: 25px 0} 
.footer-c1, .footer-c2, .footer-c3, .footer-c4{ float: left;}
.footer-c1, .footer-c2, .footer-c3{ width: 170px}
.footer-c1, .footer-c2{ margin-right: 10px}
.footer-c4{ width:102px; text-align: center;}
.footer-c5{ width:320px; float: right;}
.footer-title{ font-size: 16px; font-weight: bold; color: #666; line-height: 54px}
.footer-c4 .code-img{ padding: 10px 0 5px}
.list-footer{ margin-top: 3px}
.list-footer li{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis; line-height: 35px}
.list-footer a{ color: #999}
.list-footer2 li{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis; line-height: 30px}
.list-footer2 a{ color: #488bf4; text-decoration: underline;}
.footer-con2{ font-size: 0; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; line-height: 20px; padding: 15px 0}
.footer-con2 .footer-tit, .footer-con2 a{ font-size: 14px}
.footer-con2 a{ margin-right: 8px; color: #999}
.footer-con3{ text-align: center; color: #333; line-height: 60px}
.footer .share-box{ padding: 13px 0 6px}
.footer .share-box .gb-share-con{ overflow: hidden; *zoom:1; margin-left: -3px; margin-right: -3px}

/* global-footer */
.global-footer{ color:#999; background: #282828; padding:20px 0}
.global-footer a:hover, .global-footer a:link, .global-footer a:visited, .global-footer a:active{ color:#999}