* html,* html body{background-image:url(about:blank);background-attachment:fixed;}

* { margin: 0; padding: 0; }
body { font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color:#000;}
ol, ul, li, dd, dl, dt { list-style: none; }
*:focus { outline: 0; }
em, i { font-style: normal; }
img, fieldset { border: 0; }
input, textarea { appearance: none;  border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }
a {cursor: pointer; text-decoration: none; color: #3c9ef2; }
a:visited { color: #000 }
a:hover, a:active { text-decoration: none; color:#9ed3ff; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; }
table { border-collapse:collapse;}
html{background: linear-gradient(90deg, rgba(94, 110, 255, 1) 0%, rgba(9, 11, 29, 1) 100%);}
.tit_1 { height:36px; width:100%; background:#34364a; line-height:36px; color:#c2c5de; font-size:18px;}
.tit_1 .zhu { font-size:12px; color:#898ca3; display:block; float:left; margin-left:20px;}
.tit_1 span{display:block; float:left; margin-left:10px; *margin-left:6px; padding-left:25px;}
.tit_1 .ioc_1 {  background:url(/images/img/tit_ico.png) 0 0 no-repeat; }
.tit_1 .ioc_2 {  background:url(/images/img/tit_ico.png) 0 -36px no-repeat;}
.tit_1 .ioc_3 {  background:url(/images/img/tit_ico.png) 0 -72px no-repeat;}
.tit_1 .ioc_4 {  background:url(/images/img/tit_ico.png) 0 -108px no-repeat;}
.tit_1 .ioc_5 {  background:url(/images/img/tit_ico.png) 0 -144px no-repeat;}
.tit_1 .ioc_6 {  background:url(/images/img/tit_ico.png) 0 -180px no-repeat;}
.tit_1 .ioc_7 {  background:url(/images/img/tit_ico.png) 0 -216px no-repeat;}
.tit_1 .ioc_8 {  background:url(/images/img/tit_ico.png) 0 -252px no-repeat;}
.tit_1 .ioc_9 {  background:url(/images/img/tit_ico.png) 0 -288px no-repeat;}
.tit_1 .ioc_10 {  background:url(/images/img/tit_ico.png) 0 -325px no-repeat;}
.tit_1 .ioc_11 { background:url(/images/img/tit_ico.png) 0 -360px no-repeat;}
/*登录*/
.regis { position:fixed; left:0; top:0; z-index:10000; height:100%; width:100%; background:none !important; _height:800px; display:none; *position:absolute;   }

/*主体*/
.main { width:1080px; margin:0 auto;}

.step-box{border:0;}
.step-list{margin:0;}

.game_bk { height:400px; display:block;}
/*游戏logo*/
.game_logo { width:100%; display:block; padding-top:20px;}
.game_logo .img { display:block; width:300px; height:200px; background-size:300px 150px;}
/*厂商、服务器*/
.server {height: 50px;
    line-height: 50px;
    width: 400px;
    position: relative;
    margin-top: 15px;
    background: url(/images/new/yx_tip.png) no-repeat center / 100% 100%;}
.server .bck { width:250px; height:30px; line-height:30px; display:block; background:#000; opacity:0.7; filter:alpha(opacity=70); border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; position:absolute; left:0; top:0; z-index:100;}
.server .text {position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    color: #fff;
    z-index: 1000;
    width: 100%;
    font-size: 16px;
    line-height: 48px;
    padding-left: 30px;}
/*奖励、动态*/
.reward_dynamic {margin-top:30px;}
.reward_dynamic .reward { display:block; float:left; height:61px; line-height:61px; background:url(/images/img/reward_shiwan.png) no-repeat left center; padding-left:310px; }
.reward_dynamic .reward span { display:block; float:left;}
.reward_dynamic .reward .number_0 { width:47px; height:61px; background:url(/images/img/reward_0.png) no-repeat; }
.reward_dynamic .reward .number_1 { width:29px; height:61px; background:url(/images/img/reward_1.png) no-repeat;}
.reward_dynamic .reward .number_2 { width:43px; height:61px; background:url(/images/img/reward_2.png) no-repeat; }
.reward_dynamic .reward .number_3 { width:44px; height:61px; background:url(/images/img/reward_3.png) no-repeat; }
.reward_dynamic .reward .number_4 { width:48px; height:61px; background:url(/images/img/reward_4.png) no-repeat; }
.reward_dynamic .reward .number_5 { width:44px; height:61px; background:url(/images/img/reward_5.png) no-repeat; }
.reward_dynamic .reward .number_6 { width:45px; height:61px; background:url(/images/img/reward_6.png) no-repeat; }
.reward_dynamic .reward .number_7 { width:45px; height:61px; background:url(/images/img/reward_7.png) no-repeat; }
.reward_dynamic .reward .number_8 { width:45px; height:61px; background:url(/images/img/reward_8.png) no-repeat; }
.reward_dynamic .reward .number_9 { width:45px; height:61px; background:url(/images/img/reward_9.png) no-repeat; }
.reward_dynamic .reward .number_10 { width:20px; height:61px; background:url(/images/img/reward_10.png) no-repeat center bottom; }
.reward_dynamic .reward .number_w { display:block; float:left; width:73px; height:61px; background:url(/images/img/reward_w.png) no-repeat;}
.reward_dynamic .dynamic_text{float:left; display:block; height:30px; line-height:30px; color:#fff; background:url(/images/img/dynamic_text_bk.png) repeat-x; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); padding:0 10px; margin:20px 0 0 20px; max-width:370px;  text-overflow:ellipsis; *width:420px; cursor:pointer; position:relative; overflow: hidden;white-space:nowrap;}
.reward_dynamic .tan { position:absolute; background:#ffd781; width:200px; z-index:1000; padding:10px; opacity:0.9; filter:alpha(opacity=90); line-height:20px; color:#000; display:none; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
/*试玩步骤*/
.step { width:100%; height:70px; background:url(/images/img/step_bk.png) no-repeat;}
.zhuc { display:block; float:right; padding:4px 26px 0 0;}
.zhuc .button_1 { background:url(/images/img/button_1.png) 0 0 no-repeat;}
.zhuc .button_1:hover { background:url(/images/img/button_1.png) 0 -45px no-repeat;}
.zhuc .button_2 { background:url(/images/img/button_1.png) 0 -90px no-repeat;}
.zhuc .button_2:hover { background:url(/images/img/button_1.png) 0 -135px no-repeat;}
.zhuc .button_3 { background:url(/images/img/button_1.png) 0 -180px no-repeat;}
.zhuc .button_4 { background:url(/images/img/button_1.png) 0 -225px no-repeat;}
.zhuc .butt { display:block;  width:199px; height:45px;  line-height:37px;}
.zhuc .jc { display:block; width:200px; background:url(/images/img/zhuc_jc.png) no-repeat 30px center; color:#ffd781; text-align:center}
.zhuc .jc:hover { color:#f05454;}
/*内容*/
.content { background:#fff; padding:15px 20px;border-radius:10px;margin: 0 0 50px 0;}
.content_left { display:block; float:left; width:320px; }
.content_right { display:block; float:right; width:700px; }
/*试玩信息*/
#ljlogin{    background: rgba(238, 63, 39, 1);
    color: #fff;
    padding: 2px 40px;
    border-radius: 10px;
    font-size: 14px;margin: 10px 0 10px 0;
    display: inline-block;}
.information { margin-top:10px;}
.information .cont { background:#fff;}
.information .cont p { color:rgba(56, 56, 56, 0.87); line-height:36px; text-align:center;font-size:13px;}
.information .cont span { color:rgba(137, 137, 137, 1);}
.information .cont a { color:rgba(212, 48, 48, 1);}
.information .cont a:hover { color:#9ed3ff;}
.information .cont i { color:#fff;}
.information .cont .but { height:40px; margin-top:10px;}
.information .cont .but img { margin-top:10px; margin-left:10px;}
.information .cont p .ann { width:96px; height:24px; line-height:24px; border-bottom:3px solid #ce9f55; display:block; background:#ffd781; text-align:center; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; color:#7b4500; float:left;}
/*试玩倒计时*/
.countdown .tls{text-align:center;font-size:14px;border-bottom:1px solid rgba(229, 229, 229, 1);color:rgba(137, 137, 137, 1);padding: 7px 0 10px 0;}
.countdown .cont { background:#fff; width:100%; padding:20px 0;display: flex;
    align-items: center;
    justify-content: space-between;box-sizing: border-box;}
.countdown .cont span{ display:block; float:left; height:50px; line-height:50px; text-align:center; color:rgba(212, 48, 48, 1); font-size:25px; font-weight: bold;background:rgba(255, 141, 26, 0.59);border-radius: 10px;padding: 0 5px;}
.countdown .cont i{ display:block; float:left; margin-left:0;color:rgba(137, 137, 137, 1);font-size:14px;}
/*试玩等级排行*/
.ranking { margin-top:10px;}
.ranking .cont { background:#fff; width:100%; padding:25px 0 0 0;}
.ranking .cont .table_1 { width:280px; margin:0 auto; border:1px solid #57585f; color:#fff;}
.ranking .cont .table_1 tr {  border:1px solid #57585f; height:32px; line-height:32px;}
.ranking .cont .table_1 td {  border:1px solid #57585f;}
.ranking .cont .table_1 th {  border:1px solid #57585f; background:#2d2e33; color:#bcbcbc; font-weight:normal;}
.ranking .cont .table_1 i { color:#fd9c00; font-weight:bold;}
.ranking .cont .table_1 .sx_db { border:none;}
.ranking .cont .table_1 .sx_db a { color:#fff;}
.ranking .cont .table_1 .sx_db a:hover { color:#ff3636;}
.ranking .cont .table_1 .sx_db i{ font-family: "宋体"; color:#fff;}
.ranking .cont .table_1 .zhu { color:#ccc;}
.ranking .sx { height:32px; line-height:32px; display:block; background: #fff;}
.ranking .sx span { color: #808080; }
.ranking .sx i { font-family: "宋体"}
.ranking .sx a { color: #fff;}
.ranking .sx a:hover { color: red}
.ranking .sy { display: block; float:left; margin-left: 10px;}
.ranking .xy { display: block; float:right; margin-right: 10px;}

/*充值返利*/
.rebate { margin-top:10px;}
.rebate .cont { background:#fff; width:100%; color:#fff; padding:25px 0;}
.rebate .cont p { line-height:25px; padding:0 10px;}
.rebate .cont .zhu { color:#fd9c00;}
.rebate .cont .ann { margin-top:20px;}
.rebate .cont .ann .button_5 { width:125px; height:32px; line-height:32px; text-align:center; background:#ffd781; border-bottom:3px solid #ce9f55; display:block; float:left; color:#7b4500; font-size:14px;}
.rebate .cont .ann .button_5 i { font-family:"宋体";}
.rebate .cont .ann .button_5:hover { background:#ffe3a6; color:#b96a05;}
.rebate .cont .chak { color:#3c9ef2; display:block; float:left; margin-left:10px;}
.rebate .cont .chak i { font-family:"宋体";}
.rebate .cont .chak:hover { color:#62b7ff;}
/*官方QQ群*/
.qq_group { margin-top:10px;}
.qq_group .cont {  background:#fff; width:100%;  padding:15px 0 25px 0;}
.qq_group .cont p { padding:0 10px; line-height:22px; margin-top:15px;}
.qq_group .cont p span { display:block; float:left;}
.qq_group .cont p a { display:block; float:left; width:90px; height:22px; background:url(/images/img/qq_group_ico.png) no-repeat;}
/*游戏介绍*/
.introduction { margin-top:10px;}
.introduction .cont {  background:#fff; width:100%; padding:15px 0;}
.introduction .cont p {padding:0 10px; line-height:25px;color: rgba(56, 56, 56, 1);
    font-size: 13px;}
/*游戏FAQ*/
.faq { margin-top:10px;}
.faq .cont { background:#fff; width:100%; padding:10px 0; }
.faq .cont a { display:block; height:35px; line-height:35px; width:280px; margin-left:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;color:#000;font-size:14px;}
.faq .cont a:hover { color:#ff3636;}
/*游戏详情*/
.game_details { background:#fff; color:#b2b2b2; padding:10px;}
.game_details p { line-height:30px; display:block; padding-left:10px;font-size: 13px;
    color: #000;}
.game_details p span{font-weight:bold;}
.game_details .red { color:#ffd781;}
.game_details .green { color:#F7E40B;}
.game_details .white { color:#fff;}
.game_details .yellow { color:#e2b300;}
/*温馨提示*/
.cozy {    color: rgba(212, 48, 48, 1);
    height: 32px;
    line-height: 32px;
    background: #fff;
    margin-top: 15px;
    border: 1px solid rgba(229, 229, 229, 1);
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 14px;}
/*试玩奖励*/
.award { margin-top:10px;}
.award .cont {background:#fff; width:100%; padding:20px 0;} 
.award .cont .table_2 { width:95%; margin:0 auto; border:1px solid #c4c5c6; }
.award .cont .table_2 tr { border:1px solid #c4c5c6; height:38px; line-height:38px;font-size: 13px;}
.award .cont .table_2 td { border:1px solid #c4c5c6;}
.award .cont .table_2 th { border: 1px solid #c4c5c6;
    font-weight: normal;
    color: #000;
    background: #eeeff3;}
.award .cont .table_2 i{ color:#fd9c00; font-weight:bold;}
.award .cont .table_2 span { color:#fd9c00;font-weight:bold; background:url(/images/img/hl_bb.png) no-repeat right center; padding-right:18px;}
.award .cont .table_2 em { display:block; width:54px; height:18px; text-align:center; line-height:18px; color:#fff; background:#8d8e99; border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px;}
.award .cont .table_2 .w { background:none; }
.award .cont .table_2 .l {background:#b92d15; } 
.award .cont .crash { margin:10px 20px 0 20px;}
.award .cont .crash .tit_2 { height:40px; line-height:40px; border-bottom:1px solid #57585f; font-size:18px; color:#c2c5de; padding-left:30px; background:url(/images/img/crash_d.gif) no-repeat 10px center;}
.award .cont .crash p { display:block; padding:0 20px;}
.award .cont .crash .biao { color:#fd9c00; font-size:14px; line-height:40px;}
.award .cont .crash .biao i { color:#fff; font-size:12px;}
.award .cont .crash .text { line-height:28px; color:#b3b3b3; height:80px; overflow:hidden;}
.award .cont .crash .text a { color:#3c9ef2;}
.award .cont .crash .text a:hover { color:#62b7ff;}
.award .cont .crash .text a i { font-family:"宋体";}
/*冲级比赛*/
.match { margin-top:10px; background: #fff;}
.match .jia { padding: 10px; font-size: 14px;}
.match .jia  p{ line-height: 30px;}
.match .cont { background:#fff; padding:25px 0;}
.match .cont .table_2 { width:634px; margin:0 auto; border:1px solid #57585f; color:#333;}
.match .cont .table_2 tr { border:1px solid #57585f; height:38px; line-height:38px;}
.match .cont .table_2 td { border:1px solid #57585f;}
.match .cont .table_2 th { border:1px solid #57585f; font-weight:normal; color:#bcbcbc; background:#2d2e33;}
.match .cont .table_2 span { color:#fd9c00;font-weight:bold; background:url(/images/img/hl_bb.png) no-repeat right center; padding-right:18px;}
/*游戏截图*/
.screenshot { margin-top:10px;}
.screenshot .cont {background:#fff; padding:20px 0;}
.screenshot .cont .slide{position:relative;width:674px;height:95px;margin:0 auto;}
.screenshot .cont .slide .bd
{position:absolute;left:22px; height:96px;}
.screenshot .cont .slide .cover{position:relative;width:630px;height:96px;overflow:hidden;}
.screenshot .cont .slide ul{position:relative;overflow:hidden; height:96px;width:10000px;}
.screenshot .cont .slide li{position:relative;float:left;display:inline;width:145px; height:95px;margin-right:20px;}
.screenshot .cont .slide li a{position:relative;text-decoration:none;width:145px; height:95px;overflow:hidden;display:block;}
.screenshot .cont .slide .shadow{position:absolute;left:-1px;bottom:-30px;width:145px; height:95px;}
.screenshot .cont .slide .shadow-vanish{position:absolute;left:0;top:0;width:145px; height:95px;}
.screenshot .cont .slide li img{display:block;width:150px; height:96px;}
.screenshot .cont .slide li .info-wrap{position:absolute;left:0;bottom:-24px;width:145px; height:95px; top:96px;}
.screenshot .cont .slide li i{position:absolute;left:0;top:0;height:100%;width:100%;cursor:pointer;background-color:#000000;filter:alpha(opacity=60);opacity:0.6;}
.screenshot .cont .slide li strong{position:absolute;left:13px;top:6px;font-size:16px;color:#FFFFFF;cursor:pointer;}
.screenshot .cont .slide li .status{position:absolute;right:10px;top:7px;color:#c4c4c4;line-height:160%;cursor:pointer;}
.screenshot .cont .slide li .info{position:absolute;left:13px;top:0;line-height:2em;color:#c4c4c4;font-size:14px;cursor:pointer;}
.screenshot .cont .slide li em{position:absolute;right:10px;top:3px;font-size:24px;line-height:100%;color:#fb7702;cursor:pointer;}
.screenshot .cont .slide li em span{font-size:16px;}
.screenshot .cont .slide .btn{position:absolute;top:0;width:22px;height:95px;font-size:24px;color:#FFFFFF;outline:none;}
.screenshot .cont .slide .left-btn{left:-22px;}
.screenshot .cont .slide .right-btn{right:-22px;}
.screenshot .cont .edge{position:absolute;top:0;width:4px;height:300px;}
.screenshot .cont .left-edge{left:-4px;}
.screenshot .cont .right-edge{right:-4px;}
.screenshot .cont .slide-bottom-shadow{width:960px;height:15px;position:absolute;left:-4px;bottom:-17px;}
.screenshot .cont .slide .ft{text-align:center;height:46px;position:absolute;left:0;bottom:0;}
.screenshot .cont .slide .tab{position:relative;height:46px;width:952px;}
.screenshot .cont .slide .tab a{position:relative;color:#66717f;width:65px;display:inline-block;text-align:center;line-height:34px;outline:none;}
.screenshot .cont .slide .tab a:hover{text-decoration:none;}
.screenshot .cont .slide .tab .cur{color:#FFFFFF;}
.screenshot .cont .slide .tab a.cur span{position:absolute;left:-31px;display:block;width:130px;height:5px;bottom:33px;overflow:hidden;}
.screenshot .cont .slide .tab a:hover{color:#FFFFFF;}
.screenshot .cont .left-edge,.right-edge{background-image:url(../images/head.png);background-repeat:no-repeat;}
.screenshot .cont .slide .tab{background-image:url(../images/tab.png);background-repeat:no-repeat;}
.screenshot .cont .slide .inner-shadow{background:url(../images/blackmask.png) 0 0 no-repeat;}
.screenshot .cont .slide .left-btn{ background:url(/images/img/screenshot_next.gif) center center no-repeat;}
.screenshot .cont .slide .right-btn{ background:url(/images/img/screenshot_bth.gif) center center no-repeat;}
.screenshot .cont .slide .shadow{background:url(../images/topbanner.png) 0 0 no-repeat;}
.screenshot .cont .slide .tab a.cur span{background:url(../images/topstar.png) 0 0 no-repeat;}
.screenshot .cont .slide-bottom-shadow{background:url(../images/slide-bottom-shadow.png) 0 0 no-repeat;}
.screenshot .cont .slide{background-position:0 -28px;}
.screenshot .cont .slide .tab{background-position:0 0;}
.screenshot .cont .left-edge{background-position:0 0;}
.screenshot .cont .right-edge{background-position:-6px 0;}
/*试玩条例*/
.regulations { margin-top:10px;}
.regulations .cont { background:#fff; padding:20px 0;font-size: 14px;}
.regulations .cont span { display:block; color:rgba(212, 48, 48, 1);margin-left:20px; line-height:35px; height:35px;}
.regulations .cont p { display:block; height:35px; line-height:35px; margin-left:10px; padding-left:10px; }
/*底部*/
.bottom_1 { width:100%; background:#383941; margin-top:10px; color:#999; padding:10px 0;}
.bottom_1 .cont { width:1080px; margin:0 auto;}
.bottom_1 p { display:block; height:40px; line-height:40px; text-align:center;}
.bottom_1 .lianj { margin:0 auto; }
.bottom_1 .lianj a { color:#999 !important;}
.bottom_1 .lianj a:hover { color:#ff3636 !important;}

/*欢乐币、豆兑换*/
.exchange { display: block; margin-top: 10px; background: #fff;padding-bottom: 10px;}
.exchange .cont .tab_2 { display: block; width: 280px; margin: 0 auto; font-size:14px; margin-top: 10px;}
.exchange .cont .tab_2 span { display: block; float: left; width: 138px; height: 27px; line-height: 27px; text-align: center; background: #fff; border: 1px solid #34364a; cursor: pointer;}
.exchange .cont .tab_2 .hover { background: #34364a; color:#ffcb5b;}
.exchange .cont .sr { display: block;}
.exchange .cont .sr li { display: block; margin-top: 18px; height: 26px; line-height: 26px;}
.exchange .cont .sr .text { display: block; float:left; width: 70px; text-align: right;}
.exchange .cont .sr .shur { display: block; border: 1px solid #34364a; background: #e6e6e6; height: 24px; float: left;}
.exchange .cont .sr .xuanz_2 { width: 120px; color: #000;}
.exchange .cont .sr .shur_1 { width: 110px; padding: 0 5px;}
.exchange .cont .sr .sm { display: block; float: left; margin-left: 5px; color: #fd9c00;}
.exchange .cont .sr .sm_1 { display: block; float: left; margin-left: 5px; color: #b2b2b2;}
.exchange .cont .sr .ann { width:72px; height:24px; line-height:24px; border-bottom:3px solid #ce9f55; display:block; background:#ffd781; text-align:center; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; color:#7b4500; float:left; margin-left: 70px;}
.exchange .cont .sr .ann:hover { background: #ffce80;}
.exchange .cont .z { display: block; padding: 0 10px; margin-top:15px;  line-height: 25px; color:#b2b2b2;}
.exchange .cont .z i { color: #fd9c00;}