@charset "utf-8";
/* CSS Document */
html,body,div,span,iframe,p,pre,em,img,b,i,dl,dt,dd,ul,li,fieldset,form,label,legend,input{margin:0;padding:0;outline:0}
body{ font-family:'Microsoft Yahei'; font-size:12px; background-color:#e3e3e3  }
a,input,button{padding:0;margin:0;outline:0}
ul,li{list-style:none}
a,button{cursor:pointer}
a{color:#333;text-decoration:none}
a:hover{text-decoration:none}
/**************首页内容部分*********************/
.bg .side{padding-top:550px; width:100%;}
.pic{background-image:url(../images/pic.png); display:block}
.side01{width:288px;}
.side01 .start{height:98px; padding-top: 32px; display: block; background-position: 0 -686px;}
.side01 .start:hover{background-position:0 -816px;}
/*.side01 .start span,.start span:after{display: block;width:171px;height:63px;margin: 0 auto;background:url(../images/pic.png) -374px -275px;cursor: pointer; content:"";}*/
.side01 .start:hover span{animation:linear icoBig 1.6s infinite;-webkit-animation:linear icoBig 1.6s infinite;animation:linear icoBig 1.6s infinite}
.side01 .start:hover span:after{opacity:.6;animation:linear icoBig2 1.6s infinite;-webkit-animation:linear icoBig2 1.6s infinite}
.side01 .side01_btn{ height:45px; background:#a22427 url(../images/12322.jpg) no-repeat; width:286px;border: 1px solid #992323;}
.side01_btn a{ float:left; width:142px; line-height:43px;}
.side01_btn .side01_pay{border-right:1px solid #bd4747}

/*充值css3动态效果*/
.side01_btn a.side01_pay:hover .pay_icon{-webkit-transform: rotateY(360deg); transform: rotateY(360deg);}
.side01_btn .side01_pay .pay_icon{
	background:url(../images/cicon.png) no-repeat;
	display: block;
    float: left;
    width: 21px;
    height: 22px;
    margin: 12px 8px 0 41px;
    transition: all .5s ease-out;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    _display: inline;
}
.side01_btn .side01_pay span{ color:#e2d8c8; font-size: 16px }
.side01_btn .side01_reg{/*border-left:1px solid #444*/}
.side01_btn .side01_reg span{ color:#e2d8c8; font-size: 16px }
/*注册css3动态效果*/
.side01_btn a.side01_reg:hover .reg_icon{-webkit-transform: rotateY(360deg); transform: rotateY(360deg);}
.side01_btn .side01_reg .reg_icon{
	background:url(../images/licon.png) no-repeat;
	display: block;
    float: left;
    width: 21px;
    height: 22px;
    margin: 12px 8px 0 41px;
    transition: all .5s ease-out;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    _display: inline;
}

/*登录窗口*/
.login{ width: 100%; background-color: #c5c5c5; height: 157px; position: relative;}
.login .login_before{ padding: 35px 15px 0 15px;position: relative;}
.login .login_before .login_text{ width: 167px; }
.login .login_before .login_text input { width: 138px; padding: 0 10px; height: 24px; line-height: 24px; font-family: "Microsoft Yahei"; font-size: 14px; margin-bottom: 7px}
.login .login_before .login_btn{ width: 87px;}
.login .login_before .login_btn input{ width: 87px; height: 64px; background-position: 0px 0; display: block; border: none; }
.login .login_before .login_btn input:hover{background-position: -87px 0;}
.login .login_before .remember{  position: absolute; top: 108px;}
.login .login_before .remember label{ color: #999 }
.login .login_before .error{ color:#ff0000; position:absolute; top:17px;left:17px}
.login .login_before .forget{ position: absolute; right: 45px; top: 108px; color: #999;font-family: "Microsoft Yahei"; }
.login .login_before .forget:hover{ text-decoration:underline; }
.login .login_after{padding: 15px 15px 0 15px;}
.login .login_after .login_user{ padding: 0 10px 0 0; width: 188px; overflow: hidden !important; }
.login .login_after ul li{ line-height: 23px }
.login .login_after ul li a.gray,.login .login_after ul li{color: #333}
.login .login_after ul li a:hover{ text-decoration:underline; }
.login .login_after ul li ul li,.login .login_after ul li ul li a{ float: left; display: block; padding: 0 10px 0 0; }
.login .login_bottom{position: absolute; bottom: 12px; right:27px;}
.login .login_bottom a.gray{ color: #333 }
.login .login_bottom a:hover{ text-decoration:underline; }

/*大图轮换*/
.side02{width:620px;}
.ck-slide {width:620px;height:332px; }
.ck-slide ul {margin:0;padding:0;list-style-type:none;}
.ck-slide {position:relative;overflow:hidden;}
.ck-slide ul.ck-slide-wrapper {position:absolute;top:0;left:0;z-index:1;margin:0;padding:0;}
.ck-slide ul.ck-slide-wrapper li {position:absolute;}
.ck-slide .ck-prev,.ck-slide .ck-next {position:absolute;top:50%;z-index:2;width:35px;height:70px;margin-top:-35px;border-radius:3px;opacity:.15;background:red;text-indent:-9999px;background-repeat:no-repeat;transition:opacity .2s linear 0s;}
.ck-slidebox {position:absolute;right:12px;bottom:10px;z-index:30;height:20px;padding:0 4px;border-radius:8px;}
.ck-slidebox li {float:left;height:12px;margin:4px 4px;}
.ck-slidebox li em {display:block;width:12px;height:12px;border-radius:100%;background-color:#fff;text-indent:-9999px;cursor:pointer;transition: all .4s;}
.ck-slidebox li.current em {background-color:#fe6500;width:35px; border-radius:10px;}
.ck-slide {width:620px;height:332px;margin:0 auto;}
.ck-slide ul.ck-slide-wrapper {width:620px;height:332px;}
.ck-slide ul.ck-slide-wrapper li {width:620px;height:332px;}
.ck-slide ul.ck-slide-wrapper li a {width:620px;height:332px;display:block;}

/***微端下载和图片***/
.side03{width:292px;}
.side03 .wd{ width: 100%; height:166px; background-position: 0 -65px; display: block; transition: .4s; position: relative;}
.side03 .activity{ width: 100%; height:166px; background-position: 0 -65px; display: block;  transition: .4s; position: relative;}
.side03 .wd:hover{background-position: 0 -231px;}
.side03 .activity:hover{background-position: 0 -231px;}
.side03 .wd i{transition: all .4s; width:60px; height: 60px;background-position: -237px -2px; display: block; text-indent: -9999999px; position: absolute;top: 52px;left: 33px;}
.side03 .wd:hover i{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
.side03 .wd em{ position: absolute;font-size: 30px;left: 118px;top: 48px; color: #fff; font-style: normal;}
.side03 .wd span{color:#7e7e7e;font-size: 12px;position: absolute; left: 117px; top: 94px;}
.side03 .activity i{transition: all .4s; width:60px; height: 60px;background-position: -176px -2px; display: block; text-indent: -9999999px; position: absolute;top: 52px;left: 33px;}
.side03 .activity em{ position: absolute;font-size: 30px;left: 118px;top: 48px; color: #fff; font-style: normal;}
.side03 .activity span{color:#7e7e7e;font-size: 12px;position: absolute; left: 117px; top: 94px;}
.side03 .activity:hover i{-webkit-transform: rotate(360deg);transform: rotate(360deg);}

/*右侧内容*/
.part02{ position: relative;  min-height: 880px; top: 20px;}
.part02 .section_left{ width: 880px; }
/*section01新闻模块*/
.section01{ height: 300px;  background-color: #fff; padding: 0 20px;}
.more{ position: absolute; right: 0px; top: 0px; font-size: 14px; color: #666666}
.more:hover{ text-decoration:underline; }
.section01 .section01_head{  height: 55px; line-height: 55px;  position: relative;}
.section01 .section01_head ul{border-bottom: 4px solid #f1f1f1;height: 50px;}
.section01 .section01_head ul li{ cursor: pointer; width:123px; height: 50px; float: left; display: block; text-align: center; font-size: 14px;}
.section01 .section01_head .bar{ position: absolute; bottom: 1px; height: 4px; background-color:#685199; width:123px; left: 0}
.section01 .section01_head .on{color: #685199}
.section01 .section01_main{ width:100%; position: relative; overflow:hidden; height:230px;}
.section01 .section01_main ul.on{ position:relative;left:0;}
.section01 .section01_main h3{ text-align: center; font-size: 16px; font-weight: normal; width: 580px;}
.section01 .section01_main h3 a:hover{ text-decoration:underline; }
.section01 .section01_main ul{width: 580px;overflow:hidden; height:230px; position:relative; left:-500px;}
.section01 .section01_main ul li{ border-bottom: 1px dashed #e1e1e1 }
.section01 .section01_main ul li,.section_left .section01 .section01_main ul li a{ display: block; width: 100%; line-height: 34px;}
.section01 .section01_main ul li a p{transition: all 0.3s ease 0s;}
.section01 .section01_main ul li a:hover p{color:#c9a460; padding-left:6px;}
.section01 .section01_main ul li a span{ float: right; }
.section01 .section01_main ul li a p{max-width: 500px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-family: "微软雅黑";color: #333;}
.section01_main .news_pic{ position: absolute; right: 0; top: 19px; }

/**section02游戏资料模块*/
.section02{ width: 880px; height: 345px; background-color: #fff;background:url(../images/yxjs_bg.jpg) no-repeat;}
.section02 .section02_head{ height: 50px;line-height:80px;     padding-top: 20px; width: 840px; margin:0 auto; border-bottom: 1px solid #f1f1f1; position: relative;}
.section02 .section02_head span{background-image: url(../images/nf.png);background-repeat: no-repeat;width: 87px;height: 36px;display: block;float: left;margin-left: -26px;color: #fff;font-size: 14px;text-align: center;line-height: 28px;}
.section02 .section02_main{ margin:0px auto; width: 840px; overflow: hidden;} 
.section02_main .section02_title{ padding-top: 24px; }
.section02_main .section02_title span{ background-color: #eac987;   width: 85px;height: 30px;font-size: 13px;color: #fff;text-align: center;line-height: 30px;display: inline-block;}
.section02_main .section02_title a{padding-left: 10px;padding-right: 10px;border-left: 1px solid #696969;font-size: 12px;}
.section02_main .section02_title a:hover{ text-decoration:underline; }
.section02_main .section02_title a.border_none{ border: none !important}

/**section03人物结束模块*/
.section03{  height: 530px; background-color: #fff; background:url(../images/person-bj.jpg) no-repeat; padding: 0 20px; width:840px; overflow:hidden;}
.section03 .section03_head{  height: 55px; line-height: 55px;  position: relative;}
.section03 .section03_head ul{border-bottom: 4px solid #f1f1f1;height: 50px;}
.section03 .section03_head ul li{ cursor: pointer; width:123px; height: 50px; float: left; display: block; text-align: center; font-size: 14px;}
.section03 .section03_head .bar{ position: absolute; bottom: 1px; height: 4px; background-color:#685199; width:123px; left: 0}
.section03 .section03_head .on{color: #685199}
.section03 .section03_main{ position: relative; width: 100%; padding-top: 5px}
.section03 .section03_main .word{ position: absolute; left: 30px; top: 10px; }
.section03 .section03_main .man{ position: absolute; right:-100%; top: 3px; }
.section03_main .on .man{ right:-20px;}

/*section04玩家截图模块*/
.section04{  height: 332px; background-color: #fff; padding: 0 20px}
.section04 .section04_head{  height: 55px; line-height: 55px;  position: relative;}
.section04 .section04_head ul{border-bottom: 4px solid #f1f1f1;height: 50px;}
.section04 .section04_head ul li{ cursor: pointer; width:123px; height: 50px; float: left; display: block; text-align: center; font-size: 14px;}
.section04 .section04_head .bar{ position: absolute; bottom: 1px; height: 4px; background-color:#685199; width:123px; left: 0}
.section04 .section04_head .on{color: #685199}
.section04 .section04_main{ position: relative; width: 100%; padding-top: 5px}
.section04_main ul{ width: 104% ; padding-top: 6px;}
.section04_main .printscreen li a img{ width: 263px; height: 175px; }
.section04_main .player li a img{ width: 195px; height: 238px; }
.section04_main ul li,.section04_main ul li a{ display: block; float: left; padding-right: 10px }

/*首页左侧模块*/
.part02 .section_right{ width: 300px; margin-bottom: 20px;}
/*section05新服推荐*/
.section05{ height: 260px; width:260px; background-color: #fff}
.section05 .section05_head{line-height:25px; width: 100%; margin:0 auto;  position: relative;}
.section05 .section05_head span{background-image: url(../images/nf.png);background-repeat: no-repeat;width: 87px;height: 36px;display: block;float: left;margin-left: -26px;color: #fff;font-size: 14px;text-align: center;line-height: 28px;}
.section05_main{ width: 100% }
.section05_main ul{ height: 230px; overflow: hidden; padding-top: 10px}
.section05_main ul li{line-height: 41px;border-bottom: 1px dotted #e1e1e1; width: 100%;}
.section05_main ul li a{ display: block; }
.section05_main ul li a span{ margin-right: 24px; }
.section05_main ul li font{ float: right; width: 38px; height: 18px; text-align: center; line-height: 18px; background-color: #dfaa60; font-size: 12px; color: #fff; margin-top: 12px}

/*section06福利模块*/
.section06{ width: 100%; height: 210px; background:url(../images/fxty.jpg) no-repeat; }
.section06 ul li{float: left;position: relative;width: 149px;height: 105px;overflow: hidden;font-size: 16px;}
.section06 ul li.f{ border-right: 1px solid #686b91; border-bottom: 1px solid #686b91;}
.section06 ul li.x{border-bottom: 1px solid #686b91; }
.section06 ul li.t{border-right: 1px solid #686b91; }
.section06 ul li.y{}
.section06 ul li:hover{background-color: #dfaa60;}
.section06 ul li i{
	display: block;
	background:url(../images/fl.png) no-repeat; 
	width: 50px; height:50px; 
	position: absolute; 
	top:25px; left: 50%;  
	margin: 0 0 0 -24px; 
	-webkit-transition: all .7s ease-out 0s;
	transition: all .7s ease-out 0s;
}
.section06 ul li.f .icon{background-position: 6px 8px;}
.section06 ul li.x .icon{background-position: -149px 0;}
.section06 ul li.t .icon{background-position: -296px 0;}
.section06 ul li.y .icon{background-position: -452px 3px;}
.section06 ul li a{ 
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 70px 0 0;
    height: 45px;
    color: #afb1b2;
    font-size: 14px;
    text-align: center;
    -webkit-transition: all .2s ease-out 0s,padding .2s ease-out .05s,height .2s ease-out .05s;
    transition: all .2s ease-out 0s,padding .2s ease-out .05s,height .2s ease-out .05s; 
}
.section06 ul li:hover .icon{top:-50px;}
.section06 ul li:hover a{ padding-top: 40px; color:#fff }

/*section07活动三张图*/
.section07{width: 100%;}
.section07 a{ margin-bottom: 10px; display: block; width:300px; height: 97px; position: relative; overflow: hidden; }
.section07 .sc,.section07 .kf,.section07 .vip{transition: all 0.5s ease 0s; overflow:hidden}
.section07 a:hover img{transform:scale(1.1);}
.left1{  width:2px; background-color:#dca143;  position:absolute; left:0; bottom:0; }
.right1{ width:2px; background-color:#dca143;  position:absolute; right:0; top:0; }
.top1{   height:2px; background-color:#dca143; position:absolute; left:0; top:0; }
.bottom1{ height:2px; background-color:#dca143; position:absolute; right:0; bottom:0; }
/*section08游戏攻略*/
.section08{ height: 224px; width:260px; background-color: #fff}
.section08 .section08_head{line-height:25px; width: 100%; margin:0 auto;  position: relative;}
.section08 .section08_head span{background-image: url(../images/nf.png);background-repeat: no-repeat;width: 87px;height: 36px;display: block;float: left;margin-left: -26px;color: #fff;font-size: 14px;text-align: center;line-height: 28px;}
.section08_main{ width: 100% }
.section08_main ul{ height: 230px; overflow: hidden; padding-top: 10px}
.section08_main ul li{line-height: 35px; width: 100%;}
.section08_main ul li a:hover{  text-decoration:underline;}
.section08_main ul li a{ width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}

/*section09游戏简介*/
.section09{ height: 240px; width:260px; background-color: #fff}
.section09 .section09_head{line-height:25px; width: 100%; margin:0 auto;  position: relative;}
.section09 .section09_head span{background-image: url(../images/nf.png);background-repeat: no-repeat;width: 87px;height: 36px;display: block;float: left;margin-left: -26px;color: #fff;font-size: 14px;text-align: center;line-height: 28px;}
.section09_main{ width: 100% }
.section09_main p{ text-indent: 25px; line-height: 25px; padding-top: 8px}

/*section10客服护肤*/
.section10{ height: 102px; width:300px; background-color: #fff}
.section10 .section10_head{line-height:25px; width: 100%; margin:0 auto;  position: relative;}
.section10 .section10_head span{background-image: url(../images/nf.png);background-repeat: no-repeat;width: 87px;height: 36px;display: block;float: left;margin-left: -7px;color: #fff;font-size: 14px;text-align: center;line-height: 28px;}
.section10_main{ width: 100%;position: relative;}
.section10_main .help_word{ position: absolute; left: 20px; top: 0px;  line-height: 25px;}
.section10_main .help_word span{ font-size: 14px; display: block; }
.section10_main .help_word b{ font-size: 12px; display: block; font-weight: normal; color: #666}
.kf:hover{text-decoration: underline;}
.section10_main .kf{ width: 91px; height: 40px; line-height: 40px; background-color: #eac987; display: block; text-align: center; position: absolute; right: 20px; font-size: 14px; color: #fff }


/*link友情链接*/
.link{ width: 1200px; margin:0px auto;     height: 50px;line-height: 50px;background: #FFF;}
.link .link_yq{width: 70px;height: 50px;float: left;margin-left: 20px;font-weight: bold;}
.link .link_info{    width: 1100px;overflow: hidden;float: left;height: 50px;}
.link .link_info a{ padding: 0 10px;float: left; display: block;}
.link .link_yc{height: 50px; overflow: hidden}
/***************************首页end*************************************************/

/*新闻资讯*/
/*左侧*/
.side .side_left{ width: 288px; min-height: 800px; float: left;}
.side_info{ width: 288px; overflow: hidden !important; }
.side_info a{ height: 130px !important; overflow: hidden !important; display: block; margin-top: 20px}
.side_info a i{top:34px !important;}
.side_info a em{top:31px !important;}
.side_info a span{top:77px !important;}
.service_lst{ height: 260px; width:248px; background-color: #fff}
.service_lst .service_lst_head{line-height:25px; width: 100%; margin:0 auto;  position: relative;}
.service_lst .service_lst_head span{background-image: url(../images/nf.png);background-repeat: no-repeat;width: 87px;height: 36px;display: block;float: left;margin-left: -26px;color: #fff;font-size: 14px;text-align: center;line-height: 28px;}
.service_lst_main{ width: 100% }
.service_lst_main ul{ height: 230px; overflow: hidden; padding-top: 10px}
.service_lst_main ul li{line-height: 41px;border-bottom: 1px dotted #e1e1e1; width: 100%;}
.service_lst_main ul li a{ display: block; }
.service_lst_main ul li a span{ margin-right: 24px; }
.service_lst_main ul li font{ float: right; width: 38px; height: 18px; text-align: center; line-height: 18px; background-color: #685199; font-size: 12px; color: #fff; margin-top: 12px}
/*section10客服帮助*/
.khfw{ height: 108px; width:288px; background-color: #fff}
.khfw .khfw_head{line-height:25px; width: 100%; margin:0 auto;  position: relative;}
.khfw .khfw_head span{background-image: url(../images/nf.png);background-repeat: no-repeat;width: 87px;height: 36px;display: block;float: left;margin-left: -7px;color: #fff;font-size: 14px;text-align: center;line-height: 28px;}
.khfw_main{ width: 100%;position: relative;}
.khfw_main .help_word{ position: absolute; left: 20px; top: 0px;  line-height: 25px;}
.khfw_main .help_word span{ font-size: 14px; display: block; }
.khfw_main .help_word b{ font-size: 12px; display: block; font-weight: normal; color: #666}
.kf:hover{text-decoration: underline;}
.khfw_main .kf{ width: 91px; height: 40px; line-height: 40px; background-color: #dfaa60; display: block; text-align: center; position: absolute; right: 20px; font-size: 14px; color: #fff }
/*新闻类内页内容*/
.side .side_right{ width: 892px;min-height: 1082px; float: right; background-color: #fff;}
.side_right .side_right_head{  width: 100%; height: 70px; background:url(../images/xwgb.jpg) no-repeat; line-height: 70px;  }
.side_right_head .right_title{ font-size: 20px;  float: left; padding-left: 20px; width: 30%; color: #fff; text-align: left}
.side_right_head .right_local{ font-size: 12px;  float: right; padding-right: 20px; width: 50%;color: #fff;text-align: right}
.side_right_head .right_local a{ color: #fff }
.side_right_head .right_local a:hover{ text-decoration: underline; }
.side_right .right_main{ padding:0 30px; }
.right_main .right_main_head{  height: 55px; line-height: 55px;  position: relative;}
.right_main .right_main_head ul{border-bottom: 4px solid #f1f1f1;height: 50px;}
.right_main .right_main_head ul li{ cursor: pointer; width:123px; height: 50px; float: left; display: block; text-align: center; font-size: 14px;}
.right_main .right_main_head .bar{ position: absolute; bottom: 1px; height: 4px; background-color:#685199; width:123px; left: 0}
.right_main .right_main_head .on{color: #685199; border-bottom: 4px solid #685199;}
.right_main .right_main_info{ width:100%; position: relative;}
.right_main .right_main_info ul{width: 100%; margin-top: 20px; margin-bottom: 20px;}
.right_main .right_main_info ul li{ border-bottom: 1px dashed #e1e1e1 }
.right_main .right_main_info ul li,.right_main .right_main_info ul li a{ display: block; width: 100%; line-height: 50px; font-size: 14px;}
.right_main .right_main_info ul li a p{transition: all 0.3s ease 0s;}
.right_main .right_main_info ul li:hover a p{padding-left:7px; display:block;}
.right_main .right_main_info ul li:hover{ background-color: #f1f1f1; }
.right_main .right_main_info ul li a strong{ padding-right: 15px; }
.right_main .right_main_info ul li a:hover p{ color:#c9a460}
.right_main .right_main_info ul li a span{ float: right; }
.right_main .right_main_info ul li a p{max-width: 500px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-family: "微软雅黑";color: #333;}

/*服务器内页*/
.service_list{ padding-top: 550px;  width: 100%;  margin-bottom: 20px;}
.service_list .content{ background-color: #fff; min-height: 800px;}
.content .list_head{ height:70px; background: url(../images/fuwuq.png) no-repeat;  width: 1200px; display: block;}
.account_info { background-color: #f1f1f1; height: 40px; line-height: 40px; margin-top: 20px; }
.account_info .account_dl{ width: 40%; float: left; text-align: left;  }
.account_dl .account_before{ width: 120px; background-color: #7186ad; text-align: left; color: #fff}
.account_dl .account_before a{ font-size: 14px; color: #fff; padding-left: 15px; }
.account_dl .account_before a:hover{ text-decoration: underline; }
.account_dl .account_after{ padding-left: 25px; font-size: 14px;color: #666 }
.account_dl .account_after a{ }
.account_dl .account_after a:hover{ text-decoration: underline; }
.account_info .state{ width:220px; float: right;  text-align:right}
.state div{float: left; height: 14px;position: relative;}
.state div i.blue{ width: 8px;height: 15px;display: inline-block;background: url(../images/lai.jpg) no-repeat;position: absolute;top: 14px;}
.state div i.red{width: 8px;height: 15px;display: inline-block;background: url(../images/hoi.jpg) no-repeat;position: absolute;top: 14px;}
.state div i.green{width: 8px;height: 15px;display: inline-block;background: url(../images/li.jpg) no-repeat;position: absolute;top: 14px;}
.state div i.gray{width: 8px;height: 15px;display: inline-block;background: url(../images/hi.jpg) no-repeat;position: absolute;top: 14px;}
.state div span{margin-left: 10px;margin-right: 10px;}
/*玩过服务器*/
.play{margin:20px 20px 0 20px;  border-bottom: 4px solid #f1f1f1; height: 50px; line-height: 50px}
.play span{ width: 120px; height: 50px; text-align: center;  display: block; color: #685199; font-size: 18px; font-weight:bold; border-bottom: 4px solid #685199}
.play ul li,.play ul li a{ height: 50px; line-height: 50px; text-align: center; width: 214px; float: left; display: block; color: #333;}
.play ul{ width: 104% }
.play ul li{ margin-right: 20px;}
.play ul li a{border: 1px solid #f1f1f1; position: relative;}
.play ul li a:hover{border: 1px solid #333;}
.play ul li a i.red{width: 8px;height: 15px;display: inline-block; position: absolute; right: 6px;background: url(../images/hoi.jpg) no-repeat; top: 19px; }
.play ul li a i.blue{width: 8px;height: 15px;display: inline-block; position: absolute; right: 6px;background: url(../images/lai.jpg) no-repeat; top: 19px; }
.play ul li a i.green{width: 8px;height: 15px;display: inline-block; position: absolute; right: 6px;background: url(../images/li.jpg) no-repeat; top: 19px; }
.play ul li a i.gray{width: 8px;height: 15px;display: inline-block; position: absolute; right: 6px;background: url(../images/hi.jpg) no-repeat; top: 19px; }
/*推荐服务器*/
.recommend{margin:20px 20px 0 20px;  border-bottom: 4px solid #f1f1f1; height: 50px; line-height: 50px}
.recommend span{ width: 120px; height: 50px; text-align: center;  display: block; color: #685199; font-size: 18px; font-weight:bold; border-bottom: 4px solid #685199}
.recommend ul li,.recommend ul li a{ height: 50px; line-height: 50px; text-align: center; width: 214px; float: left; display: block; color: #333;}
.recommend ul{ width: 104% }
.recommend ul li{ margin-right: 20px;}
.recommend ul li a{border: 1px solid #f1f1f1; position: relative;}
.recommend ul li a:hover{border: 1px solid #333;}
.recommend ul li a i.red{width: 8px;height: 15px;display: inline-block; position: absolute; right: 6px;background: url(../images/hoi.jpg) no-repeat; top: 19px; }
.recommend ul li a i.blue{width: 8px;height: 15px;display: inline-block; position: absolute; right: 6px;background: url(../images/lai.jpg) no-repeat; top: 19px; }
.recommend ul li a i.green{width: 8px;height: 15px;display: inline-block; position: absolute; right: 6px;background: url(../images/li.jpg) no-repeat; top: 19px; }
.recommend ul li a i.gray{width: 8px;height: 15px;display: inline-block; position: absolute; right: 6px;background: url(../images/hi.jpg) no-repeat; top: 19px; }
/*全部服务器*/
.list_all{padding:50px 20px 0 20px; background-color: #fff; min-height:380px; height: auto; margin-bottom: 20px; float: left}
.list_all .tab{height: 50px; line-height: 50px; background-color:#f1f1f1;width: 1160px;}
.tab li{ width: 120px; line-height: 50px; height: 50px; display: block; float: left; text-align: center; cursor: pointer;}
.tab li.on{ background-color: #685199; color: #fff }
.list_all_main .lst{ width: 104% ;}
.list_all_main .lst a{ height: 50px; line-height: 50px; text-align: center; width: 214px; float: left; display: block; color: #333;}
.list_all_main .lst a{ margin-right: 20px; margin-bottom: 20px;}
.list_all_main .lst a{border: 1px solid #f1f1f1; position: relative;}
.list_all_main .lst a:hover{border: 1px solid #333;}
.list_all_main .lst a i.red{width: 8px;height: 15px;display: inline-block; position: absolute; right: 6px;background: url(../images/hoi.jpg) no-repeat; top: 19px; }
.list_all_main .lst a i.blue{width: 8px;height: 15px;display: inline-block; position: absolute; right: 6px;background: url(../images/lai.jpg) no-repeat; top: 19px; }
.list_all_main .lst a i.green{width: 8px;height: 15px;display: inline-block; position: absolute; right: 6px;background: url(../images/li.jpg) no-repeat; top: 19px; }
.list_all_main .lst a i.gray{width: 8px;height: 15px;display: inline-block; position: absolute; right: 6px;background: url(../images/hi.jpg) no-repeat; top: 19px; }

/*新闻性情内容*/
.right_news_main{ padding:0px 20px; }
.newscont {height: 100px;margin: 0 auto;border-bottom: 1px dashed #f1f1f1;}
.newscont h2{font-size: 20px; color: #333; width: 100%;height: 60px; text-align: center;line-height: 80px;font-weight: bold;margin: 0;padding: 0;outline: 0;}
.newscont span {display: block;width: 500px;height: 30px;line-height: 30px;text-align: center;color: #666;margin: 0 auto; font-size: 14px;}
.news_info{ padding-top: 20px; color: #333; font-size: 14px; line-height: 28px;}

/*图片详情页*/
.pic_main_info ul{ width:104%; margin-top:20px;}
.pic_main_info ul li { float:left; padding-right:18px; margin-bottom:20px;}