﻿/* 开发妹原创源码 唯一官网：www.kaifamei.com QQ:208115365*/
@charset "UTF-8";
html,body{margin:0;padding:0;font-size:14px;font-family:"microsoft yahei",Helvetica,Arial,sans-serif;line-height:1.42857;letter-spacing:1px;background:#f6f6f6;min-width:1200px}
div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,blockquote,figure,button{margin:0;padding:0}
fieldset,img,button{border:0}
address,caption,cite,code,dfn,em,strong,th,var,i,h1,h2,h3,h4,h5,h6,b{font-style:normal;font-weight:normal}
a{color:inherit;text-decoration:none}
input,button,a{outline:0}
li{list-style:none}
img,header,nav,footer,section,article{display:block}
.min-1200{min-width:1200px}
.w1200{width:1200px}
.font-hide{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ovh{overflow:hidden}
.auto{margin-left:auto;margin-right:auto}
.l{float:left}
.r{float:right}
.txa-l{text-align:left}
.txa-c{text-align:center}
.txa-r{text-align:right}
.dis-ib{display:inline-block}
.dis-b{display:block}
.ver-t{vertical-align:top}
.ver-m{vertical-align:middle}
.side-bar .bg-girl2:nth-of-type(2n+1){margin-right:10px}
.side-bar .bg-girl2{margin-bottom:10px}
.pis-re{position:relative}
.pis-ab{position:absolute}
.m5{margin:5px}
.ml5{margin-left:5px}
.mr5{margin-right:5px}
.mt5{margin-top:5px}
.mb5{margin-bottom:5px}
.p5{padding:5px}
.pl5{padding-left:5px}
.pr5{padding-right:5px}
.pt5{padding-top:5px}
.pb5{padding-bottom:5px}
.m10{margin:10px}
.ml10{margin-left:10px}
.mr10{margin-right:10px}
.mt10{margin-top:10px}
.mb10{margin-bottom:10px}
.p10{padding:10px}
.pl10{padding-left:10px}
.pr10{padding-right:10px}
.pt10{padding-top:10px}
.pb10{padding-bottom:10px}
.m15{margin:15px}
.ml15{margin-left:15px}
.mr15{margin-right:15px}
.mt15{margin-top:15px}
.mb15{margin-bottom:15px}
.p15{padding:15px}
.pl15{padding-left:15px}
.pr15{padding-right:15px}
.pt15{padding-top:15px}
.pb15{padding-bottom:15px}
.m20{margin:20px}
.ml20{margin-left:20px}
.mr20{margin-right:20px}
.mt20{margin-top:20px}
.mb20{margin-bottom:20px}
.p20{padding:20px}
.pl20{padding-left:20px}
.pr20{padding-right:20px}
.pt20{padding-top:20px}
.pb20{padding-bottom:20px}
.clear:after{content:"";height:0;display:block;clear:both;overflow:hidden}
.dis-tb{display:table}
.dis-item{display:table-cell;vertical-align:middle;background:#fff;}
.tip{position:relative;font-weight:normal;font-size:18px;margin-bottom:10px;padding:0 8px;color:#525252}
.tip.bfb{background:#fff;margin:0;}
.tip:before{content:"";position:absolute;width:100%;border-bottom:#f0f0f0 1px solid;left:0;bottom:1px}
.tip span{display:inline-block;position:relative;height:44px;line-height:40px;color:#525252;background:url(../images/tab-on.jpg) no-repeat center 35px;z-index:1}
.tip .more{margin:11px 11px 0 0}
.more{width:20px;height:20px;background:url(../images/more.png) no-repeat}
.img-hover{-webkit-transition:all .5s;transition:transform .5s;width: 145px;height: 193px;}
.img-hover:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}
.font-hover:hover{color:#f60}
.pis-hover:hover{position:relative;top:1px;left:1px}
.media-article{padding-left:12px}
.media-article .title{font-size:20px;font-weight:normal;margin-bottom:8px;color:#525252}
.media-article .title:hover{color:#f60}
.media-article p{color:#a8a8a8}
.media-article .read-more{color:#a8a8a8}
.media-article .read-more:hover{color:#f60}
.news-list li{color:#525252}
.list-date li a{width:100%;max-width:100px}
.list-date li .date{width:60px;min-width:60px;text-align:right;color:#a8a8a8;font-size:12px;}
.list-disc li{padding-left:10px;position:relative}
.list-disc li:before{content:"·";position:absolute;left:2px;top:0}
.img-tit{height:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:36px;font-size:15px;color:#fff;width:100%;-webkit-transition:height .5s;transition:height .5s;bottom:0;background:#000;background:rgba(0,0,0,0.6);box-sizing:border-box;padding:0 8px}
.img-tib{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:32px;font-size:14px;color:#fff;width:100%;-webkit-transition:height .5s;transition:height .5s;bottom:0;background:#000;background:rgba(0,0,0,0.6);box-sizing:border-box;padding:0 5px;}
.media-con:hover .img-tit{height:36px}
.media-list li{margin-bottom:10px}
.media-tit{color:#525252;font-size:16px;height:40px;line-height:40px}
.media-tit:hover{color:#f60}
.page-list li{display:inline-block;vertical-align:middle;margin-right:10px;width:38px;height:38px;line-height:38px;border:#d3d3d3 1px solid;background:#fff;text-align:center}
.page-list li a{width:inherit;height:inherit}
.page-list li.page-on a,.page-list li a:hover{background:#f60;color:#fff}
.page-list li.page-el{background:0;border:0}
.page-list li.page-el:hover{background:0;color:inherit}
.page-list .page-prev a,.page-list .page-next a{position:relative}
.page-list .page-prev a:after,.page-list .page-next a:after{content:"";position:absolute;border-top:transparent 8px solid;border-bottom:transparent 8px solid;top:50%;left:50%;margin:-8px 0 0 -4px}
.page-list .page-prev a:after{border-right:#6b6b6b 8px solid}
.page-list .page-next a:after{border-left:#6b6b6b 8px solid}
.page-list .page-prev a:hover:after{border-right-color:#fff;cursor:pointer}
.page-list .page-next a:hover:after{border-left-color:#fff;cursor:pointer}
#pageslide{position:fixed;top:0;right:-320px;height:100%;z-index:99999;width:320px;padding:0 20px;box-sizing:border-box;background-color:#252525;color:#FFF;-webkit-box-shadow:inset 0 0 5px 5px #222;-moz-box-shadow:inset 0 0 5px 5px #222;box-shadow:inset 0 0 5px 5px #222}
.top-ads{width:100%;height:0;z-index:99}
.top-ads a{height:inherit}
.layout-ads{width:800px;height:450px;position:fixed;top:50%;left:50%;margin:-225px 0 0 -400px;z-index:99}
.layout-ads .s-ads{width:150px;height:200px;position:fixed;left:0;top:50%;margin-top:-75px;cursor:pointer;display:none;z-index:100}
.layout-ads a{height:inherit}
.foot-ads{position:fixed;left:0;bottom:0;width:100%;height:75px;z-index:99}
.foot-ads .ad-close{left:0}
.foot-ads a{height:inherit}
.foot-r-ads{width:255px;height:300px;position:fixed;right:0;bottom:0;z-index:100}
.foot-r-ads a{height:inherit}
.ad-close{background:#000;width:30px;height:30px;line-height:30px;font-size:22px;color:#fff;position:absolute;text-align:center;cursor:pointer;font-family:"黑体";top:0;right:0}
.head{position:fixed;z-index:9;top:0;width:100%;height:104px;background:#f60}
.head .logo img{width:103px;height:26px;margin:6px 24px 0 0}
.nav-bar{height:42px}
.nav a{width:100px;line-height:40px;height:42px;float:left;color:#fff;font-size:16px;position:relative}
.nav a:hover,.nav a.on{background:#262626;color:#fff}
.s-nav-bar{background:#262626;padding:9px 0;color:#fff;font-size:16px}
.s-nav-bar .s-nav{height:44px;line-height:40px}
.s-nav-bar a{display:inline-block;line-height:26px;border-right:#2f2f2f 1px solid;vertical-align:middle}
.s-nav-bar a:last-child{border-right:0}
.s-nav-bar a:hover,.s-nav-bar a.on{color:#f60}
.s-nav-bar .first{padding:0;color:#f60;height:40px;font-size:26px;border-right:0}
.s-nav-bar .first i{width:40px;height:40px}
.r-tip{margin-top:8px}
.r-tip a{display:inline-block;vertical-align:middle;width:22px;height:22px}
.sear-bar{right:50px;top:-8px}
.sear-bar input{width:294px;height:42px;padding:0 35px 0 15px;line-height:42px;border:#1b1b1b 1px solid;background:#262626;border-radius:5px;color:#8d8d8d;font-size:14px}
.sear-bar .close{width:22px;height:22px;background:url(../images/icon.png) no-repeat -155px -372px;right:5px;cursor:pointer;top:10px}
.sear-btn{background:url(../images/icon.png) no-repeat -111px -372px}
.login-btn{background:url(../images/icon.png) no-repeat -133px -372px;margin-left:28px}
.head-img{border-radius:50%;background-size:100%;margin:1px 0 0 28px;border:#fff 2px solid;overflow:hidden}
.head-img img{width:22px;height:22px}
.r-login{border-bottom:#323232 1px solid}
.r-login .log-tit{border-bottom:#323232 1px solid;margin:35px 0 25px}
.r-login .log-tit i{width:42px;height:42px;background:url(../images/icon.png) no-repeat -365px -413px}
.r-login .log-tit span{font-size:18px;color:#fff}
.r-login label{width:22px;height:22px;top:50%;margin-top:-11px;left:10px;background:url(../images/icon.png) no-repeat}
.r-login .u-name{background-position:-299px -433px}
.r-login .u-pswd{background-position:-321px -433px}
.r-login .u-nick{background-position:-343px -433px}
.r-login input{height:46px;line-height:46px;width:100%;box-sizing:border-box;padding:0 10px 0 42px;border:#434343 1px solid;background:#2b2b2b;border-radius:5px;color:#8b8b8b;box-shadow:inset 0 0 5px #303030}
.r-login ::-moz-placeholder{color:#8b8b8b}
.r-login ::-webkit-input-placeholder{color:#8b8b8b}
.r-login :-ms-input-placeholder{color:#8b8b8b}
.r-login button{width:236px;height:46px;background:#f60;color:#fff;cursor:pointer;font-size:16px;border-radius:5px}
.r-login .check-box{padding-left:25px;line-height:20px;cursor:pointer;color:#8b8b8b;font-size:12px}
.r-login .check-box:before{content:"";position:absolute;width:16px;height:16px;border:#434343 1px solid;border-radius:5px;top:2px;left:0}
.r-login .check-on:after{content:"";position:absolute;width:15px;height:11px;background:url(../images/icon.png) no-repeat -350px -422px;top:4px;left:2px}
.r-login .switch-link{font-size:12px;line-height:20px;cursor:pointer;text-decoration:underline}
.login-lay .other-log{color:#8b8b8b}
.info-lay .log-tit .i-head-img{background:0}
.info-lay .log-tit .i-head-img img{width:40px;height:40px;border-radius:50%;border:#f60 2px solid}
.info-lay .log-tit .user-name{width:180px}
.info-lay .log-tit>span{height:40px;line-height:20px}
.info-lay .log-tit .modify,.info-lay .log-tit .log-out{font-size:12px;color:#8b8b8b}
.info-lay>div{border-bottom:#323232 1px solid}
.info-lay .tit{font-size:16px;line-height:22px}
.info-lay dl{color:#8b8b8b}
.info-lay dl dd{line-height:30px}
.info-lay dl input{padding-left:5px;height:30px;line-height:30px;width:220px}
.info-lay dl .copy{width:54px;height:30px;line-height:28px}
.info-lay .my-pack .pack-name{width:280px;height:20px;line-height:20px}
.info-lay .my-pack dd{height:0;overflow:hidden;-webkit-transition:all .4s;transition:height .4s}
.info-lay .my-pack .on dd{height:32px}
.info-lay .hot-pack img{width:22px;height:22px;border-radius:5px}
.info-lay .hot-pack .pack-name{height:20px;line-height:20px}
.info-lay .hot-pack .btn{line-height:22px}
.info-lay .hot-pack .btn a{width:50px;border-radius:5px;border:1px #f60 solid;color:#f60}
.info-lay .hot-pack .btn a:hover{background:#f60;color:#fff}
.info-lay .hot-pack dl{line-height:22px}
.info-lay .my-game{border-bottom:0}
.info-lay .my-game-list li{width:25%}
.info-lay .my-game-list li img{width:60px;height:60px;border-radius:5px}
.info-lay .my-game-list li p{color:#8b8b8b;line-height:20px;margin-bottom:5px;width:60px}
.info-lay .my-game-list li:hover p{color:#f60}
.info-lay .my-game-list .push-num{color:#fff;background:#fb3838;border-radius:50%;font-size:12px;width:20px;height:20px;line-height:20px;top:-5px;right:-5px}
.none-tip{font-size:16px;color:#a8a8a8;padding:50px 0;text-align:center}
.banner{position:relative;overflow:hidden;z-index:2}
.banner .hd{width:100%;position:absolute;z-index:3;bottom:0;left:0;height:3px}
.banner .hd li{cursor:pointer;float:left;width:20%;height:inherit;background:#2a2a2a;overflow:hidden;line-height:9999px}
.banner .hd li.on{background:#f60}
.banner:hover .hd{height:6px}
.banner .txt{background:url(../images/banner-font-bg.png) no-repeat;bottom:0;z-index:2;height:102px;width:100%}
.banner .txt li{line-height:50px;color:#fff;font-size:20px;position:absolute;bottom:-50px;width:100%;box-sizing:border-box;padding:0 5px}
.banner .prev,.banner .next{width:50px;height:80px;top:50%;margin-top:-40px;position:absolute;left:0;background:url(../images/icon.png) no-repeat -48px -125px;-webkit-transition:all .5s;transition:opacity .5s;opacity:0}
.banner .next{left:auto;background-position:-98px -125px;right:0}
.banner:hover .prev,.banner:hover .next{opacity:1}
.android,.ios{width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:8px}
.android{background:url(../images/icon.png) no-repeat -20px -394px}
.ios{background:url(../images/icon.png) no-repeat 0 -394px}
.pub-bg{height:100px;}
.pub-bg a{display:none!important;}
.main{background:#f6f6f6;padding-bottom:20px;}
.nav-position i{background:url(../images/icon.png) no-repeat -108px -205px;width:21px;height:22px;margin-right:5px}
.f-bg{background:#fff;box-shadow:0 0 5px -3px #ddd}
.l-content{width:860px}
.side-bar{width:320px}
.side-bar .tip{margin-bottom:10px}
.foot{background:#252525;color:#fff;padding-bottom:20px}
.foot-sitemap-box{padding:60px 0 40px;border-bottom:#323232 1px solid;margin-bottom:40px}
.foot-logo{padding:5px 20px 5px 0;border-right:#2d2d2d 1px solid}
.erweima{width:268px;margin-bottom:15px}
.erweima img{width:124px;height:124px}
.foot-sitemap{padding-left:20px}
.foot-sitemap dl{margin-bottom:8px;line-height:24px}
.foot-sitemap dt{font-size:16px;margin-right:4px;color:#e3e3e3}
.foot-sitemap dd{color:#aaa;padding-right:11px;margin-right:11px;position:relative}
.foot-sitemap dd:hover{color:#f60}
.foot-sitemap dd:after{content:"|";position:absolute;right:-2px;top:0;color:#323232}
.foot-sitemap dd:last-child:after{content:""}
.friend-link{margin-top:25px}
.about-us{line-height:24px;color:#323232}
.about-us a{color:#aaa;margin:0 8px}
.about-us a:hover{color:#f60}
.copyright{line-height:24px;color:#aaa}
.copyright span{width:6px}
.to-top{background:url(../images/icon.png) no-repeat -212px -155px;width:70px;height:70px;position:fixed;bottom:90px;left:50%;margin-left:620px;cursor:pointer;display:none}
.gl_s{width:150px;height:200px;position:fixed;right:0;top:50%;margin-top:-75px;cursor:pointer;z-index:120;display:none;}

.game-tj .hd,.side_bar .hd{border-bottom:#f3f3f3 1px solid;height:45px;overflow:hidden;}
.game-tj .hd li,.side_bar .hd li{cursor:pointer;font-size:16px;height:46px;padding:0 10px;}
.game-tj .hd li span,.side_bar .hd li span{border-right:#f8f8f8 1px solid;margin-top:11px}
.game-tj .hd li:last-child span,.side_bar .hd li:last-child span{border-right:0}
.game-tj .hd li.on,.side_bar .hd li.on{background:url(../images/tab-on.jpg) no-repeat center bottom}
.game-tj .bd{padding:16px 18px}
.game-tj .bd li{width:85px;margin-right:25px}
.game-tj .bd li:last-child{margin-right:0}
.game-tj .bd li img{width:85px;height:85px;border-radius:12px;background: #ddd;}
.game-tj .bd li p{height:20px}

.header{width:100%;background:#fcfcfc;line-height:38px;height:38px;border-bottom:1px solid #efefef;color:#666;overflow:hidden;}
.header a{color:#646464;margin:0 10px;}
.header em{color:#ccc;}
.header p{float:left;}
.header span{float:right;position: relative}
.header a:hover{color:#ff6200;}
.logo{position:relative;width:100%;margin:5px 0;overflow:hidden;}
.logo a{display:block;width:200px;}
.logo .resou{position: absolute;height: 17px;width: 317px;right: 121px;top: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.logo .resou span, .logo .resou ul li a{text-decoration: none;color: #999;}
.logo .resou ul li a{width: 100%;height: 100%;}
.logo .resou ul{list-style: none;position: absolute;top: 0;left: 23px;}
.logo .resou ul li{color: #999;float: left;margin-left: 10px;}
.search{position:absolute;top:30px;right:0;width:320px;margin:0;}
.search form{background:#f60;height:40px;position:relative;}
#keywords{width:236px;height:36px;line-height:34px;position:absolute;top:2px;left:2px;border:0 none;background:#fff;padding:0 10px;font-size:14px;}
#btnSearch{width:80px;cursor:pointer;color:#fff;background:none;border:0 none;height:40px;position:absolute;top:0;right:0;font-size:16px;}
.menu{width:100%;height:42px;line-height:42px;background:#f60;overflow:hidden;}
.menu li{float:left;text-align:center}
.menu li a{display:block;font-size:16px;color:#fff;padding:0 26px;height:42px;line-height:42px;box-sizing:border-box;}
.menu li:hover a{background:#da5700;text-decoration:none;}
.menu li.on a{background:#da5700;text-decoration:none;}
.view{width:1200px;margin:0 auto;}
.main_view{background:#fff;margin-top:20px;padding: 0 10px;overflow:hidden;}


.footer{float:left;width:100%;padding:15px 0;background:#272727;color:#a6a6a6;line-height:25px;margin-top:15px;border-top:2px solid #f60}
.footer p{display:block;color:#a6a6a6;text-align: center;line-height:36px;}
.footer p a{color:#737373;margin:0 10px;}
.footer span a{color:#a6a6a6;margin-left:10px;}
.footer a:hover{color:#f60}
.footer span{float:right}
/*editor*/
.author-intro {height:145px;padding:20px;background-color:#fff;border-top:none;clear:both;overflow:hidden;}
.author-intro .col-a {margin:0;text-align:center;float: left;}
.author-intro .col-b {width:666px;padding:0;float: left;}
.author-intro .col-c {width:195px;background-color:#f4f4f4;float: left;}
.author-intro .col-c .entrance {width:195px;padding-top:40px;text-align:center;display:block;text-decoration:none;}
.author-intro .col-a img {margin:0 20px 0 0;border-radius:50%;}
.author-intro .col-a a:hover img {border-radius:0;}
.entrance p {font-size:20px;line-height:1.5;color:#999;}
.entrance p span {font-size:28px;margin-right:5px;}
.entrance i {width:23px;height:19px;background:url(../images/author_def.png) no-repeat 0 -60px;display:inline-block;}
.entrance:hover { background-color:#288bde;}
.entrance:hover p {color:#fff;}
.entrance:hover i {background-position:-30px -60px;}
.author-intro .author-name {margin-bottom:14px;overflow:hidden;zoom:1;}
.author-intro .author-name strong ,.author-intro .author-name a {display:block;float:left;}
.author-intro .author-name strong {margin-right:25px;font-size:20px;color:#f60;line-height: 30px;}
.author-intro .author-name a {width:42px;height:20px;margin-right:10px;padding:0 5px 0 8px;line-height:20px;border-radius:3px;border:1px solid #e5e5e5;text-decoration:none;overflow:hidden;_line-height:22px;background-color:#fff;margin-top: 2px;}
.author-intro .author-name .author-follow i {margin:5px 3px 0 0;_margin-right:0;}
.author-intro .author-name .author-up i {margin:4px 3px 0 0;_margin-right:0;float: left;}
.author-intro .author-name .author-up em {width:22px;display:block;float:left;text-align:center;}
.author-intro .author-name a:hover {background-color:#08A32C;color:#fff;border:1px solid #078424;}
.author-intro .author-name .author-follow:hover i {background-position:-30px 0;}
.author-intro .author-name .author-up:hover i {background-position:-30px -20px;}
.author-type {margin-bottom:12px;font-size:14px;line-height:18px;}
.author-type i {width:18px;height:18px;margin-right:5px;background:url(../images/sprite.png) no-repeat -60px -20px;display:block;float:left;}
.author-extra {margin-right:20px;}
.author-extra p {font-size:14px;margin-bottom: 8px;}
.author-extra span {color:#999;}
.author-extra em {margin-right:35px;}
.author-up i {width:14px;height:13px;background:url(../images/sprite.png) no-repeat 0 -20px;}
.author-up i {display:block;float:left;}

.author-news{border:0;height:140px;}
.author-news .col-b{width:650px;padding:0;}
.author-news .col-a img{margin:0 10px 0 10px;}


/*Page*/
.pages {height:40px;padding:15px 0px;clear:both;text-align:center}
.pages a,
.pages a:visited,.pages a:hover {padding:0px 20px;font-size:16px; border:1px solid #E4E4E4;display:inline-block;height:38px;line-heighT:38px;text-decoration:none;color:#777;margin:0 3px;background:#fff;font-weight:400;}
.pages a:hover ,.pages .cur a,.pages .active a,.pages a.cur{border:1px solid #f60; color:#fff;background:#f60;}
.pages a b,.pages a:visited b,.pages a:hover b, {background:none;padding:0;margin:0;display:inline;border:none;color:#666;}

.v_l{
	background:url(../images/video_l.png) no-repeat center center;
	padding:0 8px;
	margin:0 5px;
	height:11px;
	display:inline-block;
	background-size:100%;
}
.arrow4 .info .v_l{
	height:14px;
	padding:0 9px;
}