ul, ul li,p{ padding: 0; margin: 0;}
input[type="button"]{ -webkit-appearance:none;}
input[type="submit"]{ -webkit-appearance:none;}
.fl{ float:left}
.rg{ float:right}
.border_none{ border:0}
.hide{ display: none;}
.grey{ background-color: #f4f5f6;}
.red{ color: #F75000;}
.orange{ color: #f7933a;}
.black{ color: #333;}
.blue{ color:#346397}
.bold{ font-weight: bold}
.deepred{ color:#b30c20}

header{ min-width:320px; max-width:640px; width:100%; background:#b30c20;  margin:auto; padding-top:0.5rem; padding-bottom:0.5rem;}
footer{ min-width:320px; max-width:640px; width:100%; ; margin:auto; text-align:center; margin-bottom:6rem;}

.space{ height:5rem; min-width:320px; width:100%;}
.column_more_space{ height:3rem; min-width:320px; width:100%;}
.logo{ width:28%; margin:auto;}
.logo img{ width:100%}
.banner{ width:100%; min-width:320px; max-width:640px; margin:auto; }
.banner img{ width:100%;}

.menu{
    height:60px;
    max-width:640px;
    min-width:320px; width:100%;
    position:fixed;
    left:0;
    bottom:0;
    color:#808080;
    background: #fff;
    box-shadow: 0 -3px 5px #eee;
    line-height: 5rem;
    z-index: 998;
}
.menu ul li{ float:left; width:25%; height:100%; text-align:center; position:relative; font-size: 13px;}
.menu ul li img{ width:40%; vertical-align: middle}
.menu ul li a{ display:inline-block; width:100%; height:100%; color:#808080}
.menu ul li.menu_selected a{ color:#ff0201}
.menu p{ margin-top:-6px}

.main{ width:100%; min-width:320px; max-width:640px; margin: auto; background: #fff; }
.main_column{ width:100%; padding-top: 1rem;}
.main_column .main_column_title{
    background:#f1ccb0;
    color:#b30c20;
    width:96%;
    border-radius: 0.5rem;
    margin:0 2%;
    text-align: center;
    padding:0.3rem 0;
}
.main_column .main_column_content{ width:100%; padding:2rem 0;}
.main_column .main_column_content ul li{ width:33.3%; float:left; text-align: center; }
.main_column .main_column_content ul li .main_column_item{
    display: inline-block;
    width:60%;
    margin:0 20%;
    background:url("../images/main_item_bg.png") 0 0 no-repeat;
    background-size: 100%;
    font-size: 1rem;
    color:#b30c20;
}
.main_column .main_column_content ul li .main_column_item img{ margin-top: 0.5rem; vertical-align: top; width:50%;}
.main_column .bg_pink{ background: #FFDEDD}
.main_column .main_column_content ul li .bg_pink{    background:url("../images/main_item_bg_pink.png") 0 0 no-repeat;     background-size: 100%;
}
.page_title{
    width:100%;
    max-width: 640px;
    min-width: 320px;
    margin:auto;
    background:#fff;
    text-align: center;
    position: relative;
    font-size: 1.3rem;
    padding: 0.8rem 0.5rem ;
    border-bottom: 1px solid #f5f5f5;
}
.back{ position: fixed; font-size: 1.2rem;  top:0.2rem; left:0.5rem; z-index: 997;  padding:0.5rem; opacity:0.5;}
.back img{vertical-align: middle; width:2.4rem;}
.order{ width:100%; margin:auto; background:#fff;  padding:0.5rem 0;}
.order .order_type{ float: left; width:5rem;  text-align: center;}
.order .order_screen{ float: right; margin-right: 0.5rem;}
.order .order_screen img{ vertical-align: middle; width:1.5rem; }

.home_zj_content{ width:90%; margin:0 5% }
.home_zj_content ul li{ width:20%; text-align: center; margin:0.7rem 0;  overflow: hidden; float:left }
.home_zj_content ul li img{ width:3.6rem; height:3.6rem; border-radius: 50%; overflow: hidden }

.mgb0{ margin-bottom: 0}
.matchlist table { width:100%; font-size: 1.2rem}
.matchlist .matchlist_match td{ padding:1rem 0.5rem 0 1rem; border-top:0.7rem solid #e9ecf0; background:#F0F5F8 }
.matchlist .matchlist_match td:first-child{ border-top:0}
.matchlist table .tj_item:last-child td{ border-bottom:1rem solid #ddd}
.column_list .matchlist_match td{ border-top:1px solid #e9ecf0; background:#fff}
.column_more{ width:100%; height:3rem; display: inline-block; line-height: 3rem; background: #F9CAAC; color:#b30c20; position: fixed; bottom:5rem; text-align: center;}
.matchlist .matchlist_category{
    display: inline-block;
    width:1.6rem;
    height:1.6rem;
    font-size: 1rem;
    color:#fff;
    border-radius: 50%;
    text-align: center;
    line-height:1.6rem;
    margin-right:0.2rem;
    transform: scale(0.8);
}
.matchlist .category_bk{background:#6ea1be;}
.matchlist .category_ft{ background:#fd9d57;}
.matchlist .category_jc{ background: #5ec963}
.matchlist .category_win{ background:#b30c20}
.matchlist .category_tie{ background: #346397; width:3.2rem; height:2rem; line-height: 2rem; border-radius: 0.5rem;}
.matchlist .category_lose{ background: #999; width:3.2rem; height:2rem; line-height: 2rem; border-radius: 0.5rem;}
.matchlist .category_qt{background: #2d7dff}

.matchlist .matchlist_team{
    width:100%;
    font-size: 1.3rem;
    height:3rem;
    line-height: 3rem;
    margin-top: 0.5rem;
}
.matchlist .zjtj{
    float: right;font-size: 0.8rem; margin-right: 1rem;}
.matchlist .zjtj img{ vertical-align: -30%; width:1.5rem}
.matchlist .zjtj .tj_number{
    font-size: 1.2rem;
    color:#b30c20;
    margin-left: 0.3rem;
}
.matchlist .tj_list td{
    padding:1rem ;
    background:#fff;
    border-bottom: 0.1rem solid #ddd;
    border-top: 0.1rem solid #ddd}
.matchlist .profile_pic{ float: left; vertical-align: top; width:3rem; height:3rem; border-radius: 50%; margin:0.5rem 1rem; overflow: hidden}
.matchlist .matchlist_home{ color:#D98767;}
.matchlist .profile_pic img{ width: 100%; height: 100%}
.matchlist .lm_item{float: left; margin-left: 2%; width:85%;}
.matchlist .lm_data{ padding:0.2rem 0; font-size: 1rem; margin-bottom: 0.2rem; display: inline-block; width:100%}
.matchlist .lm_name{ color:#b30c20; margin-bottom:0.3rem}
.matchlist .lm_time{ color:#999}
.matchlist .lm_new{
    display: inline-block;
    text-align: center;
    background:url("../images/lanmu_new.png") no-repeat;
    background-size:cover;
    font-size: 1rem;
    min-width: 50px;

    color:#fff
}
.matchlist .lm_new_number{ font-size: 0.9rem; margin-left: 0.4rem}
.matchlist .lm_price{
    display: inline-block;
    color:#b30c20;
}
.matchlist .lm_free{
    display: inline-block;
    width:1.6rem;
    height:1.6rem;
    border-radius: 50%;
    background:#5eb95e;
    color:#fff;
    text-align: center;
    font-size: 1rem;
    line-height: 1.6rem;
    transform: scale(0.8);
}
.matchlist .lm_bd{
    display: inline-block;
    width:1.6rem;
    height:1.6rem;
    border-radius: 50%;
    background:#ef2b2b;
    color:#fff;
    text-align: center;
    font-size: 1rem;
    line-height: 1.6rem;
    transform: scale(0.8);
}
.matchlist .lm_ys{
    display: inline-block;
    width:1.6rem;
    height:1.6rem;
    border-radius: 50%;
    background:#0099cc;
    color:#fff;
    text-align: center;
    font-size: 1rem;
    line-height: 1.6rem;
    transform: scale(0.8);
}
.matchlist .lm_followed{
    display: inline-block;
    border-radius: 0.5rem;
    padding:0  0.5rem;
    background:#b30c20;
    color:#fff;
    border:1px solid #b30c20
}
.matchlist .lm_unfollowed{
    display: inline-block;
    border-radius: 0.5rem;
    padding:0  0.5rem;
    background:#F0F5F8;
    color:#b30c20;
    border:1px solid #b30c20
}
.matchlist .lm_title{
    color:#3C6899;
    font-size: 1.2rem;
    margin-bottom: 0.2rem;
}
.matchlist .lm_tags{ margin-top: 0.2rem;}
.matchlist .lm_tags span{
    display: inline-block;
    padding:0 0.5rem;
    margin-right: 0.5rem;
    background:#3C6899;
    border-radius: 0.5rem;
    color:#fff;
    font-size: 0.8rem;
}
.shadebox{
    background: url(../images/maskbg.png) repeat 0 0;
    width: 100%;
    position: absolute;
    left:0;
    top:0;
    display: none;
}
.purchase{ width:60%; background:#fff; border-radius: 0.5rem;  text-align: center; position: fixed; left:20%; top:50%; transform:translateY(-50%); }
.purchase .purchase_title{ background:#b30c20; color:#fff; padding:2rem 1rem;  border-radius: 0.5rem 0.5rem 0 0; position: relative}
.purchase #purchase_title{ display: block}
.purchase .purchase_content{ padding:2rem 1rem}
.purchase .purchase_btn{
    display: inline-block;
    width:10rem;
    border-radius: 1rem;
    border:0;
    padding:0.5rem 0;
    background:#F9CAAC;
    margin: 2rem 1rem 0 1rem;
    color:#b30c20;
}
.purchase button a{ color: #b30c20}
.purchase .purchase_close{position: absolute; top:-.8rem; right:-.8rem; width:2rem; height:2rem; border-radius: 50%; background: #fff}
.purchase .purchase_close img{ width:60%; margin:20%}
.purchase .purchase_disabled{ background:#ccc; color:#333 }

.point_remain{ background:#FDF5E8; padding:1rem; text-align: center}
.point_recharge_tips { padding:0 1.5rem;}
.fs12{font-size: 1.2rem;}
.point_recharge{ padding:1.5rem 0;}
.point_recharge ul li{ width:33.3%; float:left; text-align: center}
.point_recharge .point_recharge_item{
    display: inline-block;
    background:#f6ddcb;
    width:50%;
    margin:1rem 25%;
    border-radius: 30%;
    color:#b30c20;
    font-size: 1.2rem;
}
.column_data td{ padding:0.5rem 1rem;  background:#f9f9f9; position: relative; }
.column_data .profile_pic{ display: inline-block}
.column_title{
    font-size: 1.2rem;
    text-align: left;
    padding:1rem;
    padding-left: 4rem;
    line-height: 1.5rem;
}
.vertical_align{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.column_followed{ float: right; font-size: 1.2rem }
.column_tj_title td{ color:#3C6899; font-size: 1.2rem; background: #fff; border-bottom: 1px solid #f2f2f2; padding:0.8rem 1rem 0.8rem 1rem; position: relative}
.column_tj_date{ color:#999; font-size: 1rem}
.column_tj_number{
    display:inline-block;
    position:absolute;
    right:1rem;
    top:1rem;
    background:#f6ddcb;
    color:#b30c20;
    width:2rem;
    height:2rem;
    border-radius: 40%;
    line-height: 2rem;
    text-align: center
}
.column_tags{ display: inline-block; padding:0 0.6rem; background: #3f6293; color:#fff; border-radius: 0.5rem; font-size: 0.8rem; margin-top: 0.4rem;}
.matchlist .matchlist_odds span{ display: inline-block; text-align: center; padding:0.2rem 0.8rem; border-radius: 15px; color:#fff; margin-top: 0.5rem;}
.matchlist .matchlist_odds .matchlist_win{ background:#fcdbd5; color:#ef4a2d}
.matchlist .matchlist_odds .matchlist_tie{ background:#3c6899 }
.matchlist .matchlist_odds .matchlist_lose{ background:#ccc }

.matchlist .column_tj_content{ padding:1rem 0;}
.matchlist .column_tj_content p{padding:1rem 0 0 0; font-size: 1.2rem; line-height: 2rem;}

.hrb_data_type{ width: 100%; border-bottom: 1px solid #f1f1f1; margin:1rem 0}
.hrb_data_type ul li{ width:25%; text-align: center; float: left; border-top:1px solid #f1f1f1; border-right: 1px solid #f1f1f1; padding:0.5rem 0}
.hrb_data_type ul li a{ width:100%; display: inline-block}
.hrb_data_type ul li span{ display: inline-block; height:1.5rem; line-height:1.5rem;}
.hrb_data_type .hrb_data_type_selected span{ color:#b30c20; border-bottom:1px solid #b30c20 }

.hrb_data_type img{ width:1.5rem; margin-right: 0.2rem; vertical-align:middle}
.hrb_tabs{ width:100%; background: #fff; padding:1rem }
.hrb_tabs ul li{ width:50%; float: left; text-align: center;   background:#e9ecf0; font-size: 1.2rem;}
.hrb_tabs .hrb_tabs_selected a{ color:#b30c20}
.hrb_tabs a{ display: inline-block; width:100%; padding:0.5rem 0;}
.hrb_content{ padding:1rem;}
.hrb_content .hrb_item{ width:100%; position: relative;}
.hrb_content .hrb_item tr {background:#f5f5f5;}
.hrb_content .hrb_item tr:first-child {background:#FFF7E2;}
.hrb_content .hrb_item tr:nth-child(2) {background:#FBF6F3;}
.hrb_content .hrb_item tr:nth-child(3) {background:#FFF3E7;}
.hrb_content .hrb_item tr td{ margin:0.2rem 0; position: relative}
.hrb_content .hrb_item .hrb_rank{
    width:2rem;
    height:2rem;
    background:#f6ddcb;
    border-radius: 30%;
    text-align: center;
    line-height: 2rem;
    float: left;
    margin:1.5rem 0.5rem 1.5rem 0.5rem;
    color:#b30c20;
    font-size: 1.2rem;
    box-shadow: 0 0.2rem 0.2rem #F1C6B5;
}
.hrb_content .hrb_item .hrb_profile_pic{ float: left; width:3rem; height:3rem; border-radius: 50%; margin:1rem 0; overflow: hidden}
.hrb_content .hrb_item p{text-align: center}
.hrb_content .hrb_item .hrb_profile_pic img{width:100%; height:100%; vertical-align: middle}
.hrb_content .hrb_item .hrb_column_name{ float: left; font-size: 1.3rem; height:2rem;  line-height: 2rem; width:52%; padding:0 1rem; margin:1.5rem 0}
.hrb_content .hrb_item .hrb_tj{  width:20%; float:left; color:#b30c20; text-align: center; height:4rem; padding:0.8rem 0}
.hrb_content .hrb_item .hrb_followed {
    display: inline-block;
    border-radius: 0.5rem;
    padding:0 1rem;
    background: #b30c20;
    color: #fff;
    border: 1px solid #b30c20;
    height:2rem;
    line-height: 2rem;
    margin:1.5rem 0 1.5rem 1rem;
}
.member_profile { width:100%; height:7rem; background:#F1C6B5; padding:1rem}
.member_profile .profile_pic{ width:4rem; height:4rem; border-radius: 50%; overflow:hidden; float: left; margin-right: 1rem;}
.member_profile .profile_pic img{ width:100%;}
.member_profile .profile_name {  font-size: 1.3rem; height:2rem; line-height: 2rem}
.member_profile .profile_point{  color:#b30c20; height:2rem; line-height: 2rem}
.member_profile .profile_point .profile_point_number{font-size: 1.3rem; }

.member_purchase .rolling_news{padding:1rem; color:#b30c20}
.member_purchase .rolling_news img{ width:1.2rem; height:1.2rem; vertical-align: top; margin-right: 0.5rem;}
.member_purchase .member_purchase_btnbox{ width:100%; margin:1rem 0}
.member_purchase .member_purchase_btnbox ul li{ width:50%; float: left;}
.member_purchase .member_purchase_btnbox a.member_purchase_btn{
    display: inline-block;
    text-align: center;
    width:80%;
    margin:0 10%;
    background:#F9CAAE;
    border:0;
    padding:0.5rem 1rem;
    border-radius: 0.5rem;
    color:#b30c20;
    font-size: 1.4rem;
    box-shadow: 0 0.3rem 0.2rem #EDBA97;
}
.member_history{ width: 100%; margin-top: 2rem; padding:1rem;}
.member_history .member_history_title{ font-size: 1.4rem; margin-bottom: 1rem}
.member_history ul li{ border-bottom:1px solid #eee; padding:0.8rem 0.5rem; font-size: 1.2rem}
.member_history ul li span{ display: inline-block; float: right; color:#b30c20; font-size: 1.2rem;}
.member_history ul li a{ display:inline-block; width:100%;}
.member_history ul li img.member_enter{ width:0.8rem; vertical-align: middle; float: right; margin-top: 0.4rem; margin-left: 1rem}
.member_icon{ width:2rem; vertical-align: middle; margin-right: 0.5rem  }

.member_point ul li{  border-bottom:1px solid #eee; padding:1rem 1rem}
.member_point .member_point_date{ float: right; margin-right: 1rem;}

.member_lanmu ul li{  border-bottom:1px solid #ccc; padding:0.8rem 1rem; font-size: 1.2rem; color:#3c6899}
.member_lanmu ul li .profile_pic{ width:3rem; height:3rem; border-radius: 50%; overflow:hidden; display: inline-block; vertical-align: middle}
.member_lanmu ul li .profile_pic img{ width:100%; }

.member_tj{ padding:1rem; border-bottom: 1px solid #cdcdcd; display: block;}
.matchlist .matchlist_date{ color:#999}
.matchlist .jc_show_result{ float: right; background:#b30c20; color:#fff; display: inline-block; padding:0 0.5rem; border-radius: 0.5rem; font-size: 1rem}
.matchlist .jc_show_lose{    float: right; background:#999; color:#fff; display: inline-block; padding:0 0.5rem; border-radius: 0.5rem; font-size: 1rem}
.column_purchased {
    display: inline-block;
    text-align: center;
    background:url("../images/lanmu_new.png") no-repeat;
    background-size:cover;
    min-width: 60px;
    color:#fff
}

.zj{background:#f5f5f5;}
.zj_lm a{ display: inline-block; width:100%; height: 100%;}
.zj .zj_profile{width:3rem; height:3rem; float: left; margin:0.5rem 1rem; border-radius: 50%; overflow: hidden}
.zj .zj_profile img{ width:100%; height:100%}
.zj .zj_name{ float: left; font-size: 1.2rem; line-height: 4rem;}
.zj .zj_enter{ float: right; width:3rem; height:3rem; margin:0.5rem 1.5rem; text-align: center}
.zj .zj_enter img{ height:1rem; margin:1rem}
.zj .zj_lm{ background:#fff; border-bottom: 1px solid #cdcdcd; padding:0.5rem 1rem}
.zj .zj_lm_name{ color:#3c6899; float: left; font-size: 1.2rem;}
.zj .zj_lm_name a{ color:#3c6899}
.zj .zj_lm_unfollowed{ color:#b30c20; float: right; border-radius: 0.5rem; border:1px solid #b30c20; display: inline-block; padding:0 0.5rem; margin:0.8rem 0}
.zj .zj_lm_unfollowed a{ color:#b30c20;}
.zj .member_lanmu_followed {
    display: inline-block;
    float: right;
    margin-right: 1rem;
    margin-top:1rem;
    font-size: 1.2rem;
    border-radius: 0.5rem;
    padding: 0 0.5rem;
    background: #aaa;
    color: #fff;
    border: 1px solid #ccc
}
.zj .zj_lm_followed{ color:#fff; background: #b30c20; float: right; border-radius: 0.5rem; border:1px solid #b30c20; display: inline-block; padding:0 0.5rem; margin:0.8rem 0}
.zj .zj_lm_followed a{ color:#fff;}
.zj .zj_intro{ margin: 0.5rem 0}
.zj .zj_tags span{
    display: inline-block;
    padding:0 0.5rem;
    margin-right: 0.5rem;
    background:#3C6899;
    border-radius: 0.5rem;
    color:#fff;
    font-size: 1.2rem;
    transform: scale(0.8);
}
.zj_tabs{ width:100%; margin-top:1rem; border-bottom: 1px solid #cdcdcd}
.zj_tabs ul li{
    float: left;
    width:31%;
    text-align: center;
    border:1px solid #cdcdcd;
    border-radius: 0.5rem 0.5rem 0 0;
    border-bottom: 0;
    padding:0.2rem 0;
}
.zj_tabs ul li.zj_tabs_selected{ background:#f65d5d;}
.zj_tabs ul li.zj_tabs_selected a{ color:#fff;}
.matchlist .zj_lm_data{ position: relative; border-bottom: 1px solid #cdcdcd; padding:1rem; background:#F0F5F8}
.zj_tj_win{
    float: right;
    margin:1.1rem 0.5rem 0 0;
    display: inline-block;
    background: #b30c20;
    border-radius: 0.5rem;
    padding:0 0.5rem;
    color:#fff;
    height:1.8rem;
    line-height: 1.8rem;
}
.zj_tj_tie{
    float: right;
    margin:1.1rem 0.5rem 0 0;
    display: inline-block;
    background: #3C6899;
    border-radius: 0.5rem;
    padding:0 0.5rem;
    color:#fff;
    height:1.8rem;
    line-height: 1.8rem;
}
.zj_tj_zou{
    float: right;
    margin:1.1rem 0.5rem 0 0;
    display: inline-block;
    background: #3C6899;
    border-radius: 0.5rem;
    padding:0 0.5rem;
    color:#fff;
    height:1.8rem;
    line-height: 1.8rem;
}
.zj_tj_lose{
    float: right;
    margin:1.1rem 0.5rem 0 0;
    display: inline-block;
    background: #999;
    border-radius: 0.5rem;
    padding:0 0.5rem;
    color:#fff;
    height:1.8rem;
    line-height: 1.8rem;
}
.zj_tj_match{ border-bottom: 0.7rem solid #f4f4f4; padding:1rem}
.zj_tj_time{ display: inline-block; color:#999; margin-left: 2rem}
.zj_content .zj_intro{ padding:1rem}
.zj_content .zj_gj{ display: block; padding:1rem; border-bottom:1px solid #cdcdcd;}
.zj_content .zj_gj .zj_gj_title{ display: block;font-size: 1.2rem}
.zj_content .zj_gj .zj_gj_date{ display: block;color:#999}

.st_enter{ float: right; margin-right: 2rem; margin-top:1rem;}
.st_enter img{ width:2rem;}
.st_number{ color:#b30c20; float: left}
.st_price{ display: inline-block; float: right; padding:0 0.5rem; background:#b30c20; color:#fff; border-radius: 0.5rem;}
.st{ border-top: 1px solid #e9ecf0; padding:1rem 0;}

.matchlist .purchased td{
    background-image: url("../images/purchased.png");
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size:5rem 5rem;
}
.matchlist .lm_purchased td{
    background-color: #F9F9F9;
    background-image: url("../images/purchased.png");
    background-repeat: no-repeat;
    background-position: 80% center;
    background-size:4rem 4rem;
}

.matchlist .highlight td{ background-color: #eeeed8}
.matchlist td{ border-bottom: 0.1rem solid #ddd}
.inline_block{ display: inline-block}
.member_tuijian_more{ width:100%; height:3rem; display: inline-block; line-height: 3rem; background: #F9CAAC;  text-align: center}
.member_tuijian_more a{ display:inline-block; width:100%; color:#b30c20;}

.order_title{ text-align: center; border-bottom: 1px solid #ddd; padding-bottom:0.5rem}
.order{ border-bottom: 1rem solid #F0F5F8; }
.order table{ padding:1rem}
.order table tr td{ border:0;}
.order table .order_match_info td{ color:#999; padding-top:0.5rem; font-size: 1rem}
.order table .order_match td{ font-size: 1.3rem; color:#333; }
.order table .order_match_title td{ color:#999; padding-top: 0.5rem}
.order_price{ border-bottom: 2rem solid #F0F5F8}
.order table .order_balance td{ text-align: right; color:#333; padding-right: 1rem }
.order_price input[type='radio'] { display: inline-block; width:2rem; height:2rem; display: none}
.order_price table{ width:100%; border-collapse: collapse}
.order_price table tr td{ width:100%; padding:0.5rem 1rem; border-bottom: 1px solid #ddd;  padding-right: 2rem}
.order_price table .order_price_total td{ text-align: right;}
.order_price table img{ width:3rem;margin-right: 1rem;}
.order_price .order_type td{ position:relative; height:4rem;}
.order_price .order_radio_box{
    display: inline-block;
    width:2rem;
    height:2rem;
    background-image:url("/public/images/radio_checked.png");
    background-repeat: no-repeat;
    background-size: 100%;
    position:absolute;
    top:50%;
    margin-top: -1rem;
    right:5%;
}
.order_price .order_radio_box{
    display: inline-block;
    width:2rem;
    height:2rem;
    background-image:url("/public/images/radio.png");
    background-repeat: no-repeat;
    background-size: 100%;
    position:absolute;
    top:50%;
    margin-top: -1rem;
    right:5%;
}
.order_price .order_radio_box_checked{
    background-image:url("/public/images/radio_checked.png");
}
.order_price span{ display: inline-block; }
.order_price .order_tips{ color:#999; font-size: 0.8rem; }

.order_confirm{ width:100%; height:3rem}
.order_confirm_space{ height:3rem; min-width:320px; width:100%; display: none}
.order_confirm_fix{ position: fixed; bottom:5rem; left:0}
.order_confirm .order_confirm_cost{ display: inline-block; color:#fff; background:#333; width:70%; float: left; height:3rem; line-height: 3rem; padding-left: 3rem}
.order_confirm .order_confirm_submit{ display: inline-block; color:#fff;  background: #b30c20; width:30%; border:0; float: left; height:3rem; line-height: 3rem; text-align: center}
.order_confirm .order_confirm_submit_disabled{ background: #cdcdcd;display: inline-block; color:#fff; border:0; float: left; height:3rem; line-height: 3rem; text-align: center}

.fenlei{ padding:10px 10x 0 10px; background:#fff;}
.fenlei li img{ width:4.4rem; height:auto; display:block; margin:8px auto;}
.fenlei-block{ display:block; width:100%; text-align:center; margin:0 auto}
.fenlei-block a{color:#333; display: inline-block; width:100%; }
.fenlei li{ width:23%; margin:0 1%; float:left; margin-bottom:15px;}
.area{ padding-top:1rem }
.area_item{ width:46%; float:left; margin-left:3% }
.area_item a{ width:94%; margin:0 3%; display: inline-block }
.area_item img{ width:100%;}
.news{ padding:0.8rem 0 0.8rem 5% }
.news img{ width:15%; vertical-align: middle; margin-right: 0.3rem }
.home_zj_tabs{ width:60%; margin:0.5rem 20%; }
.home_zj_tabs ul li{ width:29.3%; margin:0 2%; padding:0.5rem 0; float:left; text-align: center; font-size: 1.2rem; border-bottom: 1px solid #e0e0e0; color:#999 }

.jxuan-bt{ position:relative; padding:10px 0; border-bottom:1px solid #f4f4f4; background:#fff;}
.jxuan-bt img{ display:block; margin:0 auto; width:140px; height:16px;}
.jxuan-more{ position:absolute; top:0; right:10px; font-size:12px; height:36px; line-height:36px; color:#999}

.cpan{margin-bottom:10px;padding: 0 15px;}
.cpan img{width: 35px;height: 35px;display: inline-block; border-radius: 50%;}
.zjxq-photo{ display: inline-block; float: left}

.rwjs{position: relative;width:auto; float: left; height:35px; }
.rwjs_content{
    width:16rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.rwjs span{display: block;margin-left:8px; font-size: 13px;}
.rwjs span i{position: absolute;top:3px;right: 5px;}
.rwjs span img{width: 15px;height: auto;float:none;}
.rwjs.lineone{ height:20px; margin-top:7px;}
.rwjs span.fensiNum{color: #999;font-size: 13px; margin-top:5px}
.jxfa_match{ padding:5px 15px}

.fajian{ position: relative}
.newBtn{
    display: inline-block;
    position: absolute;
    height: 2rem;
    top: 50%;
    margin-top: -1rem;
    right: 1rem;
}
.newBtn .buy{ display: inline-block; width:60px; height:22px; line-height:20px; text-align:center; color:#ef2b2b; background:#fff; border:1px solid #ef2b2b; border-radius:4px;}
.newBtn .free{ display: inline-block; width:60px; height:22px; line-height:20px; text-align:center; color:#fff; background:#ef2b2b; border:1px solid #ef2b2b; border-radius:4px;}
.newBtn .outdate{ display: inline-block; width:60px; height:22px; line-height:20px; text-align:center; color:#fff; background:#999; border:1px solid #999; border-radius:4px;}
.time{font-size: 1rem;color: #999;margin-top:0;display: block; padding-top:5px}
.fs1{margin-top: 0.5rem}
.tjbt{font-size: 1rem;color: #999;display: block;margin-top:5px;}
.order_pdt{ padding-top: 1rem}

.fabs{overflow: hidden;}
.fabs ul li{float: left;border: 0;padding: 0;}
.fabs ul li:first-child,.fabs ul li:last-child{width: 40%;}
.fabs ul li:nth-child(2){width: 20%}
.db img{width:20px;height: 20px; }
.fabsdw{position: relative;}
.lt {position: absolute;left: 0;}
.rt{position: absolute;right: 0;}
.ked{position: absolute;right: 10px;}
.fabsdw span{font-size: 12px;}
.xvs img{width: 20px;height: auto; vertical-align: middle}
.xvs{width:20px;margin: 0 auto}
.xvs2 img{width:15px;height: auto;}
.xvs2{width:15px;margin: 0 auto}
.em_red{ color:#ff2c31}
.em_blue{ color:#1a95eb}
.rwjs .tags{
    display:inline-block;
    padding:0 5px;
    margin:0 4px;
    text-align: center;
    background:#b30c20;
    border-radius: 0.5rem;
    color:#fff;
    transform: scale(0.8);
}
.rwjs .tags_yellow{
    background: #fd9d57;
    margin:0;
}
.zj_label{   display:inline-block;
    padding:0 0.5rem;
    text-align: center;
    background: #fd9d57;
    border-radius: 0.5rem;
    margin:0;
    color:#fff;
    transform: scale(0.8); }

.jxfa_match{ border-bottom:1px solid #ddd; }

.b_red{background: #ef2b2b;width: 15px;height: 15px;line-height: 15px;text-align: center;color: #ffffff;border-radius: 3px;font-size: 10px;display: inline-block;margin-left: 3px;}
.r_green{background: #5ec963;width: 15px;height: 15px;line-height: 15px;text-align: center;color: #ffffff;border-radius: 3px;font-size: 10px;display: inline-block;margin-left: 3px;}
.y_blue{background: #2d7dff;width: 15px;height: 15px;line-height: 15px;text-align: center;color: #ffffff;border-radius: 3px;font-size: 10px;display: inline-block;margin-left: 3px;}
.W_red{border:1px solid #ef2b2b;width: 15px;height: 15px;line-height: 15px;text-align: center;color: #ef2b2b;border-radius: 3px;font-size: 10px;display: inline-block;margin-left: 3px;}
.L_green{border:1px solid #5ec963;width: 15px;height: 15px;line-height: 15px;text-align: center;color: #5ec963;border-radius: 3px;font-size: 10px;display: inline-block;margin-left: 3px;}
.yu_blue{background: #0099cc;width: 15px;height: 15px;line-height: 15px;text-align: center;color: #ffffff;border-radius: 3px;font-size: 10px;display: inline-block;margin-left: 3px;}

.hide{display:none;}
.show{display:inline-block;}

.toutiao{ width:100%; height:30px;border-top:1px solid #f1f1f1; background:#fff; margin-bottom:8px; position:relative}
.toutiao i{ width:55px; height:14px; position:absolute; left:15px; top:10px; display:block}
.toutiao img{  width:55px;height:14px; display:block}
.toutiao p{ width:30px; height:20px; line-height:20px; padding-left:10px;  display:block; border-left:1px solid #e8e8e8;position:absolute; right:15px; top:5px;}
.toutiao p a{ color:#999;}
.toutiao b{ display:block; margin:0 55px 0 80px;height:30px; line-height:30px; overflow:hidden; }

.tj_list_type{ width:100%; padding:1rem;  border-bottom: 1rem solid #f5f5f5}
.tj_list_type ul li{ width:33.3%; float: left; text-align: center}
.tj_list_type ul li a{ display: inline-block; padding:0.2rem 0.8rem; width:4rem; background: #fff; color:#b30c20; border-radius: 10px; border:1px solid #b30c20}
.tj_list_type ul li.tj_list_selected a{ background:#b30c20; color:#fff}

.tab-menu{ width:100%; height:40px; border-bottom:1px solid #f1f1f1; background:#fff;}
.tab-menu li{ height:40px; float:left; line-height:40px; text-align:center;font-size: 14px;}
.tab-menu.two li { width: 50%;}
.tab-menu li a{ display: inline-block; width:100%; height:100%; color: #333;}
.tab-menu li.cur{ background:url(../images/tabcur2.png) no-repeat bottom center; background-size:25px 2px;}
.tab-menu li.cur a{ color: #ef2b2b;}

.news_show_title{ width:100%; text-align: center; padding:0 2rem}
.news_show_info{ width:100%; text-align: center; color:#999; padding:0 2rem }
.news_show_content{ width:100%; padding:0 2rem}



.bangdan{padding: 0 15px;position: relative;height: 30px;border-bottom:1px solid #f1f1f1; }
.bangdan .bzbd{width: 60px;height: auto;margin-top: 9px;}
.bangdan .tanh{width: 14px;height: auto;position: absolute;right: 15px; top: 8px;}
.bangdan .tanh img{width: 14px;height: auto;}

.bdmc li{border-bottom: 1px solid #f1f1f1;overflow: hidden;}
.bdmc .jiangbei{background: url("/public/images/jiangbei.png")no-repeat right 15px;background-size: 63px 66px;}
.touxiang img{width: 50px;height: 50px;border-radius: 50%;display: block}
.bdtx{float: left;position: relative;margin: 20px 15px 11px 23px;}
.touxiang img{width: 50px;height: 50px;border-radius: 50%;display: block}
.hg1{background: url("/public/images/hg1.png")no-repeat;background-size: 22px 18px;display: block;width: 22px;height: 18px;position: absolute;top:-10px;right: -2px;}
.no1{background: url("/public/images/no1.png")no-repeat;background-size: 65px 15px;display: block;width: 65px;height: 15px;position: absolute;bottom: 0;left: -7px;}
.hg2{background: url("/public/images/hg2.png")no-repeat;background-size: 22px 18px;display: block;width: 22px;height: 18px;position: absolute;top:-10px;right: -2px;}
.no2{background: url("/public/images/no2.png")no-repeat;background-size: 65px 15px;display: block;width: 65px;height: 15px;position: absolute;bottom: 0;left: -7px;}
.hg3{background: url("/public/images/hg3.png")no-repeat;background-size: 22px 18px;display: block;width: 22px;height: 18px;position: absolute;top:-10px;right: -2px;}
.no3{background: url("/public/images/no3.png")no-repeat;background-size: 65px 15px;display: block;width: 65px;height: 15px;position: absolute;bottom: 0;left: -7px;}
.no4{background: url("/public/images/no4.png")no-repeat;background-size: 22px 22px;display: block;width: 22px;height: 22px;position: absolute;bottom: 0;right: 0;font-size: 11px;color: #fff;text-align: center;line-height: 20px;}
.yhmc{float: left;margin-top: 23px;}
.yhmc span{font-size: 13px;color: #999999;}
.yhmc p{color: #333333;font-weight: bold;font-size: 13px;}
.yhmc p.diyi{color: #ec5323}
.yhmc p.dier{color: #ff8a00}
.yhmc p.disan{color: #53abf6}
.fangan{float: right;margin:23px 15px 0 0; }
.fangan p{font-size: 13px;color: #666666;}
.fangan span{width: 60px;height: 20px;line-height: 20px;color: #fff;text-align: center;background: #ff6600;border-radius: 50px;font-size: 13px;display: block;margin: 4px auto 0 auto;}

.hb_box{ width:100%; height:100%; position: fixed; top:0; left:0; background:rgba(0,0,0,0.5); display: table; padding:0 10%; z-index: 3}
.hb{ width:100%; display: table-cell; vertical-align: middle; position: relative;}
.hb img{ width:100%;}
.hb_content{ position: relative}
.hb_close{ width:2rem; height:2rem; position:absolute; top:5px; right:5px;}
.hb_close img{ width:100%; height:100%}
.hb .hb_button{ position: absolute; width:8rem; bottom:4rem; left:50%; margin-left: -4rem;}
.hb .hb_text{ width:80%; position: absolute; top:1.5rem; left:10%; color:#fff; text-align: center; font-size: 16px; font-weight: bold}
.hb .hb_money{ width:60%; position: absolute; top: 24%; left:20%; color:#d0483a; text-align: center; font-size: 30px; font-weight: bold}
.hb .hb_open_text{ width:60%; position: absolute; top:42%; left:20%; color:#111; text-align: center}
.hb .hb_msg{ width:80%; position:absolute; top:72%; left:10%; color:#fff; text-align: center; font-size: 18px; font-weight: bold}
.hb .hb_open_button{ bottom:1.2rem;}
.hb_list_btn{ display: inline-block; width:72px; background: #ccc; color:#fff; padding:0 10px; text-align: center; border-radius: 5px; float: right; }
.hb_list_received{ background:#fff; color:#b30c20; border:1px solid #b30c20}
.hb_list_open{ background:#b30c20; }
.hb_explain_text{ padding:1rem; width:96%; margin:1rem 2%; background:#f52a3e; border-radius: 5px; color:#fff}
.hb_explain_title{ width:80%; height:4rem; margin:0 10%; text-align: center}
.hb_explain_title img{ height:100%;}
.hb_explain_content{ padding:1rem; font-size: 12px;}
.fs14{ font-size: 14px;}

.order_explain{ background: #F68177; background-image: url("/public/images/tips.png"); background-size: 24px 24px; background-repeat: no-repeat; background-position: 10px center; width:100%; padding:10px 10px 10px 40px; color:#fff}

.column_tj_content_time{ background:#999; color:#fff; display: inline-block; padding:0.2rem 0.5rem; margin:2rem 0 1rem 0;}
.column_tj_content_item{ background: #f5f5f5; border:1px solid #ccc; padding:1rem;}

.swiper-slide img{ width: 100%; margin:0; padding:0}
.swiper-pagination-bullet{background:#f5f5f5; opacity: 0.5}
.swiper-pagination-bullet-active{background:#10AEFF; opacity: 1}

.no_tuijian{  width:20%; margin:2rem 40% ;}

.by_profile{
    width:5rem;
    height:5rem;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin-right: 1rem;
}
.by_profile img{ width:100%}
.by_tags{  display:inline-block;
    padding:0 0.5rem;
    margin:0 0.4rem;
    text-align: center;
    background: #fd9d57;
    border-radius: 0.5rem;
    color:#fff;
    transform: scale(0.8);
}
.by_main{ background: #f2f2f2; padding:1rem 0;}
.by_main .zj_info{ border-bottom: 1px solid #e0e0e0; padding:1rem 0}
.by_main ul li{ width:96%; margin:1rem 2%; background: #fff; border-radius: 10px; padding:0.5rem 1rem}
.by_main .zj_intro{ display: inline-block; color:#999; font-size: 0.9rem}
.by_main .zj_tj{ padding:1rem 0}
.by_main .tj_tag{ border:1px solid #61d16b; display: inline-block; padding:0.1rem 0.4rem; color:#61d16b; border-radius: 2px}
.by_main .by_price{ display:inline-block; padding:0.2rem 0.4rem; background:#f00; color:#fff; border-radius: 5px; float:right}
.by_main .by_des{ width:96%; margin:3rem 2% 0 2%;  background: #fff; border-radius: 10px; padding:3rem 1rem 1rem 1rem; position: relative;}
.by_main .by_des img{ position:absolute; width:50%; height:3.6rem; left:25%; top:-1.8rem;}
.by_main .by_zj_name{ font-size: 1.3rem}

.zj_info_right{ display: inline-block; width:20rem;}

.order_title{ width:100%; border: 0; font-size: 1.4rem; padding:0; color:#fff}
.order .fabs{ overflow: visible}
.order .zhud,.ked{ text-align: center}
.order .order_match td{ padding-bottom: 1rem; border-bottom: 1px solid #e0e0e0}
.order .order_match_title td{ color:#666; padding-top: 0.8rem}
.by_main .order_price table{ width:86%; margin:0 7%; border-collapse: collapse; }
.by_main .order_price{ margin-bottom: 2rem; background: #fff}
.by_main .order table .order_balance td{ text-align: right; color:#333; padding-right: 1rem }
.by_main .order_price input[type='radio'] { display: inline-block; width:2rem; height:2rem; display: none}
.by_main .order_price table{ width:86%; margin:0 7%; border-collapse: collapse}
.by_main .order_price table tr td{ width:100%;  height:3.5rem; padding:0.5rem 0; border-bottom: 1px solid #e0e0e0;  padding-right: 2rem}
.by_main .order_price table .order_price_total td{ text-align: right;}
.by_main .order_price table img{ width:2.4rem; margin-top:0.8rem; margin-right: 0.5rem;}
.by_main .order_price .order_type td{ position:relative; height:4rem; font-size: 1.1rem}
.by_main .order_price .order_radio_box{
    display: inline-block;
    width:2rem;
    height:2rem;
    background-image:url("/public/images/radio.png");
    background-repeat: no-repeat;
    background-size: 100%;
    position:absolute;
    top:50%;
    margin-top: -1rem;
    right:0;
}
.by_main .order_price .order_radio_box_checked{
    background-image:url("/public/images/radio_checked.png");
}
.by_main .order_price span{ display: inline-block; vertical-align: top; height: 3rem; margin:0.5rem 0}
.by_main .order_price .order_tips{ color:#999; font-size: 0.9rem; }

.order_confirm_btn{ width: 56%; margin:0 22%; text-align: center; line-height: 3rem; color:#fff; font-size: 1.2rem; background: #f00; border-radius: 1.5rem;}
.order_price_title{  width:100%; height:3.5rem; padding-left: 7%; background: #f3f3f3; line-height: 3.5rem;}

.match_tag{ width:14px;  display: inline-block; margin-left: 5px;}
.match_tag img{ width: 100%; vertical-align: middle}

.rwjs .match_lm_lable{ width:32px; display: inline-block; }
.rwjs .match_lm_lable img{ width: 100%; vertical-align: middle; border-radius: 0}

.rwjs .match_lm_tag{ width:36px; display: inline-block;}
.rwjs .match_lm_tag img{ width: 100%; vertical-align: middle; border-radius: 0}

.jiao_purple{ background-color: #ff2365; width: 15px;height: 15px;line-height: 15px;text-align: center;color: #ffffff;border-radius: 3px;font-size: 10px;display: inline-block;margin-left: 3px;}

.recharge_tips_tabs{box-shadow: 0 5px 5px -1px #eee;}
.recharge_tips_tabs ul li{ width:50%; float: left; text-align: center; padding:1.2rem 0; font-size: 1.4rem; }
.recharge_tips_tabs ul .recharge_tips_tabs_selected{ color:#ff625b; padding-bottom: 0}
.recharge_tips_tabs ul .recharge_tips_tabs_selected span{ display: block; width:2rem; margin:1rem auto 0 auto; height:3px; background: #ff625b}

.recharge_tips_title{ width: 100%; margin-top: 1rem; border-bottom: 1px solid #ff625b; color:#ff625b; font-size: 1.2rem; padding:0 15px}
.recharge_tips_title img{ margin-right: 0.5rem; vertical-align: middle}
.recharge_tips_content{ padding: 0 10px; border:1px solid #e0e0e0;}
.recharge_tips_content ul li{
    background-image: url("/public/images/recharge_list_style.png");
    background-repeat: no-repeat;
    background-position: left 0.7rem;
    background-size: 0.6rem;
    padding-left: 1rem;
    margin:1rem 0;
}

.recharge_tips_btn{ display: inline-block; border: 0; width:50%; margin:0 25% 1rem 25%; background: #f00; color:#fff; border-radius: 2rem; padding:0.8rem 0; text-align: center; font-size: 1.5rem;}

.shadow{ position: fixed; display: none; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.5)}
.recharge_window{ width:70%; margin-left:15%; text-align: center;  background: #fff; border-radius: 10px;}
.recharge_window_title{ color:#333; font-size: 1.4rem; padding:1rem 0; border-bottom: 1px solid #e0e0e0; position: relative}
.recharge_window_close{ width:3rem; position: absolute; right:0; top:0}
.recharge_window_close img{ width: 100%}
.recharge_window_content{ padding:1rem 0}
.recharge_window_content a{ display: inline-block; width:80%; margin:1rem 10%; color:#fff; padding:1rem 0; border-radius: 5px;}
.recharge_window_content .zfkzf{ background: #eb5840}
.recharge_window_content .yhkzf{ background: #eb8040}

#hong_new{ position: absolute; right:30%; top:0.5rem; width:8px; height:8px; border-radius: 50%; background: #f02a27;}

.member_lts_list_item{ width:94%; margin:1rem 3%; box-shadow: 0 3px 5px #ccc; padding:1rem }
.member_lts_list_top{ font-size:0; border-bottom: 1px solid #e0e0e0; }
.member_lts_list_no{ width: 70%; font-size: 1.4rem; display: inline-block}
.member_lts_list_btn{ width:18%; display: inline-block; margin-left: 10%; background: linear-gradient(to right,#ffbe34,#ff9600); border-radius: 15px; padding:0; color:#fff; font-size: 1.2rem; text-align: center; margin-bottom: 0.5rem }
.member_lts_list_bottom{ padding-top: 0.5rem }
.member_lts_list_zj{
    background-image: url("/public/images/lts/yzj.png");
    background-position: 70% 20%;
    background-size: 6rem;
    background-repeat: no-repeat;
}
.member_lts_list_wzj{
    background-image: url("/public/images/lts/wzj.png");
    background-position: 70% 20%;
    background-size: 6rem;
    background-repeat: no-repeat;
}

.member_lts_detail_item{ width:94%; margin:1rem 3%; box-shadow: 0 3px 5px #ccc; padding:0 1rem; font-size: 1.2rem; color:#888; }
.member_lts_detail_item_top{ border-bottom: 1px solid #ccc; padding:0.8rem 0;  }
.member_lts_detail_item_bottom{ padding:0.8rem 0}
.member_lts_detail_vs{ margin-top: 0.5rem; font-size: 1.5rem; color:#333 }
.member_lts_detail_btn{ width:50%; margin:1rem 25% 0.3rem 25%; display: inline-block; }
.member_lts_detail_btn img{ width:100% }
.member_lts_detail_text{ text-align: center; width:100%; color:#ff1100; font-size: 1.2rem }

.member_lts_detail_item_zj{
    background-image: url("/public/images/lts/member_detail_zj.png");
    background-position: right top;
    background-size: 4.5rem;
    background-repeat: no-repeat;
}
.member_lts_detail_item_wzj{
    background-image: url("/public/images/lts/member_detail_wzj.png");
    background-position: right top;
    background-size: 4.5rem;
    background-repeat: no-repeat;
}

.lts_reward_bg{ width:100% }
.lts_reward_bg img{ width:100% }
.lts_reward_content{
    width:90%;
    margin-left: 5%;
    background-image: url("/public/images/lts/lts_reward_content_bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 2;
    padding-bottom: 2.5rem;
}
.lts_reward_card{
    width:76%;
    margin-left:12%;
}
.lts_reward_card img{ width:100%; margin-top: -5rem  }
.lts_reward_card_no{ text-align: center; font-size: 1.4rem; font-weight: bold; margin:0.5rem 0  }
.lts_reward_kf img{ width:32%; margin:0.5rem 34%;}
.hrlt_group_result{ width:40%; left:30%; top:18%; position: absolute; pointer-events: none;}
.hrlt_group_result img{ width:100%}

.shadow_box{ position: fixed; top:0; left:0; width: 100%; height:100%; background: rgba(0,0,0,0.5); z-index: 999; display: none }
.lts_success_window_content{
    width:96%;
    position: fixed;
    top:10%;
    left:2%;
    padding:10rem 0;
    background-image: url("/public/images/lts/lts_success_window.png");
    background-repeat: no-repeat;
    background-size: 100%;
    text-align: center;
}
.lts_success_window_content img{ width:44%; margin:1rem 28% }
.lts_success_window a{ display: inline-block }
.lts_success_window_text{ background: #fff; width:70%; margin:2rem 15% 1rem 15%; text-align: center; font-weight: bold; border-radius: 10px; padding:1rem 0; font-size: 1.4rem  }


.lts_failed_window_content{
    width:70%;
    position: fixed;
    top:10%;
    left:15%;
    min-height: 30rem;
    background-image: url("/public/images/lts/lts_failed_window.png");
    background-repeat: no-repeat;
    background-size: 100%;
    text-align: center;
}
.lts_failed_window_content img#lts_failed_window_btn{ width:40%; position: fixed; left:30%; top:48% }
.lts_failed_window_text{ width:70%; position: fixed; left:15%; top:33%; text-align: center; font-weight: bold; border-radius: 10px; padding:1rem 0; font-size: 1.4rem  }

.lts_reward_window_content{
    width:80%;
    position: fixed;
    top:10%;
    left:10%;
    min-height: 40rem;
    background-image: url("/public/images/lts/lts_reward_window.png");
    background-repeat: no-repeat;
    background-size: 100%;
    text-align: center;
}
.lts_reward_window_content img#lts_reward_window_btn{ width:44%; position: fixed; left:28%; top:52%;  }
.lts_reward_window_content a{ display: inline-block }
.lts_reward_window_text{ width:70%; position: fixed; color:#d43014; left:15%; top:20%; font-weight: bold; text-align: center; border-radius: 10px; padding:1rem 0; font-size: 1.4rem  }
.lts_window_close{ width:30%; margin:2rem 35%; }
.lts_failed_close{ width:16%; position: fixed; top:60%; left:42%; margin:0 }
.lts_failed_close img{ width:100%}
.lts_reward_close{ width:16%; position: fixed; top:68%; left:42%; margin:0 }
.lts_reward_close img{ width:100%}

.activity_banner{ width:100% }
.activity_banner img{ width:100% }
.activity_tabs{ width:100%; margin-top:-3rem; position: relative; z-index: 2 }
.activity_tabs ul li{
    width:50%;
    float:left;
    text-align: center;
    padding:0.7rem 0;
    font-size: 1.3rem;
    background: #ef4a2d;
    color:#fff;
    border-radius: 10px 10px 0 0;
}
.activity_tabs ul li.activity_tabs_selected{
    color: #ef4a2d;
    background:#fff;
    margin-top: -0.3rem;
    padding-top: 1rem;
}
.activity_content{ padding:1rem; }
.activity_box{ background: #fff; margin:1rem 0; padding-bottom: 1rem; border-radius: 10px; }
.activity_item{ background: #fcf1e8; border-radius: 8px; padding:1rem; width:calc(100% - 2rem); margin:0.5rem 1rem;  }

.activity_history_item{ color:#999 }
.activity_tag_zj{
    display: inline-block;
    background-image: url("/public/images/activity_list_win.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color:#fff;
    width:6rem;
    height:1.8rem;
    text-align: center;
    margin:0.2rem 0;
}
.activity_tag_wzj{
    display: inline-block;
    background-image: url("/public/images/activity_list_disable.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color:#999;
    width:6rem;
    height:1.8rem;
    text-align: center;
    margin:0.2rem 0;
}


.login_bg{ width:100%; height:100%; background-image: url("/public/images/login_bg.png"); background-repeat: no-repeat; background-size: 100%}
.login_logo{ width: 24%; margin:16% 38% 10% 38%;}
.login_form{width:70%; margin:0 14%; padding:1rem 0;}
.login_username{
    width:90%;
    margin:1rem 5%;
    height:30px;
    background-image: url("/public/images/login_icon1.png");
    background-repeat: no-repeat;
    background-size: 1.2rem 1.7rem;
    background-position: 1rem center;
    border:0;
    border-bottom: 1px solid #ccc;
    padding-left: 3rem;
    outline: none;
}
.login_password{
    width:90%;
    margin:1rem 5%;
    height:30px;
    background-image: url("/public/images/login_icon2.png");
    background-repeat: no-repeat;
    background-size: 1.2rem 1.7rem;
    background-position: 1rem center;
    border:0;
    border-bottom: 1px solid #ccc;
    padding-left: 3rem;
    outline:none;
}
.login_form .login_submit{ background: #f00; width:90%; margin:2rem 5% 1rem 5%; border:1px solid #f00; color:#fff; padding:0.8rem 1rem; border-radius: 10px; font-size: 14px;}
.login_form .login_reg{ display: inline-block; background: #fff; width:90%; margin:1rem 5%; border:1px solid #f00; text-align: center; color:#f00; padding:0.8rem 1rem; border-radius: 10px; font-size: 14px;}
.login_form .login_reset{ display:inline-block; float: right; color:#999; margin-right: 1rem; font-size: 14px}
.login_agreement{ position: absolute; width:72%;  bottom:4rem; left:14%; text-align: center; color:#aaa; font-size: 10px; white-space: nowrap}
.login_agreement a{ color:#3eb5e5}


.point_remain{ background:#FDF5E8; padding:1rem; text-align: center}
.point_recharge_tips { padding:0 1.5rem;}
.fs12{font-size: 1.2rem;}
.point_recharge{ padding:1.5rem 0;}
.point_recharge ul li{ width:33.3%; float:left; text-align: center}
/*
.point_recharge .point_recharge_item{
    display: inline-block;
    background:#f6ddcb;
    width:50%;
    margin:1rem 25%;
    border-radius: 30%;
    color:#b30c20;
    font-size: 1.2rem;
}
*/
.point_recharge .point_recharge_item{
    display: inline-block;
    width:90%;
    margin:1rem 5%;
    padding:1rem 0;
    color:#333;
    border:1px solid #ccc;
    border-radius: 5px;
}
.point_recharge .point_recharge_item_selected{
    color:#ff934b;
    border:1px solid #ff934b;
}
.pay_submit{ margin-top: 2rem;}
.pay_submit button{ border:0; width:44%; margin:0 3%; float: left; background: #fff}
.pay_submit button img{ width:100%;}
.point_recharge .point_recharge_item p:first-child{ font-size: 1.4rem;}


.score_guess_main{
    width:100%;
    padding-top:70vw;
    padding-bottom: 8vw;
    background: #4C38D8;
    background-image: url("/public/images/score_guess_bg_league.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    font-size: 1.2rem;
}

.score_guess_announce{
    width:80%;
    padding:1rem 0;
    text-align: center;
    font-weight: bold;
    font-size: 1.4rem;
    color:#fff;
    margin:0 10%;
    background-image: url("/public/images/score_guess_announce.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.score_guess_end_time{
    text-align: center;
    margin-top: 0.8rem;
}
.score_guess_end_time p{
    display: inline-block;
    padding:0.1rem 0.5rem;
    background: #fff;
    border-radius: 5px;
    color:#4300a0;
}
.score_guess_item{
    width:90%;
    margin:1rem 5% 0 5%;
    text-align: center;
}
.score_guess_title{
    width:50%;
    margin:0 25%;
    background-image: url("/public/images/score_guess_title.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding:0.5rem 0;
    color:#fff;
    position: relative;
    z-index: 2;
}
.score_guess_content{
    width:100%;
    background: #fff;
    border-radius: 10px;
    margin-top: -1.5rem;
    padding:2rem 0 1rem 0;
    border:1px solid #fa3c31;
}
.score_guess_team span{ display: inline-block }
.score_guess_team img{ width:100%; vertical-align: middle}

.score_guess_win{ color:#ff5e06}
.score_guess_tie{ color:#60d25e}
.score_guess_lose{ color:#519dfc}

.score_guess_win_selected{ background: #ff5e06; color:#fff}
.score_guess_tie_selected{ background: #60d25e; color:#fff}
.score_guess_lose_selected{ background: #519dfc; color:#fff}

.score_guess_type{ text-align: left; padding:1rem; border-bottom: 1px solid #e0e0e0}
.score_guess_type p{ padding-left: 0.5rem}
.score_guess_win ul li{ width:16%; float: left; margin:0.2rem 2%;  border-radius: 5px; border:1px solid #ff5e06; text-align: center;font-size: 14px; padding: 5px 0;}
.score_guess_tie ul li{ width:16%; float: left; margin:0.2rem 2%;  border-radius: 5px; border:1px solid #60d25e; text-align: center;font-size: 14px; padding: 5px 0;}
.score_guess_lose ul li{ width:16%; float: left; margin:0.2rem 2%;  border-radius: 5px; border:1px solid #519dfc; text-align: center;font-size: 14px; padding: 5px 0;}

.score_guess_btn{ width:50%; margin:1rem 25% 0 25%; }
.score_guess_btn img{ width:100%}
.score_guess_his{ display: inline-block; width: 60%; margin:0.5rem 20%; color:#333; text-align: center}
.score_guess_avatar{ width:2.7rem; height:2.7rem; border-radius: 50%; overflow: hidden; vertical-align: middle; margin-right: 0.5rem }
.score_guess_content_item{ width:100%; padding:0.5rem 4rem;  text-align: left; border-bottom: 1px solid #ccc; }


.member_his_title{ padding:1rem; text-align: center; }
.member_his_content ul li{ padding:0.5rem 1rem; border-bottom: 1px solid #e0e0e0; position: relative}
.member_his_content ul li p{ margin:0.2rem 0}
.member_his_plus{ font-size: 1rem; color:#3d7cfb; position: absolute; right: 1rem; bottom: 1.2rem }
.member_his_dec{ font-size: 1rem; color:#fc6869; position: absolute; right: 1rem; bottom: 1.2rem }

.member_guess_content{ width:94%; margin:0 3%; font-size: 14px;}
.member_guess_content ul li{  padding:10px; border-radius: 5px; background: #fff; border:1px solid #e0e0e0; position: relative; margin-bottom: 1rem}
.member_guess_content p{  padding:7px 10px  }

.member_guess_view{ display: inline-block; position: absolute; top:5rem; right:0.5rem; background:#ff6238; color:#fff; border-radius: 20px; padding:0.2rem 1rem; font-size: 0.8rem }
.member_guess_view_grey{ display: inline-block; position: absolute; top:5rem; right:0.5rem; background:#999; color:#fff; border-radius: 20px; padding:0.2rem 1rem;font-size: 0.8rem }

.register_content{
    background-image: url("/public/images/reg_bg.png");
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 18rem;
}
.register_content input{ display: inline-block}
.register_verification_pic{ display: inline-block; }
.register_content ul li{ width:80%; margin:0 10%; padding:0.5rem 1rem}
.register_content #img_code{
    width:60%;
    margin:1rem 5%;
    height:30px;
    background-repeat: no-repeat;
    background-size: 1.2rem 1.7rem;
    background-position: 1rem center;
    border:0;
    border-bottom: 1px solid #ccc;
    padding-left: 1rem;
    outline: none;
}
.register_content #code_img{ width:30%; vertical-align: middle }
.register_content #phone{
    width:90%;
    margin:1rem 5%;
    height:30px;
    background-image: url("/public/images/reg_phone.png");
    background-repeat: no-repeat;
    background-size: 1.2rem 1.7rem;
    background-position: 1rem center;
    border:0;
    border-bottom: 1px solid #ccc;
    padding-left: 3rem;
    outline: none;
}
.register_content #password{
    width:90%;
    margin:1rem 5%;
    height:30px;
    background-image: url("/public/images/reg_password.png");
    background-repeat: no-repeat;
    background-size: 1.2rem 1.7rem;
    background-position: 1rem center;
    border:0;
    border-bottom: 1px solid #ccc;
    padding-left: 3rem;
    outline:none;
}
.register_content #verify_code{
    width:55%;
    margin:1rem 5%;
    height:30px;
    background-image: url("/public/images/reg_captcha.png");
    background-repeat: no-repeat;
    background-size: 1.2rem 1.7rem;
    background-position: 1rem center;
    border:0;
    border-bottom: 1px solid #ccc;
    padding-left: 3rem;
    outline:none;
}
.register_content #send-btn{
    width:35%;
    border:1px solid #5493ea;
    border-radius: 10px;
    color:#5493ea;
    background: #fff;
    padding:0.5rem 0;
}
.register_content #name{
    width:90%;
    margin:1rem 5%;
    height:30px;
    background-image: url("/public/images/reg_captcha.png");
    background-repeat: no-repeat;
    background-size: 1.2rem 1.7rem;
    background-position: 1rem center;
    border:0;
    border-bottom: 1px solid #ccc;
    padding-left: 3rem;
    outline:none;
}
.register_content .register_submit{ width:70%; margin:2rem 15% 0 15%; background: #5493ea; color:#fff; border-radius: 10px; border:0; padding:1rem 0}
.register_content .reg_link{ width:70%; margin:0 15%; padding:1.2rem 0.2rem; font-size: 14px}
.register_content .reg_link .reg_reset{ float: right}
.register_title{ width: 100%; font-size: 14px; color:#fff; text-align: center; margin-bottom: 12rem; padding-top:1rem}

.reset_content{
    background-image: url("/public/images/reset_bg.png");
}
.reset_content #phone{
    background-image: url("/public/images/reset_phone.png");
}
.reset_content #password{
    background-image: url("/public/images/reset_password.png");
}
.reset_content #verify_code{
    background-image: url("/public/images/reset_captcha.png");
}
.reset_content #send-btn{
    width:35%;
    border:1px solid #fcbd10;
    border-radius: 10px;
    color:#fcbd10;
    background: #fff;
    padding:0.5rem 0;
}
.reset_content .register_submit{ width:70%; margin:2rem 15% 0 15%; background: #fcbd10; color:#fff; border-radius: 10px; border:0; padding:1rem 0}
.reg_back{ position: fixed; top:1rem; left:1rem; width:2rem;}
.reg_back img{ width: 100%}

.cz_window{ width:70%; background: #fff; position: fixed; top:6rem; left:15%; border-radius: 10px; text-align: center; padding:0 1rem; font-size: 1rem }
.cz_window_content{ background: #f4f2f9; padding:2vw 2rem; margin-bottom:1.5rem; position: relative }
.cz_no_tag{
    position: absolute;
    left:-1.6vw;
    top:2.2vw;
    background-image: url("/public/images/no_tag.png");
    background-size: 100% ;
    background-repeat: no-repeat;
    padding:0.2vw 1.6vw 1.5vw 1vw;
    font-size: 2.5vw;
    color:#fff
}
.cz_no_tag_4{
    background-image: url("/public/images/no_tag_4.png");
}
.cz_num{ color:#c71717; font-size: 2rem; font-weight: bold }
.cz_window_item_title img{ width:70%; margin:0 15% 0.5rem 15%; }

.cz_window_close{ position: fixed; width:6vw;  right:17%; top:11% }
.cz_window_close img{ width:100% }

.hb_2024{ width:100%; display: block; top:10vw; vertical-align: middle; position: relative;}
.hb_2024 img{ width:100% }
.hb_2024_money{ position: absolute; top:25vw; width:50%; text-align: center; left:25%; color:#e42f00; font-size: 6vw }
.hb_2024_money span{ font-size: 10vw; font-weight: bold }
.hb_2024_text{ position: absolute; top:42vw; width:60%; text-align: center; left:20%; background: #e42f00; color:#fff; border-radius: 30px; font-size: 3vw }
.hb_2024 .hb_2024_button{ position: absolute; top:60vw; width:60%; left:20%; }
.hb_2024 .hb_2024_close{ position: absolute; top:90vw; width:10%; left:45% }

@media screen and (min-width: 640px){
    .menu{ left: 50%; margin-left: -320px;}
    .fenlei-block{ width:100%;}
    .fenlei li img{ width:40%; margin:5px 30%;}
}
@media screen and (max-width:320px){
    html{ font-size:10px}
    .challenge_enter{ height:100%}
}
@media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}}
@media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}}
@media screen and (min-width:415px) and (max-width:639px){html{font-size:15px}}
@media screen and (min-width:640px) and (max-width:719px){html{font-size:20px}}
@media screen and (min-width:720px) and (max-width:749px){html{font-size:22.5px}}
@media screen and (min-width:750px) and (max-width:799px){html{font-size:23.5px}}
@media screen and (min-width:800px){html{font-size:25px}}