﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
:focus{outline: 0;} 
ol,ul{list-style:none;}
/*base css*/
body { width:100%; height:auto; background:#f2f2f2; font-size:12px; color:#525353;font-family: 'Arial', 'Helvetica', sans-serif; margin:0px auto; padding:0px;}
body,td,th {font-size: 12px;}
hr{ border:0; padding:0; margin:0; display:block}
a {color:#3c3c3c;text-decoration:none;}
a:hover {text-decoration:none;}
.clear {clear:both;}
html{width:100%;}
/*top*/
.top{ width:100%; height:auto; background:#fff; }
.top{ position: fixed; top: 0;left:0; z-index:9999999; border-bottom:1px solid #eee; height: 106px; box-shadow: 0 4px 4px rgba(0, 0, 0, .2);}
.top .header { width:100%; height:31px; border-bottom:1px solid #e4e4e4; background-color:#f0f0f0; }
.top .header .headmain { width:1200px; height:31px; margin:0 auto; text-align: center;  }
.top .header .headmain .headm-l { height:31px; float:left;  color:#666; line-height:31px; text-align:left;} 
.top .header .headmain .headm-l a {color:#000; }
.top .header .headmain .headm-l a:hover { color:#16aaff;}
.top .header .headmain .headm-r { height:31px; line-height:31px; float:right;  color:#666; text-align:left; }
.top .header .headmain .headm-r a { padding:0px 8px; height:31px; line-height:31px; color:#444;}
.top .header .headmain .headm-r a:hover { color:#16aaff;}
.top .header .headmain .headm-r img { vertical-align:middle;}
.top .header .headmain .headm-r .allgame { height:31px; float:right; padding-left:5px; position:relative; *margin-top:-30px;}
.top .header .headmain .headm-r  .allgame .all-game { width:340px; background:#fff;  position:absolute; top:30px; right:0px; border:3px solid #a1a1a1; padding:12px 0 5px 15px ; display:none; z-index:99999999;}
.top .header .headmain .headm-r  .allgame .all-game .ag-sanj { width:15px; height: 15px;position: absolute; right: 0; top: -8px; right:40px;  background: url(../images/allgame-sj.png) no-repeat;  }  
.top .header .headmain .headm-r  .allgame .all-game .fn-clear { height: auto; }
.top .header .headmain .headm-r  .allgame .all-game .fn-clear li { height:35px; float:left; padding-right:6px; width: 100px}
.top .header .headmain .headm-r  .allgame .all-game .fn-clear li a { padding:0px 7px;}
.top .header .headmain .headm-r  .allgame .all-game .fn-clear li a:hover { color:#16aaff;}
.top .header .headmain .headm-r  .allgame .all-game .fn-clear li a img { padding-right:5px; width:20px; height:20px; }
.top .header .headmain .headm-r .allgame:hover .all-game { display:block;}
/*top顶层end*/
.top .menu { width:1200px; height:75px; margin:0 auto; overflow:hidden;}
.top .menu .logo { margin-top:11px; float:left; }
.top .menu .logo img { width:165px; }
.top .menu .cd { width:1000px; height:75px;  float:left; text-align:right; position: relative;}
.top .menu .cd a { height:73px; line-height:70px; font-size:16px; float: left; display:block; color:#333333; padding:0 5px; margin:0 10px;}
.top .menu .cd a:hover { height:73px; border-bottom:2px solid #16aaff; color:#0099ff;}
.top .menu .cd a:hover p { color:#0099ff;}
.top .menu .cd .on { height:73px; color:#0099ff; border-bottom:2px solid #0099ff;}
.top .menu .cd .on p { color:#16aaff;}
.top .menu .cd a p { font-size:9px; color:#c3c3c3; height:18px; text-align:center;}
.top .menu .cd .menu_hot{position: absolute; top: 9px; left: 130px;}


.top1{ width:1024px; margin:0 auto;}
.top1 .menu { width:1024px; height:75px; margin:0 auto; margin-top:50px;}
.top1 .menu .logo { margin-top:11px; float:left; }
.top1 .menu .logo img { width:165px; }
.top1 .menu .cd1 { width:723px;  height:75px; margin-left:126px; float:right; text-align:right; position: relative;}
.top1 .menu .cd1 a { height:73px; line-height:70px; font-size:16px; float: left; display:block; color:#333333; padding:0 5px; margin:0 10px;}
.top1 .menu .cd1 a:hover { height:73px; border-bottom:2px solid #16aaff; color:#0099ff;}
.top1 .menu .cd1 a:hover p { color:#0099ff;}
.top1 .menu .cd1 .on { height:73px; color:#0099ff; border-bottom:2px solid #0099ff;}
.top1 .menu .cd1 .on p { color:#16aaff;}
.top1 .menu .cd1 a p { font-size:9px; color:#c3c3c3; height:18px; text-align:center;}
.top1 .menu .cd1 .menu_hot{position: absolute; top: 9px; left: 130px;}
/*menu菜单 end*/
.top .menu .search { width:180px; height:34px; float:right; border:1px solid #eeeeee; margin-top:18px;}
.top .menu .search .form {width:180px; height:34px;  padding-left:7px;}
.top .menu .search .form input { width:140px; height:34px; line-height:34px; border:0 none; background:none; color:#ccc; float:left; }
.top .menu .search .form .search-a { width:35px; height:34px; background:url(../images/search.png) no-repeat  left 7px; float:left;}
/*search搜索 end*/

.banner { width:100%; height:398px; background:#eee; clear:both; border-bottom:1px solid #ddd; position:relative;}
/*轮播*/
.banner0{height:400px;overflow:hidden;}
.banner0 .d1{width:100%;height:400px;display:block;position:absolute;left:0px;top:0px;}
.banner0 .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:360px;}
.banner0 .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -96px;display:inline;}
.banner0 .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(../images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner0 .d2 li.nuw{background:url(../images/img1_1.png) no-repeat center;}
/*轮播end*/



.wrap .login_grzx{ position:relative; width:990px; margin:0 auto;}
.wrap  .login1 { width:358px; margin:0 auto; height:428px; background:url(../images/dl-zc_grzx.png) no-repeat 0 0; position:absolute; top:45px; right:0; z-index:999999;}
.wrap .login1 .ipt { height:39px; line-height:39px; margin:95px 0 15px 79px; font-size:12px; color:#666; border:none; background:none; width: 241px;}
.wrap .login1 .pass { height:39px; line-height:39px; margin:4px 0 17px 79px; font-size:12px; color:#666; border:none; background:none;width: 241px;}
.wrap .login1 .dlzc { height:30px; padding-left:35px; padding-top:10px; }
.wrap .login1 .dlzc label a { margin-left:5px; margin-right:5px; color:#555;}
.wrap .login1 .dlzc label a:hover { color:#0033FF; text-decoration:underline;}
.wrap .login1 .dlzc .ljzc { margin-left:93px; color:#555;}
.wrap .login1 .dlzc .ljzc:hover { color:#0033FF; }
.wrap .login1 .dl { height:37px;  background:url(../images/dl_grzx.png) no-repeat; display:block; margin-left:34px; margin-top:20px;}
.wrap .login1 .tzwz {height:40px; line-height:40px; margin-left:23px; float:left; margin-top:75px; }
.wrap .login1 .tzwz img { padding-left:20px; vertical-align:middle;}
.wrap .login1 .tzwz a:hover { color:#555;}



.banner .bannermain { width:1200px; height:390px; margin:-390px auto 0; }
.banner .login { width:280px; height:358px; background:url(../images/dl-zc.png) no-repeat 0 35px; position:absolute; top:0; z-index:999999;}
/*.banner .login .col-tip{ height:15px; line-height:35px; margin:-200px 0 17px 117px; font-size:12px;  border:none; background:none; width: 207px;color:#F30; }*/
.banner .login .ipt { height:35px; line-height:35px; margin:99px 0 17px 57px; font-size:12px; color:#666; border:none; background:none; width: 207px;}
.banner .login .pass { height:35px; line-height:35px; margin:0 0 17px 57px; font-size:12px; color:#666; border:none; background:none;width: 207px;}
.banner .login .dlzc { height:30px; padding-left:13px; }
.banner .login .dlzc label a { margin-left:5px; margin-right:5px; color:#555;}
.banner .login .dlzc label a:hover { color:#0033FF; text-decoration:underline;}
.banner .login .dlzc .ljzc { margin-left:57px; color:#555;}
.banner .login .dlzc .ljzc:hover { color:#0033FF; }
.banner .login .dl { height:75px;  background:url(../images/dl.png) no-repeat; display:block; margin-left:12px;}
.banner .login .tzwz {height:40px; line-height:40px; margin-left:5px; float:left; }
.banner .login .tzwz img { padding-left:20px; vertical-align:middle;}
.banner .login .tzwz a:hover { color:#555;}
.banner .login .tzwz span{ margin-left:5px; margin-right:5px; color:#F30;}

/*登录前*/
.banner .login-hover { width:280px; height:318px; background:url(../images/dl-zc-hover.png) no-repeat 0 35px; position:absolute; top:0; padding:45px 5px 5px 10px; z-index:999999;}
.banner .login-hover .info { height:79px; padding-bottom:10px; padding-top: 11px; background:url(../images/info.png) no-repeat  left bottom; }
.banner .login-hover .info .tx { width:70px; height:70px; float:left;}
.banner .login-hover .info .tx img { width:70px; height:70px;}
.banner .login-hover .infotop { width:170px; height:70px; padding-left:10px; float:left;}
.banner .login-hover .infotop .zh{width:169px; height:21px; overflow:hidden !important;}
.banner .login-hover .infotop .zh a.zh_name{min-width:100px; max-width:169px;  color:#333; float:left; overflow:hidden; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.banner .login-hover .infotop .zh a.login_out{ float:right; text-align:right; padding-right:2px; overflow:hidden; height:21px; color:#9c9c9c}
.banner .login-hover .infotop .zh a.login_out:hover{color: #0099ff;}
.banner .login-hover .infotop .zh b{ color:#000}
.banner .login-hover .infotop  .zh_info{ color:#333; width:168px; padding-top:10px;}
.banner .login-hover .infotop  .zh_info b{ color:#333;}
/*
.banner .login-hover .infotop a {  height:25px; line-height:20px; color:#333; overflow:hidden; display:block;} 
.banner .login-hover .infotop a span {color:#000; font-weight:600; float: left;}
.banner .login-hover .logogame { width:235px; height:190px;margin-top:13px;}
.banner .login-hover .infotop a font { height:25px; margin-left:5px; float: left;overflow: hidden;}
.banner .login-hover .infotop a font#login_name{ width: 132px;}*/


.banner .login-hover .logogame h3 { width:100%; height:35px; line-height:35px; font-size:14px; font-weight:600; color:#000;}
.banner .login-hover .logogame .wggame { width:100%; height:175px; overflow:hidden;}
.banner .login-hover .logogame .wggame a { width:100%; height:32px; padding:6px 0; overflow:hidden; line-height:32px; display:block;  border-bottom: 1px dotted #ddd;}
.banner .login-hover .logogame .wggame em { float:left; color:#333; font-style:normal; }
.banner .login-hover .logogame .wggame em img { width:36px; height:32px;}
.banner .login-hover .logogame .wggame .gamename { width:80px; height:32px; overflow:hidden; padding:0 10px;}
.banner .login-hover .logogame .wggame .wgright { width:95px; height:32px; overflow:hidden; float:right; text-align:right;}

.logogame dl dt{ padding-bottom:6px; padding-top: 3px;}
.logogame dl dd a,.logogame dl dd a:visited{background: url(../images/arr-fr.png) no-repeat left 4px;color: #3c3c3c;display: block;height: 28px;overflow: hidden;padding: 1px 1px 1px 10px;vertical-align: middle; width: 233px;}
.logogame dd .g{width:60px;}	
.logogame dd .u{width:75px;}
.logogame dd img, .logogame dd .g, .logogame dd .u {margin-right: 8px;}
.logogame dd img, .logogame dd span {display: inline;float: left;height: 16px;line-height: 16px;overflow: hidden;}
.logogame dd .n {color: #ea5656;display: block;float: right;height: 18px;text-align: center;width: 54px;}

.logogame dd a:hover .n{background:#0099ff none repeat scroll 0 0;border-radius:3px;color:#fff;}
.logogame dl{ height:205px; overflow:hidden}	
/*登录后*/
/*banner-end*/
/*左侧*/
.i-main { width:100%; height:auto; display:inline-block; clear:both; margin-top:0px;}
.i-main .index { width:1200px; height:auto; margin:1px auto;}
.i-main .index .left-index { width:921px; height:auto; float:left; overflow:hidden;  } 
.i-main .index .left-index .tjyx {width:900px; height:341px; margin-bottom:20px; padding:15px 20px 20px 0px;  background:#fff; border:1px solid #fff;}
.i-main .index .left-index .tjyx .youxi_zt { width:887px; height:40px; line-height:40px; font-size:16px; margin-bottom:15px; color:#000; float:left; border-bottom:2px solid #e6e7ec; padding-left:15px; background:url(../images/sd.png) no-repeat 0 16px; display:block; }
.i-main .index .left-index .tjyx .youxi_zt span { float:left;}
.i-main .index .left-index .tjyx .youxi_zt .gd { font-size:12px; line-height:40px; color:#555; float:right;  padding-right:20px; background:url(../images/more.png) no-repeat right 12px; text-align:right; font-weight:100; }
.i-main .index .left-index .tjyx .youxi_zt .gd:hover { color:#0099ff; background:url(../images/more-h.png) no-repeat right 12px;}
.i-main .index .left-index .tjyx ul { width:925px; height:340px; float:left; }
.i-main .index .left-index .tjyx ul li {width:210px; height:325px; margin-right:18px; float:left; position:relative; overflow:hidden;box-shadow: 0 2px 0 #e9e9e9; }
.i-main .index .left-index .tjyx ul li:hover {box-shadow: 0 0 7px #0099ff;border:1px solid #62c0ff;}
.i-main .index .left-index .tjyx ul li .icon { width:39px; height:40px; position:absolute; top:0; left:0;}
.i-main .index .left-index .tjyx ul li .img { width:210px; height:280px; display:block;} 
.i-main .index .left-index .tjyx ul li .aniu { width:200px; height:28px; margin-top:12px; overflow:hidden; padding:0 5px; float:left; }
.i-main .index .left-index .tjyx ul li .aniu a { width:53px; height:27px; float:left; line-height:27px; padding:0 1px; color:#000; font-weight:600; display:block; }
.i-main .index .left-index .tjyx ul li .aniu .shux { width:3px; height:27px;}
.i-main .index .left-index .tjyx ul li .aniu a:hover { color:#09F;} 
.i-main .index .left-index .tjyx ul li .aniu .go { width:57px; height:25px; line-height:25px;  border:#dbdcde; color:#09F; border:1px solid #bdbdbd; margin-left:3px;  background:#edf2f6 url(../images/ksyx.png) no-repeat 5px 5px; padding-left:22px; }
.i-main .index .left-index .tjyx ul li .aniu .go:hover { color:#fff;  background:#09F url(../images/ksyx-ho.png) no-repeat 5px 5px;}
.i-main .index .left-index .tjyx .tjyx_img1 .gao_tm { width:219px; height:64px; background:url(../images/gao_tm.png) no-repeat; margin-top:176px;}
.i-main .index .left-index .tjyx .tjyx_img1 .gao_tm1 {width:219px; height:32px;}
.i-main .index .left-index .tjyx .tjyx_img1 .gao_tm1 .qm { margin-top:10px; font-size:14px; color:#fff; float:left; padding-left:10px;}
.i-main .index .left-index .tjyx .tjyx_img1 .gao_tm1 .jsby { margin-top:11px; font-size:12px; color:#999; float:right; padding-right:10px;}
.i-main .index .left-index .tjyx .tjyx_img1 .gao_tm2 {width:219px; height:32px; line-height:32px;}
.i-main .index .left-index .tjyx .tjyx_img1 .gao_tm2 .nd { float:left; margin-left:9px;}
.i-main .index .left-index .tjyx .tjyx_img1 .gao_tm2 .nd a { margin-right:5px; float:left; color:#999; font-size:12px;}
.i-main .index .left-index .tjyx .tjyx_img1 .gao_tm2 .jrxq { width:72px; height:20px; background:url(../images/jrsq.png) no-repeat; float:right; margin:4px 10px 0px 0px;}
.i-main .index .left-index .tjyx .tjyx_img1 .gao_tm2 .jrxq { text-align:center; line-height:20px; color:#fff;}
.i-main .index .left-index .tjyx .tjyx_img1 .gao_tm2 .jrxq a { color:#ffffff;}
/*左侧游戏推荐end*/
.gg {height:92px; border:3px solid #d7dbde; overflow:hidden; margin-bottom:20px; display:block;}
/*广告图*/
.i-main .index .left-index .sy {width:900px; height:260px; margin-bottom:20px;  padding:10px 20px 20px 20px; background:#fff; border:1px solid #fff; }
.i-main .index .left-index .sy .h2 {width:882px; height:40px; line-height:40px; font-size:16px; margin-bottom:15px; color:#000; float:left; border-bottom:2px solid #e6e7ec; padding-left:15px; background:url(../images/sd.png) no-repeat 0 16px; display:block;}
.i-main .index .left-index .sy .h2 h3 { font-size:16px; fong-weight:500; float:left;}
.i-main .index .left-index .sy .h2 .mo { font-size:12px; line-height:40px; color:#444; float:right;  padding-right:20px; background:url(../images/more.png) no-repeat right 12px; text-align:right; font-weight:100; }
.i-main .index .left-index .sy .h2 .mo:hover { color:#0099ff; background:url(../images/more-h.png) no-repeat right 12px;}
.i-main .index .left-index .sy ul { width:935px; height:210px; float:left; }
.i-main .index .left-index .sy ul li {width:98px; height:210; margin-right:35px; float:left; }
.i-main .index .left-index .sy ul li .pic { width:98px; height:98px; display:block;}
.i-main .index .left-index .sy ul li .pic img { width:98px; height:98px; border-radius:15px;}
.i-main .index .left-index .sy ul li .title { width:98px; height:40px; line-height:45px; font-size:14px; font-weight:600; color:#000; text-align:center; }
.i-main .index .left-index .sy ul li .xing { width:98px; height:25px; overflow:hidden;}
.i-main .index .left-index .sy ul li .xing .xx { width:60px; height:12px; background:url(../images/xing.png) no-repeat left top; float:left; margin-left:1px;}
.i-main .index .left-index .sy ul li .xing .xx4 { background-position:0 -13px;}
.i-main .index .left-index .sy ul li .xing .xx3 { background-position:0 -26px;}
.i-main .index .left-index .sy ul li .xing .xx2 { background-position:0 -40px;}
.i-main .index .left-index .sy ul li .xing .xx1 { background-position:0 -53px;}
.i-main .index .left-index .sy ul li .xing .font { font-size:14px; font-weight:bold; color:#ed4c39; height:14px; line-height:12px; float:left; margin-left:1px;}
.i-main .index .left-index .sy ul li .botton {width: 98px; height: 28px; border: 1px solid #ccc; border-radius:3px; display:block; text-align:center; line-height:28px; font-weight:600; color:#444;}
/*手游end*/

.i-main .index .left-index .yey {width:900px; height:733px; margin-bottom:20px; padding:10px 20px 27px 0px; background:#fff; border:1px solid #fff; }
.i-main .index .left-index .yey .h2 {width:882px; height:40px; line-height:40px; font-size:16px; margin-bottom:15px; color:#000; float:left; border-bottom:2px solid #e6e7ec; padding-left:15px; background:url(../images/sd.png) no-repeat 0 16px; display:block;}
.i-main .index .left-index .yey .h2 span { float:left;}
.i-main .index .left-index .yey .h2 .mo { font-size:12px; line-height:40px; color:#444; float:right;  padding-right:20px; background:url(../images/more.png) no-repeat right 12px; text-align:right; font-weight:100; }
.i-main .index .left-index .yey .h2 .mo:hover { color:#0099ff; background:url(../images/more-h.png) no-repeat right 12px;}
.i-main .index .left-index .yey ul { width:935px; height:385px; float:left; }
/*.i-main .index .left-index .yey ul li {width:209px; height:172px; margin-right:20px; float:left; margin-bottom:2px; }
.i-main .index .left-index .yey ul li .a-hotgame { width:209px; height:134px; display:block;}
.i-main .index .left-index .yey ul li .a-hotgame img {width:209px; height:134px; display:block;}
.i-main .index .left-index .yey ul li a {width:205px; height:40px; line-height:40px; display:block; text-align:center; font-weight:600; color:#444; font-size:14px;}
.i-main .index .left-index .yey ul li a:hover { color:#0099ff;}*/

/*推荐页游*/
.item01 {
    border: 1px solid #eaeaea;
    border-radius: 5px;
    transition:all 300ms linear 0s;
    float: left;
    margin-right: 12px;
    overflow: hidden;
    position: relative;
    width: 216px;
}
.item01 img {
    display: block;
}
.item01 .item-img, .item01 .other {
    /*margin-left: -38px;*/
}
.item01 h4 {
    font-size: 16px;
    font-weight: 400;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    padding: 0 9px;
}
.item01 h4 .togame {
    background: url("../images/index.png");
    background-position: -124px -538px;
}
.item01 h4 a.togame, .item01 h4 a.togame:visited {
    color: #fff;
    display: inline;
    float: right;
    font: 400 14px/24px Roboto;
    height: 24px;
    margin-top: 7px;
    text-align: center;
    width: 70px;
}
.last-item {
    margin-right: 0;
}
.item01 .other {
    color: #fff;
    display: none;
    height: 280px;
    left: 0;
    line-height: 280px;
    position: absolute;
    text-align: right;
    top: 0;
    width: 210px;
}
.item01 .item-info {
    height: 24px;
    left: 0px;
    padding: 0 10px;
    position: absolute;
    top: 125px;
    width: 190px;
}
.item01 .other span {
    float: left;
}
.item01 .other a, .item01 .other a:visited {
    color: #fff;
}
.item01 .other a:hover{
    color: #fff000;
}
.item01:hover {
    /*border-color: #e1e2e3;*/
}
.other, .item01:hover .other {
    display: block;
}
/*推荐页游end*/

/*热门页游*/
.h-list li {    
    float: left;
    width: 288px;
    height: 123px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    transition:all 300ms linear 0s;
    margin: 0 16px 23px 0;
	box-shadow: 0 2px 0 #e9e9e9;
    position: relative;
    line-height: 20px;
    overflow: hidden
}

.h-list li img {
    position: absolute;
    top: 0
}

.h-list li h3 {
    color: #3c3c3c;
    height: 24px;
    font: 400 18px/24px Roboto;
    width: 155px;
    overflow: hidden;
    padding: 10px 0 0 15px;
    position: relative
}

.h-list li p {
    padding: 0 0 0 15px;
    height: 26px;
    position: relative;
    width: 85px;
    overflow: hidden
}
.h-list li .c9{ color:#9c9c9c;}

.h-list li .icos {
    width: 34px;
    height: 13px;
    display: block;
    margin-left: 15px;
    position: relative
}

.h-list li .h {
    background: url("../images/index.png");
    background-position: -242px -510px
}

.h-list li .n {
    background: url("../images/index.png");
    background-position: 0 -564px
}

.h-list .links {
    width: 100%;
    height: 39px;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 123px;
    _top: 84px
}

.h-list .links .show {
    width: 100%;
    height: 39px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .5;
    filter: alpha(opacity=50);
    background: #000
}

.h-list li.hover,.h-list li:hover {
    /*border: 1px solid #ffb83b;*/
   box-shadow: 0 0 7px #0099ff;border:1px solid #62c0ff;
}
.h-list li .links{
    transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    -o-transition-duration: 300ms;
}
.h-list li:hover .links {
    transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    top: 84px;
}

.h-list .links a,.h-list .links a:visited {
    position: absolute;
    padding-left: 15px;
    height: 18px;
    line-height: 18px;
    _line-height: 22px;
    width: 60px;
    color: #fff;
    top: 9px;
    opacity: .9;
    filter: alpha(opacity=90)
}

.h-list .links a span {
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 3px
}

.h-list .links a.link-game {
    left: 10px
}

.h-list .links a.link-gift {
    left: 117px
}

.h-list .links a.link-site {
    left: 205px
}

.h-list .links a.link-game span {
    background: url("../images/index.png");
    background-position: -336px -301px
}

.h-list .links a.link-gift span {
    background: url("../images/index.png");
    background-position: -320px -301px
}

.h-list .links a.link-site span {
    background: url("../images/index.png");
    background-position: -304px -301px
}

.h-list .links a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    color: #fff
}
/*热门页游end*/


/*页游end*/
/*右侧*/
.i-main .index .right-index { height:auto; float:right;} 
.i-main .index .right-index .zxkf{ width:238px; overflow: hidden; height:520px; margin-bottom:20px;}
.i-main .index .right-index .zxkf .zxkf_bt { width:232px; height:40px; line-height:40px; font-size:15px; background:#0099ff; color:#fff; padding-left:7px; }
.i-main .index .right-index .zxkf .dongt { width:238px;  overflow:hidden; background:#fff; border:1px solid #ddd;}
.i-main .index .right-index .zxkf .dongt .dt-bt { height:30px; background:#ddd; padding:0 0 0 20px; overflow:hidden;}
.i-main .index .right-index .zxkf .dongt .dt-bt a { width:76px; height:30px; text-align:center; line-height:30px; float:left; color:#333; font-size:14px; text-align:left;}
.i-main .index .right-index .zxkf .dongt .dt-bt .fwq { width:43px; text-align:right;}
.i-main .index .right-index .zxkf .dongt .lnbo { height:445px; overflow:hidden;  float:left; }

/*.i-main .index .right-index .zxkf .dongt .lnbo li:hover{ display:block; background-color:#0099ff; }
 .lnbo li:hover a, .lnbo li:hover span, .lnbo li:hover, .lnbo li:hover .shb, .lnbo li:hover .name { color:#fff !important;} */





.i-main .index .right-index .zxkf .dongt .lnbo li { width:236px; height:36px; line-height:35px;  color:#666; border-bottom:1px dashed #dddddd; overflow:hidden;}
.i-main .index .right-index .zxkf .dongt .lnbo li span { width:87px; height:37px; overflow:hidden; float:left; text-align:center;}
.i-main .index .right-index .zxkf .dongt .lnbo li .name { width:63px; height:37px; overflow:hidden; text-align:left; font-weight:600; padding-left: 12px;}
.i-main .index .right-index .zxkf .dongt .lnbo li .name a { width:70px; height:37px; overflow:hidden; color:#3c3c3c; text-align:left; font-weight: normal;}
.i-main .index .right-index .zxkf .dongt .lnbo li .shb { width:74px; height:37px; overflow:hidden; text-align:center;color: #878787;}
.i-main .index .right-index .zxkf .dongt .lnbo li .zt  { width:40px; height:20px; line-height:20px; color:#fff; background:#068ad5; border-radius:2px; text-align:center; margin-top:8px;}
.i-main .index .right-index .zxkf .dongt .lnbo li .xk { background:#fd8f02;}
.i-main .index .right-index .zxkf .dongt .lnbo li .bm  {background:#d52003; }
.i-main .index .right-index .zxkf .dongt .lnbo li .wh { background:#bababa;}
/*开服动态end*/
.i-main .index .right-index .xwgg { width:238px; margin-bottom:20px; }
.i-main .index .right-index .xwgg .xwggnav { height:35px; line-height:35px; font-size:16px; font-weight:600; background:#ddd; }
.i-main .index .right-index .xwgg .xwggnav a { width:50%; height:35px; line-height:35px; text-align:center; float:left; font-size:15px; font-weight:600;}
.i-main .index .right-index .xwgg .xwggnav .hover { background:#0099ff; color:#fff; }
.i-main .index .right-index .xwgg .nwes-list { height:470px; padding:8px; border:1px solid #ddd; background:#fff;}
.i-main .index .right-index .xwgg .nwes-list .part1 { height:460px; overflow:hidden;}
.i-main .index .right-index .xwgg .nwes-list .part1 li { height:auto; color:#444;}
.i-main .index .right-index .xwgg .nwes-list .part1 li .title { width:200px;  height:36px; overflow:hidden;  line-height:36px;background:url(../images/sj.png) no-repeat 3px 15px; padding-left:15px; display:block;  }
.i-main .index .right-index .xwgg .nwes-list .part1 li .newshover { height:65px; display:none; margin-left:12px; }
.i-main .index .right-index .xwgg .nwes-list .part1 li .newshover img { width:90px; height:65px; float:left; }
.i-main .index .right-index .xwgg .nwes-list .part1 li .newshover .hover-h { width:88px;  height:65px; float:left;padding:0 7px; overflow:hidden;}
.i-main .index .right-index .xwgg .nwes-list .part1 li .hover-h h2 { width:115px; height:35px; line-height:25px; font-size:12px; color:#0099ff;  }
.i-main .index .right-index .xwgg .nwes-list .part1 li .hover-h .xq { width:65px; height:25px; line-height:25px; text-align:center; border:1px solid #ccc; color:#666; }
.i-main .index .right-index .xwgg .nwes-list .part1 li a:hover{ color:#0099ff;}
.i-main .index .right-index .xwgg .nwes-list .part1 li:hover .newshover { }
.i-main .index .right-index .xwgg .nwes-list .part2 { height:460px; overflow:hidden;}
.i-main .index .right-index .xwgg .nwes-list .part2 li { height:35px; line-height:35px; overflow:hidden;}
.i-main .index .right-index .xwgg .nwes-list .part2 li .title { width:200px;  height:36px; overflow:hidden;  line-height:36px;background:url(../images/sj.png) no-repeat 3px 15px; padding-left:15px;  }
.i-main .index .right-index .xwgg .nwes-list .part2 li span { height:36px; line-height:36px; overflow:hidden; float:left; color:#000; font-weight:600;}
.i-main .index .right-index .xwgg .nwes-list .part2 li a { height:36px; line-height:36px; overflow:hidden;  float:left; padding-right:3px; width:160px; overflow:hidden;}
.i-main .index .right-index .xwgg .nwes-list .part2 li a:hover { color:#0099ff; text-decoration:underline;}
/*新闻公告 end*/
.i-main .index .right-index .kfzx { width:238px; background:url(../images/k.png) no-repeat ; float: left; height: 120px;  overflow:hidden; }
.i-main .index .right-index .kfzx .kfzx1 { height:80px; }
.i-main .index .right-index .kfzx .kfzx2 { width:93px; height:27px; padding-left:16px; float:left;}
.i-main .index .right-index .kfzx .kfzx2 a { padding-left:3px;}
.i-main .index .right-index .kfzx .kfzx3 { width:93px; height:27px; padding-left:16px; float:left;}
/*客服 end*/
.yqlj { width:1200px; height:auto; margin:0px auto 20px; background:#fff;}
.yqlj .ljhz { height:35px; padding-left:10px; background:#0099ff;}
.yqlj .ljhz a { width:95px; height:35px; line-height:35px; text-align:center;  float:left; font-size:14px; font-weight:600; color:#fff; }
.yqlj .ljhz .hover { width:95px; height:34px; margin-top:1px; background:#fff; color:#000;}
.yqlj .ljhzmain { overflow:hidden; height:36px; overflow:hidden; background-color:#edf5fa; position:relative}
.yqlj .ljhzmain .youq { position:absolute; right:4px; width:1097px;  overflow:hidden}
.yqlj .ljhzmain .youq ul li{ line-height:20px;   font-size:12px; padding:8px 10px 0px 13px; color:#3c3c3c; display:block; float:left }
.yqlj .ljhzmain .youq a:hover { color:#0099ff; text-decoration:none;}
.yqlj .ljhzmain .hz { height:60px; overflow:hidden; float:left;}
.yqlj .ljhzmain .hz { height:30px; line-height:30px; font-size:13px; color:#686868; padding:0 10px;}
.yqlj .ljhzmain .hz a:hover { color:#000; text-decoration:underline;}
.yqlj .yqlj_tit{ position:absolute; left:14px; top:7px; }
.yqlj .yqlj_tit i{ font-size:16px;}
.yqlj .yqlj_tit span{ font-size:14px; font-weight:bold;}
/*友情链接 end*/
/*首页end*/
.yx_banner {width: 100%; height:410px;  background:url(../images/yey-banner.png) no-repeat center top; background-color: #5BCFEC;}
.yx_banner .yx_1 { width:1050px; height:340px; margin:0px auto; padding:35px 0; }
.yx_banner .yx_1 ul { width:1090px; height:340px; overflow:hidden;}
.yx_banner .yx_1 ul li { width:241px; height:342px; float:left; margin-right:30px; position:relative; }
.yx_banner .yx_1 ul li .title { width:228px; height:295px; color:#818181; padding:1px 0 0 13px; font-size:14px; color:#444; font-weight:600; position:absolute; top:3px; left:0;}
.yx_banner .yx_1 ul li .play_btn { display: block; width: 74px; height: 25px; overflow: hidden; position: absolute; right: 16px; bottom: 9px; z-index: 3;}
.yeymain { width:1100px; background:#fff; border:1px solid #e2e2e2; border-top:none; border-bottom:none; margin:0 auto; overflow:hidden; }
.yeymain .yeymain-l { width:160px; padding:25px 20px; float:left;} 
.yeymain .yeymain-l .yyml-title { width:160px; height:25px; display:block; color:#444; font-size:16px; font-weight:600;}
.yeymain .yeymain-l .yyml-title span { color:#0099ff; float:left; margin-right:3px;}
.yeymain .yeymain-l ul { width:160px; height:830px; overflow:hidden}
.yeymain .yeymain-l ul li { width:180px; height:50px; padding:20px 0; border-bottom:1px dashed #dddddd;}
.yeymain .yeymain-l ul li span { width:70px; height:50px; float:left;}
.yeymain .yeymain-l ul li span img {width:70px; height:50px;}
.yeymain .yeymain-l ul li .l-lir { width:95px; padding-top:4px; line-height:16px; color:#999; float:right;}
.yeymain .yeymain-l ul li .l-lir p { width:83px; height:25px; color:#333; } 
.yeymain .yeymain-l ul li .l-lir p a { width:83px; height:25px; font-size:12px; font-weight:bold;}
.yeymain .yeymain-l ul li .l-lir  .go-btn { width:65px; height:20px; text-align: center; line-height: 20px; background-color: #0099ff; color: #fff; display: block; font-size:12px; }
.yeymain .yeymain-r { width:840px; padding:25px 20px 0 30px ; float:left; border-left: 1px solid #e2e2e2;}
.yeymain .yeymain-r .yymr-title { width:840px; height:30px; display:block; color:#444;}
.yeymain .yeymain-r .yymr-title .qbyx {  float:left; font-size:16px; font-weight:600;}
.yeymain .yeymain-r .yymr-title .qbyx .enlish { color:#cacaca; height:30xp; font-size:14px; font-weight:100; padding-left:5px;}
.yeymain .yeymain-r .yymr-title form { height:28px; width: 211px; padding-left:10px; float:right;  border: 1px solid #e0e0e0;}
.yeymain .yeymain-r .yymr-title form .search_games { float:left; width:175px; height:28px; line-height:28px; color:#999; border:none; }
.yeymain .yeymain-r .yymr-title form .search_btn { width:36px; height:31px; float:right; background:url(../images/search.jpg) no-repeat center center; float:left; border:none; }
.yeymain .yeymain-r .select_box { border: 1px solid #d6d5d5; line-height: 24px; margin: 16px 0 26px; padding: 15px 10px; overflow:hidden;}
.yeymain .yeymain-r .select_box p { height:25px; line-height:25px; text-align:left; color:#999;padding-bottom: 5px;}
.yeymain .yeymain-r .select_box p a { padding:0 20px; color:#444; font-size:12px;}
.yeymain .yeymain-r .select_box p a:hover {background-color: #0099ff;color: #fff;}
.yeymain .yeymain-r .select_box p .curr {background-color: #0099ff;color: #fff;}
.yeymain .yeymain-r .yey-ganme { width:840px;}
.yeymain .yeymain-r .yey-ganme ul { width:870px;}
.yeymain .yeymain-r .yey-ganme ul li { width:260px; height:200px; float:left; margin:0 30px 22px 0;}
.yeymain .yeymain-r .yey-ganme ul li .liimg { width:260px; height:167px; display:block;}
.yeymain .yeymain-r .yey-ganme ul li .liimg img { width:260px; height:167px;}
.yeymain .yeymain-r .yey-ganme ul li .gamemain { width:260px; height:40px; line-height:40px; overflow:hidden;}
.yeymain .yeymain-r .yey-ganme ul li .gamemain a { float:left;}
.yeymain .yeymain-r .yey-ganme ul li .gamemain .xin { width:18px; height:18px; background:#46c600; color:#fff; line-height:18px; text-align:center; float:left; margin-right:10px; margin-top:10px;}
.yeymain .yeymain-r .yey-ganme ul li .gamemain .name { color:#333; font-size:14px; font-weight:bold;  margin-right:6px;} 
.yeymain .yeymain-r .yey-ganme ul li .gamemain .leix { color:#999;  }
.yeymain .yeymain-r .yey-ganme ul li .gamemain .gamego { float:right; text-align: left;}
.yeymain .yeymain-r .yey-ganme ul li .gamemain .gamego a{ color:#666; font-size:12px; }
.yeymain .yeymain-r .yey-ganme ul li .gamemain .gamego a:hover{ color:#03b4f5; font-size:12px; }
.yeymain .yeymain-r .yey-ganme ul li .gamemain .gamego .shux { float:left; padding:0 5px;  color:#666;}
.yeymain .yeymain-r .yey-ganme  { margin:0px auto; height:auto;}
.yeymain .yeymain-r .page { width:450px; height:30px; margin:30px auto 20px; }
.yeymain .yeymain-r .page a { height:25px; line-height:25px; margin:0 5px; border: 1px solid #ddd; color: #333; padding: 0 10px; float:left;}
.yeymain .yeymain-r .page a:hover { background:#09F; color:#fff;}
.yeymain .yeymain-r .page .page1 { background:#09F; color:#fff;}
/*-------------------页游end------------------*/

.sy-top {width: 100%; height:370px;  background:url(../images/yey-banner.png) no-repeat center top; background-color: #5BCFEC; padding:20px 0;}
.sy-top .sy-banner { width:1060px; height:300px; margin:20px auto; background:#fff; padding:20px; }
.sy-top .sy-banner .sybanner-l { width:600px; height:300px; overflow:hidden; float:left;}
.sy-top .sy-banner .sybanner-l .bigimg1 {width:600px; height:300px; display:block;}
.sy-top .sy-banner .sybanner-l .bigimg1 img {width:600px; height:300px;}
.sy-top .sy-banner .sybanner-r { width:430px; height:300px; overflow:hidden; margin-left:30px; float:left;} 
.sy-top .sy-banner .sybanner-r .syb-title { width:430px; height:234px;} 
.sy-top .sy-banner .sybanner-r .syb-title .sytitle1 { height:40px; overflow:hidden;}
.sy-top .sy-banner .sybanner-r .syb-title .sytitle1 h2 { font-size:20px; color:#0099ff; float: left; font-weight:500; display:block; line-height:40px;}
.sy-top .sy-banner .sybanner-r .syb-title .sytitle1 h3 { float:right; background:url(../images/icon.png) no-repeat left top; font-size:16px; font-weight:500; color:#ed4c39; padding-left:45px; height:36px; line-height:36px; }
.sy-top .sy-banner .sybanner-r .syb-title .sytitle1 h3 span { color:#999; font-size:14px;}
.sy-top .sy-banner .sybanner-r .syb-title .jsby { height:20px; color:#999; font-size:12px;}
.sy-top .sy-banner .sybanner-r .syb-title .sytitle3 { width:430px; height:60px; line-height:20px; font-size:13px; overflow:hidden; margin:15px 0;}
.sy-top .sy-banner .sybanner-r .syb-title .sytitle4 { height:30px;}
.sy-top .sy-banner .sybanner-r .syb-title .sytitle4 a { width:116px; height:31px; margin-right:10px; text-align:center; line-height:31px; background:#0099ff; color:#fff; display:block; border-radius:3px; float:left;}
.sy-top .sy-banner .sybanner-r .syb-title .sytitle4 .gogame { background:#3ea6cd;}
.sy-top .sy-banner .sybanner-r .smallbanner { width:450px; height:70px; }
.sy-top .sy-banner .sybanner-r .smallbanner .banenrxt { float:left; width:84px; height:54px; padding:5px; border:1px solid #d6d5d5; margin-right:15px;}
.sy-top .sy-banner .sybanner-r .smallbanner .banenrxt:hover {background:#09F;}
.cur {background:#09F;}
/*手游banner*/
.symain { width:1100px; height:910px; background:#fff; border:1px solid #e2e2e2; border-top:none; border-bottom:none; margin:0px auto; overflow:hidden; }
.symain { width:1100px; height:910px; background:#fff; border:1px solid #e2e2e2; border-top:none; border-bottom:none; margin:0px auto; overflow:hidden; }
.symain .symain-l { width:160px; height:860px; padding:25px 20px; float:left; border-right:1px solid #e2e2e2; overflow:hidden;} 
.symain .symain-l .symainl-title { width:160px; height:25px; display:block; color:#444; font-size:16px; font-weight:600;}
.symain .symain-l .symainl-title span { color:#0099ff; }
.symain .symain-l ul { width:160px; height:800px; overflow:hidden}
.symain .symain-l ul li { width:180px; height:73px; padding:20px 0; border-bottom:1px dashed #dddddd;}
.symain .symain-l ul li span { width:73px; height:73px; float:left;}
.symain .symain-l ul li span img {width:73px; height:73px;}
.symain .symain-l ul li .l-lir { width:80px; padding-top:8px; line-height:16px; color:#999; float:left; margin-left:10px;}
.symain .symain-l ul li .l-lir .sygame-h2 { font-size:14px; color:#555; }
.symain .symain-l ul li .l-lir p {color:#ed4c39;} 
.symain .symain-l ul li .l-lir p b { font-weight:500; color:#666;}

.symain .symain-r { width:840px; height:875px; padding:25px 20px 0 30px ; float:left; }
.symain .symain-r .symr-title { width:840px; height:30px; display:block; color:#444;}
.symain .symain-r .symr-title .syzq {  float:left; font-size:16px; font-weight:600;}
.symain .symain-r .symr-title .syzq .enlish { color:#cacaca; height:30xp; font-size:14px; font-weight:100; padding-left:5px; }
.symain .symain-r .symr-title form { height:28px; width: 211px; padding-left:10px; float:right;  border: 1px solid #e0e0e0;}
.symain .symain-r .symr-title form .sysearch_games { float:left; width:175px; height:28px; line-height:28px; color:#999; border:none; }
.symain .symain-r .symr-title form .sysearch_btn { width:36px; height:31px; float:right; background:url(../images/search.jpg) no-repeat center center; float:left; border:none; }
.symain .symain-r .syselect_box { border: 1px solid #d6d5d5; line-height: 24px; margin: 16px 0 26px; padding: 22px 20px; overflow:hidden; }
.symain .symain-r .syselect_box p { height:25px; line-height:25px; text-align:left; color:#000;}
.symain .symain-r .syselect_box p a { padding:0 15px; color:#666; font-size:14px;}
.symain .symain-r .syselect_box p a:hover {color:#09F;}
.symain .symain-r .syselect_box p .bux { color:#09F;}
.symain .symain-r .sy-ganme { width:840px;}
.symain .symain-r .sy-ganme ul { width:870px; height:600px; overflow:hidden;  }
.symain .symain-r .sy-ganme ul li { width:110px; height:170px; float:left; margin:0 35px 40px 0;}
.symain .symain-r .sy-ganme ul li .syliimg { width:110px; height:110px; display:block;}
.symain .symain-r .sy-ganme ul li .syliimg img { width:110px; height:110px;}
.symain .symain-r .sy-ganme ul li .sygame-h2 { width:110px; height:35px; line-height:40px; overflow:hidden; font-size:14px; text-align:center; color:#333;}
.symain .symain-r .sy-ganme ul li .botton { width:70px; height: 20px; border-radius: 3px; display: block; text-align: center; line-height: 20px; font-weight: 600;  margin:0px auto; background:#0099ff; color:#fff;}
.symain .symain-r .sy-ganme  { margin:0px auto; height:auto;}
.symain .symain-r .page { width:450px; height:30px; margin:30px auto 20px; }
.symain .symain-r .page a { height:25px; line-height:25px; margin:0 5px; border: 1px solid #ddd; color: #333; padding: 0 10px; float:left;}
.symain .symain-r .page a:hover { background:#09F; color:#fff;}
.symain .symain-r .page .page1 { background:#09F; color:#fff;}
/*--------------syend 手游结束------------*/

.synybody { width:1100px; height:auto; margin:0px auto;}
.synybody .sytop-banner { width:1100px; height:110px; display:block; margin:10px 0; overflow:hidden;}
.synybody .laction { width: 1080px; height:35px; line-height:35px; overflow:hidden; font-size:14px; background:url(../images/location.png) no-repeat 0 10px; padding-left:18px;}
.synybody .laction a:hover { color:#0099ff;}
/*----手游详细页面----- -*/
.synybody .y_box {  height:300px; border:1px solid #ccc; background:#fff;}
.synybody .y_box .logoimg { width:144px; padding:10px 60px 0 50px; border-right:1px solid #ccc; float:left; margin:40px 60px 0 0;}
.synybody .y_box .logoimg img { width:144px; height:144px;}
.synybody .y_box .logoimg span { width:144px; height:35px; line-height:35px; text-align:center; color:#333; font-size:22px; display:block; font-weight:500;}
.synybody .y_box .z_box { width:400px; margin-top:30px; float:left; padding-top:10px;}
.synybody .y_box .z_box .title { display:block; overflow: hidden;}
.synybody .y_box .z_box .title span { font-size:25px; color:#333; float:left; margin-right:7px;}
.synybody .y_box .z_box .title .lqlb { width:93px; height:24px; font-size:14px; display:block; overflow:hidden; background:url(../images/single-y.png) -1px -1px no-repeat; color:#fff; line-height:22px; text-align:center; margin:6px 0px 0px ;}
.synybody .y_box .z_box .wgg_box { display:block; overflow:hidden; padding:10px 0px 15px; border-bottom:1px dashed #ddd; font-size:14px;}
.synybody .y_box .z_box .wgg_box span { background:url(../images/icon-xgt.png) no-repeat; margin-right:30px;  padding-left:29px;}
.synybody .y_box .z_box .wgg_box .wgg { background-position:-180px -23px; }
.synybody .y_box .z_box .wgg_box .wxwl { background-position:-180px 0px; padding-left:28px; }
.synybody .y_box .z_box .wgg_box .aqsm { background-position: -180px -46px; padding-left:30px; }
.synybody .y_box .tag { display:block; overflow:hidden; margin:12px 0px 12px 5px; }
.synybody .y_box .tag span { color:#333; float:left; margin-right:5px;}
.synybody .y_box .z_box .tag a { width:50px; height:20px; display:block; overflow:hidden; float:left; background:#e4f3f9; text-align:center; line-height:20px; color:#0088cc; margin-right:7px;}
.synybody .y_box .z_box .yxlx { height:auto; overflow:hidden; display:block;}
.synybody .y_box .z_box .yxlx span { width:160px;  float:left; line-height:25px; padding-left:5px;}
.synybody .y_box .z_box .xiaz-1 { height: 47px; margin-top:30px; }
.synybody .y_box .z_box .xiaz-1 a {width: 180px; height: 47px;background:url(../images/icon-xgt.png) no-repeat; float:left; padding-right:8px; }
.synybody .y_box .z_box .xiaz-1 .iphone {background-position: 0px -272px;}
.synybody .y_box .z_box .xiaz-1 .iph-no {background-position: 0px -332px;}
.synybody .y_box .z_box .xiaz-1 .iphone:hover {background-position: 0px -212px;}
.synybody .y_box .z_box .xiaz-1 .anzhuo {background-position: 0px -95px;}
.synybody .y_box .z_box .xiaz-1 .az-no {background-position: 0px -155px;}
.synybody .y_box .z_box .xiaz-1 .anzhuo:hover { background-position:0 -35px;}


.synybody .y_box .yxzx { width:130px; height:190px; padding:55px; background:#fafafa; border-left:1px solid #e1e1e1; float:left; position:relative; right:1px; float:right; }
.synybody .y_box .yxzx em { width: 11px; height: 19px; z-index: 999999; background:url(../images/icon-xgt.png) no-repeat -165px 0px; display: block; overflow: hidden;  position: absolute; left: -9px; top: 155px; }
.synybody .y_box .yxzx span { width:142px; height:40px; line-height:40px; display:block;  font-size:14px;   text-align:center; letter-spacing:8px;}
.synybody .y_box .yxzx p { width:120px; height:120px; text-align:center; padding:4px; background:#fff; border:3px solid #dddddd;}
.synybody .synymain { width:1060px; height:auto; background:#fff; padding:20px;}
.synybody .synymain .dgyx_tab_an { width:1060px; height:42px; display:block;  border-bottom:1px solid #ccc; font-size: 18px; color:#666;}
.synybody .synymain .dgyx_tab_an span { width:100px; height:40px;  text-align:center; line-height:40px;  border-top:3px solid #0099ff; border-left:1px solid #ccc; border-right:1px solid #ccc; background:#fff; text-align:center; font-weight:600;cursor:pointer; display:block; font-size:15px; color:#000;}
.synybody .synymain .syny_con { padding:0 10px;}
.synybody .synymain .syny_con .perpen {width:99%;  height:auto; overflow:hidden; background:url(../images/icon-xgt.png) no-repeat -145px -438px; text-indent:55px; line-height:32px; font-size:13px; color:#333; margin:20px 0 30px;}
.synybody .synymain .syny_con .syny-lb {width:645px; height:530px;  position:relative;  margin-top:35px; border:1px solid #ccc; margin:0px auto; padding:20px 20px;}
.synybody .synymain .syny_con .syny-lb .lefton { overflow: hidden; width:70px; position:absolute;float: left; left:-110px;  top: 170px; z-index:9999;}
.synybody .synymain .syny_con .syny-lb .righton { position:absolute; width:70px; height:auto;  float: right; right:-130px; top: 150px; overflow: hidden;display:inherit; position:inherit;}
.synybody .synymain .syny_con .syny-lb .mypic { width:645px; height:530px; position:absolute; overflow: hidden; left:20px; float: left;  }
.synybody .synymain .syny_con .syny-lb .mypic ul {  width:645px; height:530px; overflow:hidden; position: absolute; left: 0px; top: 0px;}
.synybody .synymain .syny_con .syny-lb .mypic ul li { float: left;  width:645px; height:530px;  overflow: hidden;}
.synybody .synymain .syny_con .syny-lb .mypic ul li a { width:645px; height:530px;}
.synybody .synymain .syny_con .syny-lb .mypic ul li a img { width:645px; height:530px;}
.synybody .synymain .on .dgyx_xw {width:885px; margin-top:35px; }
.synybody .synymain .on .dgyx_xw  dt { width:885px; height:40px; display:block;  background:url(../images/icon-xgt.png) no-repeat -184px -67px;}
.synybody .synymain .on .dgyx_xw  dt h2 { font-size:20px; text-indent:28px; line-height:30px; float:left; font-weight:lighter; color:444;}
.synybody .synymain .on .dgyx_xw  dt a { width:48px; height:30px; line-height:30px; font-size:14px; background:url(../images/icon-xgt.png) no-repeat -182px -125px; float:right; border:1px solid #ccc; padding-left:33px; color:#666;}
.synybody .synymain .on .dgyx_xw  dt a:hover { color:#000;}
.synybody .synymain .on .dgyx_xw  dd { border-top:1px solid #ccc;}
.synybody .synymain .on .dgyx_xw  dd ul li { padding:15px 0px; border:1px solid #ccc; border-top:none;}
.synybody .synymain .on .dgyx_xw  dd ul li a { width:740px; height:16px; line-height:16px; border-left:3px solid #b7b7b7; text-indent:10px; overflow:hidden; margin-left:20px; float:left; font-size:14px;}
.syny-fot { height:250px; padding:20px; overflow:hidden; margin:20px 0 10px; }
.syny-fot .h2 {width:1000px; height:40px; line-height:40px; font-size:16px; margin-bottom:15px; color:#555; float:left; border-bottom:2px solid #e6e7ec; display:block;}
.syny-fot .h2 span { float:left; border-bottom:2px solid #09F;}
.syny-fot .h2 .mo { font-size:12px; line-height:40px; color:#555; float:right;  padding-right:20px; background:url(../images/more.png) no-repeat right 12px; text-align:right; font-weight:100; }
.syny-fot .h2 .mo:hover { color:#0099ff; background:url(../images/more-h.png) no-repeat right 12px;}
.syny-fot ul { width:1050px; height:210px; float:left; overflow:hidden;}
.syny-fot ul li {width:98px; height:210; margin-right:50px; float:left; margin-bottom:20px; }
.syny-fot ul li .pic { width:98px; height:98px; display:block;}
.syny-fot ul li .pic img { width:98px; height:98px; border-radius:15px;}
.syny-fot ul li .title { width:98px; height:40px; line-height:45px; font-size:14px; font-weight:600; color:#000; text-align:center; }
.syny-fot ul li .xing { width:98px; height:25px; overflow:hidden;}
.syny-fot ul li .xing .xx { width:60px; height:12px; background:url(../images/xing.png) no-repeat left top; float:left; margin-left:1px;}
.syny-fot ul li .xing .xx4 { background-position:0 -13px;}
.syny-fot ul li .xing .xx3 { background-position:0 -26px;}
.syny-fot ul li .xing .xx2 { background-position:0 -40px;}
.syny-fot ul li .xing .xx1 { background-position:0 -53px;}
.syny-fot ul li .xing .font { font-size:14px; font-weight:bold; color:#ed4c39; height:14px; line-height:12px; float:left; margin-left:1px;}
.syny-fot ul li .botton {width: 98px; height: 28px; border: 1px solid #ccc; border-radius:3px; display:block; text-align:center; line-height:28px; font-weight:600; color:#444;}
/*手游详细页，底部推荐游戏end*/
/*----- 手游详细页面 -------*/














/*foot*/

.footer_group {
    min-width: 1200px;
    background-color: #fff;
    border-top: 1px solid #C9C9C9
}

.footer {
    width: 950px;
    margin: 0 auto;
    padding: 60px 0 80px 250px;
    background: url(../images/footer_logo.png) no-repeat 0 60px;
    position: relative
}

.footer span {
    margin: 0 10px
}

.footer .an img {
    vertical-align: middle;
    margin-right: 5px
}

.footer .pic {
    position: absolute;
    right: 20px;
    top: 40px

}

.footer a{
    font-size:14px;
}

.footer a:hover{
    color: #0099ff;
}
.footer {
    color: #7c7c7c;
}
.footer .link{ padding-bottom:5px;}
.footer_a1{ font-size:12px !important;  color: #7c7c7c !important;}

.footer_a1:hover{ font-size:12px !important;  color: #0099ff !important;}



.footer_group1 {
    min-width: 1170px;
    background-color: #fff;

}

.footer1 {
    width: 1170px;
    margin: 0 auto;
    padding-top:34px;
    padding-bottom:0px;

    position: relative
}

.footer1 span {
    margin: 0 10px
}

.footer1 .link {
    margin-bottom:10px;
}


.footer1 .an img {
    vertical-align: middle;
    margin-right: 5px
}

.footer1 .pic {
    padding-top:10px;
}

.footer1 a{
    color: #333;
    font-size:14px;
}

.footer1 a:hover{
    color: #0099ff;
}
.footer1 {
    color: #7c7c7c;
}

.top11{ top:520px;  z-index:99999999999;}
.top111{ top:120px; z-index:99999999999;}




.mr20 {margin-right:19px;}
.rec-game {width:1060px; height:345px; overflow:hidden; }
.rec-game .game {width:242px; height:341px; border:2px solid #fff; background-color:#7e001c; float:left; position:relative;}
.rec-game .game a {display:block; overflow:hidden;}
.rec-game .game a.img:link,.rec-game .game a.img:visited {width:242px; height:341px; position:relative;}
.rec-game .game .img .brand {display:block; width:242px; height:60px; line-height:50px; text-align:center; font-size:18px; position:absolute; bottom:-60px; left:0; z-index:99; color:#fff; background-color:#000; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.rec-game .game .img .ranking {display:block; width:60px; height:60px; background:url(../images/tj.png) no-repeat; position:absolute; top:0; left:0; z-index:99;}
/*
.rec-game .game .img .no2 {background-position:-72px 0;}
.rec-game .game .img .no3 {background-position:-144px 0;}
.rec-game .game .img .no4 {background-position:-216px 0;}
*/
.rec-game .game a.txt:link,.rec-game .game a.txt:visited {height:31px; padding:10px;}
.rec-game .game a.txt:hover {color:#b798a5;}
.rec-game .game a.btn:link,.rec-game .game a.btn:visited {display:block; width:215px; height:50px; margin:0 8px; background:url(../images/dt1.jpg?v2) -343px -604px no-repeat;}
.rec-game .game a.btn_hover:link,.rec-game .game a.btn_hover:visited {background:url(../images/dt1.jpg?v2) -568px -604px no-repeat;}
.rec-game .game .dot {width:26px; height:26px; background:url(../images/angle.gif) 0 -82px no-repeat; position:absolute; top:340px; left:202px; z-index:99;}


.gr_font6{ line-height:25px;}
.gr_font6 a{ width:130px; float:left; display:block; font-family:Roboto; font-size:13px;}
.gr_font6 a:hover{ text-decoration:underline;}
.gr_font4_1 a{ color:#3c3c3c; }
.gr_font4_1{margin-top:7px;margin-left:16px}

.gr_font4_2 a{ color:#3c3c3c; }
.gr_font4_2{margin-top:15px;}

.zh_font3{font-size:13px;font-weight:700;color:#3c3c3c;padding-top:15px; width:270px}
.zhxx_font2{font-size:15px;font-weight:bold;color:#fb5300}
.zhxx_font2 a{font-size:15px;font-weight:bold;color:#fb5300}
.ksyx_color{color:#fb5300; padding-left:15px;}
.ksyx_color1{color:#fb5300; padding-top:15px; font-size:13px;}
.kf_font11{padding-left:8px;line-height:56px;font-size:15px;font-weight:700;color:#555555}
.kf_font_color1{color:#3c3c3c;font-size:12px;padding-top:3px}

.kf22 ul li a{ color:#3c3c3c}
.kf22 ul li a:hover{ text-decoration:underline}
.kf5 ul li a:hover{ text-decoration:underline }
/*.foot{ width:100%; height:140px; background:#fff; opacity:0.8; border-top:1px solid #e7e7e7; display:inline-block;}
.foot .footter { width:680px; height:85px; margin:0px auto; padding-top:25px; text-align:center; }
.foot .footter .gy_logo {width:175px; height:113px; vertical-align:middle; float:left;}
.foot .footter .gy_logo img {width:175px; height:55px; margin-top:20px;}
.foot .footter .nr{ float:right;}
.foot .footter .nr .nr1 { height:30px; color:#333; color:#fff; font-weight:600;}
.foot .footter .nr .nr1 a { font-size:14px; padding-right:20px; color:#000; font-weight:600;}
.foot .footter .nr .nr1 a:hover { color:#0099ff;}
.foot .footter .nr p { height:25px; line-height:25px; color:#444; }
.foot .footter .nr .nr3  a  {color:#444; padding:0 15px;}
.foot .footter .nr .nr3  a:hover { color:#000; text-decoration: underline;}*/

.swfLayer_pop{width: 800px; height: 500px; position: fixed; z-index: 10000001; top: 22%; left:30%;}
.swfLayer_pop .po{display: table-row;opacity: 0;position: absolute;width: 800px; height: 500px;z-index: 1;}
.swfLayer_pop .po img{position: absolute; left: 0px; top: 0px; z-index: 3; width: 800px; height: 500px;}
.adSWF_pop_close{position: absolute; right: 0px; top: 0px; z-index: 10000003; width: 150px; height: 80px;}
.adSWF_pop_close img{position: absolute; left: 0px; top: 0px; z-index: 5; width: 150px; height: 80px;}
.gray{width: 100%; background: rgba(0,0,0,0.5); left: 0px; top: 0px; z-index: 10000000; height: 100%; position: fixed; opacity: 0.5; display: block;}


/* 积分商城签到样式开始 */
.sign_pop {
    left: 50%;
    margin: -150px 0 0 -200px;
    position: fixed;
    top: 50%;
    z-index: 10004;
}
.sign_pop .tips_warn_auto {
    left: 56px;
    top: 100px;
}
.sign_pop .tips_warn_shibai, .sign_pop .tips_warn_shimi {
    left: 65px;
}
.sign_pop {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dadada;
    color: #888;
    font-size: 12px;
    width: 424px;
}
.sign_pop em {
    font-style: normal;
}
.sign_pop_bt {
    background: url(../images/sprite_pop.png) repeat-x 0 -1px;
    font-family: "UTM Swiss Condensed",simsun;
    font-size: 16px;
    font-weight: 700;
    height: 37px;
    line-height: 35px;
    padding: 0 0 0 10px;
    position: relative;
}
.sign_pop_bt .wb_te {
    color: #ff8003;
}
.sign_pop_bt .btn_sign_close {
    background: url(../images/sprite_pop.png) repeat -200px -113px;
    display: block;
    height: 19px;
    line-height: 133px;
    overflow: hidden;
    position: absolute;
    right: 11px;
    top: 8px;
    width: 19px;
}
.sign_nr {
    padding: 20px;
}
.sign_nr .text, .sign_nr .text2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 25px;
    padding-left: 15px;
}
.sign_nr .text2 {
    padding-left: 0;
    text-align: center;
}
.sign_nr .text3 {
    padding: 10px 0 10px 15px;
}
.sign_nr .text3 a {
    color: #888;
    text-decoration: underline;
}
.sign_nr .eshopbtn {
    clear: both;
    height: 36px;
    margin: 15px auto;
    width: 250px;
}
.eshopbtn a {
    background: url(../images/eshop/eshop_pop.png) no-repeat 0 0;
    border: 0 none;
    cursor: pointer;
    display: block;
    float: left;
    height: 36px;
    line-height: 150px;
    margin: 0 0 0 15px;
    overflow: hidden;
    padding: 0;
    width: 98px;
}
.eshopbtn .btn_duihuan {
    background-position: 0 0;
}
.eshopbtn .btn_duihuan:hover {
    background-position: 0 -36px;
}
.eshopbtn .btnqd_align {
    margin-left: 72px;
}
.eshopbtn .btn_quxiao {
    background-position: 0 -360px;
}
.eshopbtn .btn_quxiao:hover {
    background-position: 0 -396px;
}
.eshopbtn .btn_jixu {
    background-position: 0 -144px;
}
.eshopbtn .btn_jixu:hover {
    background-position: 0 -180px;
}
.eshopbtn .btn_qita {
    background-position: 0 -288px;
    width: 118px;
}
.eshopbtn .btn_qita:hover {
    background-position: 0 -324px;
}
.eshopbtn .btn_game {
    background-position: 0 -72px;
}
.eshopbtn .btn_game:hover {
    background-position: 0 -108px;
}
.eshopbtn .btn_queding {
    background-position: 0 -216px;
}
.eshopbtn .btn_queding:hover {
    background-position: 0 -252px;
}
.eshopbtn .btn_ytx {
    background-position: 0 -600px;
}
.eshopbtn .btn_ytx:hover {
    background-position: 0 -636px;
}
.eshopbtn .btn_qtx {
    background-position: 0 -672px;
}
.eshopbtn .btn_qtx:hover {
    background-position: 0 -708px;
}
.eshoppop {
    width: 382px;
}
.games_list_box .icon_control a {
    outline: medium none;
}
.sign_pop {
    width: 510px;
}
.sign_pop .sign_left {
    float: left;
    height: 215px;
    position: relative;
    width: 247px;
}
.sign_pop .sign_left .calendar_group {
}
.sign_pop .sign_left .calendar_group .calendar_ym {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fffffa none repeat scroll 0 0;
    border-color: #e3e3e3 #e3e3e3 -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    font-family: Roboto;
    line-height: 9px;
    padding: 7px 10px;
    position: absolute;
    right: 0;
    top: 0;
}
.sign_pop .sign_left .calendar_group .calendar_ym .m_prev, .sign_pop .sign_left .calendar_group .calendar_ym .m_next {
    background: url(../images/eshop/sprite_eshop_icon.png) no-repeat 0 0;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    height: 9px;
    line-height: 0;
    margin: 0 5px;
    overflow: hidden;
    width: 5px;
}
.sign_pop .sign_left .calendar_group .calendar_ym .m_prev {
    background-position: 0 -515px;
}
.sign_pop .sign_left .calendar_group .calendar_ym .m_next {
    background-position: -34px -515px;
}
.sign_pop .sign_left .calendar_date {
    border: 1px solid #e3e3e3;
    border-collapse: collapse;
    bottom: 0;
    position: absolute;
}
.sign_pop .sign_left .calendar_date td {
    background: #fffffa none repeat scroll 0 0;
    border: 1px solid #e3e3e3;
    font-family: Roboto;
    font-weight: bold;
    height: 26px;
    text-align: center;
    width: 36px;
}
.sign_pop .sign_left .calendar_date thead td {
    border: medium none;
}
.sign_pop .sign_left .calendar_date .date_on {
    background: url(../images/sign_on.png) no-repeat 6px 0;
}
.sign_pop .sign_left .calendar_date .date_days {
    background: #fff none repeat scroll 0 0;
    font-weight: normal;
    width: 100%;
}
.sign_pop .sign_left .calendar_date .date_days .qd_day_num {
    color: #ff7f3e;
    font-weight: bold;
}
.sign_pop .sign_right {
    background: #f7f7f7 none repeat scroll 0 0;
    float: right;
    height: 195px;
    line-height: 22px;
    padding: 10px;
    width: 175px;
}
.sign_pop .sign_right .sign_right_title {
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 7px;
}
.sign_pop .sign_right .sign_right_title .qd_num {
    color: #ff7f3e;
    padding: 5px;
}
.sign_pop .sign_right .qiao_list {
    margin-top: 5px;
}
.sign_pop .sign_right .qiao_list .c_num {
    color: #ff7f3e;
}
/* 积分商城签到样式结束 */

/* 会员中心我的积分样式开始 */
.user-point {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #f2f2f2;
    font-size: 14px;
    height: 54px;
    margin: 20px 0 30px;
    padding: 15px 0;
    position: relative;
    width: 800px;
}
.user-point p {
    border-right: 1px solid #f2f2f2;
    float: left;
    height: 54px;
    padding: 0 0 0 30px;
    width: 220px;
}
.user-point span {
    display: inline-block;
    height: 20px;
    line-height: 20px;
}
.user-point span.orange {
    font-size: 30px;
    height: 30px;
    line-height: 30px;
}
.user-point a.btn-blue {
    border: 1px solid #d9d9d9;
    height: 28px;
    left: 530px;
    line-height: 28px;
    position: absolute;
    top: 26px;
    width: 90px;
}
.btn-blue {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    color: #1fb6f2;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}
.orange {
    color: #ff8d13;
}
.user-point .user-point-a {
    background: rgba(0, 0, 0, 0) none no-repeat scroll -196px -152px;
    display: block;
    height: 12px;
    left: 342px;
    position: absolute;
    top: 51px;
    width: 12px;
}
.user-point .user-message-tip {
    font-size: 12px;
    height: 60px;
    left: 280px;
    top: 70px;
    width: 290px;
}
.user-tab {
    color: #eaeaea;
    height: 20px;
    line-height: 20px;
    padding: 10px 0 20px;
    width: 800px;
}
.user-tab span, .user-tab a {
    font-size: 14px;
    margin: 0 5px;
}
.user-tab .focus {
    color: #0f8ff2;
}
.user-data {
    color: #9c9c9c;
    padding-bottom: 10px;
    width: 800px;
}
.user-data table {
    line-height: 18px;
    width: 100%;
}
.user-data caption {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fafafa;
    border-color: #eaeaea #eaeaea -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    color: #3c3c3c;
    font-size: 14px;
    padding: 14px 0;
}
.user-data tr {
    border: 1px solid #eaeaea;
}
.user-data th {
    background-color: #fafafa;
    border: 1px solid #eaeaea;
    font-size: 14px;
    padding: 14px 10px;
    text-align: left;
}
.user-data td {
    padding: 14px 10px;
}
.user-data .col-1 {
    padding: 14px 18px;
}
.user-data td.col-1, .user-data .col-e {
    color: #3c3c3c;
}
.user-data .td_w100 {
    width: 100px;
}
.user-data .td_w50 {
    width: 50px;
}
.user-data .p10 {
    background-color: #fafafa;
    display: inline-block;
    padding: 5px 10px;
}
.user-data .user-data-btn {
    display: inline-block;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    margin: 0 0 0 10px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 140px;
}
.user-data p {
    color: #3c3c3c;
    font-size: 14px;
}
.tc {
    text-align: center;
}
/* 会员中心我的积分样式结束 */
/* 会员中心收货地址样式结束 */
.su-text {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    padding: 10px 0;
}
.su-data {
    color: #9c9c9c;
}
.f9c {
    color: #9c9c9c;
}
.su-addr-item, .su-addr-post {
    border: 1px solid #eaeaea;
    color: #3c3c3c;
    font-size: 14px;
    line-height: 30px;
    margin: 0 0 10px;
    padding: 14px 170px 14px 20px;
    position: relative;
    width: 562px;
}
.su-addr-edit {
    bottom: 14px;
    position: absolute;
    right: 14px;
    text-align: center;
}
.su-addr-edit span, .su-addr-edit a {
    margin: 0 6px;
}
.su-addr-edit .setting {
    background: url("../images/tick_small.gif") no-repeat scroll 0 50%;
    color: #78c31f;
    padding: 0 0 0 20px;
}
.su-addr-post {
    padding: 14px 70px 14px 20px;
    width: 662px;
}
.su-addr-post p {
    font-size: 12px;
    padding: 5px 0;
}
.su-addr-post label {
    float: left;
    font-size: 14px;
    height: 30px;
    width: 74px;
}
.su-addr-post input {
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    height: 20px;
    line-height: 20px;
    padding: 4px 5px;
    width: 248px;
}
.su-addr-post select {
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    padding: 0 2px;
}
.su-addr-post .su-addr-t {
    height: 60px;
    padding: 5px 0 5px 74px;
}
.su-addr-post .su-addr-t textarea {
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    height: 50px;
    line-height: 20px;
    padding: 4px 5px;
    width: 340px;
}
.su-addr-post .su-addr-b {
    height: 24px;
    line-height: 24px;
    padding: 5px 0 5px 74px;
}
.su-addr-post .su-addr-btn {
    display: inline-block;
    height: 24px;
    margin: 0 20px 0 0;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 70px;
}
.su-addr-post .su-error-msg {
    margin-left: 10px;
}
.su-addr-add {
    padding: 0 0 50px;
}
.su-addr-add a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    color: #1ea6ff;
    display: inline-block;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 118px;
}
.su-addr-add a:hover {
    background: #2b8ae0 none repeat scroll 0 0;
    border-color: #2b8ae0;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
}
.blue {
    color: #0f8ff2;
}
.btn-yellow {
    background: #ffab16 none repeat scroll 0 0;
    border-radius: 4px;
}
.red {
    color: #f25277;
}
.btn-s {
    color: #fff;
    text-align: center;
}
/* 会员中心收货地址样式结束 */
/***********修改样式***************/
.ml15{ margin-left:15px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.tac{ text-align:center}
.goods_tit{ margin-bottom:15px; position:relative;}
.goods_tit i{ color:#0099ff; font-size:22px;}
.goods_tit span{ font-size:22px; color:#333; height:30px;  padding-left:5px;}
.goods_tit a.more{ font-size:14px; height:20px; line-height:20px; width:60px; border:1px solid #0099ff; border-radius:10px; color:#0099ff; background-color:#fff; transition: all 200ms linear 0s; position:absolute; top:-14px;}
.goods_tit a:hover{background:#0099ff;color:#fff;text-decoration:none;}

.hot_tit{margin-bottom:15px; position:relative;}
.hot_tit i{ color:#0099ff; font-size:22px;}
.hot_tit span{ font-size:22px; color:#333; height:30px; line-height:30px; padding-left:5px;}
.hot_tit a.more{ font-size:14px; height:20px; line-height:20px; width:60px; border:1px solid #0099ff; border-radius:10px; color:#0099ff; background-color:#fff; transition: all 200ms linear 0s; position:absolute; top:-14px;}
.hot_tit a:hover{background:#0099ff;color:#fff;text-decoration:none;}

/***************热门*****************/
.service_list{position: relative;}
.service_tit i{ color:#0099ff; font-size:22px;}
.service_tit span{ font-size:22px; color:#333; height:30px; line-height:30px; padding-left:5px;}
.service_tit a.more{ font-size:14px; height:20px; line-height:20px; width:60px; border:1px solid #0099ff; border-radius:10px; color:#0099ff; background-color:#fff; transition: all 200ms linear 0s; position:absolute; top:25px;}
.service_tit a:hover{background:#0099ff;color:#fff;text-decoration:none;}
.service_con{ height:307px; width:276px; border:1px solid #eaeaea;}
.service_con .service_con_tit{ width:100%; height:49px; background-color:#f5f5f5}
.service_con ul.service_con_tit li{font-size:16px;border-bottom:1px solid #eaeaea; height:48px; line-height:48px; width:138px; float:left; text-align:center; cursor:pointer; display:block}
.service_con ul.service_con_tit li:hover,.service_con ul.service_con_tit li.on{color:#0099ff; height:46px;border-bottom:2px solid #0099ff;/* font-weight:700; */background:#fff; }
.service_con_pic{ width:256px; height:2px;}
.service_con_lst ul li{ height:22px; font-size:12px; border-bottom:1px dashed #ececec; line-height:15px; margin:8px; width:262px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.service_con_lst ul li a{ color:#555;}
.service_con_lst ul li a:hover{ color:#0099ff;}

/*****************服务器列表***********************/
.clear2{ clear: both; height: 0px; display: none;}
.side_news{position: relative;}
.side_tit i{ color:#0099ff; font-size:25px;}
.side_tit span{ font-size:22px; color:#333; height:30px; line-height:30px; padding-left:5px;}
.side_tit a.more{ font-size:12px; height:20px; line-height:20px; width:60px; border:1px solid #0099ff; border-radius:10px; color:#0099ff; background-color:#fff; transition: all 200ms linear 0s; position:absolute; top:25px;}
.side_tit a:hover{background:#0099ff;color:#fff;text-decoration:none;}
.side_con{ height:443px; width:276px; border:1px solid #eaeaea; overflow:hidden}
.side_con .side_con_tit{ width:100%; height:49px; background-color:#f5f5f5}
.side_con ul.side_con_tit li{font-size:16px;border-bottom:1px solid #eaeaea; height:48px; line-height:48px; width:138px; float:left; text-align:center; cursor:pointer; display:block;}
.side_con ul.side_con_tit li:hover,.side_con ul.side_con_tit li.on{color:#0099ff; height:46px;border-bottom:2px solid #0099ff;/* font-weight:700; */background:#fff; }
.side_con .side_con_info{ background-color:#f5f5f5; width:283px; height:40px; line-height:40px; border-bottom:1px solid #fff; font-size:16px;}
.side_con_list li{border-bottom:1px dashed #e9e9e9;}
.side_con_list .side_con_list_row{ line-height:32px;  }
.side_con_list .side_con_list_row a{  text-align:center; line-height:35px; float:left;  font-size:12px;}
.side_con_list .side_con_list_row a.s_time{ color:#434343;width:33.3%;}
.side_con_list .side_con_list_row a.s_name{ color:#434343;width:33.3%; padding-left:5px;}
.side_con_list .side_con_list_row a.s_service{ color:#ff3600;width:31.3%;}
.side_con_list .side_con_list_hover{ width:276px; position:relative; height:64px; background-color:#e8f8ff;}
.side_con_list .side_con_list_hover .server_txt{ height:52px;  padding:6px 0; position:absolute;top:6px; left:95px; width:88px; font-size:12px;}
.side_con_list .side_con_list_hover .server_txt span{ color:#333; display:block; height:20px; line-height:20px; width:88px; font-size:12px; text-align:center}
.side_con_list .side_con_list_hover .server_txt a{color:#333; display:block; height:20px; line-height:20px; width:88px; font-size:12px; text-align:center;}
.side_con_list_hover .s_logo{ position:absolute; left:13px; padding: 5px 5px; height:46px; top:0;}
.side_con_list_hover .s_start{ position:absolute; left:196px; margin: 10.5px 0px;  top:0; width:70px; text-align:center; line-height:20px;  color:#0099ff; font-size:12px;}
.side_con_list_hover .s_start a{ height:23px; line-height:23px; color:#0099ff; border:1px solid #0099ff; border-radius:10px; transition:all 200ms linear 0s; display:block;}
.side_con_list_hover .s_start span{ color:#434343}
.side_con_list_hover .s_start a:hover{ color:#fff; background-color:#0099ff}

.khfw{position: relative;}
.khfw_tit i{ color:#0099ff; font-size:22px;}
.khfw_tit span{ font-size:22px; color:#333; height:30px; line-height:30px; padding-left:5px;}
.khfw_tit a.more{ font-size:12px; height:20px; line-height:20px; width:60px; border:1px solid #0099ff; border-radius:10px; color:#0099ff; background-color:#fff; transition: all 200ms linear 0s; position:absolute; top:25px;}
.khfw_tit a:hover{background:#0099ff;color:#fff;text-decoration:none;}


.box5-cont {
    height: 218px;
    border: 1px solid #eaeaea;
    background: #fff;
}
.box5-top{ height:100px; overflow:hidden; padding:0 4px}
.cooperation{ _width:298px;}
.cooperation li{ float:left; display:inline; border-bottom:1px solid #eeeeee; width:91px;height:100px; margin:-1px 0 0 -1px; position:relative; _overflow:hidden;}
.border-left{ border-radius:10px 0 0 0;}
.border-right{ border-radius:0 10px 0 0;}
.cooperation li a{ display:block; height:100px; font-size:14px;}
.cooperation li em{ display:block; width:10px; height:10px; position:absolute; right:0; bottom:0;_bottom:-10px; background-image:url(../images/ico-3.png);}
.cooperation li p{ height:3px; left:0; top:100px; width:0; overflow:hidden; transition:all 300ms linear 0s;}
.cooperation li:hover p{width:91px;}
.cop-p{display:block; width:56px; height:33px; position:absolute; left:19px; top:18px; background:url(../images/ico-3.png) no-repeat;}
.cop-p1 p{ background:#ca7dbb;}
.cop-p1 i{ background-position: 10px 1px; }
.cop-span{ display:block; width:100%; text-align:center; position:absolute; left:0; top:60px; color:#9f9f9f;}
.cop-p2 p{ background:#8dc11f;}
.cop-p2 i{ background-position: 10px -69px; }
.cop-p3 p{ background:#58a1f3;}
.cop-p3 i{ background-position: 13px -138px; }
.cop-p4 p{ background:#f5a22b;}
.cop-p4 i{ background-position: 15px -212px; }
.cop-p5 p{ background:#50c3a1;}
.cop-p5 i{ background-position: 10px -303px; }
.cop-p6 p{ background:#fdb18f;}
.cop-p6 i{ background-position: 10px -394px; }

.cooperation li.cop-p4:hover  i{background-position: 15px -254px;}
.cooperation li.cop-p5:hover  i{background-position: 10px -343px;}
.cooperation li.cop-p6:hover  i{background-position: 10px -430px;}

.khfw_tit{ margin-bottom:15px}
.box5-fot{ height:140px; font-size:16px;}
.contact-online{ width:114px; height:140px; border-right:1px solid #eeeeee; left:0; top:0; transition:all 200ms ease 0;}
.contact-online p{ height:3px; background:#4ab6f4; left:0; top:-1px; width:0; overflow:hidden; transition:all 300ms linear 0s;}
.contact-online a{ display:block; width:146px; height:140px; }
.contact-online i{ display:block; width:65px; height:65px; background:url(../images/ico-3.png) 0 -470px no-repeat; left:27px; top:11px;}
.contact-online span{ display:block; width:114px; text-align:center; position:absolute; left:0; top:77px; color:#4ab6f4;}

.go-vip{ width:166px; height:140px; left:114px; top:0px;}
.go-vip p{ height:3px; background:#63d0ca; left:0; top:-1px; width:0; overflow:hidden; transition:all 300ms linear 0s;}
.go-vip i{  display:block; width:40px; height:40px; background:url(../images/ico-3.png) 0 -592px no-repeat; left:67px; top:13px;}
.go-vip span{  display:block; width:166px;  position:absolute; left:0px; top:53px; color:#63d0ca; text-align:center}

.contact-tell{ width:138px; height:140px; left:147px; top:0px;}
.contact-tell i{ display:block; width:40px; height:40px; background:url(../images/ico-3.png) 0 -593px no-repeat; left:57px; top:35px;}
.contact-tell span{ display:block; width:115px;  position:absolute; left:20px; top:88px; color:#ca7dbb;}
.contact li.go-vip:hover p{width:166px;}
.contact li.contact-online:hover p{width:114px;}



