body{background: #fff; font-family: "微软雅黑";}

.index_container{padding-bottom: 80px;}
.games_item_wrap{background: #fff;}

.auto-height{height: auto;overflow: hidden;}

.unslider {
    position: relative;
    overflow: hidden;
}
.my-slider img{width: 100%; height: auto;}
.banner .unslider-nav {
    position: absolute;
    bottom: 6px;
    left: 50%;
    right: 0;
    top: auto;
    margin: 0;
    text-align: center;
}
.banner .unslider-nav li {
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: 3px 3px;
    padding: 6px;
    background: #333;
    border-radius: 8px;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer;
    float: left;
}
.banner .unslider-nav li.unslider-active{
    background: #fdbb00;
}
.banner .unslider-nav li:hover{
	background: #fdbb00;
}


p.title{
	border-left: 4px solid #ffa600;
	padding-left: 12px;
	font-size: 22px;
	color: #333;
    margin-top: 36px;
}
p.gift_title a.more{margin-right: 35px;}
p.server_title{margin-top: 0;}

.new_server_list .gift_list_wrapper{margin-top: -2px !important;width: 304px;}
.new_server_list .gift_list_controller{width: 304px !important;}

ul.server_item_ul{margin-top: 36px;}
ul.server_item_ul li{margin-bottom: 28px;height: 15px;line-height: 15px;}
ul.server_item_ul span{font-size: 12px;display: inline-block;float: left;}
ul.server_item_ul .server_span_1{width: 80px; color: #9c9c9c;text-align: right;}
ul.server_item_ul .server_span_2{width: 100px; color: #7393b9;padding-left: 25px;}
ul.server_item_ul .server_span_3{width: 93px; color: #9c9c9c;float: right;}

.recommend_games_item, .hot_games_item, .hot_gift_item, .games_rank_item, .friendly_link_item{width: 1200px;height: auto;overflow: hidden;margin: 0 auto;}
.recommend_games_item{height: 400px;}
.recommend_games_ul{height: 320px; margin-top: 20px;}
.recommend_games_ul li{
	float: left;
	width: 293px;
	margin-right: 5px;
    height: 320px;
    background: #fff;
    border: 1px solid #e5e5e5;
}
.recommend_game_logo{width: 293px; height: auto;}
.item_one{padding: 25px;padding-bottom: 11px;}
.item_one span{float: right;width: 90px;font-size: 14px;margin-right: 8px;}
.item_two{padding: 0 25px;height: 32px;line-height: 32px;}
.item_one .game_name{color: #000;font-weight: bold;}
.item_one .game_site{margin-right: 8px;color: #000;}
.item_one .game_gift{margin-left: 8px;color: #000;}
.item_two .game_cat{font-size: 14px;color: #8d8d8d;}

.start_btn{
	float: right;
	background: #fff;
	padding: 0px 14px;
	color: #ffa600;
	border: 1px solid #ffa600;
    border-radius: 20px;
}
.start_btn:hover{
	background: #ffa600;
	color: #fff;
	text-decoration: none;
}
.more:hover{
    background: #ffa600;
    color: #fff;
    text-decoration: none;
}


.hot_games_item{margin-top: 15px;}
.hot_games{width: 100%;float: left;}
.news_info, .server_item{width: 312px; float: left;margin-left: 8px;}
.server_item{margin-top: -26px;}
.more{float: right;padding: 5px 10px;background: #fff;color: #ffa600;border: 1px solid #ffa600;font-size: 14px;margin-right: 15px;font-weight: normal;border-radius: 15px;}

.hot_games_ul{margin-top: 18px;}
.hot_games_ul li{width: 300px; height: 100px;float: left;margin-bottom: 15px;}
.hot_games_ul li .game_logo{width: 84px;float: left;line-height: 100px;}
.hot_games_ul li .game_logo img{vertical-align: middle; width: 84px; height: auto;}
.games_info{width: 182px;height: 80px;float: left;font-size: 14px;margin-top: 20px;margin-left: 10px;}
.games_info .game_name a{color: #000;}
.games_info_1{margin-top: 8px;color: #8d8d8d;font-size: 12px;}
.games_info_1 span{margin-right: 8px;margin-left: 8px;}
.games_info_1 span.role{margin-left: 0px;}
.games_info_2{margin-top: 15px;}
.games_info_2 a{padding: 4px 14px;border: 1px solid #cecece;border-radius: 6px;color: #333;margin-right: 10px;}
.games_info_2 a:hover{text-decoration: none;background: #ff8500;border: 1px solid #ff8500; color: #fff;}

.news_info_ul{font-size: 14px;}
.news_info_ul li.first_news{margin-top: 27px;}
.news_info_ul li{margin-top: 10px;padding: 3px 0;}
.news_info_ul li span{background: #f7f7f7;color: #666;padding: 3px 4px;border-left: 2px solid #fcbb00;font-size: 12px;margin-right: 5px;}

.hot_gift{width: 100%;float: left;}
.hot_gift_item{margin-top: 0px;}
.hot_gift_ul{height: auto;overflow: hidden;background: #fff;padding: 0; margin-top: 12px;padding: 15px 20px;padding-right: 8px;
margin-right: 12px;}
.hot_gift_ul li{width: 210px !important; }
.hot_gift_ul .games_info{width: 110px !important;padding-left: 5px;}
.recieve_gift{background: url('../images/gift.png') no-repeat;background-position: 12px 5px;padding-left: 32px !important;}
.games_info_2 a.recieve_gift:hover{
	text-decoration: none;background: #ff8500;border: 1px solid #ff8500; color: #fff;
	background-image: url('../images/gift_hover.png');background-position: 12px 5px; background-repeat: no-repeat;
}


.games_rank_item{margin-top: 30px;margin-bottom: 45px;}
.rank_item{width: 373px;float: left;margin-right: 40px;}
.rank_item ul{margin-top: 15px;background: #f8f8f8;}
.rank_item p{padding-bottom: 8px;border-bottom: 1px solid gold;border-left: none;height: 35px;line-height: 35px;}
.rank_item .ios_title{border-bottom: 1px solid #e43928;padding-left: 30px;background: url(../images/ios.jpg) no-repeat;
color: #e43928;background-position: 3px 2px;}
.rank_item .android_title{border-bottom: 1px solid #4daa7d;padding-left: 30px;background: url(../images/android.jpg) no-repeat;
color: #4daa7d;background-position: 3px 2px;}
.rank_item .mobile_title{border-bottom: 1px solid #0d89df;padding-left: 30px;background: url(../images/news.jpg) no-repeat;
color: #0d89df;background-position: 3px 2px;}

.rank_item .more{padding: 0px 10px;height: 30px;line-height: 30px;margin-right: 0;}
.rank_item .ios_title .more{border: 1px solid #e43928;color: #e43928;}
.rank_item .ios_title .more:hover{color: #fff;background: #e43928;}
.rank_item .android_title .more{border: 1px solid #4daa7d;color: #4daa7d;}
.rank_item .android_title .more:hover{color: #fff;background: #4daa7d;}
.rank_item .mobile_title .more{border: 1px solid #0d89df;color: #0d89df;}
.rank_item .mobile_title .more:hover{color: #fff;background: #0d89df;}

.rank_item li{height: 80px;line-height: 80px;border-bottom: 1px solid #efedec;}
.rank_item li img{vertical-align: middle;width: 60px;margin-left: 22px;}

.rank_no{
	display: inline-block;
	width: 20px;
	height: 80px;
	text-align: center;
	color: #fff;
	background: #a4b2bf;
	float: left;
	font-weight: bold;
}
.rank_name{
	display: inline-block;
	width: 235px;
	float: left;
	margin-left: 15px;
}
.rank_name a{color: #333;}

.ios_rank_1{background: #e43928;}
.ios_rank_2{background: #f19601;}
.ios_rank_3{background: #f3d400;}
.android_rank_1{background: #4daa7b;}
.android_rank_2{background: #60bd8e;}
.android_rank_3{background: #89dcb2;}
.hot_rank_1{background: #0d89df;}
.hot_rank_2{background: #3da8f0;}
.hot_rank_3{background: #75c5fa;}


.friendly_link_item{margin-top: 40px;margin-bottom: 50px;}
.friendly_link_ul{margin-top: 25px;}
.friendly_link_ul li{float: left;font-size: 13px;margin-bottom: 10px;}
.friendly_link_ul li a{font-size: 13px;}

/************************************   game_center   start *******************************************/
.container.game_container {
    min-height: 700px;
}
.platform .game {
    background: url(../images/game_center_bg.png) top center no-repeat;
    width: 100%;
	height: 350px;
}
.platform .container {
    width: 1200px;
    margin: 40px auto 0;
}
.platform .container .main {
    overflow: hidden;
    color: #666;
}
.platform .game_container .main .content {
    position: relative;
    margin-right: 20px;
    width: 800px;
    float: left;
}
.platform .container .main .right_sidebar {
    margin-top: 78px;
    overflow: hidden;
    width: 300px;
    float: left;
}
.game_filter {
    clear: both;
    margin: 20px 0;
    border: 1px solid #e6e6e6;
    padding: 30px 30px 10px;
    font-size: 12px;
    line-height: 1.2;
}
.game_filter dt {
    color: #888;
    float: left;
    margin-right: 10px;
}
.game_filter dd {
    overflow: hidden;
    margin-bottom: 10px;
}
.game_filter dd a.curr {
    color: #ed8000;
}
.game_filter dd a.first {
    min-width: inherit;
    border-left: none;
    padding-left: 0;
}
.game_filter dd a {
    display: inline-block;
    margin-right: 15px;
    color: #666;
    border-left: 1px solid #ccc;
    padding-left: 15px;
    white-space: nowrap;
    margin-bottom: 10px;
}

.game_center_ul li{width: 265px;}
.game_center_ul li .games_info{width: 170px;}

.pager {
    font-size: 14px;
    padding: 20px 0px;
    text-align: center;
}
.pager .rows {
    vertical-align: middle;
}
.arrow {
    font-size: 9px;
}
.charts_wrapper {
    width: 298px;
    float: left;
    margin-bottom: 20px;
    border: 1px solid #dddbe5;
}
.charts_wrapper .button_charts {
    height: 50px;
    line-height: 50px;
    background-color: #f4f4f3;
    font-size: 16px;
    text-align: center;
    color: #333;
    width: 50%;
    text-decoration: none;
    display: block;
    float: left;
}
.charts_wrapper .button_charts.current {
    background-color: #fe9800;
    color: #fff;
}
.charts_wrapper .list {
    margin-bottom: 10px;
    overflow: hidden;
    clear: both;
    padding-top: 10px;
    padding-left: 22px;
}
ul.list.top li {
    width: 95px;
    margin-left: 23px;
    margin-right: -5px;
}
.charts_wrapper .list li {
    width: 72px;
    height: 80px;
    float: left;
    margin: 9px 10px 25px 4px;
    font-size: 12px;
}
.charts_wrapper .list li a {
    height: 72px;
    text-decoration: none;
    text-align: center;
    display: block;
}
.charts_wrapper .list li a h3{margin-top: 5px;}
.charts_wrapper .list a img {
    border-radius: 10px;
    width: 72px;
    height: 72px;
}


/************************************   game_center   end *******************************************/



/************************************   gift   start *******************************************/

.gift_ul{padding: 50px;border: 1px solid #dddbe5;padding-bottom: 20px;}
.gift_ul li{float: left;width: 190px;text-align: center;margin-bottom: 30px;}
.gift_ul li img{width: 90px;}
.gift_ul li p{margin-top: 15px;}
.gift_ul li p.has_recieved{margin: 0 auto;
    font-size: 12px;
    width: 174px;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.8;
	margin-top: 15px;
}
.gift_ul li .get_gift{font-size: 12px;color: #fdbc00;border: 1px solid #fdbc00;padding: 3px 5px;}
.my_card_item{width: 310px;height: 54px;}
.gift_detail_container{margin-bottom: 30px !important;}
.platform .gift_detail_container .main .gift_detail_content{width: 847px;float: left;}
.gift_detail {
    overflow: hidden;
}
.gift_detail .gift_thumb {
    margin-right: 20px;
    float: left;
}
.gift_detail .gift_thumb img {
    width: 140px;
    height: 140px;
}
.gift_detail .gift_info {
    overflow: hidden;
    margin-bottom: 10px;
}
.gift_detail .gift_info .title {
    font-size: 22px;
    font-weight: normal;
    color: #333;
    margin-bottom: 20px;
}
.gift_detail .gift_info p {
    color: #999;
    margin-bottom: 10px;
}
.gift_detail .gift_info p em {
    margin-right: 18px;
    font-style: normal;
}
.gift_button_a {
    text-decoration: none;
    background: url(http://h5.yx58.com/static/home/css/../images/gift_box.png) #fd9800 no-repeat center center;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    background-position: 30px;
}
.gift_button_a:hover {
    text-decoration: none;
    background-color: #edc000;
    color: #fff;
}
.gift_button {
    display: inline-block;
    width: 85px;
    height: 40px;
    border: none;
    cursor: pointer;
    overflow: hidden;
    margin-top: 15px;
    padding-left: 55px;
}
.gift_detail .gift_content {
    border-top: 1px solid #ccc;
    font-size: 14px;
    line-height: 1.8;
    color: #000;
    margin-top: 40px;
}
.gift_detail .gift_content p {
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 5px;
    padding-top: 20px;
}
.all_gift_content{width: 1200px;}
.all_gift_ul{padding-left: 20px;padding-right: 20px;}

.jump_wrapper {
    margin: 0 auto;
    padding-top: 60px;
    background-color: #fff;
    width: 1200px;
    height: 650px;
    overflow: hidden;
    text-align: center;
}
.jump_wrapper .jump_left.ok {
    background: url("../images/ok.png") center top no-repeat;
}
.jump_wrapper .jump_left {
    margin-bottom: 20px;
    height: 80px;
}
.jump_wrapper .jump_right {
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
}
.jump_wrapper .jump_right h3 {
    font-size: 34px;
    margin-bottom: 15px;
}
.jump_wrapper .jump_right p {
    font-size: 14px;
    color: #999;
}
.jump_wrapper .jump_right p {
    font-size: 14px;
    color: #999;
}
.jump_wrapper .jump_right p a {
    color: #333;
    margin-left: 2px;
}

/************************************   gift   end *******************************************/


/************************************   service   start *******************************************/
.service {
/*    background: url(../images/service_top_v2.jpg) no-repeat center center;
    background-color: #3EB9E3;
    width: 100%;
    height: 163px;*/
    width: 100%;
    background: url(../images/game_center_bg.png) top center no-repeat;
    height: 350px;
}
.service_container {
    margin: 20px auto 0 auto;
    background-color: #fff;
    width: 1200px;
}
.service_container .problem_box {
    padding-top: 30px;
    overflow: hidden;
    margin-bottom: 70px;
}
.service_container .problem_box li.problem {
    width: 20%;
    text-align: center;
}
.nav li {
    float: left;
}
.service_container .problem_box li.problem a {
    display: block;
    padding-top: 128px;
    color: #666;
    background: no-repeat top center;
    text-decoration: none;
}
.service_container .problem_box li.problem a.account_problem {
    background-image: url(../images/account_problem.png);
}
.service_container .problem_box li.problem a.account_problem:hover {
    background-image: url(../images/account_hover.png);
}
.service_container .problem_box li.current a.account_problem {
    background-image: url(../images/account_hover.png);
}
.service_container .problem_box li.problem a.recharge_problem {
    background-image: url(../images/recharge_problem.png);
}
.service_container .problem_box li.problem a.recharge_problem:hover {
    background-image: url(../images/recharge_hover.png);
}
.service_container .problem_box li.current a.recharge_problem {
    background-image: url(../images/recharge_hover.png);
}
.service_container .problem_box li.problem a.inform_problem {
    background-image: url(../images/inform_problem.png);
}
.service_container .problem_box li.problem a.inform_problem:hover {
    background-image: url(../images/inform_hover.png);
}
.service_container .problem_box li.current a.inform_problem {
    background-image: url(../images/inform_hover.png);
}
.service_container .problem_box li.problem a.other_problem {
    background-image: url(../images/other_problem.png);
}
.service_container .problem_box li.problem a.other_problem:hover {
    background-image: url(../images/other_hover.png);
}
.service_container .problem_box li.current a.other_problem {
    background-image: url(../images/other_hover.png);
}
.service_container .problem_box li.problem a.service_problem {
    background-image: url(../images/service_problem.png);
}
.service_container .problem_box li.problem a.service_problem:hover {
    background-image: url(../images/service_hover.png);
}
.service_container .problem_box li.current a.service_problem{
    background-image: url(../images/service_hover.png);
}
.service_box {
    padding-bottom: 40px;
}
.service_container .section.solution_box {
    padding: 40px 10px 40px;
    margin: 0px 40px 0px 40px;
}
.service_container .section {
    text-align: justify;
    border: 1px solid #e6e6e6;
    padding: 42px 60px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.service_container .section h2 {
    width: 135px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    top: -60px;
    font-size: 24px;
    font-weight: 100;
    color: #4a3770;
    background-color: #fff;
}
.service_container .section.solution_box .question_box {
    padding: 0 90px 0;
}
.service_container .section h3.question {
    position: relative;
    width: 723px;
    color: #ed7b00;
    line-height: 1.6;
    left: -50px;
    margin-bottom: 20px;
    padding-left: 50px;
    background: url(http://h5.yx58.com/static/home/css/../images/service_solve_num.png) no-repeat left 0;
}
.service_container .section h3 {
    font-size: 16px;
}
.service_container .section h3.question strong {
    display: inline-block;
    position: absolute;
    width: 40px;
    text-align: right;
    z-index: 1;
    color: #edc000;
    font-size: 30px;
    left: -23px;
    top: -10px;
}
.service_container .section p {
    color: #666;
    line-height: 30px;
}
.service_container .section.solution_box .question_box .solution {
    margin-top: 20px;
}
.service_container .section p {
    color: #666;
    line-height: 30px;
}
.service_container .section.solution_box .question_box .solution em {
    display: inline-block;
    position: relative;
    height: 20px;
    line-height: 20px;
    padding-left: 10px;
    margin-right: 10px;
    font-style: normal;
    color: #fff;
    font-size: 14px;
    background-color: #ed7b00;
}


.qrcode-panel{
    width: 160px;
    height: 170px;
    position: fixed;
    top: 380px;
    right: 50px;
    text-align: center;
}
.qrcode-panel img{width: 140px;}
.qrcode-panel p{color: #666;margin-top: -6px;font-size: 14px;}

/************************************   service   end *******************************************/


/***********   login.html  start  ***************/
.container.sign_container {
    min-height: 700px;
}
.container.retrieve_container {
    min-height: 650px;
}
.sign_container{background: #fff; padding-top: 20px; margin-bottom: -30px !important;}
.sign_form{ width: 550px; height: 310px; margin: 0 auto; margin-top: 100px; padding-left: 170px;}
.sign_line{ margin-top: 20px; }
.sign_form .username, .sign_form .password{width:264px; padding: 14px 12px; border: 1px solid #e2d7d7;     margin: 0;    height: 50px;    background: #f0eef0;}
.auto_login{ color: #969496;}
.other_opt{ height: 25px; line-height: 25px; margin-top: 10px;}
.remember_psd_div{ width: 150px; float: left;font-size: 13px;}
.forget_psd a{font-size: 13px;}
.forget_psd_div{ width: 248px; float: right; }
.forget_psd a{ color: #969496; text-decoration: none;}
.remember_psd{width: 150px; float: left;}

.username_icon{ background: url("../images/username_icon.png") no-repeat;}
.password_icon{ background: url("../images/password_icon.png") no-repeat;}
.sign_icon{ background-position: 17px 16px; width: 49px; height: 48px; float: left; border: 1px solid #e2d7d7;
    border-right: none; background-color: #f0eef0;}


.sign_in{ width: 314px; height: 45px; line-height: 45px; color: #fff; background: #fdbb00; border: none; display: inline-block;
    text-align: center; vertical-align: middle; text-decoration: none; font-size: 15px;}
.sign_in:hover{ background:#ff8e09; text-decoration: none;}
.sign_up_tip{ margin-top: 20px; width: 314px; text-align: center; color: #fe9800;}
.sign_up_tip a{ color: #fe9800;}

.quick_login{text-align: left;height:50px;}
.quick_login a{float: left; display: inline-block;}
.quick_login a.wx_login{margin-left: 75px;}

/***********   login.html  end  ***************/



/************ register.html  start  **********/
.container.reg_container {
    min-height: 700px;
}
.reg_container{background: #fff; margin-bottom: -60px !important;  padding-top: 50px;padding-bottom: 50px;}
.sign_up .form_box{ position: relative; width: 650px; margin: 70px auto 20px; font-size: 14px; color: #999; margin-top: -10px;}
.sign_up .sign_line {vertical-align: bottom; position: relative; margin-bottom: 20px;}
.sign_up .sign_line .label { position: absolute; right: 495px; top: 9px;}
.sign_up .sign_line input { position: relative; left: 152px; margin: 0 20px;}
.sign_up .sign_line input + * { position: relative; left: 155px;}

.sign_up .sign_line input[type="checkbox"] { margin-right: 0;}
.sign_up .sign_line.remember_psd { margin-top: 28px;}
.sign_up .verify_line { margin-top: -13px; }
.sign_up .verify_line .text { width: 190px; margin-right: 5px;}
.sign_up .verify_line .label { top: 21px;}
.sign_up .warning_tip { display: inline-block; padding-left: 32px;  margin-left: 5px; color: #52266d; line-height: 19px;
    background: url('../images/bg/warning_tip.png') no-repeat left center;}
.sign_up p a { color: #73a9d2;}
.sign_up p a:hover { text-decoration: underline;}
.sign_up .forget_psd{ position: relative;}
.sign_up .forget_psd a { position: absolute; right: 165px; top: -38px;}
.sign_up .sign_up_tip { line-height: 19px; text-align: center;}
.sign_up .sign_up_tip .icon{ background-image: url('../images/bg/sign_up_tip.png'); width: 20px; height: 20px;}
.sign_up .verification_code { position: relative; top: 13px; display: inline-block;}
.sign_up .verification_code + .wrong_tip { margin-left: 144px;}

.sign_up .submit_box { margin-top: 65px; margin-bottom: 60px; text-align: center;}
.sign_up .submit_box .sign_line_p { left: 0;color: #999; font-size: 14px; position: relative; top: -20px; margin-bottom: -10px;}
.sign_up .submit_box .sign_line_p label { left: 0; vertical-align: middle;}
.sign_up .submit_box .sign_line input { left: 0;}
.sign_up .submit_box .sign_line input.checkbox_agree { margin-right: 4px; vertical-align: middle;}
.sign_up .submit_box .sign_line input.button { left: -10px;}


/************* register.html   end  **********/


/************* user-center   start  **********/

/***************** user -center  start  ********/

.user_header{ height: 153px; background: #fff; padding-top: 22px;}
.user_header .message_box{width: 465px; float: left;margin-left: 15px;}
.message_box .face{    width: 130px; height: 130px; display: inline-block; float: left;}
.message_box .face .photo{width: 130px; height: 130px;}
.message_box .message{width: 320px; float: left; margin-left: 15px;}
.message_box .message .user_level_box{margin-top: 10px;}
.message_box .message p{margin-top: 10px;}
.message_box .username a{font-size: 20px;}
.message_box .problem{    width: 335px; float: left;}
.user_header .problem_box{width: 500px; float: right;}
.problem_box li.problem{width: 120px; text-align: center;}
.problem_box li.problem a { display: block; padding-top: 100px; color: #666; text-decoration: none; }
.problem_box .email{background: url('../images/user/isset_email.png') no-repeat top center;}
.problem_box .email_problem{background: url('../images/user/email.png') no-repeat top center;}
.problem_box .phone{background: url('../images/user/isset_phone.png') no-repeat top center;}
.problem_box .phone_problem{background: url('../images/user/phone.png') no-repeat top center;}
.problem_box .restrict{background: url('../images/user/isset_restrict.png') no-repeat top center;}
.problem_box .restrict_problem{background: url('../images/user/restrict.png') no-repeat top center;}
.problem_box .psd_problem{background: url('../images/user/email.png') no-repeat top center;}

.user_body{margin-top: 25px; background: #fff;    padding: 38px 25px 20px 30px;}
.nav_personal{height: 65px;}
.nav_personal li a:hover, .nav_personal li.current a{border-bottom: 2px solid #edc000; color: #000;text-decoration: none;}
.nav_personal li { font-size: 22px; width: 155px; text-align: center;}
.game_list_ul li{width: 72px; height: 72px; float: left; margin: 25px; margin-top: 10px;text-align: center;}
.game_list_ul li img{width: 72px; height: 72px;}
.game_list_ul li a.game_name{ display: inline-block; margin-top: 5px;}
.user_body .body_detail{height: auto;overflow: hidden;}
.body_detail .my_game{height: 210px;}
.body_detail .everyone_game{ height: 120px;margin-top: 20px;}
.everyone_game .big_title{font-size: 22px; padding-left: 10px; padding-bottom: 30px;}
.big_title span{    font-size: 30px;}


.user_profile_detail table{    width: 100%; margin: 0 auto; table-layout: fixed; vertical-align: middle; font-size: 14px;}
.user_profile_detail table .label {text-align: right; color: #666666;}

.user_profile_detail table td {line-height: 1.6;padding: 15px 6px 13px;}
.user_profile_detail .sign_line {text-align: center;margin: 20px 0;}
.user_profile_detail .face_uploader li {overflow: hidden;display: inline-block;margin-right: 10px;border: 1px solid #ccc;vertical-align: bottom;}
.user_profile_detail .face_uploader li img {float: left;}
.big_face {width: 130px;height: 130px;vertical-align: middle;}
.middle_face {width: 90px;height: 90px;vertical-align: middle;}
.small_face {width: 45px;height: 45px;vertical-align: middle;}
.user_profile_detail table .limit {color: #666;width: 650px;margin: 40px auto;font-size: 14px;line-height: 1.8;}
.user_profile_detail table .limit h3 {margin-bottom: 30px;font-size: 18px;color: #333;text-align: center;}

.wrapper_safe {position: relative;margin-left: 33px;}
.wrapper_safe div.safe_title {text-align: left;margin: 10px 0;}
.wrapper_safe div.safe_title h3 {display: inline-block;zoom: 1;font-size: 12px;font-weight: normal;color: #999999;margin-right: 5px;}
.wrapper_safe div.safe_title i.safe_level {background-color: #ed8000;}
.wrapper_safe div.safe_title i.safe_process_l {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.wrapper_safe div.safe_title i.safe_process_m {border-radius: 0;margin: 0 -2px;}
.wrapper_safe div.safe_title i.safe_process_r {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.wrapper_safe div.safe_title i {display: inline-block;zoom: 1;width: 78px;height: 10px;background-color: #f0eaf2;border-radius: 25px;}
.wrapper_safe div.safe_list ul {overflow: hidden;}
.wrapper_safe div.safe_list ul li { width: 260px;text-align: center;float: left;margin-top: 20px;line-height: 1.5;}
.wrapper_safe div.safe_list ul li a.safe_mail {background-image: url("../images/user/f_email.png");}
.wrapper_safe div.safe_list ul li a.safe_mail:hover {background-image: url("../images/user/f_email1.png");}
.wrapper_safe div.safe_list ul li a.safe_phone {background-image: url("../images/user/f_phone.png");}
.wrapper_safe div.safe_list ul li a.safe_phone:hover {background-image: url("../images/user/f_phone1.png");}
.wrapper_safe div.safe_list ul li a {display: inline-block;zoom: 1;width: 260px;height: 70px;padding-top: 155px;padding-bottom: 45px;text-decoration: none;background-repeat: no-repeat;background-position: center 40px;}
//.wrapper_safe div.safe_list ul li a:hover {background-color: #eee;}
.wrapper_safe div.safe_list ul li h4 {font-size: 18px;color: #333333;font-weight: normal;}
.wrapper_safe div.safe_list ul li p {margin-top: 4px;line-height: 1.6;color: #7592bb;font-size: 12px;}
.wrapper_safe div.safe_list ul li p.completed {color: #ec6941;}
.wrapper_safe div.safe_list ul li + li {margin-left: 33px;}

.wrapper_safe .wrapper_right {position: absolute;top: -5px;right: 0;color: #a1a1a1;font-size: 14px;}
.wrapper_safe .wrapper_right span {color: #ed8000;font-size: 20px;}
.wrapper_safe .wrapper_right a{font-size: 16px; padding: 10px 40px;color: #fff;cursor: pointer;background-color: #ed8000;margin-left: 25px;
    border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;text-decoration: none;}
.order_table {margin-top: 25px;font-size: 14px;width: 100%;}
.order_table tr:first-child {background-color: #eee8f0;}
.order_table tr.odd {background-color: #fcfbfc;}
.order_table th, .order_table td {margin: 0;padding: 0 26px;height: 50px;border: none;text-align: center;line-height: 50px;}
.order_table th {font-weight: 100;color: #000;}
.order_table .order_game {display: inline-block;width: 100px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.order_table .status1 {color: #ed8000;}
.order_table .status3 {color: #1988ea;}

.pager { font-size: 14px;padding: 20px 0px;text-align: center;}
.pager .rows {vertical-align: middle;}
.pager .current {font-size: 14px;margin: 0 5px;padding: 6px 8px;line-height: 1;display: inline-block;text-align: center;overflow: hidden;vertical-align: middle;
    background-color: #4d4162; color: #fff;border: 1px solid #4d4162;}
.pager .num {background-position: -35px 0;}
.pager .next {background-position: -70px 0;}
.pager a {font-size: 14px;margin: 0 5px;padding: 6px 8px;color: #4d4162;line-height: 1;display: inline-block;text-align: center;
    overflow: hidden;vertical-align: middle;background-color: #fff;border: 1px solid #4d4162;}

.user_gift_detail .gift_dl {border-top: 1px solid #dddbe5;border-left: 1px solid #dddbe5;overflow: hidden;}
.user_gift_detail .my_gift  {border-top: 1px solid #dddbe5; border-left: 1px solid #dddbe5;overflow: hidden}
.user_gift_detail .my_gift dd {padding: 20px 20px;width: 33.3%;height: 130px;float: left;border-bottom: 1px solid #dddbe5;border-right: 1px solid #dddbe5;box-sizing: border-box;}
.user_gift_detail .my_gift dd a {display: inline;padding: 0;text-decoration: none;}
.user_gift_detail .my_gift dd a .img{float: left;margin-right: 10px;width: 90px;height: 90px;overflow: hidden;}
.user_gift_detail .my_gift dd a h3{font-weight: 100;display: inline-block;width: 145px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #000;margin-bottom: 8px;font-size: 16px;}
.user_gift_detail .my_gift dd p{font-size: 12px; width: 146px;color: #999;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 1.8;}


.user_gift_detail .gift_dl dd {width: 25%;height: 130px;float: left;border-bottom: 1px solid #dddbe5;
    border-right: 1px solid #dddbe5; box-sizing: border-box;-moz-box-sizing: border-box;}
.user_gift_detail .gift_dl dd a {display: block;padding: 20px 20px;text-decoration: none;}
.user_gift_detail .gift_dl dd .img {float: left;margin-right: 10px;width: 90px;height: 90px;overflow: hidden;}
.user_gift_detail .gift_dl dd h3 {
    font-weight: 100;display: inline-block;width: 145px;text-overflow: ellipsis;white-space: nowrap;
    overflow: hidden;color: #000;margin-bottom: 8px;font-size: 16px;}
.user_gift_detail .gift_dl dd p {font-size: 12px;width: 146px;color: #999;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 1.8;}

.reset_show_container .reset_show_body{height: 400px;}
.reset_show_container .side {position: relative;width: 270px;padding-bottom: 50px;border-right: 1px solid #ececec;float: left;margin-right: 100px;}
.reset_show_container .side p {width: 188px;height: 32px; line-height: 32px;padding-left: 40px;margin-top: 40px;}
.reset_show_container .side .phone_pwd {
    background: url("../images/bg/phone_psd.png") no-repeat left center;
}
.reset_show_container .side .email_pwd {
    background: url("../images/nav_row.png") no-repeat left center;
}
.reset_show_container .side .user_pwd {
    background: url("../images/bg/user_psd.png") no-repeat left center;
}
.reset_show_container .side p + p {margin-top: 85px;}
.reset_show_container .main{ overflow: hidden;padding: 80px 15px;margin: 0;}

.reset_show_container .main form {position: relative;width: 625px;}
.reset_show_container .main .label {display: inline-block;width: 80px;text-align: right;}
.reset_show_container .sign form .sign_line .text {margin: 0 20px;  width: 270px;}
.reset_show_container .reset_passwd_btn{ margin-left: 106px;margin-top: 15px; width: 230px;}
.reset_show_container .my_email{ margin-left: 20px; }

.reset_show_container .main .warning_tip {margin-left: 85px;height: 27px;line-height: 27px;padding-left: 40px;
    margin-bottom: 40px;background: url("../images/bg/tip.png") no-repeat left center;}

/************* user-center   end  **********/




/***********    news  start   ***********/
.news_container {
    background-color:#fff;
}
.container .bulletin {
    margin-top:20px;
    padding:30px 30px;
    overflow: hidden;
    margin-bottom: 45px;
}
.container .bulletin img {
    float: left;
    margin-right: 25px;
    width: 208px;
}
.container .bulletin .section {
    overflow: hidden;
}
.container .bulletin .section h2 {
    font-weight: 100;
    font-size: 18px;
}
.container .bulletin .section h2 a {
    color: #000;
}
.container .bulletin .section p {
    font-size: 14px;
    text-align: justify;
    color: #666;
    line-height: 26px;
}
.container .bulletin .section > div {
    position: relative;
    max-height: 180px;
    margin-top: 17px;
    padding-top: 19px;
    border-top: 1px solid #e6e6e6;
    overflow: hidden;
    color: #999;
}
.container .main {
    /*   margin-bottom: -30px;
    overflow: hidden; */
    color: #666;
    padding: 12px 16px;
}
.game_container .main {
    margin-top: -40px;
}
.container .main .nav_news{
    overflow: hidden;
}
.container .main .nav_news li {
    margin:0 20px 0 20px;
    width: 73px;
}
.container .main .nav_news li.current, .container .main .nav_news li:hover {
    border-bottom: 2px solid #fe9800;
}
.container .main .list_section ul {
  min-height: auto;
  padding: 25px 30px;
  border: 1px solid #ccc;
}
.container .main .list_section ul li {
  font-size: 14px;
}
.container .main .list_section ul li a {
  color: #666;
}
.container .main .list_section ul li .time {
  color: #999;
}

.nav_news li, .nav_personal li {
    text-align: center;
    margin-right: 20px;
}
.nav_news li a,
.nav_personal li a {
    display: block;
    font-size: 18px;
    color: #666;
    padding-bottom: 15px;
}
.nav_news li a:hover, .nav_personal li a:hover {
    text-decoration: none;
}
.news_detail_container {
    background-color:#fff;
    margin: 10px auto 60px;
}
.news_detail_container .news_sidebar{
    margin-left:20px;
    width: 105px;
    float: left;
    /*border-right: 1px solid #ececec;*/
    padding-bottom: 40px;
    padding-top: 20px;
}
.news_detail_container .news_sidebar li{
    position: relative;
    list-style: none;
}
.news_detail_container .news_sidebar li a{
    padding: 10px 0px 30px 0px;
    color: #666666;
    display: block;
}
.news_detail_container .news_sidebar li.currentt:before{
    content: "";
    background: url(../images/bg/news_current.png);
}
.news_detail_container .news_sidebar li.currentt a{
    color: #cf6e2a;
    font-size: 16px;
    list-style: none;
}
.news_detail_container .main .about_us_all h1,
.news_detail_container .main .about_us_all h2,
.news_detail_container .main .about_us_all h3,
.news_detail_container .main .about_us_all h4
{
    padding: 30px 30px;
}
.news_detail_container .main .about_us_all li{
    list-style: none
}
.news_detail_container .news_sidebar li:before{
  content: "●";
  position: absolute;
  font-size: 32px;
  color: #ececec;
  right: -11px;
  top: 7px;
  width: 36px;
  height: 24px;
  text-align: right;
  line-height: 22px;
}
.breadcrumb{
    margin-top:20px;
    padding:20px;
}
.news_detail_container .main {
    /*margin-top: 80px;*/
    margin-left:126px;
    font-size: 14px;
    border-left: 1px solid #ECECEC;
}
.news_detail_container .main h1 {
    text-align: center;
    font-size: 18px;
    margin-bottom: 96px;
    color: #000;
    font-weight: 100;
}
.news_detail_container .main .section {
    padding: 20px 35px 30px;
    min-height: 420px;
   /* border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;*/
}
.news_detail_container .main .section p, .news_detail_container .main .section > .turn_page {
    width: 100%;
    margin: 0 auto;
}
.news_detail_container .main .section p {
    line-height: 30px;
    margin-bottom: 33px;
}
.news_detail_container .main .section p.no_indent {
    text-indent: 0;
    margin-bottom: 0;
}
.news_detail_container .main .section .turn_page {
    position: relative;
    margin-top: 100px;
}
.news_detail_container .main .section .turn_page span a {
    position: relative;
    top: 4px;
    display: inline-block;
    width: auto;
    max-width: 300px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #666;
}
.news_detail_container .main .section .turn_page span a:hover {
    text-decoration: underline;
}
.news_detail_container .main .section .turn_page .next {
    position: absolute;
    right: 0;
}

.platform .news_about {
    background: #aad772 url(../images/bg/about_us_top.png) top center no-repeat;
}
.platform .banner {
    padding: 50px 0 40px;
}
.platform .banner .banner_box {
    position: relative;
    width: 1180px;
    margin: 0 auto;
}
.platform .banner .banner_box .center {
    width: 480px;
    height: 39px;
}
.news_about_center {
    background: url(../images/bg/news_about_center.png) no-repeat left bottom;
}
.platform .banner .banner_box h2 {
    position: relative;
    left: 4px;
    font-weight: 100;
    font-size: 18px;
    margin-top: 20px;
    color: #333;
}
/****************************   news end ***************************************/

.adv_item{width: 1200px; margin: 0 auto;margin-top: 0px;}
.adv_item .unslider-nav{display: none;}
.adv_item a{display: inline-block;}
.adv_item a.second-adv{float: right;}


/****************************   game_qrcode_modal start ***************************************/


/****************************   game_qrcode_modal end ***************************************/



/****************************   footer start ***************************************/
.footer_div{
	padding: 20px 0px 16px 0px;
    background-color: #333;
	width: 100%;
	height: 160px;
	margin: 0 auto;
}
.footer_div .footer_content{
	width: 1200px;
    margin: 0 auto;
    margin-top: 25px;
	text-align: center;
}
/****************************   footer  end***************************************/


/************* common  start  **********/

.gray_color{ font-size: 13px; color: #8f8f8f;}
.gray_bottom{border-bottom: 1px dotted #cecaca;}
form .button.submit { width: 180px; background-color: #ed8000;}
form .button { cursor: pointer; font-size: 18px; padding-top: 5px; padding-bottom: 5px; border: 0; color: #fff; outline: 0;}
form .button.submit:hover { background-color: #ff8e09;}
form .button.reset { width: 180px; background-color: #3b314d;}
form .button.reset:hover { background-color: #422e66;}
.wrong_tip{ margin-left: 20px;    color: #ed8000;;}
.no_data{ text-align: center; padding-top: 100px;}
.no_data a{color: #fe9800;}

/************* common  end  **********/
/************ 扫码支付H5页面   ************/
.qrcode-pay-container{
	width: 100%;
    height: 100%;
    overflow: auto;
    margin: 0 auto;
	background-color:#f9fafb;
}
.qrcode-pay-container .z_header{
	width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    position: relative;
    background-color: #363951;
	color: #ffffff;
}
.qrcode-pay-container .z_header span{
	display: inline-block;
    max-width: 70%;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.qrcode-pay-container .z_content{
	width: 100%;
    height: auto;
}
.qrcode-pay-container .z_content .role_info{
	height: 57px;
    width: 100%;
    border-bottom: 1px solid #e2e4e6;
	background-color:#f9fafb;
}
.qrcode-pay-container .z_content .role_info .left{
	line-height: 57px;
    display: inline-block;
    float: left;
    padding-left: 15px;
	font-size:17px;
	font-weight:bolder;
}
.qrcode-pay-container .z_content .role_info .right{
	line-height: 57px;
    display: inline-block;
    float: right;
    padding-right: 15px;
	font-size:15px;
	color:#989fa5;
}
.qrcode-pay-container .z_content .pay_info{
	width: 100%;
    height: auto;
}
.qrcode-pay-container .z_content .pay_info h3{
	height: 30px;
    line-height: 30px;
    color: #989fa5;
    padding-left: 15px;
}
.qrcode-pay-container .z_content .pay_info .fee_info{
	width: 100%;
    height: 150px;
    overflow: hidden;
    border-bottom: 1px solid #e2e4e6;
}
.qrcode-pay-container .z_content .pay_info .fee_info .value_info{
	width: 100%;
    height: 110px;
    margin-left: 15px;
    margin-right: 15px;
}
.qrcode-pay-container .z_content .pay_info .fee_info .value_info label{
	height: 40px;
    width: 16%;
    cursor: pointer;
    border: 1px solid #6192eb;
	color: #6192eb;
    margin-right: 2%;
    margin-bottom: 4px;
    display: block;
    float: left;
	text-align:center;
	border-radius:5px;
}
.qrcode-pay-container .z_content .pay_info .fee_info .value_info label.curr{
	background-color: #6192eb;
	color:#fff;
}
.qrcode-pay-container .z_content .pay_info .fee_info .value_info label:hover{
	background-color: #6192eb;
	color:#fff;
}
.qrcode-pay-container .z_content .pay_info .fee_info .value_info label input{
	display: none;
}
.qrcode-pay-container .z_content .pay_info  .fee_info .value_info label span{
    height: 40px;
    line-height: 40px;
}
.qrcode-pay-container .z_content .pay_info .fee_info .value_info .other_fee{
	height: 40px;
    width: 34%;
    cursor: pointer;
    border: 1px solid #6192eb;
    overflow: hidden;
    position: relative;
    margin-right: 4px;
    margin-bottom: 4px;
    display: block;
    float: left;
    text-align: center;
}
.qrcode-pay-container .z_content .pay_info .fee_info .left{
	display: inline-block;
    float: left;
    margin-left: 15px;
    color: #989fa5;
}
.qrcode-pay-container .z_content .pay_info .fee_info .right var{
	color: #ed8000;
}
.qrcode-pay-container .z_content .pay_info .fee_info .right{
	display: inline-block;
    float: right;
    margin-right: 15px;
	color: #ed8000;
    font-size: 20px;
    font-weight: bold;
}
.qrcode-pay-container .z_content .pay_info .fee_input {
	border-bottom: 1px solid #e2e4e6;
    height: 60px;
    line-height: 60px;
    padding-left: 15px;
}
.qrcode-pay-container .z_content .pay_info .fee_input span{
	display: inline-block;
    width: 25%;
    float: left;
}
.qrcode-pay-container .z_content .pay_info .fee_input input{
	display: inline-block;
    width: 60%;
    line-height: 56px;
    float: right;
    border: 0;
}
.qrcode-pay-container .z_content .pay_info .fee_input input :focus{
	border: 1px solid #e2e4e6;
}
.qrcode-pay-container .z_content .pay_info .pay_type_title{
	width: 100%;
    height: 38px;
    border-bottom: 1px solid #e2e4e6;
}
.qrcode-pay-container .z_content .pay_info .pay_type_title span{
	color: #989fa5;
    line-height: 38px;
    margin-left: 15px;
}
.qrcode-pay-container .z_content .pay_info .pay_type {
	border-bottom: 1px solid #e2e4e6;
	background-color:#ffffff;
	margin-bottom: 30px;
}
.qrcode-pay-container .z_content .pay_info .pay_type label {
    height: 16px;	
	display: inline-block;
    padding: 16px 0px;
    width: 100%;
}
.qrcode-pay-container .z_content .pay_info .pay_type label:first-child{
	border-bottom: 1px solid #e2e4e6;
}
.qrcode-pay-container .z_content .pay_info .pay_type label input{
	display:none;
}
.qrcode-pay-container .z_content .pay_info .pay_type label .wx_icon{
	margin-left: 15px;
    width: 22px;
    height: 22px;
    display: block;
    float: left;
    background: url(../images/wx.png);
	background-size:cover;
}
.qrcode-pay-container .z_content .pay_info .pay_type label .zfb_icon{
	margin-left: 15px;
    width: 22px;
    height: 22px;
    display: block;
    float: left;
    background: url(../images/zfb.png);
	background-size:cover;
}
.qrcode-pay-container .z_content .pay_info .pay_type label .txt{
	line-height: 22px;
	font-size:15px;
	font-weight:bolder;
	margin-left: 5px;
}
.qrcode-pay-container .z_content .pay_info .pay_type label .sel_type{
	margin-right: 16px;
    width: 16px;
    height: 16px;
    display: block;
    float: right;
    background: url(../images/check.png);
	background-size:cover;
}
.qrcode-pay-container .z_content .pay_info .pay_type label .checked{
	margin-right: 16px;
    width: 16px;
    height: 16px;
    display: block;
    float: right;
    background: url(../images/checked.png);
	background-size:cover;
}

.qrcode-pay-container .z_content .pay_info .pay_fee{
	width: 100%;
    height: 57px;
    border-bottom: 1px solid #e2e4e6;
	background-color:#ffffff;
}
.qrcode-pay-container .z_content .pay_info .pay_fee .left{
	height: 57px;
    line-height: 57px;
    display: inline-block;
    float: left;
    margin-left: 15px;
	font-size: 14px;
    color: #989fa5;
}
.qrcode-pay-container .z_content .pay_info .pay_fee .right{
	display: inline-block;
    float: right;
    height: 57px;
    line-height: 57px;
    margin-right: 16px;
	color: #ff8400;
    font-size: 18px;
    font-weight: bold;
}
.qrcode-pay-container .z_content .pay_info .submit_btn {
	text-align:center;
	margin:auto;
	margin-bottom: 30px;
}
.qrcode-pay-container .z_content .pay_info .submit_btn button{
	width: 342px;
    height: 44px;
    background-color: #6192eb;
    border: 0px;
    border-radius: 5px;
    color: #fff;
	font-size:16px;
}
.qrcode-pay-container .z_content .pay_info .pay_type #weixin{
	background: url(../images/wx.png);
}
.qrcode-pay-container .z_content .pay_info .pay_type #weixin{
	background: url(../images/zfb.png);
}
/************ 扫码支付H5页面 end  ************/