/* =s Reset */
html{color:#000; height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select,button{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
header,section,footer,nav{display: block;}
/* =e Reset */
/* =s base */
body{font-family:"Microsoft YaHei",simSun,"Lucida Grande","Lucida Sans Unicode",Arial;line-height:170%;font-size:12px;color:#000;min-width:1180px; background:#535353/*#535353#1e2021*/;}
a{color:#666;text-decoration: none;}
a:hover{color:#F60;text-decoration: underline;}
a.under:link,a.under:active,a.under:visited,a.under:hover{text-decoration:underline;}
/* =e base */
/* =s foot */
#footer{ clear:both; padding:30px 0;color:#ccc; background:#535353; }
#footer .row{ width:1100px; text-align:center;}
#footer .links i{ margin:0 10px; color:#777; font-style:italic;}
#footer .links a{ color:#ccc;}
#footer p{ margin:6px auto;}

.partner-sites{ margin-bottom:30px; padding:20px 10px; border:1px solid #5c5c5c; border-width:1px 0;}
.partner-sites:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.partner-sites dt{ float:left; width:80px; font-size:14px;}
.partner-sites dd{margin-left:-20px; width:1100px; text-align:left;}
.partner-sites dd a{ display:inline-block; color:#ccc;width:240px;height:10px;}
.partner-sites dd a img{width:240px;height:60px;}
.partner-sites dd a h1{text-align:center;}
.partner-sites dd a:hover{ text-decoration:underline; color:#ef6c5a;}
.partner-sites dd i:before{ content:"/"; margin:auto 10px; color:#777;}
/* =e foot */
.page_fen {
	 font-size:14px;height: 30px;background:#ffffff;margin:5px;line-height: 30px;text-align: center;border: 1px solid #aaa;
}
.page_fen li{
	display:inline;
	margin-right:10px;
}

/* =s style ef6d5b */
.row{*zoom:1;width:1000px; margin: 0 auto;position: relative; }
.row:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.ba { display:block; width:100px; height:32px; line-height:32px; border:1px solid #ddd; border-radius:18px; text-align:center; color:#666; } 
.ba:hover { border-color:#ef6d5b; background:#ef6d5b; color:#fff; text-decoration:none; }

.header{ position:relative; background:#fff; height:100px; }
.header-logo{ position:absolute; top:0; left:10px; width:200px; height:100px; text-indent:-9999em;background: url(../images/logo.png) no-repeat left center; cursor:default;}
#nav { margin-left:300px; }
#nav a{ position:relative; float:left; height:100px; line-height:100px; color:#86898c; font-size:16px; }
#nav a:after { content:""; position:absolute; top:0; left:0; width:0; height:5px; background:#ef6d5b; }
#nav a:hover { color:#04080b; font-weight:bold; text-decoration:none; }
#nav a:hover:after { width:100%; }
#nav span { float:left; padding:0 20px; height:100px; line-height:100px; color:#eee; }
#nav span:after { content:"/"; }
#nav .layer{ position:absolute; top:80px; left:0; z-index:100; line-height:1.7;}

.user-bar{ float:right; margin-top:35px; height:30px; }
#noLogin { line-height:30px; }
#noLogin a{ color:#86898c; font-size:16px; }
#noLogin a:hover{text-decoration:none; color:#04080b; }
#noLogin span{ padding:0 5px; color:#04080b;}
#noLogin span:after { content:"·"; }
#logined { line-height:30px; font-size:12px; color:#86898c; }
#logined span{ padding:0 10px; color:#eee;}
#logined span:after { content:"/"; }


#navKf{ position:fixed; top:160px; left:50%; margin-left:-220px; z-index:1000; display:none; }
#navKf dl{ position:relative; float:left; margin:auto 50px; width:120px; padding-top:135px; font-weight:bold; text-align:center;}
#navKf dt{ font-size:14px; color:#e06961;}
#navKf dd{ margin:10px 0 30px; font-size:20px; color:#fff;}
#navKf dd.bsl-btn a{ display:block; width:120px; line-height:30px; font-size:12px; color:#666; background:#e6e6e6; border-radius:15px; }
#navKf dd.bsl-btn a:hover{ text-decoration:none; color:#ef6c5a; background:#fcfcfc;}
#navKf dl:before{ content:""; position:absolute; top:0; left:50%; margin-left:-60px; width:120px; height:120px; background:#9bd5ae; border-radius:60px;}
#navKf dl:after{ content:""; position:absolute; top:0; left:50%; margin-left:-60px; width:120px; height:120px; background:url(../images/icon-chat.png) no-repeat 0 0;}
#navKf dl.cc1:before{ background:#e06961;}
#navKf dl.cc2:before{ background:#98c4cd;}
#navKf dl.cc3:before{ background:#9bd5ae;}
#navKf dl.cc4:before{ background:#c8d77c;}
#navKf dl.yy:after{ background-position:-120px 0;}
#navKf .layerClose{ position:fixed; top:0; left:50%; margin-left:-22px; background-color:#fff;}


#navKf { display:none; }
.bannerkf { position:relative; height:250px; background:#eee; }
.bannerkf .row { position:relative; height:100%; background:url(../images/banner_service.jpg) no-repeat 50% 0;  }
.bannerkf dl { position:absolute; top:194px; left:50px; width:500px; height:30px; line-height:24px; font-size:14px; font-weight:bold; color:#333; }
.bannerkf dl dt { float:left; width:95px; }
.bannerkf dl dd { float:left; margin-bottom:6px; width:85px; height:24px; line-height:24px; }
.kflist { padding:50px 0 0; }
.kflist h2 { padding-bottom:20px; text-align:center; font-size:24px; color:#444; }
.kflist ul { padding:30px 0; }
.kflist ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.kflist li{ float:left; width:200px; height:250px; text-align:center; }
.kflist li .cover { display:block; margin:0 auto; width:120px; height:120px; border:10px solid #fff; border-radius:75px; background:no-repeat 50% 50%; }
.kflist li .cover:hover { border-color:#f0f0f0; }
.kflist li h2 { padding:10px 0; width:100%; font-size:15px; font-weight:bold; color:#999; text-overflow: ellipsis; }
.kflist li strong { font-size:18px;  font-weight:bold; color:#565656; font-family:Tahoma, Geneva, sans-serif;  } 

.g-banner,.slider{position:relative;height:480px /*340*/; background:#272a2c no-repeat 50% 0;}
.g-banner .slider .slider-item{position:absolute;width:100%;height:100%;}
.g-banner .slider .slider-item.active{z-index:3}
.g-banner .slider .slider-item a{display:block;position:relative;height:100%;margin:0 auto;background:no-repeat center center;width:100%;}
.g-banner .slider-items-index{position:absolute;z-index:4;width:100%; top:280px}
.g-banner .slider-items-index .slider-index-wrap{height:100%;position:relative;margin:0 auto;width:980px;}
.g-banner .slider-items-index .slider-index{position:absolute;bottom:10px;right:0;z-index:5;}
.g-banner .slider-items-index .slider-index .slider-index-item{width:22px;height:22px;font-size:11px;line-height:22px;display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline;-webkit-border-radius:11px;-moz-border-radius:11px;-ms-border-radius:11px;-o-border-radius:11px;border-radius:11px;-webkit-user-select:none;-moz-user-select:none;background-color:#ecf2f7;text-align:center;cursor:pointer;margin:0 5px}
.g-banner .slider-items-index .slider-index .slider-index-item.active{background-color:#fe940d;color:#fff}
.g-banner .slider-items-index .slider-index .slider-index-item:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);opacity:0.6}

.m_bar { position:absolute; z-index:50; top:280px; left:50%; margin-left:-500px; width:1000px; height:200px; background:rgba(39,42,44,0.9);}
.m_bar .login{ position:relative; margin:5px auto auto 50px; color:#fff;}
.m_bar .login input { display:block; padding:5px 10px; margin-bottom:8px; border:none; width:180px; height:22px; line-height:22px; color:#000; font-weight:bold; background:rgba(255,255,255,0.9); }
.m_bar .login .btn-submit { position:absolute; top:40px; left:208px; width:72px; height:72px; border:none; background:#ef6d5b; font-size:16px; font-weight:bold; color:#fff; cursor:pointer; }
.m_bar .login .btn-submit:hover { background:#e36756; }
.m_bar .login p{ margin-top:20px; font-size:14px; }
.m_bar .login p a{ color:#ef6d5b; }
.m_bar .login .tip { line-height:40px; height:40px; color:#F60; }

.m_news { position:absolute; top:0; right:0; width:400px; padding:10px 30px; }
.m_news li { position:relative; height:30px; line-height:30px; font-size:14px; }
.m_news li span { position:absolute; top:0; right:0; color:#737373; }
.m_news li a { display:block; width:318px; padding-left:25px; color:#c3c3c3; background:url(../images/sprites.png) no-repeat -485px -51px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.m_news li a:hover { color:#fff; }
.m_news li:first-child { height:50px; line-height:50px; font-size:20px; }
.m_news li:first-child a { padding:0; background:none; color:#ef6d5b; font-weight:bold; width:405px; }
.m_news li:first-child span { display:none; }
.m_news .more { position:absolute; top:0; right:0; width:37px; height:37px; background:url(../images/sprites.png) no-repeat; }
.m_news:after { content:""; position:absolute; top:20px; left:0; width:1px; height:160px; background:#fff; opacity:0.1; filter:Alpha(opacity=10); }

.logined { margin:25px; color:#fff; }
.logined a { color:#FFF; }
.logined .ibox { display:block; padding:10px 15px; width:170px; height:55px; background:url(../images/sprites_bk.png) no-repeat; text-align:right; }
.logined .ibox .it { font-size:20px; font-weight:bold; height:30px; line-height:30px; }
.logined .ibox .it a:hover { text-decoration:none; }
.logined .ibox .ib { height:25px; line-height:25px; }
.logined .ibox .ib i { font-style:italic; color:#737373; margin:0 0.6em; }
.logined .ibox:hover { text-decoration:none; opacity:0.95; }
.logined .imoney { background-position:0 -75px; background-color:#ef6d5b; } 
.logined .imoney .it { font-size:18px; }
.logined .irecord{ position:absolute; left:245px; top:20px; padding-left:30px; width:240px; height:160px; color:#c5c5c5; }
.logined .irecord dt { height:30px; line-height:30px; }
.logined .irecord dt h2{ font-size:14px; color:#ccc; }
.logined .irecord dt a{ float:right; color:#c5c5c5; }
.logined .irecord dd a{ display:block; width:100%; height:18px; line-height:18px; margin:7px auto; color:#c5c5c5; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
.logined .irecord dd img{ width:18px; height:18px; float:left; margin-right:5px;}
.logined .irecord dd span{ float:right; }
.logined .irecord dd a:hover span{ color:#ef6d5b;}
.logined .irecord:after { content:""; position:absolute; top:0; left:0; width:1px; height:160px; background:#fff; opacity:0.1; filter:Alpha(opacity=10); }

.hot-box { background:#f0f0f0; padding:30px 0 40px; }
.hot-box-title { position:relative; margin-bottom:30px; padding-left:25px; height:28px; line-height:28px; border-left:4px solid #ef6d5b; font-size:24px; color:#444; }
.hot-box-title .reload { display:none; position:absolute; top:4px; right:0; padding-right:30px; height:21px; line-height:21px; font-size:12px; background:url(../images/sprites.png) no-repeat 100% 0;}
.hot-box-title .scrollNews { position:absolute; top:0px; right:0; height:28px; overflow:hidden; font-size:14px; }
.hot-box-title .scrollNews ul{}
.hot-box-list { margin-left:-10px; width:1200px;}
.hot-box-list:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.hot-box-list li{ position:relative; float:left; margin:0 10px; width:320px; height:250px; background:#fff; }
.hot-box-list li:hover { box-shadow:0 0 15px #aaa; }
.hot-box-list .cover { display:block; position:relative; width:100%; height:176px; margin-bottom:10px; overflow:hidden; }
.hot-box-list .name{ margin-left:15px; font-size:16px; font-weight:bold; line-height:1.7; color:#333; }
.hot-box-list p { padding-left:25px; color:#999; }
.hot-box-list .ba { position:absolute; bottom:20px; right:20px; width:100px; height:32px; }

#bgMask{ position:fixed; width:100%; height:100%; top:0; background:#000; z-index:998; display:none; }
#userLgoin, #userRegister{ position:fixed; top:-400px; left:50%; margin-left:-160px; width:320px; height:400px; z-index:999; background:#fff; }
#userLgoin h3, #userRegister h3{ margin:50px 0 0px; height:30px; line-height:30px; border-left:4px solid #ef6d5b; padding-left:36px; color:#444; font-size:24px;}
.layerClose { position:absolute; top:10px; right:10px; width:45px; height:45px; background:url(../images/sprites.png) no-repeat -160px 0;}
.loginform{ margin:0 40px;}
.loginform p{ margin-bottom:20px; position:relative; }
.loginform .col-tip{ line-height:40px; height:40px; color:#F30; padding-left:2px;}
.loginform .col-name input,.loginform .col-pwd input{ width:210px; border-radius:5px; box-sizing: content-box; background:#eee; line-height:20px; padding:10px 15px; border:none;vertical-align: middle}
.loginform .col-submit input{ margin-right:3px; vertical-align:text-bottom;}
.loginform .col-submit .link-forget{ margin-left:15px; color:#666;}
.loginform .col-submit .link-forget:hover{ color:#222; text-decoration:underline;}
.loginform .btn-submit{ margin-right:10px; width:210px; height:40px; color:#fff; font-weight:bold; cursor:pointer; background-color:#ef6d5b; border:0; border-radius:5px; box-sizing:content-box; font-size:16px; }
.reg-link{ margin:30px 40px; padding:30px 0; border-top:1px solid #eee; text-align:center; font-size:16px;}
.reg-link a{ font-weight:bold; color:#ef6d5b;}

#userRegister { top:-500px; height:500px; }

.index-news{ background:#fff; padding-bottom:40px;}
.index-news h3{ margin:35px auto 25px; height:30px; line-height:30px; border-left:4px solid #ef6d5b; padding-left:36px; color:#444; font-size:24px;}
.in-recommend{ float:left; width:710px; border-left:1px solid #eee; }
.in-recommend ul{ padding-left:20px;}
.in-recommend li{ float:left; margin-right:20px; margin-bottom:20px; width:210px;}
.in-recommend li:nth-child(4n-1){ }
.in-recommend li em{ float:left; display:block; width:120px; height:36px; font-size:14px; line-height:36px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.in-recommend .cover img{ width:100%; height:116px; overflow:hidden; }
.in-recommend .ba { float:right; margin:5px auto; width:80px; height:26px; line-height:26px; border-radius:18px;  }
.in-news{ float:right; height:100%; border:1px solid #eee; border-width:0 1px; width:280px; }
.in-news ul{ margin:0 15px; overflow:hidden;}
.in-news li{ position:relative; padding:10px 5px; border-bottom:1px solid #f0f0f0; line-height:16px; }
.in-news li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.in-news .icon{ float:left; margin-right:10px; width:32px; height:32px; border-radius:5px; overflow:hidden; }
.in-news .icon img { width:100%; height:100%; }
.in-news .name { display:block; width:118px; color:#ef6d5b; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
.in-news .ba { display:none; position:absolute; top:12px; right:5px; width:75px; height:24px; line-height:24px;}
.in-news .remind:hover { background:#57cad5; border-color:#57cad5; }

.in-news li:hover { padding-left:10px; }
.in-news li:hover .ba{ display:block; }
.in-news li:hover .remind{ display:none; }
.in-news li.new:hover .ba{ display:none; }
.in-news li.new:hover .remind{ display:block; }

.side-erver { float:none; width:auto; }
.side-erver h3{ border-right:4px solid #ef6d5b; font-size:22px; margin:20px -25px 30px 0; }
.side-erver ul { margin:0;  }
.side-erver li { padding:10px 0; border-bottom:1px solid #ddd; }
.side-erver li:hover { padding-left:0; }
.side-erver li:hover .ba{ display:none; }
.side-erver li:hover .remind{ display:none; }
.side-erver li.new:hover .ba{ display:none; }
.side-erver li.new:hover .remind{ display:none; }

/*最新登陆游戏*/
.lately { margin-top:-20px; }
.lately .item { position:relative; padding:20px 0 20px 230px; min-height:116px; border-bottom:1px solid #eee; }
.lately .cover { position:absolute; top:20px; left:0; }
.lately .name { display:inline-block; font-size:18px; line-height:2; margin-bottom:5px; }
.lately p:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.lately p a{ float:left; margin-right:10px; margin-bottom:10px; width:110px; height:30px; line-height:30px; font-weight:bold; text-align:center; color:#fff; background:#3098d5; border-radius:4px; }
.lately p a:hover { background:#248ecc; }

/*----- page column -----*/
.bannerTitle{ height:100px; background:#272a2c; }
.bannerTitle h1{ display:inline-block; padding-top:36px; border-bottom:4px solid #ef6d5b; font-size:30px; color:#fff; line-height:60px;  }
.column{ position:relative; background:#fff;}
.column .side-bg{ position:absolute; z-index:0; left:0; margin-left:-276px; border-right:1px solid #e0e0e0; width:50%; height:100%; background:#eee;}
.column .side{ float:left; width:200px; padding-top:30px;} 
.column .main{ float:right; width:775px; background:#fff; min-height:750px; }
.column .content{ margin:30px 0 50px 50px; width:725px;}

.N-user li{ margin-bottom:10px; }
.N-user li a{ position:relative; display:block; width:200px; height:50px; line-height:50px; text-indent:45px; background:#fff; border-radius:5px; font-size:14px; color:#444;}
.N-user li a:hover{ background-color:#f3f3f3; text-decoration:none; font-weight:bold;}
.N-user li a:before{ content:""; position:absolute; left:16px; top:50%; margin-top:-9px; width:18px; height:18px; background:url(../images/sprites.png) no-repeat; }
.N-user li.current a, .N-user li.current a:hover{ background-color:#ef6d5b; color:#fff;font-weight:bold;}
.N-user li a.pum-info:before{ background-position:-205px 0;}
.N-user li a.pum-pwd:before{ background-position:-205px -18px;}
.N-user li a.pum-pay:before{ background-position:-205px -54px;}
.N-user li a.pum-spread:before{ background-position:-241px 0;}
.N-user li a.pum-payList:before{ background-position:-205px -36px;}
.N-user li a.pum-excMoney:before{ background-position:-241px -18px;}
.N-user li a.pum-welfare:before{ background-position:-241px -36px;}
.N-user li a.pum-excList:before{ background-position:-241px -54px;}
.N-user li a.pum-loginOut:before{ background-position:-277px 0;}
.N-user li.current a.pum-info:before{ background-position:-223px 0;}
.N-user li.current a.pum-pwd:before{ background-position:-223px -18px;}
.N-user li.current a.pum-pay:before{ background-position:-223px -36px;}
.N-user li.current a.pum-info:before{ background-position:-223px 0;}
.N-user li.current a.pum-pwd:before{ background-position:-223px -18px;}
.N-user li.current a.pum-pay:before{ background-position:-223px -54px;}
.N-user li.current a.pum-spread:before{ background-position:-259px 0;}
.N-user li.current a.pum-payList:before{ background-position:-223px -36px;}
.N-user li.current a.pum-excMoney:before{ background-position:-259px -18px;}
.N-user li.current a.pum-welfare:before{ background-position:-259px -36px;}
.N-user li.current a.pum-excList:before{ background-position:-259px -54px;}
.N-user li.current a.pum-loginOut:before{ background-position:-295px 0;}

.tab-dataList{ width:100%; }
.tab-dataList thead th{ background:#f3f3f3; color:#666; }
.tab-dataList td, .tab-dataList th{ border:1px solid #ddd; padding:10px; text-align:center;}
.tab-dataList tbody tr:nth-child(even) { background:#f6f6f6;  }

.pages{ margin:20px; text-align:center; }
.pages a,.pages em{ display:inline-block; padding:0 10px; height:28px; line-height:28px; margin:0 2px; border:1px solid #eee; }
.pages em { background:#ccc; border:1px solid #ccc; color:#fff; font-weight:bold; }

/*----- page register -----*/
#User_Enter{ background:#fff;}
#User_Enter .user-form{ width:800px; margin:50px auto; }
.back_setp{ display:block; margin:30px; width:140px; height:50px; line-height:50px; font-size:22px; text-align:center; color:#fff; background:#ccc; border-radius:5px;}
.back_setp:hover{ text-decoration:none; color:#fff; background:#ef6d5b;}
.user-form { position:relative; margin-bottom:30px;}
.user-head{ margin-bottom:60px; height:38px; line-height:38px;}
.user-head h2{ position:relative; float:left; margin-right:100px; width:120px; height:38px; line-height:38px; color:#fff; font-size:14px; font-weight:bold; text-align:center; background:#ef6d5b; border-radius:4px 0 0 4px;}
.user-head h2 i{ position:absolute; left:100%; width:40px; height:38px; background:#f3f3f3; border-radius:0 4px 4px 0; overflow:hidden;}
.user-head h2 i:before{ content:""; position:absolute; left:50%; top:50%; margin:-7px 0 0 -5px; width:10px; height:10px; border:1px solid #aaa; border-width:0 0 1px 1px;  }
.user-head2{ position:relative; margin-bottom:30px; height:60px; line-height:60px; border-bottom:1px solid #eee; color:#666;}
.user-head2 h2{ border-bottom:1px solid #ef6d5b; display:inline-block; font-size:22px; color:#444; padding:0 10px; margin-right:20px;}
.user-head2 .u-service{ position:absolute; right:0; top:5px;}
.user-head2 .u-service em{ font-weight:bold; }
.user-head2 .u-service i{ margin:0 10px; color:#CCC; }
.user-form-ul li:after{ content:".";display:block;height:1px;clear:both;visibility:hidden;}
.user-form-ul li{ margin-bottom:20px;}
.user-form-ul li span{ float:left; width:90px; text-indent:1em; line-height:40px; color:#444;}
.user-form-ul li i{ color:#666; font-style:normal;}
.user-form-ul li em{ color:#f00; margin-right:5px;}
.user-form-ul .p-pass{ font-weight:bold; color:#090;} 
.user-form-ul .p-error{ font-weight:bold; color:#f30;}
.user-form-ul .t-input,.user-form-ul .t-input-show, .user-form-ul .t-code,.user-form-ul select{ background:#f3f3f3; border:1px solid #fff; line-height:20px; padding:10px 15px; width:200px; margin-right:15px; border-radius:4px;}
.user-form-ul .t-input-show { background:#fff; border-color:#fff; }
.user-form-ul select{ width:230px;}
.user-form-ul .t-code{ width:100px;}
.user-form-ul .bar{ margin-top:50px;}
.user-form-ul .b-submit{ display:inline-block; width:130px; height:40px; line-height:40px; text-align:center; border:0; border-radius:4px; font-size:16px; font-weight:bold; color:#fff; background:#84c04e; cursor:pointer; margin-right:20px;}
.user-form-ul .b-submit:hover{ background:#8cc757; text-decoration:none; }
.user-form-ul .l-alogin{ font-weight:bold; margin:0 4px; color:#ef6d5b;}
.user-form-ul img{ vertical-align:middle; margin-right:15px;}
.user-form-ul li table { width:600px; }
.user-form .op-tip{ margin-bottom:30px; padding:10px 20px; color:#307a0f; border:1px solid #c9dc8f; background:#f6ffd5; display:none;}
.user-form .in-tip{ position:relative; padding-right:230px; font-size:14px; line-height:1.7; color:#666; margin:20px auto; }
.user-form .in-tip img { position:absolute; top:0; right:0; } 
.user-form .in-tip:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.user-form .in-tip h1{ color:#ef6d5b; font-size:18px; font-weight:bold; border-bottom:1px solid #f0f0f0; margin-bottom:15px; padding:10px 0;}
.user-form .in-tip .btns:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.user-form .in-tip .btns a{ float:left; margin:10px 10px 0 0; padding:0 25px; height:40px; line-height:40px; background:#84c04e; border-radius:8px; font-size:14px; font-weight:bold; color:#fff; }
.user-form .in-tip .btns a:hover { background:#8cc757; text-decoration:none; }
.user-form .right{ position:absolute; right:0; top:80px; width:350px; }

.sc-list{ }
.sc-list:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.sc-list li{ float:left; width:220px; height:45px; top:0; margin-bottom:10px; margin-right:20px;}
.sc-list li a{ display:block; height:45px; line-height:45px; font-weight:bold; text-align:center; color:#fff; background:#3098d5; border-radius:4px;}
.sc-list li a:hover{ background:#248ecc; text-decoration:none; }
.sc-list li a em{ font-size:14px; font-weight:bold; margin-right:10px;}
.sc-list .the-new a,		.sc-list .the-hot a{ background:#ef6c5a; color:#fff;}
.sc-list .the-new a:hover,	.sc-list .the-hot a:hover{ background:#f67b6a; }

.news-list ul{}
.news-list li{ position:relative; padding-left:30px; line-height:40px; font-size:14px; border-bottom:1px solid #f0f0f0; background:url(../images/n-icon.png) no-repeat 10px 50%;}
.news-list li span{ position:absolute; right:10px; font-size:12px; color:#999; }
.news-art {}
.news-art h1{ font-size:30px; line-height:2; text-align:center;}
.news-art .info_txt { line-height:40px; border:1px solid #f0f0f0; border-width:1px 0; text-align:center; margin-bottom:30px;}
.news-art .info_con { font-size:14px; } 

.ui-select{ position:relative; float:left; margin-right:15px; }
.ui-select h3{ position:relative; display:inline-block; padding:10px 50px 10px 15px; border:1px solid #ddd; line-height:20px; cursor:pointer; }
.ui-select h3:after { content:""; position:absolute; top:10px; right:30px; width:1px; height:20px; background:#ddd; }
.ui-select h3:before { content:""; position:absolute; top:18px; right:11px; width:0; height:0; border:5px solid transparent; border-top:5px solid #ccc; }
.ui-select-list { display:none; position:absolute; top:40px; left:0; background:#fff; border:1px solid #ddd; width:420px; box-shadow:5px 5px 10px #f0f0f0; z-index:10;}
.ui-select-list p{ text-indent:15px; height:40px; line-height:40px; background:#f3f3f3; border-bottom:1px solid #ddd; }
.ui-select-list a{ position:relative; float:left; border:1px solid #ddd; border-width:0 1px 1px 0; margin-bottom:-1px; margin-right:-1px; width:140px; height:34px; line-height:34px; text-indent:15px; color:#237db2; z-index:2; }
.ui-select-list a:hover { background:#f9f9f9; color:#f60; z-index:1; }
#GameTip { line-height:40px; }
.i1{ width:140px; }

.doc-input { }
.doc-input a{ display:inline-block; margin:0 5px 5px 0; padding:5px 20px; border:1px solid #ddd; border-radius:5px;}
.doc-input i{ display:block; margin:15px 0 20px; height:1px; overflow:hidden; background:#ddd; }

.user-form-ul .t-pwd-strength{ float:left; color:#666; position:relative; margin-left:20px; width:30px; height:16px; background:#f3f3f3;}
.user-form-ul .t-pwd-strength p{ left:30px; position:absolute; width:30px; height:16px; background:#e3e3e3; }
.user-form-ul .t-pwd-strength p:before{ content:""; left:30px; position:absolute; width:30px; height:16px; background:#d3d3d3;}
.user-form-ul .t-pwd-strength p:after{ content:""; left:60px; position:absolute; width:30px; height:16px; background:#c3c3c3;}

.user-form-ul .t-pwd-strength:before{ content:"弱"; position:absolute; left:-20px; line-height:16px; }
.user-form-ul .t-pwd-strength:after{ content:"强"; position:absolute; left:130px; line-height:16px; }

.user-form-ul .pwd-check{ margin-bottom:0;}
.user-form-ul .Strength1{ background:#ffefe7;}
.user-form-ul .Strength1:before{ color:#ffb087; }
.user-form-ul .Strength2{ background:#fff9e7;}
.user-form-ul .Strength2 p{ background:#fff0c7;}
.user-form-ul .Strength3{ background:#eeffe7;}
.user-form-ul .Strength3 p{ background:#d7ffc7;}
.user-form-ul .Strength3 p:before{ background:#c0ffa7;}
.user-form-ul .Strength4{ background:#e7f7ff;}
.user-form-ul .Strength4 p{ background:#c7ebff;}
.user-form-ul .Strength4 p:before{ background:#a7e0ff;}
.user-form-ul .Strength4 p:after{ background:#87d5ff;}
.user-form-ul .Strength4:after{ color:#87d5ff; }

#layoutWin{ display:none; position:fixed; top:50%; left:50%; margin:-170px auto auto -250px; padding:10px; width:480px; height:330px; background:#fff; border:1px solid #ddd; box-shadow:5px 5px 10px rgba(0, 0, 0,0.1); z-index:100; }
#layoutWin h3{ margin:10px 0 15px -11px; height:30px; line-height:30px; border-left:4px solid #ef6d5b; padding-left:20px; color:#444; font-size:24px;}
#layoutWin .content{ margin:auto 10px; padding:10px; height:200px; border:1px solid #ddd; background:#f3f3f3;color:#444; font-size:13px; overflow-y: auto; }
#layoutWin .bar { margin:10px; line-height:40px; color:#F30; }
#layoutWin .b-submit{ float:right; display:inline-block; width:100%; height:34px; line-height:34px; text-align:center; border:0; border-radius:4px; font-size:14px; font-weight:bold; color:#fff; background:#3098d5; cursor:pointer;}
#layoutWin .b-submit:hover{ background:#3aa2de; text-decoration:none; }
#layoutWinClose{ position:absolute; top:5px; right:5px; width:45px; height:45px; background:url(../images/sprites.png) no-repeat -160px 0;}

.adLeft { position:fixed; top:120px; left:50%; margin-left:-670px; width:150px; height:353px; background:#000; z-index:999; }
.adRight { position:fixed; top:120px; left:50%; margin-left:520px; width:150px; height:353px; background:#000; z-index:999; }
.adWechat { position:fixed; right:10px; top:50%; margin-top:-110px; z-index:999; padding-top:150px; width:160px; height:40px; border:1px solid #e0e0e0; background:#fff url(../images/wechat.jpg) no-repeat 50% 0; }
.adWechat a { position:absolute; left:0; top:0; display:block; width:160px; height:160px; }
.adWechat h2 { height:40px; line-height:30px; text-align:center; font-weight:bold; color:#ef6d5b; }

/* 魅影传说 */
.mov_my { background:url(../images/NewGame/hotCover_my_0.jpg) no-repeat -20px 0; }
.mov_my:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_my_1.png) no-repeat 0 0; }
.mov_my:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_my_2.png) no-repeat;  } 
.mov_my:hover { background-position:0 0;}
.mov_my:hover:before { background-position:-10px 0;}
/* 武易 */
.mov_wy { background:url(../images/NewGame/hotCover_wy_0.jpg) no-repeat -20px 0; }
.mov_wy:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_wy_1.png) no-repeat 0 0; }
.mov_wy:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_wy_2.png) no-repeat;  } 
.mov_wy:hover { background-position:0 0;}
.mov_wy:hover:before { background-position:-10px 0;}
/* 武尊 */
.mov_wz { background:url(../images/NewGame/hotCover_wz_0.jpg) no-repeat -20px 0; }
.mov_wz:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_wz_1.png) no-repeat 0 0; }
.mov_wz:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_wz_2.png) no-repeat;  } 
.mov_wz:hover { background-position:0 0;}
.mov_wz:hover:before { background-position:-10px 0;}
/* 暗黑屠龙 */
.mov_ahtl { background:none; }
.mov_ahtl:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_ahtl_0.jpg) no-repeat 0 0; }
.mov_ahtl:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_ahtl_2.png) no-repeat;  } 
.mov_ahtl:hover { background-position:0 0;}
.mov_ahtl:hover:before { background-position:-10px 0;}
/* 暗黑西游 */
.mov_ahxy { background:url(../images/NewGame/hotCover_ahxy_0.jpg) no-repeat -20px 0; }
.mov_ahxy:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_ahxy_1.png) no-repeat 0 0; }
.mov_ahxy:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_ahxy_2.png) no-repeat;  } 
.mov_ahxy:hover { background-position:0 0;}
.mov_ahxy:hover:before { background-position:-10px 0;}
/* 完美传奇 */
.mov_wmcq { background:url(../images/NewGame/hotCover_wmcq_0.jpg) no-repeat -20px 0; }
.mov_wmcq:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_wmcq_1.png) no-repeat 0 0; }
.mov_wmcq:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_wmcq_2.png) no-repeat;  } 
.mov_wmcq:hover { background-position:0 0;}
.mov_wmcq:hover:before { background-position:-10px 0;}
/* 热血海贼王 */
.mov_hzw { background:url(../images/NewGame/hotCover_hzw_0.jpg) no-repeat -20px 0; }
.mov_hzw:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_hzw_1.png) no-repeat 0 0; }
.mov_hzw:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_hzw_2.png) no-repeat;  } 
.mov_hzw:hover { background-position:0 0;}
.mov_hzw:hover:before { background-position:-10px 0;}
/* 天界 */
.mov_tj { background:url(../images/NewGame/hotCover_tj_0.jpg) no-repeat -20px 0; }
.mov_tj:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_tj_1.png) no-repeat 0 0; }
.mov_tj:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_tj_2.png) no-repeat;  } 
.mov_tj:hover { background-position:0 0;}
.mov_tj:hover:before { background-position:-10px 0;}
/* 神武九天 */
.mov_swjt { background:url(../images/NewGame/hotCover_swjt_0.jpg) no-repeat -20px 0; }
.mov_swjt:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_swjt_1.png) no-repeat 0 0; }
.mov_swjt:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_swjt_2.png) no-repeat;  } 
.mov_swjt:hover { background-position:0 0;}
.mov_swjt:hover:before { background-position:-10px 0;}
/* 圣剑神域 */
.mov_sjsy { background:url(../images/NewGame/hotCover_sjsy_0.jpg) no-repeat -20px 0; }
.mov_sjsy:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_sjsy_1.png) no-repeat 0 0; }
.mov_sjsy:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_sjsy_2.png) no-repeat;  } 
.mov_sjsy:hover { background-position:0 0;}
.mov_sjsy:hover:before { background-position:-10px 0;}

/* 木叶传说 */
.mov_mycs{ background:url(../images/NewGame/hotCover_mycs_0.jpg) no-repeat -20px 0; }
.mov_mycs:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_mycs_1.png) no-repeat 0 0; }
.mov_mycs:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_mycs_2.png) no-repeat;  } 
.mov_mycs:hover { background-position:0 0;}
.mov_mycs:hover:before { background-position:-10px 0;}

/* 傲视遮天 */
.mov_aszt { background:url(../images/NewGame/hotCover_aszt_0.jpg) no-repeat -20px 0; }
.mov_aszt:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_aszt_1.png) no-repeat 0 0; }
.mov_aszt:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_aszt_2.png) no-repeat;  } 
.mov_aszt:hover { background-position:0 0;}
.mov_aszt:hover:before { background-position:-10px 0;}

/* 铁血屠龙 */
.mov_txtl { background:url(../images/NewGame/hotCover_txtl_0.jpg) no-repeat -20px 0; }
.mov_txtl:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_txtl_1.png) no-repeat 0 0; }
.mov_txtl:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_txtl_2.png) no-repeat;  } 
.mov_txtl:hover { background-position:0 0;}
.mov_txtl:hover:before { background-position:-10px 0;}

/* 烈火战神 */
.mov_lhzs { background:url(../images/NewGame/hotCover_lhzs_0.jpg) no-repeat -20px 0; }
.mov_lhzs:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_lhzs_1.png) no-repeat 0 0; }
.mov_lhzs:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_lhzs_2.png) no-repeat;  } 
.mov_lhzs:hover { background-position:0 0;}
.mov_lhzs:hover:before { background-position:-10px 0;}


/* 魔域世界 */
.mov_mysj{ background:url(../images/NewGame/hotCover_mysj_0.jpg) no-repeat -20px 0; }
.mov_mysj:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_mysj_1.png) no-repeat 0 0; }
.mov_mysj:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/NewGame/hotCover_mysj_2.png) no-repeat;  } 
.mov_mysj:hover { background-position:0 0;}
.mov_mysj:hover:before { background-position:-10px 0;}

/** transform **/
#nav a , #nav a:after, .ba ,
.hot-box-list li, .in-news li,
.kflist li .cover,
.mov_my , .mov_my:before,
.mov_wy , .mov_wy:before,
.mov_wz , .mov_wz:before,
.mov_ahtl , .mov_ahtl:before,
.mov_ahxy , .mov_ahxy:before,
.mov_wmcq , .mov_wmcq:before,
.mov_hzw , .mov_hzw:before,
.mov_tj , .mov_tj:before,
.mov_swjt , .mov_swjt:before,
.mov_sjsy , .mov_sjsy:before,
.mov_aszt , .mov_aszt:before,
.mov_txtl , .mov_txtl:before,
.mov_lhzs , .mov_lhzs:before,
.mov_mysj, .mov_mysj:before
	{
		transition:all ease-in-out 0.2s;
		-moz-transition:all ease-in-out 0.2s; 		/* Firefox 4 */
		-webkit-transition:all ease-in-out 0.2s; 	/* Safari 和 Chrome */
		-o-transition:all ease-in-out 0.2s; 		/* Opera */
	}
.server-list .cover
	{
		transition:all ease-in-out 0.6s;
		-moz-transition:all ease-in-out 0.6s; 		/* Firefox 4 */
		-webkit-transition:all ease-in-out 0.6s; 	/* Safari 和 Chrome */
		-o-transition:all ease-in-out 0.6s; 		/* Opera */
	}


.user-form h2 i:before
	{
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
	}
.cv-menu .cv-btn-start:before,
.cv-menu .cv-btn-pay:before,
.cv-menu-border:before,
.cv-menu-border:after
	{
		-webkit-transform: scaleY(2);
		-moz-transform: scaleY(2);
		-ms-transform: scaleY(2);
		-o-transform: scaleY(2);
		transform: scaleY(2);
	}
.tab-body .btn-close:before,
.ad-eye .ad-btn:after
	{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg);	}
.tab-body .btn-close:after,
.ad-eye .ad-btn:before
	{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}