/* =s Reset */
html{ color:#9b927c; 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;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* =e Reset */
/* =s base */
body{font-family:"Microsoft YaHei",simSun,"Lucida Grande","Lucida Sans Unicode",Arial;line-height:170%;font-size:12px;color:#9b927c;background:#0a0504 url("../images/bg.jpg") no-repeat top center; height:100%;}
a{color:#9e7e3e;text-decoration: none;}
a:hover{text-decoration: underline;}
a.under:link,a.under:active,a.under:visited,a.under:hover{text-decoration:underline;}

.wrap {width:1000px; margin:0 auto; }
.clearfix:before, .clearfix:after, 
.wrap:before, .wrap:after, 
.form_list:before, .form_list:after,
.form-list:before, .form-list:after,
.my_card:before, .my_card:after
{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

.web_login { background: #000; }

.main { padding-top: 321px; background:url("../images/bg_center.jpg") no-repeat top center;}
.wrap_top { position: relative; height: 256px; }
.wrap_top .t_left { float:left;  margin: 31px 31px 0; width:224px;}
.wrap_top .t_right { position: relative; float: right; width: 230px; }

.btn_start { position: relative; width:224px; height: 81px; overflow: hidden; color: #462b00; cursor: pointer;}
.btn_start em { display: block; margin:22px 12px; width: 165px; text-align:center; font-size: 28px; font-weight: bold; }
.btn_start i { position: absolute; top: 50px; left: 12px; width: 165px; text-align:center; font-style: normal; }
.btn_start:hover { background: url("../images/sp.png") no-repeat; }

.panel_newserver { padding-top: 15px; width:224px; }
.panel_newserver dl { height: 95px; }
.panel_newserver dt { height: 30px; line-height: 30px; color: #ffd47d; }
.panel_newserver dd { margin-bottom: 4px; height: 24px; line-height: 24px; text-align: center; color: #ffd800; }
.panel_newserver dd a { display: block; width: 100%; height: 100%; color: #fff4dd;}
.panel_newserver dd a:hover { background: #932104; text-decoration: none; }
.panel_newserver .more { color:#67ab17; text-decoration: underline; }

.btn_download { display: block; margin-top:50px; height:47px; line-height: 47px; overflow: hidden; color: #f9cf8e; font-size: 18px; text-align:center; cursor: pointer; background:url("../images/sp.png") no-repeat 0 -82px;  }
.btn_download:hover { text-decoration: none; }

.slide-box { position: absolute; top: 110px; width: 230px; height: 386px; overflow: hidden; }
.slide-box .sd-img a { position:absolute; display:block; width:100%; height:100%; overflow:hidden; }
.slide-box .sd-img a:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.slide-box .sd-img img { width:100%; height:100%; }
.slide-box .sd-tag { position:absolute; bottom:15px; left:0; width:100%; height:11px; text-align:center; z-index:2; }
.slide-box .sd-tag a { display:inline-block; margin:0 3px; width:11px; height:11px; text-indent:-999em; background:#575757; border-radius: 50%; opacity:0.5; }
.slide-box .sd-tag a.active { background:#861f03; opacity:1; }
.slide-box .prev, .slide-box .next{ display: none; }

.wrap_intro { height: 240px; }
.wrap_intro .if_left { float: left; width: 286px; padding:0 31px; }
.wrap_intro .if_right { float: left; margin-left:4px; width: 480px; }

.btn_border { display: inline-block; height: 42px; line-height: 38px; text-align: center; font-size: 16px; font-weight: bold; color: #86754d; border: 2px solid #554c37; cursor: pointer; }
.btn_border:hover { background: rgba(14,7,1,.2); color: #998759; text-decoration: none; }

.login_not { padding-top: 24px; height: 75px; }
.login_not .btn_login { float: left; width: 108px; }
.login_not .btn_register { float: right; width: 108px; }
.logined { height: 75px; padding-top: 15px; color: #ebe0cb; line-height: 24px; text-align: right; } 
.logined p span { float: left; }
.logined p a { text-decoration: underline; margin-left:1em; }

.btn_pay { width: 100%; }
.panel_qq { padding-top: 48px; line-height: 26px; }

.new_tags { height: 44px; line-height: 44px; }
.new_tags span { display: inline-block; padding: 0 2em; font-size: 14px; color: #fff4dd; cursor: pointer; }
.new_tags span.selected { color: #ffe49d; background: url("../images/sp.png") no-repeat 0 -130px; }
.new_list { padding: 10px; line-height: 24px; } 
.wrap_four { margin-top:20px; height: 115px; background: url("../images/bg_four.jpg") no-repeat; }
.footer { margin:80px auto 20px; width: 800px; color: #7d7c79; text-align: center; }


#divMask{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.7;filter:alpha(opacity=70);z-index:100;}
#divWindow{position:fixed;z-index:101; border:5px solid #554c37; background: #191814;}
#divWindow .btn_close { position: absolute; top: 0; right: 0; width: 50px; height: 50px; background:#554c37 url("../images/sp.png") no-repeat -224px 0; text-indent: -9999em; cursor: pointer; }

#tipMask{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.01;filter:alpha(opacity=1);z-index:200;}
#tipWindow{position:fixed;z-index:201;}
#tipWindow>div { padding: 15px 40px; background: #554c37; font-size: 16px; color: #efdbac; }
#tipWindow>div.error { background: #652520; color: #ffe1d0; }
#tipWindow>div.success { background: #1b3b25; color: #83ff7d; }

.server_list { width:748px; padding: 15px 30px 25px; }
.server_list .title { height: 40px; line-height: 40px; font-size: 16px; color: #c2b086;  }
.server_list .recom { padding-bottom: 10px; border-bottom: 1px solid #25221b; }
.server_list .recom a { display: block; float: left; margin: 5px 0; padding-left: 26px; width: 260px; height: 46px; line-height: 46px; color: #fff2b5; font-size: 14px; background: url("../images/bg_item.jpg") no-repeat 0 0; }
.server_list .recom a:hover { background-position: 0 -46px; text-decoration: none; } 
.server_list .all { margin:0 -5px; min-height: 280px; }
.server_list .all .item { position: relative; display: block; float: left; margin:5px; width: 220px; height: 46px; line-height: 46px; color: #fff2b5; font-size: 14px; background: url("../images/bg_item.jpg") no-repeat 0 -92px; }
.server_list .all .item:hover { background-position: 0 -138px; text-decoration: none; }
.server_list .all .item:before { content: ""; position: absolute; left: 14px; top: 16px; width: 4px; height: 14px; background-color: #49c200;   }
.server_list .all .item>em { padding-left: 26px; }
.server_list .all .item>span { position: absolute; top: 0; right: 15px; font-size: 13px; }
.server_list .all .item.trailer { background-position: 0 -184px; color: #c2b49d; }
.server_list .all .item.trailer:before { background-color: #79654f; }
.server_list .all .item.new:before,.server_list .all .item.hot:before { background-color: #ff6c18; }

.tab_content {}
.tab_content>.tab_pane.active{display:block;}
.tab_content>.tab_pane { width:486px;display:none; }
.tab_content>.tab_pane .title { margin: 0 30px; height: 72px; line-height: 72px; font-size: 24px; color: #c2b086; text-align: center; border-bottom: 1px solid #25221b; }
.tab_content>.tab_pane .body { padding:25px 30px 45px; font-size:14px; }

.panel_card .card_number { padding:10px 0 25px; font-size: 30px; color: #ffe45e; }
.panel_card .card_tip { }
.panel_card .btnSubmit { margin-top: 25px; width: 250px; height: 38px; line-height: 38px; }

.btn {display:inline-block;background:#592215;color:#edd8a5;border:0;outline:0;cursor:pointer;text-align:center;}
.btn:hover {background:#68291a;text-decoration:none;color:#ffeab8;}
.btn.btndisabled { background:#60b5ed; cursor:default; }

.form_simplify { width:280px; margin:0 auto; }
.form_simplify .inputbox { position:relative; height:42px;border:2px solid #554c37; background:#0e0d09; }
.form_simplify .inputbox .icon { position:absolute; top:5px; left:5px; float:left; width:38px; height:38px; background:url(../images/sprite.png) no-repeat; }
.form_simplify .inputbox .icon.icon-img1 { background-position:0 0; }
.form_simplify .inputbox .icon.icon-img2 { background-position:-38px 0; }
.form_simplify .inputbox input { width:100%; height:100%; padding:9px 18px; border:0; background:none; outline:0; color:#c2b086; }
.form_simplify .inputbox.active { border:2px solid #695f46; }

.form_simplify .txtbox { margin:15px 5px; }
.form_simplify .btnSubmit { width:100%; height:50px; font-size:18px; }
.form_simplify .tipbox { margin:8px 0; min-height:20px; }
.form_simplify .tipbox.error{ color:#c33c2d; }
.form_simplify .tipbox.yes{ color:#390; }
.form_simplify .interval{ height:20px; }

.form_simplify .inputbox.yzm { position: relative; width:180px; } 
.form_simplify .inputbox.yzm em { position: absolute; top: 0; left: 190px; }

.form_simplify .exc_tip { margin-left:-50px; margin-right:-50px;  }
.form_simplify .inputbox.exc { position: relative; width: 100px; padding: 0; }
.form_simplify .inputbox.exc .ui_select { position: absolute; top: -2px; left: 110px; width: 180px; }

.ui_select{position:relative;float:left; text-align: left;}
.ui_select>.ui_sub{position:relative;float:left;border:2px solid #554c37;background:#0e0d09;margin-right:10px;cursor:pointer;width:100%;height:42px;padding:10px;z-index:10;}
.ui_select>.ui_sub:before{content:"";position:absolute;top:50%;right:12px;margin-top:-3px;width:0;height:0;border:6px solid transparent;border-top-color:#554c37;}
.ui_select>.ui_sub.disabled{opacity:0.5;filter:alpha(opacity=50);}
.ui_select>.ui_sub.on{color:#ff9703;/*border-color:#ff9703;*/}
.ui_select>.ui_sub.on:before{border-top-color:#ff9703;}
.ui_select>.ui_list{ display: none; position:absolute;top:40px;left:0;border:2px solid #554c37;width:100%;background-color:#0e0d09;box-shadow:5px 5px 10px rgba(0,0,0,0.05);z-index:5;}
.ui_select>.ui_list{max-height:256px;overflow:hidden;overflow-y:auto;}
.ui_select>.ui_list>a{display:block;height:32px;line-height:32px;text-indent:8px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ui_select>.ui_list>a:hover{background-color:#2c2a23;color:#cdbd96;text-decoration:none;}

.tc_orange { color: #ffcc00; }
.tc_orgred { color: #ff6600; }
.tc_red { color: #ff5757; }
.tc_green { color: #88ff71; }
.tc_purple { color: #ff4eff; }
.tc_blur {color: #00c6ff;}

.txtCenter { text-align: center; }