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

body {min-width: 1200px; color: #333; font-family: Arial;}
.imgsize {width: 100%;}
a, a:hover {text-decoration: none;}

/* top-bar */
.top-bar {height: 70px; background: #fff;}
.top-con {width: 1180px; margin: 0 auto;}
.logo {float: left; padding-top: 12px; font-size: 28px; line-height: 28px;}
.logo img {margin-right: 10px; vertical-align: middle;}
.logo span {display: inline-block; vertical-align: middle;}
.nav-list {float: right; color: #ccc; font-size: 16px; line-height: 70px;}
.nav-list a {margin:0 20px; color: #555;}
.nav-list a:hover, .nav-list .cur {color: #000;}

.img-focus {position: relative; width: 100%;}
.focus-pic img {width: 100%;}
.focus-num {position: absolute; left: 0; bottom: 20px; width: 100%; height: 12px; font-size: 0; text-align: center;}
.focus-num span {display: inline-block; width: 12px; height: 12px; margin: 0 6px; border-radius: 99px; background: #eee; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.focus-num .on {width: 24px; background: #fe9110;}

.block-size {width: 1180px; margin: 0 auto;}
.main-box {width: 1180px; padding: 45px 0 100px; margin: 0 auto;}
.about-us {margin-bottom: 40px;}
.about-us p {margin-bottom: 15px; font-size: 16px; line-height: 26px;}
.game-info {width: 1180px;}

.title {margin-bottom: 30px;}
.title strong {position: relative; display: inline-block; padding-bottom: 15px; color: #555; font-weight: normal; font-size: 24px; font-weight: bold; line-height: 30px; }
.title strong:after {content: ""; position: absolute; bottom: 0; left: 0; width: 90px; height: 3px; background-color: #fe9110;}
.game-list {margin-right: -20px;}
.game-list li {float: left; width: 280px; margin-right: 20px; margin-bottom: 20px;}
.game-pic {width: 280px; height: 140px;}
.game-pic img {width: 280px; height: 140px;}
.game-list li a {color: #333;}
.game-list li a:hover {color: #000;}
.game-list li:hover {opacity: .9;}
.game-msg {position: relative; height: 46px; padding: 0 10px; line-height: 46px; background: #eee;}
.game-name {display: block; width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: normal;}
.btn-type {position: absolute; top: 9px; right: 10px; width: 86px; height: 28px; line-height: 28px; color: #fff; text-align: center; border-radius: 99px; background: #fe9110;}
.btn-type:hover {background-color: #f57516;}
.btn-type-green {right: 99px; background-color: #63cf72;}
.btn-type-green:hover {background-color: #46c157;}

/*------------------- privacy -------------------*/
.privacy {padding-bottom: 30px; color: #555; font-size: 13px; line-height: 24px;}
#topban {height: 90px; background: url(../img/topban.jpg) no-repeat center 0 #308aa1}
.pTitle {margin-bottom: 30px; padding: 40px 0 16px; border-bottom: 1px solid #ddd; font: bold 30px/36px "Microsoft Yahei";}
.privacy h2 {margin: 20px 0 15px; text-align: center; color: #333; font-size: 24px; font-weight: bold; line-height: 36px;}
.privacy h3 {margin-bottom: 5px; font-size: 18px; font-weight: bold;}
.privacy h4 {margin-bottom: 2px; font-size: 16px; font-weight: bold;}
.privacy p {margin-bottom: 15px; font-size: 14px;}

.game-ban {width: 1280px; margin: 0 auto;}
.game-ban img {width: 1280px;}
.detail {min-height: 280px; padding: 0 70px 50px; overflow: hidden; zoom: 1;}
.detail dt {float: left; width: 160px;}
.detail dt img  {width: 160px; height: 160px;}
.detail dd {float: right; padding-top: 10px; width: 850px; font-size: 16px; line-height: 28px;}

/*------------------- footer -------------------*/
#footer {position: relative; padding: 30px 0; background: #2f2e2e;}
.footer-box {width: 1180px; margin: 0 auto; color: #dfdfdf;}
.footer-box p {font-size: 14px;}
.footer-box a {color: #dfdfdf;}
.footer-box a:hover {color: #fff;}
.footer-box dl {float: left; width: 25%; line-height: 20px;}
.footer-box dt {margin-bottom: 5px; color: #818181; font-size: 15px; font-weight: bold;}
.footer-box dd a {display: block; font-size: 14px; line-height: 24px;}
.share img {margin-right: 5px; margin-bottom: 5px;}