.new-icon{ float: left; display: block; width: 12px; height: 12px; border-radius: 2px; background: #7ac307; color: #fff; text-align: center;
    line-height: 12px;}
.hot-icon{float: left; display: block; width: 12px; height: 12px; border-radius: 2px; background: #fe5600; color: #fff;text-align: center;
    line-height: 12px;}

#head{ width: 1200px; height: 100px; margin:0 auto;}
.logo{ float: left; margin-top: 20px;}
#head .nav{ float: right; font-family:"微软雅黑";}
#head .nav li{ float: left;  padding-right: 60px;}
#head .nav li:not(:last-child):before {  content: '·';  float: right;  position: relative;  left: 36px;  top: 43px;  font-size: 12px;  font-weight: bold;  color: #9a9a9a;  }
#head .nav li .text{ display: block;height: 93px; padding: 0 15px; text-align: center; line-height: 96px; border-top: 5px solid #fff; font-size: 20px; color: #9a9a9a;font-weight: 400; }
#head .nav li .text:hover{border-top: 5px solid #00beef; color: #000;}
#head .nav li .text.chenk{ border-top: 5px solid #00beef; color: #000;}

#head .nav li .dian{ line-height: 98px; padding: 0 10px; font-size: 20px; font-weight: normal;}

#banner{ width: 100%; height: 720px; background: #000;}
/* flexslider */
.flexslider{position:relative;height:720px;overflow:hidden; overflow:hidden;}
.slides{position:relative;z-index:1; height:720px; overflow:hidden;}
.slides li{height:720px;}
.flex-control-nav{position:absolute;bottom:60px;z-index:2;text-align:center; right: 19%;}
.flex-control-nav li{margin: 0 6px;  display: inline-block;  zoom: 1;}
.flex-control-paging li a { display: block; border-radius: 20px; text-indent: 2em;  background: white;  width: 20px;  height: 20px; overflow: hidden;  }
.flex-control-paging li a.flex-active {  background: #0f9fcf;  width: 14px;  height: 14px;  border: 3px solid white;  }
.flex-control-paging li a:hover {  background: #0f9fcf;  }
.flex-control-nav li {  float: left  }
.flex-direction-nav{ z-index: 999;position: absolute; top:0; left: 0; display: block; width: 100%;}
.flex-direction-nav a{ position: absolute; top: 300px;    -webkit-transition: all .3s ease;}
.flex-direction-nav a.flex-prev {  opacity: 0;  width: 50px;  height: 90px;  background: url(../images/flex-prev.png) no-repeat 0 0;  left: -35px;  }
.flexslider:hover .flex-prev {  opacity: 0.8;  left: 5px;  }
.flex-direction-nav a.flex-next {  opacity: 0;  width: 50px;  height: 90px;  background: url(../images/flex-next.png) no-repeat 0 0;  right: -35px;  }
.flexslider:hover .flex-next {  opacity: 0.8;  right: 5px;  }
.flex-control-nav .flex-active{background-position:0 0;}

.slide_item{  position: relative;  display: block;  width: 1200px;  height: 100%;  margin: 0 auto;  }
.slide-box{  min-width: 100%;  margin: 0 auto;  }
.slide_item .h-title{  position: absolute;  top: 200px;  left: 1px;  text-align: left;  width: 490px;  }
.slide_item .h-title.right{  left: 710px;  }
.slide_item .h-title h2{  font-size: 44px;  line-height: 44px;  margin-bottom: 20px;  color: #272a2c;  }
.slide_item .h-title h3{  font-size: 44px;  line-height: 44px;  color: #272a2c;  padding-bottom: 20px;  border-bottom: 1px #42d0ff solid;  margin-bottom: 10px;  }
.slide_item .h-title p{  margin: 10px 0 30px;  font-size: 16px;  color: #272a2c;  line-height: 30px;  }
.slide_item .h-title .cdt {  position: relative;  width: 140px;  height: 55px;  display: block;  background: url(../images/cdt.png) no-repeat;  top: -18px;  }
/*   */


#content{ width: 100%;}
#content .title{ width: 1200px; height: 25px; margin: 45px auto 20px auto; line-height: 25px; overflow: hidden;}
#content .title .title_l .text{ float: left; height: 25px; border-left: 5px solid #00beef; margin-right: 20px; padding-left: 20px; font-size: 22px;}
#content .title .title_l .title-nav{ float: left; height: 25px; margin:5px 0 0 5px;}
#content .title .title_l .title-nav .title-nav-text{ float: left; line-height: 12px; margin:0 10px 0 5px ;}
#content .title .title_r{ float: right; overflow: inherit; padding-right: 30px;}
#content .title .title_r a{display: block; overflow: hidden; color: #000;}
#content .title .title_r a:hover{ color: #fe5600;}
#content .title .title_r .text{ float: left; display: block;}
#content .title .title_r .huan{ float: left; display: block; width: 24px; height: 24px; background: url("../images/icon.jpg") no-repeat 0 -2px; margin-left: 8px;}
#content .title .title_r .jia{ float: left; display: block; width: 24px; height: 24px; background: url("../images/icon.jpg") no-repeat 0 -54px; margin-left: 8px;}

#content .game{ width: 1200px; height: 440px; background: #fff; margin: 0 auto; }
.game-box-wrap{    height: 340px;  overflow: hidden;  position: relative;}
.game-box-wrap .cur-hot-box {  margin-top: 10px;  height: 325px;  left: 0;  top: 0;  overflow: visible;  display: none;  z-index: 4;  position: absolute;  }
.cur-hot-box.cur {  z-index: 5;  display:block;  }
.cur-hot-box.cur .hot-box {  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transform: scale(1);  opacity: 1;  filter: alpha(opacity=100)  }
.cur-hot-box .hot-box{  position: relative;  -webkit-transform-origin: center center;  -moz-transform-origin: center center;  -ms-transform-origin: center center;  -o-transform-origin: center center;  transform-origin: center center;  -webkit-transform: scale(0);  -moz-transform: scale(0);  -ms-transform: scale(0);  -o-transform: scale(0);  transform: scale(0);  opacity: 0;  filter: alpha(opacity=0)  }
.cur-hot-box.hideing .hot-box {  -webkit-transform: scale(0);  -moz-transform: scale(0);  -ms-transform: scale(0);  -o-transform: scale(0);  transform: scale(0);  opacity: 0;  filter: alpha(opacity=0)  }
.cur-hot-box.hideing .hot-box:nth-child(1) {  -webkit-transition: all .4s linear 0s;  -moz-transition: all .4s linear 0s;  -ms-transition: all .4s linear 0s;  -o-transition: all .4s linear 0s;  transition: all .4s linear 0s  }
.cur-hot-box.hideing .hot-box:nth-child(2) {  -webkit-transition: all .4s linear .1s;  -moz-transition: all .4s linear .1s;  -ms-transition: all .4s linear .1s;  -o-transition: all .4s linear .1s;  transition: all .4s linear .1s  }
.cur-hot-box.hideing .hot-box:nth-child(3) {  -webkit-transition: all .4s linear .2s;  -moz-transition: all .4s linear .2s;  -ms-transition: all .4s linear .2s;  -o-transition: all .4s linear .2s;  transition: all .4s linear .2s  }
.cur-hot-box.showing .hot-box {  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transform: scale(1);  opacity: 1;  filter: alpha(opacity=100)  }
.cur-hot-box.showing .hot-box:nth-child(1) {  -webkit-transition: all .4s linear .4s;  -moz-transition: all .4s linear .4s;  -ms-transition: all .4s linear .4s;  -o-transition: all .4s linear .4s;  transition: all .4s linear .4s  }
.cur-hot-box.showing .hot-box:nth-child(2) {  -webkit-transition: all .4s linear .5s;  -moz-transition: all .4s linear .5s;  -ms-transition: all .4s linear .5s;  -o-transition: all .4s linear .5s;  transition: all .4s linear .5s  }
.cur-hot-box.showing .hot-box:nth-child(3) {  -webkit-transition: all .4s linear .6s;  -moz-transition: all .4s linear .6s;  -ms-transition: all .4s linear .6s;  -o-transition: all .4s linear .6s;  transition: all .4s linear .6s  }
.game-list{ width: 1200px; margin: 0 auto; overflow: hidden;}
.game-list li{ width: 380px; height: 340px; background: #fbfbfb; border-bottom: 3px solid #dddddd; float: left; margin-right: 28px;margin-bottom: 20px; overflow: hidden;}
.game-list li:nth-child(3n){margin-right: 0;}
.game-list li .game-img{ display: block; width: 380px; height: 180px; position: relative;}
.game-list li .game-img-con{ position: absolute;  width: 380px;  height: 176px;  top: -100%;  left: 0;  opacity: 0;transition: all .3s ease-in;}
.game-list li .game-img-con .bg{    background: rgba(0,190,239,0.9);  position: absolute;  top: 0;  left: 0;  width: 380px;  height: 180px; }
.game-list li .game-img-con .bg img{ width: 100px; height: 100px; display: block; float: left; padding: 38px 0 0 38px;}
.game-list li .game-img-con .bg .game-img-con-text{float: left;margin-left: 20px; margin-top: 45px; font-size: 14px; color: #fff;}
.game-list li .game-img-con .bg .game-img-con-text p{ line-height: 25px; width: 100%; overflow: hidden;}
.game-list li .game-img-con .bg .game-img-con-text p span{ display: block;float: left;}
.game-list li .game-img-con .bg .game-img-con-text p .game-img-con-down{ width: 10px; height: 13px; background: url("../images/down-icon.png") no-repeat; margin:5px 8px 0 5px;}
.game-list li .game-img-con .bg .game-img-con-text p .game-xing{ width: 85px; height: 20px; background: url("../images/xing.png") no-repeat;}
.game-list li .game-img-con .bg .game-img-con-text p .game-xing-1{ background-position: 0 4px; }
.game-list li .game-img-con .bg .game-img-con-text p .game-xing-2{ background-position: 0 -15px; }
.game-list li .game-img-con .bg .game-img-con-text p .game-xing-3{ background-position: 0 -33px; }
.game-list li .game-img-con .bg .game-img-con-text p .game-xing-4{ background-position: 0 -52px; }
.game-list li .game-img-con .bg .game-img-con-text p .game-xing-5{ background-position: 0 -70px; }

.game-list li .game-img:hover .game-img-con {  opacity: 1;  filter: alpha(opacity=100);  top: 0  }
.game-list li .game-title h3{ font-size: 20px; font-weight: bold; margin: 5px 0 0 15px;}
.game-list li .game-title p{ font-size: 15px;  margin: 5px 15px 0 15px; color: #666666; height: 45px; overflow: hidden;}
.game-list li .game-extend .zan{ font-size: 12px; color: #9f9f9f; padding-left: 30px; background: url("../images/icon.jpg") no-repeat; margin:15px 0 0 170px; float: left;}
.game-list li .game-extend .zan.no{ display: block;background-position: 0 -32px;}
.game-list li .game-extend .official{ display: block; float: left; width: 84px; height: 27px; color: #9f9f9f; line-height: 27px; text-align: center; border: 1px solid #ccc;  border-radius: 20px; margin:8px 0 0 30px; }
.game-list li .game-extend .official:hover {  background-color:#ff9600;  color: #fff;  text-decoration: none;  background-position: 0 0;  -webkit-transition: all .2s ease-out;  -moz-transition: all .2s ease-out;  -ms-transition: all .2s ease-out;  -o-transition: all .2s ease-out;  transition: all .2s ease-out;  -webkit-animation: ani-gw-link .3s linear .2s 1 normal 300ms 0 ease;  -moz-animation: ani-gw-link .3s linear .2s 1 normal 300ms 0 ease;  -ms-animation: ani-gw-link .3s linear .2s 1 normal 300ms 0 ease;  -o-animation: ani-gw-link .3s linear .2s 1 normal 300ms 0 ease;  animation: ani-gw-link .3s linear .2s 1 normal 300ms 0 ease;  -moz-animation: ani-gw-link .3s linear .2s 1 normal;  -webkit-animation: ani-gw-link .3s linear .2s 1 normal;  -o-animation: ani-gw-link .3s linear .2s 1 normal;  -ms-animation: ani-gw-link .3s linear .2s 1 normal;  animation: ani-gw-link .3s linear .2s 1 normal  }


.information{ background: #f1f1f1; height: 510px; overflow: hidden;}
.information .index-information-list{ width: 1200px; margin:0 auto; background: #fbfbfb; overflow: hidden;}
.information .index-information-list li{ width:50%; height: 126px; float:left; border-bottom: 1px solid #eee;  }
.information .index-information-list li .index-information-text{ width: 410px; height: 100px; margin: 18px 0 0 26px; float: left;}
.information .index-information-list li .index-information-text .index-information-text-title{display: block; font-weight: bold; font-size: 20px; line-height: 40px; color: #000;}
.information .index-information-list li .index-information-text p{ font-size: 14px; line-height: 26px;}
.information .index-information-list li .index-information-details{ display: inline-block; width: 38px; height: 38px; padding: 12px; background: #f6f6f6; border: 1px solid #eee; border-radius: 31px; float: right;  font-size:13px; text-align: center; margin:31px 25px 0 0 ;color: #000;}
.information .index-information-list li.chenk .index-information-text .index-information-text-title{ color: #00beef;}
.information .index-information-list li.chenk .index-information-details{ color: #fff; background: #ff9600;}


.type{ background: #fff; height: 385px;}
.type .type-content{ width: 1200px; margin: 0 auto;}
.type .type-content .game-type{ width: 815px; float: left; margin-top: 20px;}
.type .type-content .game-type>li{ width: 156px; float: left; padding-left: 40px; border-left: 1px solid #eee;}
.type .type-content .game-type>li:last-child{border-right: 1px solid #eee;}
.type .type-content .game-type>li h3{ font-size: 18px; line-height: 60px; color: #298aff;}
.type .type-content .game-type>li>ol>li{ overflow: hidden; height: 30px; line-height: 30px; font-size: 14px;  padding-top: 5px;}
.type .type-content .game-type>li>ol>li .game-type-list-text{    display: block;  float: left;  line-height: 12px;  margin-right: 5px; color: #666666;}
.type .type-content .game-type>li>ol>li.chenk .game-type-list-text{  font-weight: bold; color: #666666;}
.type .type-content .game-type>li>ol>li a:hover{ font-weight: bold; color: #666666;}
.type .type-content .type-ewm{ width: 270px; margin-left: 60px; float: left;}
.type .type-content .type-ewm img{ display:block; margin: 0 auto; text-align: center; }
.type .type-content .type-ewm p{ font-size: 18px; text-align: center; margin-top: 5px;}
.type .type-content .type-ewm p span{  color: #1a7ea2; font-weight: bold;}
.type .type-content .type-ewm p span{  color: #1a7ea2; font-weight: bold;}
.type .type-content .type-ewm p span{  color: #1a7ea2; font-weight: bold;}

#footer{ min-width: 1200px; width: 100%; height: 150px; background: #e5e5e5; margin-bottom: 20px; overflow: hidden;}
#footer .footer-content{ width: 1200px; margin:46px auto 0 auto;}
#footer .footer-content .logo{ margin:0 0 0 160px; border-right: 1px solid #999; padding-right: 70px;}
#footer .footer-content .footer-text{ float: left;}
#footer .footer-content .footer-text p{ line-height: 30px; margin-left: 30px;}
#footer .footer-content a{ color: #333;}
#footer .footer-content a:hover{ color:#fe5600;}

/**xiao login**/
.other-login2 {list-style:none outside none;
    margin:0;
    padding:0; margin-top:7px;}
.other-login2 a {background:url("../images/login-img.png") no-repeat ;display:inline-block;margin:0 5px 10px 0;height:16px;width:16px;cursor:pointer;}
.other-login2 li{display:inline;}
.other-login2 a.sina {background-position:0 -64px;}
.other-login2 a.douban {background-position:0 -48px;}
.other-login2 a.renren {background-position:0 -16px;}
.other-login2 a.qqz{background-position:0 -160px;}
.other-login2 a.taobao {background-position:0 0;}
.other-login2 a.qq {background-position:0 -32px;}
.other-login2 a.tqq {background-position:0 -80px;}
.other-login2 a.wangyi {background-position:0 -192px;}
.other-login2 a.twitter {background-position:0 -224px;}
.other-login2 a.baidu {background-position:0 -128px;}
.other-login2 a.facebook{}
.other-login2 a.google{background-position:0 -289px;}
/****/
/**返回底部**/
.backToTop {  z-index: 999;display:none;background:#fff url(../images/backToTop.png) no-repeat;width:40px; height:40px;font-size:12px;text-align:center;position:fixed;_position:absolute; right:0px;bottom:245px;_bottom:"auto";cursor:pointer;opacity:0.6;filter:Alpha(opacity=60);
    line-height:70px;}

/** css3动画 **/
@-webkit-keyframes ani-gw-link {
    0% {
        -webkit-transform: translate(0,0)
    }

    50% {
        -webkit-transform: translate(0,3px)
    }

    100% {
        -webkit-transform: translate(0,0)
    }
}

@-moz-keyframes ani-gw-link {
    0% {
        -moz-transform: translate(0,0)
    }

    50% {
        -moz-transform: translate(0,3px)
    }

    100% {
        -moz-transform: translate(0,0)
    }
}

@-o-keyframes ani-gw-link {
    0% {
        -o-transform: translate(0,0)
    }

    50% {
        -o-transform: translate(0,3px)
    }

    100% {
        -o-transform: translate(0,0)
    }
}

@-ms-keyframes ani-gw-link {
    0% {
        -ms-transform: translate(0,0)
    }

    50% {
        -ms-transform: translate(0,3px)
    }

    100% {
        -ms-transform: translate(0,0)
    }
}

@keyframes ani-gw-link {
    0% {
        transform: translate(0,0)
    }

    50% {
        transform: translate(0,3px)
    }

    100% {
        transform: translate(0,0)
    }
}


/*===============================   内页   =========================================*/


/*标题*/
.Details-box{
    background: url(../images/Details-titlebg.jpg) repeat-x;
    height: 145px;
    min-width: 1200px;
}
.Details-box .D-title{
    width: 1200px;
    margin: 0 auto;
    overflow: auto;
    zoom: 1;
    padding-top: 54px;
}
.Details-box .D-title h2{
    float: left;
    color: #fff;
    font-size: 28px;
    font-family: "微软雅黑";
    font-weight: normal;
    border-bottom: 5px solid #0f9fcf;
    padding-bottom: 15px;
}
.Details-box .D-title p{
    float: left;
    color: #cacaca;
    font-family: "微软雅黑";
    display: inline;
    margin: 45px 0 0 15px;
}
.Details-box .D-title p a{
    color: #cacaca;
    font-family: "微软雅黑";
}
/*联系我们*/
.D-contact-banner{position: relative;}
.D-contact-banner .slides{
	min-width: 1200px;
	width: 100%;
	height: 325px;
	margin: 0;	
}
.D-contact-banner .slides li{ width: 100%; height: 325px; min-width: 1200px;}
.D-contact-banner .flex-control-nav{ margin: 0; right: 50%; bottom: 15px;}
.D-contact-box{
	background: url(../images/contact-bg.jpg) no-repeat center;
	height: 539px;
	min-width: 1200px;
	width: 100%;
}
.D-contact-box .D-contact-instructions{
	color: #17b2eb;
	font-size: 18px;
	text-align: center;
	font-family: "微软雅黑";
	padding: 20px 0 10px;
}
.D-contact-box .D-contact-title{ text-align: center;}
.D-contact-box .D-contact-title img{
	margin: 42px auto 40px;
}
.D-contact-box .D-contact-list{text-align: center; overflow: auto; zoom: 1;}
.D-contact-box .D-contact-list li{ display: inline-block; margin: 0 20px; position: relative;}
.D-contact-box .D-contact-list li p{ color: #434344; font-size: 18px; margin-top: 10px;}
.D-contact-box .D-contact-list li .game-img-contain{
	background:rgba(39, 45, 47, 0.8)!important; 	filter:Alpha(opacity=0);
	position: absolute;
	left: 5px;
	top: 0;
	width: 180px;
	height: 110px;
	padding: 45px 10px;
	border-radius: 40px 40px 48px 48px;
	-moz-border-radius: 40px 40px 48px 48px;
	-webkit-border-radius: 40px 40px 48px 48px;
	opacity: 0;transition: all .3s ease-in; 
}
.D-contact-box .D-contact-list li:first-child .game-img-contain{
	border-radius: 30px 30px 36px 36px;
	-moz-border-radius: 30px 30px 36px 36px;
	-webkit-border-radius: 30px 30px 36px 36px;
}
/*.D-contact-box .D-contact-list li:hover .game-img-contain{
	opacity: 1;
	filter:alpha(opacity=1); 
}*/
.D-contact-box .D-contact-list li:hover a{ color: #00beef;}
.D-contact-box .D-contact-list li .game-img-contain .txt{
	 text-align: left;
}
.D-contact-box .D-contact-list li .game-img-contain p,.D-contact-box .D-contact-list li a{
	color: #fff; font-size: 16px; line-height: 25px; padding: 0; margin: 0;
}

/*内容*/
.Details-container{
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
    overflow: auto;
    zoom: 1;

}
.Details-bg{
    position: fixed;
    left: 0;
    top: 0;
    overflow: auto;
    zoom: 1;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.Details-bg .bg-left{
    width: 60.5%;
    height: 100%;
    float: left;
    background: #fff;
}
.Details-bg .bg-right{
    width: 39.5%;
    height: 100%;
    float: left;
    background: #F1F1F1;
}
/*左边*/
.Details-container .D-left{
    float: left;
    width: 760px;
    padding: 90px 40px 0 0;
    background: #fff;
}
.pagination ul>li>a, .pagination ul>li>span{ color: #000;}
.Details-container .newslist{
    background: url(../images/news-icon.png) no-repeat -100px 0 #fbfbfb;
    padding: 30px 40px 15px 20px;
    overflow: auto;
    zoom:1;
    border-bottom: 2px solid #fff;
    margin-bottom: 50px;
}
.Details-container .newslist:hover{
    border-bottom: 2px solid #ddd;
    cursor: pointer;
}
.Details-container .newslist .news-title,.Details-container .news-details .news-title{
    overflow: auto;
    zoom: 1;
    margin-bottom: 25px;
}
.Details-container .news-title .title-txt{
    float: left;
    width: 550px;
    color: #000;
    font-size: 20px;
    font-family: "微软雅黑";
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.Details-container .news-details .news-title .title-txt{
    font-weight: bold;
}
.Details-container .news-details .news-title{
    padding-bottom: 20px;
}
.Details-container .news-details .news-title{
    border-bottom: 1px solid #d0d0d0;
}
.Details-container .news-title .time{
    float: right;
    color: #626262;
    font-size: 14px;
    font-family: "微软雅黑";
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}
.Details-container .time i{
    width: 25px;
    height: 25px;
    background: url(../images/news-icon.png) no-repeat -74px -2px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.Details-container .newslist .text{
    color: #626262;
    font-size: 14px;
    font-family: "微软雅黑";
    line-height: 25px;
    text-indent: 2em;
    overflow: hidden;
    height: 75px;
}
.Details-container .newslist .look-more a{
    float: right;
    color: #626262;
    font-family: "微软雅黑";
    padding: 5px 5px 5px 15px;
    border: 1px solid #626262;
}
.Details-container .newslist .look-more i{
    background: url(../images/news-icon.png) no-repeat 0 -1px;
    width: 10px;
    height: 15px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}
.Details-container .newslist a:hover{
    background: #ff9600;
    border: 1px solid #ff9600;
    color: #fff;
    text-decoration: none;
}
.Details-container .newslist a:hover i{
    background-position: 0 -16px;
}
.News-paging{
    text-align: center;
}
.News-paging a{
    display: inline-block;
    color: #626262;
    font-size: 16px;
    font-family: "微软雅黑";
    padding: 5px;
}
.News-paging a.on,.News-paging a.on:hover{
    color: #fff;
    background: #0f9fcf;
}
.News-paging a:hover{
    color: #0F9FCF;
}

/* 右边 */
.Details-container .D-right {
    float: left;
    width: 400px;
    padding-top: 90px;
    background: #fff;
}

.Details-container .game-rank{
    width: 380px;
    border: 2px solid #f39800;
}
.Details-container .game-rank h3{
    width: 170px;
    padding: 0 20px;
    background: #fff;
    margin: -25px auto 0 auto;
    color: #000;
    font-size: 22px;
    text-align: center;
}
.Details-container .game-rank i{
    display: block;
    float: left;
    width: 22px;
    height: 22px;
    background: url("../images/icon.jpg") no-repeat 0 bottom;
    margin-top: 8px;
}

.Details-container .game-rank-list{ margin: 0;}
.Details-container .game-rank-list li{
    width: 100%; height: 60px; border-bottom: 1px solid #ccc; padding: 25px 0;
}
.Details-container .game-rank-list .size{ float: left; width: 22px; height: 22px; background: #c4c4c4; color: #fff; line-height: 22px; margin: 20px 0 0 31px; padding-left: 10px; }
.Details-container .game-rank-list .size.one{ background: #d90005;}
.Details-container .game-rank-list .size.two{ background: #ea5504;}
.Details-container .game-rank-list .size.three{ background: #f39800;}
.Details-container .game-rank-list .size .icon{ display:block;width: 0;height:0;border-top:11px solid transparent;border-bottom: 11px solid transparent;border-left: 11px solid white; margin-left: -11px; float: left;}
.Details-container .game-rank-list .size .size-text{ float: left; margin-left: 8px;}
.Details-container .game-rank-list .img{ float: left; margin-left: 14px;}
.Details-container .game-rank-list .img img{ width: 60px; height: 60px; border-radius: 5px;}
.Details-container .game-rank-list .text{ float: left; width: 95px; text-align: center; margin-top: 10px;}
.Details-container .game-rank-list .text p{ color: #666666; line-height: 1.5em; margin: 0;}
.Details-container .game-rank-list .text p:first-child{ color: #272a2c;}
.Details-container .game-rank-list .down{ display:inline-block
;float: left; width: 90px; height: 28px; border:1px solid #ccc; border-radius: 5px; text-align: center;line-height: 28px; margin: 13px 0 0 10px; color: #666666;}
.Details-container .game-rank-list .down .down-text{ float: left; display: inline-block;margin-left: 8px;}
.Details-container .game-rank-list .down .icon{float: left; width: 10px; height: 13px; margin-top: 8px; margin-left:6px;background: url("../images/down-icon.png") no-repeat 0 bottom;}
.Details-container .game-rank-list .down:hover .icon{  background-position: 0 top;}
.Details-container .game-rank-list .down:hover { text-decoration: none; background: #ff9c00; color: #fff;}

.D-game{ margin-top:50px;}

.Details-container .game-info{  width: 362px; height: 582px; background: #f1f1f1; margin: 0 auto 30px auto;}
.Details-container .game-info h3{  width:100%; text-align: center; height: 50px; line-height: 50px; background: #000; color: #fff; position: relative; font-size: 20px;}
.Details-container .game-info h3 .b-sanjiao{ position: absolute; display: block; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 8px solid #000; bottom: -8px; left:169px;}
.game-info-content{ width: 100%; margin-top: 38px; overflow: hidden;}
.game-info-content img{ display: inline-block; width: 108px; height: 108px; float: left; margin-left: 35px; }
.game-info-content-text{ font-size: 20px; display: block; float: left; padding-left: 15px; color: #666666; padding-top: 20px;}
.game-info-content-text span{display: block; float: left; }
.game-info-content-text .xing{display: block; float: left; height: 20px; background: url("../images/game-info-icon.png") no-repeat 0 -90px; margin-top: -4px;}
.game-info-content-text .xing1{ width: 20px;}
.game-info-content-text .xing2{ width: 42px;}
.game-info-content-text .xing3{ width: 65px;}
.game-info-content-text .xing4{ width: 85px;}
.game-info-content-text .xing5{ width: 110px;}
.game-info-content-text p{height: 18px;}
.game-info-down{ margin-top: 24px; overflow: hidden;}
.game-info-down .ios{ display: inline-block; width: 142px; height: 40px; background: url("../images/game-info-icon.png") no-repeat; float: left; margin-left:35px; }
.game-info-down .android{ display: inline-block; width: 142px; height: 40px; background: url("../images/game-info-icon.png") no-repeat 0 -46px; float: left; margin-left: 8px;}
.game-info-web{ margin: 20px auto 0 auto; width: 289px; height: 41px; border-radius: 5px; background: #00beef;color: #fff;line-height: 41px; text-align: center; font-size: 16px; }
.game-info-ewm{ margin-top: 40px;  overflow: hidden; width: 100%;}
.game-info-ewm img{  display: block; width: 160px; height: 160px; text-align: center; margin: 0 auto;}
.game-info-ewm p{  text-align: center; font-size: 16px; color: #666666; line-height: 50px;}


.D-about-content{ font-family: "微软雅黑", "黑体", "宋体"; width: 1115px; margin: 0 auto;}
.D-about-content h3{ font-size: 40px; text-align: center; margin-top: 70px;}
.D-about-content h1{ font-size: 20px; text-align: center;  color: #888b91; line-height: 30px;}
.D-about-content .D-about-content-text{ font-size: 18px; line-height: 30px; color: #112434; margin-top: 50px;}
.D-about-content .D-about-content-text p{ margin-top: 20px;}
.D-about-content img{ display: block; margin: 20px auto;}

.D-about-lianxi{width: 1115px;  border-top: 1px solid #000; margin: 40px auto 50px auto; overflow: hidden;}
.D-about-content-info{ margin-top: 10px; margin-bottom: 40px;}
.D-about-lianxi .box{ width: 50%; float: left;}
.D-about-lianxi .box h3{ font-size: 20px;}
.D-about-lianxi .box p{ font-size: 16px;}