﻿@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
li{ list-style:none;}
.both{ clear:both;}
.over_f{ overflow:hidden;zoom:1;}
table {border-collapse:collapse;border-spacing:0;}
img{border:0;}
a{text-decoration:none; cursor:pointer}
body{font-size:14px; color:#fff; font-family:"微软雅黑";}


.border_css{ background:url(../images/bg.jpg) no-repeat center top; min-width:1000px; height:1977px;}

.wrap{width:1000px; margin:0 auto; position:relative;}

.info{ float:left; width:338px;}
.btn_login{ float:left;width:338px; height:188px;background:url(../images/btn_login.png) no-repeat;}
.btn_login:hover{background:url(../images/btn_login_h.png) no-repeat;}

.user_info{float:left; width:240px;margin-top:38px; color:#8e005a; margin-left:20px; display:inline;height:150px; font-size:18px;}
.user_info .f1{float:left; width:240px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.user_info .f2{float:left; width:240px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:5px;}


.btn_lq{float:left; width:174px; height:63px;background:url(../images/btn_lq.png) no-repeat; margin-top:5px; margin-left:40px; display:inline}
.btn_out{float:left; width:101px; height:38px;background:url(../images/btn_out.png) no-repeat; margin-top:5px; margin-left:75px; display:inline}
.btn_lq:hover{background:url(../images/btn_lq_h.png) no-repeat;}
.btn_out:hover{background:url(../images/btn_out_h.png) no-repeat;}

.left_side{float:left; width:340px;margin-top:200px; font-size:15px; margin-left:60px; display:inline;}
.left_side p{ line-height:30px;}
.btn_share{ float:left; width:147px; height:54px;background:url(../images/btn_share.png) no-repeat; margin-top:10px;}
.btn_jl{ float:left; width:319px; height:112px;background:url(../images/btn_jl.png) no-repeat; margin-top:25px;}
.btn_cx{ float:left; width:319px; height:70px;background:url(../images/btn_cx.png) no-repeat; margin-top:5px;}
.btn_share:hover{background:url(../images/btn_share_h.png) no-repeat;}
.btn_jl:hover{background:url(../images/btn_jl_h.png) no-repeat;}
.btn_cx:hover{background:url(../images/btn_cx_h.png) no-repeat;}

.right_side{float:left; width:572px; height:600px;background:url(../images/box.png) no-repeat; margin-top:150px; position:relative}
.chest1,.chest2,.chest3,.chest4,.chest5,.chest6{ position:absolute; width:129px; height:137px; background:url(../images/chest.png) no-repeat;}
.chest1_open,.chest2_open,.chest3_open,.chest4_open,.chest5_open,.chest6_open{ position:absolute; width:129px; height:137px; background:url(../images/chest_open.png) no-repeat;}
.chest1_close,.chest2_close,.chest3_close,.chest4_close,.chest5_close,.chest6_close{ position:absolute; width:129px; height:137px; background:url(../images/chest_close.png) no-repeat;}
.chest1,.chest1_open,.chest1_close{ left:220px;top:50px;}
.chest2,.chest2_open,.chest2_close{ left:55px;top:150px;}
.chest3,.chest3_open,.chest3_close{ left:55px;top:345px;}
.chest4,.chest4_open,.chest4_close{ left:220px;top:440px;}
.chest5,.chest5_open,.chest5_close{ left:385px;top:340px;}
.chest6,.chest6_open,.chest6_close{ left:385px;top:150px;}
.chest7{ position:absolute; left:210px; top:230px; width:153px; height:156px; background:url(../images/Bchest.png) no-repeat;}
.chest7_o{ position:absolute; left:210px; top:230px; width:153px; height:156px; background:url(../images/Bchest_o.png) no-repeat;}
.chest7_close{ position:absolute; left:210px; top:230px; width:153px; height:156px; background:url(../images/Bchest_close.png) no-repeat;}

.tips{float:left; width:760px;margin-top:45px;margin-left:50px; display:inline;font-size:16px;}
.tips p{ line-height:30px;}
.t1{ color:#fff000; font-size:20px;}
.tips p img{ vertical-align:middle}

.pop_bg{ position:relative; display:none; width:450px; background:#fff; border-radius:10px; border:2px solid #4d2b21; color:#000;}
.close_btn{ position:absolute; right:16px; top:16px; background:url(../images/close_btn.png) no-repeat; width:39px; height:39px; display:block;}
.close_btn:hover{ background:url(../images/close_hover.png) no-repeat;}
.pop_top{ height:80px; line-height:80px;font-size:30px; color:#3f3f47; text-align:center;}
.o_pop_tit{height:55px; line-height:55px;}
.pop_top span{ color:#2696ff;}
.input_css{ width:240px; padding:0 3px; height:28px; border:1px solid #bbbfc0; background:#f7f7f7; font-size:14px; color:#959595;}
.pop_con{font-size:22px; color:#3f3f47;}
.o_pop_con{ text-align:center;font-size:22px; padding:0;}
.pop_con p{margin-top:8px;}
.border{width:360px; margin:0 auto 20px;}
.btn_mar{margin:15px 0 25px; text-align:center;}
.fb_btn{ margin-left:20px; cursor:pointer;}
.pop_login_btn{ background:url(../images/pop_login_btn.png) no-repeat; width:162px; height:41px; display:inline-block;cursor:pointer;}
.pop_login_btn:hover{ background:url(../images/pop_login_hover.png) no-repeat;}
.pop_btn{background:url(../images/o_btn_bg.png) no-repeat; width:162px; height:41px; display:block;cursor:pointer; text-align:center; line-height:41px; color:#fff; margin:20px auto;}
.pop_btn:hover{ background:url(../images/o_btn_hover.png) no-repeat;}
.line_bg{ position:relative; background:#4a4a4a; width:303px; padding-left:50px; height:44px; line-height:44px; display:block;color:#fff; font-size:21px;}
.line_bg img{ position:absolute; left:5px; top:4px;}
.line_option{ position:relative; background:#fff;width:341px; padding-left:10px; height:44px; line-height:44px; border:1px solid #b8b8b8; color:#333; display:block; cursor:pointer;}
.line_option span{ position:absolute; right:10px; top:15px; display:block; background:url(../images/arrow_ico.png) no-repeat; width:20px; height:13px;}
.option_list{ display:none; background:#fff;width:351px; border:1px solid #b8b8b8; color:#333; border-bottom:0; height:200px;overflow-y:auto;overflow-x:hidden;}
.option_list a{ display:block;width:341px; padding-left:10px; height:30px; line-height:30px; border-bottom:1px solid #b8b8b8; cursor:pointer;}
.option_list a:hover{ background:#CCC;}
.show_info{ display:none; position:absolute; top:0; left:693px; width:200px; padding-left:18px; padding-top:10px; border:3px solid #313b31; border-top:0; color:#bbb; padding-bottom:5px; font-size:20px; background:#121b12;}
.show_info a{ color:#bbb; cursor:pointer; font-weight:bold;}
.show_info a.stored_css{ color:#700000;}
.congratulation{ color:#fff; font-size:20px; width:719px; height:29px; line-height:29px; margin:0 auto; background:#101410; border:2px solid #343e34; border-radius:15px; opacity:0.8;}


.box_tc1{ display:none; width:795px; height:759px; background:url(../images/tc1.png) no-repeat;}
.box_tc2{ display:none; width:714px; height:445px; background:url(../images/tc2.png) no-repeat;}
.box_tc3{ display:none; width:406px; height:177px; background:url(../images/box_tc3.png) no-repeat;}
.close{ position:absolute; top:65px; right:105px; background:url(../images/close.png) no-repeat; width:35px; height:35px; display:block; cursor:pointer;}
.close_tc{ position:absolute; top:75px; right:25px; background:url(../images/close.png) no-repeat; width:35px; height:35px; display:block; cursor:pointer;}
.ts_p1{ margin:0 auto; width:600px; padding-top:120px; padding-bottom:20px; color:#ca193a; text-align:center; font-size:24px}
.ts_p1 p{ line-height:40px;}
.ts_p2{ margin:0 auto; width:600px; padding-top:150px; padding-bottom:20px; color:#723800; text-align:center; font-size:30px}
.ts_p2 p{ line-height:50px;}
.ts_p3{ margin:0 auto; width:500px; margin-top:80px;color:#723800; text-align:center; font-size:30px; height:270px; overflow-y:auto; overflow-x:hidden}
.ts_p3 p{ line-height:50px;}
.ts_p3 li{ float:left;width:488px; height:40px; line-height:40px; color:#8c4500; border:1px solid #b37e00; margin-top:10px;}


.num{margin:0 auto; width:500px; height:40px; line-height:40px; color:#8c4500; background:#fff; margin-top:10px;}
.btn_fx{ margin:0 auto; width:147px; height:54px;background:url(../images/btn_fx.png) no-repeat; display:block}
.btn_fx:hover{background:url(../images/btn_fx_h.png) no-repeat;}

.foo_bg{width:100%; background:#000; padding-top:20px; padding-bottom:20px; clear:both}
.footer{ width:1000px; color:#676768; font-size:12px; margin:0 auto; }
.rig_cr{ position:relative; float:left;  display:inline; color:#777; text-align:center;}
.rig_cr a{ font-size:14px; padding:0 8px;color:#777;}
.rig_cr a:hover{ color:#adf4ff;}
.rig_cr p{ margin-top:4px;}
#partner_css{ color:#dede61; padding:5px 12px; background:#202020; border-radius:5px;}
.rig_cr span{ display:block; font-size:15px;}
.rig_class{ float:right;}
.inch_logo{ float:left; margin-left:5px; display:inline;}
.rig_5{ margin-left:2px;color:#777; line-height:17px; margin-top:-2px; float:left; display:inline}

<!-- New Add -->
#server a{ color:#000; text-decoration:none;}
#role a{ color:#000; text-decoration:none;}