html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html *{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
html,body{font-family:\5FAE\8F6F\96C5\9ED1,Arial,sans-serif}
a{ color:#333}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
table table{ border-style: hidden}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
ol,ul{list-style:none}caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
q:before,q:after{content:''}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
ins,a{text-decoration:none}
input[type=password] {-webkit-text-security: disc}
.fl{ float: left}
.rg{ float: right}
.clear{ clear: both}
.fs12{ font-size: 12px}
.fs16{ font-size: 16px}
body{ background: #f5f5f5 }

.header{ background:#fff; width:100%; margin:auto;}
.header{ width: 100%; position: relative; z-index: 3; height:65px}
.nav{width: 1200px; margin:0 auto;}
.logo{ width: 220px; height:auto; margin-top: 10px; }
.logo img{width:200px;}
.navlist{ width: 360px; margin-left:340px; }
.navlist li{ float: left;  padding-top: 15px; height:45px; margin:0 5px; }
.navlist li a{display: block; color: #333; font-size: 16px;text-decoration: none; line-height: 36px; margin:0 15px}
.navlist li a:hover{color:#ef4a2d; border-bottom:1px solid #ef4a2d}
.navlist li.on a{ border-bottom: 3px solid #d21d20; }
.navlist li.nav_selected{ background: #ef4a2d; }
.navlist li.nav_selected a{ color: #fff; }

.hide{ display: none; }

.login{ margin: 15px 0 0 30px; width:250px; position: relative; text-align: right}
.login li{ float: left; }
.login li a{display: inline-block; color: #333; font-size: 16px; text-decoration: none; line-height: 36px; padding: 0 10px;}
.login li span{display: inline-block; cursor: pointer; color: #333; font-size: 16px; text-decoration: none; line-height: 36px; padding: 0 10px;}

.login_member_name{ width:auto; max-width: 100px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: right }

.login li a:hover{ color:#ef4a2d; border-bottom:1px solid #ef4a2d }
.login li.on a{ color: #fff; }
.login a.forget{ color: #333; text-decoration: underline; }
.login a.forget:hover{color: #333; text-decoration: none; }
.loginbar h1{ color: #326295; font-size: 16px; font-weight: bold; margin-bottom: 15px; line-height: 24px; }
.loginbar .line.username{ background-position: 0 0; }
.loginbar .line.password{ background-position: 0 -51px; }
.loginbar .line.vitfcode{ background-position: 0 -103px; }
.loginbar .line.btn{ background-position: 0 -158px; }
.loginbar .line input{ width: 100%; height: 100%; border:0; background: none; color: #333; font-size: 14px;}
.loginbar .line.btn {height: 44px; padding-left: 0; width: 100%; }
.loginbar .line.btn input{  color: #fff; font-size: 16px; font-weight: bold; cursor: pointer; }
.loginbar .vitfbar{position: absolute; right: 3px; top: 1px; width: 85px; height: 34px; overflow: hidden;}
.loginbar .vitfbar img{ width: 85px; height: 34px; border:0;}
.loginbar .msg{ color: #d21d20; font-size: 12px; text-align: left; line-height: 24px; margin:10px 0;}

.banner{ width: 100%; max-width: 1920px; height: 350px; position:relative; margin:0 auto 10px auto;  z-index: 1; overflow: hidden; text-align: center}
.banner_btn{ display: inline-block; background:-webkit-linear-gradient(bottom,#77c6f6,#009bff); font-size: 14px;  line-height: 14px; color:#0042a6; padding: 5px; border-radius: 5px; border:0; margin-top:10px;}
.banner_btn img{ vertical-align: middle; width:18px; margin-right: 2px;}
.banner.contact{height: auto; background: none; }
.banner.contact img{ height: 122px; width: 100%; border: 0; }
.banner .bd li{ zoom:1; vertical-align:middle; position: relative; }
.banner .bd li .text{position: absolute; left: 200px; top: 120px; color: #fff; font-size: 20px;}
.banner .bd li .text a:hover{ background: #fff; color: #333;}
.banner .bd .banner_pic{ position:absolute; left:50%; margin-left:-960px; width:200px; top:-10%; z-index:0; }

.container{ width:1200px; margin:auto; padding:20px;}

.footer{ width: 100%; background: #d9d9da; font-size: 14px;}
.footer .content{ width: 1000px; padding: 20px 0; margin: 30px auto 0; }
.content .link a{ color: #474749; font-size: 14px;  margin-right: 20px; margin-top: 20px; display: inline-block; }
.content .link a:hover{ text-decoration: underline; }
.info{margin-top: 10px; color: #474749;}
.codeimg{ float: left; margin-right: 20px; }
.code{ width: 280px; color: #474749;}
.code p:first-of-type{ margin-top: 30px; margin-bottom: 10px}

.title{
    background-image: url("/public/images/title_bg.png");
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: 12px 0;
    padding-left: 30px;
}
.more{ color:#999; float:right; font-size: 14px;}
.home_left{ width:900px; float:left; }
.home_right{ width:280px; margin-left: 20px; float:left; }
.home_activity_item{
    background: #fcf1e8;
    display: inline-block;
    border-radius: 8px;
    padding:3px 10px 8px 10px;
    width:96%;
    margin:5px 2%;
    box-sizing: border-box;
}
.home_activity{ width:440px; height:230px; background: #fff; border-radius: 10px; padding:10px; box-sizing: border-box  }
.home_free{ width:440px; height:230px; margin-left: 20px; background: #fff; border-radius: 10px; padding:10px; box-sizing: border-box }
.home_nav_item{ display: inline-block; width:23.5%; margin-right: 1.5%; }
.home_tj{  border-radius: 10px; padding:10px 0; box-sizing: border-box }

.home_nav_box{ font-size: 0; margin:10px 0; }
.home_nav_item img{ width:100%; }

.masonry {
    margin: 0 auto;
    width: 1200px;
    position: relative;
    min-height: 400px;
}
.tj_show_item{
    width:290px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    margin:0 10px 20px 0;
    background: #fff;
    padding:10px 10px;
    box-sizing: border-box;
    float: left;
}
.tj_show_line0{ left:0; top:0}
.tj_show_line1{ left:400px; top:0}
.tj_show_line2{ left:800px; top:0}
.tj_show{ width:100%}
.tj_show_buy{ background: #f00}
.tj_show_item_matchtype{ width:20px; vertical-align: middle;}
.vam{ display: inline-block; max-width: 180px; overflow: hidden }
.tj_show_item_title{ font-size: 16px; font-weight: 400; padding:10px 0;}
.tj_show_item_title img{ vertical-align: middle}
.tj_show_item_match{ color:#999; padding-bottom:10px; min-height:24px; overflow: hidden; line-height: 24px; font-size: 14px}
.tj_show_item_matchtime{ float: right; padding-top: 2px;}
.tj_show_item_data{ height:24px; line-height: 24px; font-size: 14px; padding:10px 0; border-top: 1px solid #cdcdcd;}
.tj_show_item_data img{ vertical-align: middle; width:20px;}
.tj_show_price{ display: inline-block; float: right; text-align: center; color:#fff; width: 70px; height:26px; line-height: 26px; box-sizing: border-box; break-inside: avoid; background: #f00; border-radius: 5px; vertical-align: middle; }
.tj_show_view{ background: #06872e}
.tj_show_result{
    display: inline-block;
    width:45px;
    height:25px;
    border-radius: 10px;
    text-align: center;
    line-height: 25px;
    color:#fff;
    font-size: 14px;
    vertical-align: top;
}
.result_win{ background: #cd0909}
.result_tie{ background: #0b3f81}
.result_lose{ background: #333}

.home_sl{ background: #fff; padding:10px 0 }
.home_hot{ background: #fff; margin-top: 20px; padding:10px 2px;  }
.home_hot_content{ padding:10px 0; border-top: 1px solid #e0e0e0 }
.home_hot_item{ padding:12px 0 12px 10px; font-size: 14px;  }
.home_hot_category{ width:58px; display: inline-block; background: #bcbcbc; color:#fff; padding:2px; border-radius: 5px; margin-right:5px; font-size: 12px; text-align: center }
.home_hot_team{ width:130px; display: inline-block; text-align: left; }
.home_hot_fa{ margin-left: 20px; color:#ef4a2d; border:1px solid #ef4a2d; padding:0 3px; white-space: nowrap; }
.home_sl_tabs{ padding-left: 8%; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0}
.home_sl_tabs ul li{ float:left; width:28%; text-align: center; font-size: 14px; vertical-align: bottom; cursor: pointer }
.home_sl_tabs ul li.home_sl_tabs_selected{ color:#ef4a2d; font-size: 16px; font-weight: bold }

.home_zj_content{ width:90%; margin:0 5%; display: none }
.home_zj_content ul li{ width:100%; text-align: left; margin:10px 0; padding:10px; font-size: 14px; }
.home_zj_content ul li img{ width:40px; height:40px; border-radius: 50%; overflow: hidden; vertical-align: middle; margin-right: 10px}
.home_zj_zstj{ color:#ef4a2d; float: right; line-height: 40px; margin-right: 6px; }

.zhuanhuan_box{ width:44%; position: relative; margin:0 28%; padding-top: 10px }
.zhuanhuan_gold{ position: absolute; right:10px; top:0; }
.title_list{ width:8px; height:1em; vertical-align: middle; display: inline-block; background: #ef4a2d; margin-right: 8px }
.zhuanhuan_btn{ border: 0; background: linear-gradient(to right,#ffae00,#ff9600); width:70%; margin:12px 15%; color:#fff; text-align: center; padding:10px 0; border-radius: 10px }
.zhuanhuan_input_box{ margin:18px 0 8px 0; border-bottom: 1px solid #ddd; padding:12px 0 }
.zhuanhuan_all_btn{ color:#f00; display: inline-block; width:calc(50% - 70px); text-align: right }
.zhuanhuan_gold_input{ display: inline-block; font-size: 16px; width:46%; line-height: 40px; border:0; padding-left: 12px; margin-left:8px }
.member_info{ position: relative; margin-bottom: 20px }
.member_info_top{
    width:100%;
    padding:30px 0 30px 240px;
    box-sizing: border-box;
    background-image: url("/public/images/member_bg.png");
    background-size: 100%;
    color:#fff;
    font-size: 20px;
}
.member_info_bottom{
    width:100%;
    background: #fff;
    box-sizing: border-box;
    padding:70px 0 30px 100px;
}
.member_info_avatar{
    position: absolute;
    left:100px;
    top:30px;
    width:110px;
}
.member_info_avatar img{ width:100% }
.member_info_point{ font-size: 24px; margin-left: 24px; margin-top: -5px; padding-right: 10px;  }
.member_recharge_btn{ display: inline-block; width:150px; margin-top: 10px; margin-right: 30px }
.member_recharge_btn img{ width:100%; }
.member_info_gold{ border-left:1px solid #f0733c; padding:20px 0 20px 30px ; font-size: 24px; }
.member_info_gold img{ vertical-align: -2px; margin-right: 10px; }
.member_num{  margin-left: 20px; }
.member_zhuanhuan_btn{
    border:1px solid #666;
    font-size: 14px;
    border-radius: 20px;
    display: inline-block;
    padding:3px 10px;
    position: absolute;
    bottom:52px;
    right:20px;
}
.member_exchange{
    width:100%;
    margin-top: 40px;
    background: #fff;
    padding:20px 20px;
}
.login_dialog_shade{ display: none; position: fixed; left:0; top:0; background: rgba(0,0,0,0.3); width:100%; height:100%; z-index: 999;}

.ie .ie_shade{ background: #000; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); }
.login_dialog{
    width:372px;
    position: fixed;
    left:50%;
    margin-left: -160px;
    top:65px;
    z-index: 99;
    padding:70px 60px ;
    background-image: url("/public/images/login_bg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.login_dialog .login_dialog_title{ color:#f00; font-size: 22px; padding-bottom: 20px; margin-bottom: 20px}

.form_login_bottom{ width:100%; }
.login_dialog_content{ width:400px;}
.tel{
    width:330px;
    margin:15px auto;
    border:0;
    border-radius: 20px;
    background-color:#f5f5f5;
    background-image: url("/public/images/phone.png");
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 20px;
    padding:15px 0 15px 60px;
}
.password{
    width:330px;
    margin:15px auto;
    border:0;
    border-radius: 20px;
    background-color:#f5f5f5;
    background-image: url("/public/images/password.png");
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 20px;
    padding:15px 0 15px 60px;
}
.login_forget{ display: inline-block; margin:15px 0 40px 0; cursor: pointer }

.submit{ width:100%; background: #fff; color:#fff; border:0}
.submit img{ width:100% }
.close{ width:30px; position: fixed; top:65px; left:50%; margin-top: 20px; margin-left: 260px; cursor: pointer}
.login_reg{ color:#ef4a2d; border-bottom: 1px solid #ef4a2d; cursor: pointer }

.reg_dialog_shade{ display: none; position: fixed; left:0; top:0; background: rgba(0,0,0,0.3); width:100%; height:100%; z-index: 999; }
.reset_dialog_shade{ display: none; position: fixed; left:0; top:0; background: rgba(0,0,0,0.3); width:100%; height:100%; z-index: 999; }

.name{
    width:330px;
    margin:15px auto;
    border:0;
    border-radius: 20px;
    background-color:#f5f5f5;
    background-image: url("/public/images/name.png");
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 20px;
    padding:15px 0 15px 60px;
}
.pic_captcha{
    width:180px;
    margin:15px auto;
    border:0;
    border-radius: 20px;
    background-color:#f5f5f5;
    background-image: url("/public/images/pic_captcha.png");
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 20px;
    padding:15px 0 15px 60px;
}
.captcha{
    width:180px;
    margin:15px auto;
    border:0;
    border-radius: 20px;
    background-color:#f5f5f5;
    background-image: url("/public/images/captcha.png");
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 20px;
    padding:15px 0 15px 60px;
}

.login_dialog_content img{ vertical-align: middle}
.captcha_img{ width:100px; margin:0 10px 0 2px;}
.captcha_refresh{ width: 30px; cursor: pointer}
.send_captcha{ width:140px; margin-top: 2px; cursor: pointer; background: #f2f2f2; margin-left: 10px; display: inline-block; text-align: center; box-sizing: border-box; padding:15px; border-radius: 10px; border:0; color:#ef4a2d}
#reg_tel{ margin-bottom: 20px}
#reset_tel{ margin-bottom: 20px}
.red{ color:#f00!important;}

.tj_show_zj{ position: relative;}
.tj_show_zj_avatar{ width:50px; margin-right:10px; height:50px; border-radius: 50%; overflow: hidden; vertical-align: middle}
.tj_show_zj_label{ width:40px; margin-left:10px; padding:2px 10px; font-size: 14px; border-radius: 10px; color:#fff; background: #09ad3b}
.tj_show_zj_tag{ position: absolute;
    width:70px;
    height:44px;
    line-height: 44px;
    top:-10px;
    right:-20px;
    background-image: url("/public/images/tj_show_tag.png");
    background-repeat: no-repeat;
    text-align: center;
    color:#fff;
    background-size: 100% 100%;
    font-size: 20px;
    padding-left: 18px;
}

.tj_show_detail{ margin-top: 40px; background: #fff; padding:20px 80px; box-sizing: border-box}
.tj_show_detail_title{ font-size: 28px; font-weight: bold; margin:20px 0}
.color_gray{ color:#999!important;}
.tj_show_detail_zj{ padding:0 0 20px 0; border-bottom: 1px solid #cdcdcd}
.tj_show_detail_match{ margin:30px auto; }
.tj_show_detail_data{ border:2px solid #f1f1f1}
.tj_show_detail_data_title{ background: #f2f2f2; padding:10px 20px; color:#666}
.tj_show_detail_data_content{ padding:30px 130px; text-align: center}
.tj_show_detail_data_content .team{ display: inline-block; font-size: 18px; font-weight: bold; width:35%}
.tj_show_detail_data_content .verus{ display: inline-block; width: 20%}
.home_red{ color:#f65d5d}
.score{ color:#cd0909; font-size: 30px; font-weight: bold; margin:10px 0}
.tj_odds{ text-align: center; }
.tj_odds_item{ display: inline-block; width:180px; padding:10px 0; margin:0 10px; background: #f34545; border-radius: 10px; color:#fff; font-size: 18px;}
.tj_show_detail_text{ line-height: 30px; font-size: 16px; border-bottom: 1px solid #f65d5d; padding-bottom: 20px}
.tj_show_detail_text:last-child{ border: 0}
.tj_show_more{ width: 100%; background: rgba(0,0,0,0.5); color:#fff; margin-top:30px; height:70px; line-height: 70px; text-align: center}
.tj_show_more a{ display: inline-block; width:100px; height:40px; margin:15px 30px; vertical-align: middle}
.tj_show_more img{ width:100px; height:40px; }

.tj_type{ margin:0 0 20px 0}
.tj_type ul li{ width:150px; border-bottom: 4px solid #ef4a2d; float: left; font-size: 18px; background: #ef4a2d;  box-sizing: border-box; text-align: center}
.tj_type ul li a{ display: inline-block; border-bottom: 4px solid #ef4a2d; width: 54%; margin:0 23%; box-sizing: border-box; padding:10px 20px; color:#fff;}
.tj_type ul li:last-child{ margin:0}
.tj_type ul li img{ width: 50px; vertical-align: middle; margin-right: 10px;}
.tj_type ul li.tj_type_selected a{ border-bottom:4px solid #fff}
.tj_type ul li a:hover{ border-bottom:4px solid #fff }

.tj_show_detail_text_title{ width:100%; border-bottom: 1px solid #e6e6e6; position: relative; margin:20px 0 30px 0; font-size: 20px; color:#666}
.text_title_center{ position: absolute; display: inline-block; width:200px; left:50%; margin-left:-100px; top:-15px; background: #fff; text-align: center; text-indent: 0;}

.order{ text-align: center}
.order .tj_show_detail_title{ text-align: left}
.order .tj_show_detail_zj{ text-align: left}
.order_match{ margin:30px 0}
.order_data{ border:1px solid #50bef7; border-radius: 12px; margin:30px 0}
.order_content{ padding:30px 160px;}
.order_title{ background:#50bef7; color:#fff; border-radius: 10px 10px 0 0}
.order{ padding:20px 150px}
.order_text_title{ margin:40px 0}
.order_type{ width: 800px; padding:0 100px;}
.order_type ul li{ width:200px; margin:0 55px; cursor: pointer; float: left; background-image: url("/public/images/order_type.png"); background-repeat: no-repeat; background-size: 100% 100%;  text-align: center; border-radius: 10px; padding:20px; }
.order_type ul li img{vertical-align: middle; margin-right: 20px;}
.order_price{ color:#e52823; font-size: 24px; margin-top:20px;}
.order_explain{ margin:20px 150px; color:#e52823}
.order_submit{ margin:20px 150px; cursor: pointer; width:500px; background:#e52823; color:#fff; text-align: center; font-size: 27px; border:0; padding:10px 0}
.order_disable{ margin:20px 150px; cursor: pointer; width:500px; background:#ccc; color:#fff; text-align: center; font-size: 27px; border:0; padding:10px 0}
.order_type ul li.order_type_selected{ background-image: url("/public/images/order_type_selected.png"); background-repeat: no-repeat; border:0; background-size: 100% 100%}

.zhuanjia_show_title{ width:1200px; margin:30px 0; background: #fff; padding:50px 30px; box-sizing: border-box; position: relative}
.zhuanjia_show_avatar{ width:100px; height:100px; border-radius: 50%; overflow: hidden; float: left; margin-right: 20px;}
.zhuanjia_show_title_data{ width:650px; float: left; box-sizing: border-box; padding:0 20px; margin-right: 80px}
.zhuanjia_show_num{ width:80px; float: left; border:1px solid #999}

.zhuanjia_show_name{ font-size: 18px;}
.zhuanjia_show_label{ width:40px; margin:auto; padding:2px 5px; border-radius: 10px; color:#fff; background: #09ad3b}
.zhuanjia_show_intro{ font-size: 14px; padding:20px 0; color:#999; line-height: 22px;}
.zhuanjia_show_num{ text-align: center; padding:10px;}
.zhuanjia_show_num p{ font-size: 24px}
.zhuanjia_show_num p:first-child{ font-size: 36px; font-weight: bold}
.zhuanjia_show_tag{ position: absolute;
    width:100px;
    height:66px;
    line-height: 66px;
    top:0;
    right:0;
    background-image: url("/public/images/zhuanjia_show_tag.png");
    background-repeat: no-repeat;
    text-align: center;
    color:#fff;
    background-size: 100% 100%;
    font-size: 30px;
    padding-left: 28px;
}
.zhuanjia_show_tabs{ width:1200px; background: #fff; margin:20px 0;  box-sizing: border-box}
.zhuanjia_show_tabs ul li{ width:28%; margin:0 2.5%; cursor: pointer; background: #fff; padding:10px 0; float: left; text-align: center}
.zhuanjia_show_tabs ul li.zhuanjia_show_tabs_selected{ color:#e52823; border-bottom: 1px solid #f00}
.zhuanjia_show_tabs ul li.zhuanjia_show_tabs_selected a{ color:#e52823;}

/*红包*/
.hb_banner{ width: 1200px; margin:30px auto;}
.hb_banner img{ width: 100%}
.hb_avatar{ width:100px; display: inline-block; height:100px; margin-right: 20px; border-radius: 50%; overflow: hidden; vertical-align: top}
.hb_avatar img{ width: 100%}
.hb_title_right{ display: inline-block;}
.hb_title_right p{ line-height: 50px; margin:0}
.hb_content{ background: #fff}
.hb_data{ border: 1px solid #d41712; border-radius: 10px 10px 0 0 }
.hb_title{ background: #d41712; color:#fff; border-radius: 10px 10px 0 0}
.hb_rules{ width: 1200px; padding:0 30px 100px 30px; box-sizing: border-box}
.hb_rules h1{ font-size: 24px; font-weight: bold; padding:10px 0}
.hb_rules p{ padding:5px 0}
.hb_zj{ padding:20px 0; border-bottom: 1px solid #cdcdcd}
.hb_match{ width:900px; margin:0 auto 30px auto; }
.hb_data{ border:2px solid #f1f1f1}
.hb_title{ padding:10px 20px; color:#fff}
.hb_data_content{ padding:30px 130px; text-align: center}
.hb_data_content .team{ display: inline-block; font-size: 18px; font-weight: bold; width:35%}
.hb_data_content .verus{ display: inline-block; width: 20%}
.hb_tag{ right:0; top:0}

.shadebox{ display: none; position: fixed; left:0; top:0; background: rgba(0,0,0,0.3); width:100%; height:100%; z-index: 999;}

/*红包弹窗*/
.hb_window{ width:450px; height:300px; position: fixed; top:200px; left:50%; margin-left: -225px; background-image:url("/public/images/hb.png"); background-repeat: no-repeat; background-size: 100%;}
.hb_btn{ width:300px; height:50px; position:fixed; top:420px; left:50%; margin-left: -150px; border:0; background: transparent}
.hb_btn img{ width: 100%}
.hb_close{ width:32px; position: fixed; top:180px; left:50%; margin-left: 220px; cursor: pointer}
.hb_close img{ width: 100%}
.hb_text{ color:#fff; width:300px; position: fixed; left:50%; margin-left: -150px; font-size: 18px; top:370px; text-align: center}
.hb_open_window{ width:450px; height:500px; position: fixed; top:200px; left:50%; margin-left: -225px; background-image:url("/public/images/hb_open.png"); background-repeat: no-repeat; background-size: 100%;}
.hb_open_btn{ width:300px; height:50px; position:fixed; top:500px; left:50%; margin-left: -160px; border:0; background: transparent}
.hb_open_text{ color:#fff; width:300px; position: fixed; left:50%; margin-left: -160px; top:400px; text-align: center}
.hb_open_text span{ font-size: 30px; font-weight: bold}

.no_tuijian{ width:320px; margin:30px 290px}

.left_column{ width:900px; float:left; }
.right_column{ width:280px; margin-left: 20px; float:left; }

#tj_list .tj_show_item{ width:100%; margin-bottom: 12px }
#tj_list .tj_show_item .vam{ font-size: 16px }


.zj_list_main{ width:1200px; margin:auto;}
.zj_list_content{ width:900px; float: left; padding:0}
.zj_list_content ul li{ position: relative; background: #fff; width:220px; margin-top: 40px; margin-right:30px; padding:40px 18px; box-sizing: border-box}
.zj_list_enter{ padding-top:4px; text-align: left; font-size: 14px; color:#ff7539; }
.zj_list_btn{ display: inline-block; background:#fc9010; border-radius: 10px; padding:10px 20px; color:#fff; font-size: 16px; height:20px; line-height: 20px; margin-left: 10px; white-space: nowrap}

.yxzj_content{ padding:10px 0; }
.yxzj_content ul li{ width:290px; text-align: center; float:left; padding:32px 10px 10px 10px; box-sizing: border-box; margin-right: 10px;  margin-top: 20px;}
.yxzj_content .yxzj_avatar{ width:78px; float:left; height:78px; border-radius: 50%; overflow: hidden}
.yxzj_right{ float:left; text-align: left; width:192px; padding:4px 0 0 10px; box-sizing: border-box }
.yxzj_content .yxzj_avatar img{ width:100%; height:100%;}
.yxzj_content .yxzj_name{ font-size: 15px;  text-align: left;  display: inline-block}

.yxzj_content .yxzj_label{ width:45px; font-size: 14px; text-align: center; display: inline-block; margin:auto; padding:0 5px; border-radius: 5px; color:#fff; background: #09ad3b}
.yxzj_content .yxzj_label.label_qy{ background: #0582ff}
.yxzj_content .yxzj_label.label_gm{ background:#29ccef}
.yxzj_content .yxzj_label.label_xbs{ background:#64d29a}
.yxzj_content .yxzj_intro{
    text-align: left;
    font-size: 14px;
    margin:0;
    color:#999;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height:25px;
    margin-top: 4px;
    line-height: 25px;
}

.yxzj_content .yxzj_enter{ width:100px; margin:20px auto; padding:10px; border-radius: 10px; color:#fff; background: #fc9010}
.yxzj_content .yxzj_enter a{ color:#fff}
.yxzj_content .yxzj_disable{ width:100px; margin:20px auto; padding:10px; border-radius: 10px; color:#fff; background: #ccc}
.yxzj_content .yxzj_disable a{ color:#fff}

.zj_hot{ width:290px; margin-right: 10px; }
.hrb_profile_pic img{ width:40px; height:40px; margin-left:6px; border-radius: 50%; overflow: hidden; vertical-align: middle; margin-right: 10px}
.hrb_content{ display: none }
.hrb_item{ font-size: 14px; width:94%; margin:20px 5%; }
.hrb_item td{ padding:10px 2px; }

.hot_jc_tabs{ width:70%; margin:10px 15%; }
.hot_jc_tabs ul li{ width:50%; float:left; border:1px solid #ff7539; box-sizing: border-box; text-align: center; color:#ff7539 }
.hot_jc_tabs ul li.hot_jc_tabs_selected{ background: #ff7539; color:#fff }
.hrb_tj{ text-align: center }
.zj_list_tag{ position: absolute;
    width:60px;
    height:30px;
    background-image: url("/public/images/zj_tag.png");
    background-repeat: no-repeat;
    background-size: 60px;
    right:0;
    top:0;
    padding-right: 4px;
    box-sizing: border-box;
    color:#fff;
    line-height: 30px;
    font-size: 16px;
    text-align: right;
}

.free_tabs{ width:1000px; margin:30px auto; border-radius: 20px; overflow: hidden; border:1px solid #ef4a2d }
.free_tabs ul li{
    float:left;
    width:33.3%;
    text-align: center;
    background: #fff;
    color:#ef4a2d;
    padding:8px 0;
}
.free_area_item{ text-align: center; width:100%; display: none; background: #fff; padding:20px 0 }
.free_area_title{
    width:1000px;
    margin:20px auto;
    background-image: url("/public/images/free_title.png");
    background-repeat: no-repeat;
    background-size: 100%;
    padding:8px 20px;
    text-align: left;
    color:#fff;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: bold;
}
.free_tabs ul li.free_tabs_selected{ background: #ef4a2d; color:#fff; }
.shadow_box{ width:100%; height:100%; position: fixed; top:0; left:0; z-index: 999; background: rgba(0,0,0,0.5); display: none }

.member_list{ float:left; width:280px; background: #fff;  }
.member_list ul li{ padding:16px; border-bottom:1px solid #e0e0e0; }
.member_list ul li img{ vertical-align: middle; margin-right: 5px; }
.member_content{ float:left; width:900px; margin-left: 20px; padding:10px; box-sizing: border-box; background: #fff }
.member_list_selected{
    background-image: url("/public/images/member_list.png");
    background-repeat: no-repeat;
}
.member_list ul li a{ display: inline-block; width:100% }
.kf_code{ width:200px; border:1px solid #ef4a2d; padding:0; margin:30px auto 20px auto }
.kf_code img{ width:100%; }

.pay_window{
    width:364px;
    height:325px;
    position: relative;
    left:50%;
    text-align: center;
    box-sizing: border-box;
    padding-top: 160px;
    margin-left: -182px;
    font-size: 20px;
    top:200px;
    background-image: url("/public/images/tuijian_window.png");
    background-size: 100%;
    background-repeat: no-repeat;
}
.pay_window_confirm{
    width:100%;
    background: #ff5736;
    color:#fff;
    text-align: center;
    position: absolute;
    bottom:0;
    left:0;
    padding:15px 0;
    border-radius: 0 0 20px 20px;
}

.member_lts_list_item{ width:100%; margin:20px 0; padding:20px; background: #fff;  }
.member_lts_list_top{ font-size:0; border-bottom: 1px solid #e0e0e0; }
.member_lts_list_no{ width: 70%; font-size: 20px; font-weight: bold; display: inline-block}
.member_lts_list_btn{ width:120px; padding:4px 0; display: inline-block; margin-left: 10%; background: linear-gradient(to right,#ffbe34,#ff9600); border-radius: 15px; color:#fff; font-size: 16px; text-align: center; margin-bottom: 8px }
.member_lts_list_bottom{ padding-top: 8px }
.member_lts_list_zj{
    background-image: url("/public/images/lts/yzj.png");
    background-position: 70% 16px;
    background-size: 90px;
    background-repeat: no-repeat;
}
.member_lts_list_wzj{
    background-image: url("/public/images/lts/wzj.png");
    background-position: 70% 16px;
    background-size: 90px;
    background-repeat: no-repeat;
}

.member_lts_detail_item{ width:98%; margin:10px 1%;  padding:0 10px; font-size: 16px; color:#888;  border-bottom: 1px solid #ccc;  }
.member_lts_detail_item_top{padding:8px 0;  }
.member_lts_detail_item_bottom{ padding:8px 0}
.member_lts_detail_vs{ margin-top: 5px; font-size: 18px; color:#333 }
.member_lts_detail_btn{ width:20%; margin:10px 40% 4px 40%; display: inline-block; }
.member_lts_detail_btn img{ width:100% }
.member_lts_detail_text{ text-align: center; width:100%; color:#ff1100; font-size: 16px }

.lts_reward_bg{ width:100% }
.lts_reward_bg img{ width:100% }
.lts_reward_content{
    width:80%;
    margin-left: 10%;
    position: relative;
    z-index: 2;
    padding-bottom: 30px;
    margin-top: -200px;
}
.lts_reward_card{
    width:76%;
    margin-left:12%;
}
.lts_reward_card img{ width:100%; margin-top: -60px  }
.lts_reward_card_no{ text-align: center; font-size: 16px; font-weight: bold; margin:6px 0  }
.lts_reward_kf img{ width:32%; margin:6px 34%;}

.activity_history_item{ background: #fff; margin:16px 0; padding:16px; position: relative; border-bottom: 1px solid #ccc }
.activity_box{ position: relative }
.activity_status{ position: absolute; left:34%; width:32%; opacity: 0.6; top:12px; }

.activity_tag_zj{ position: absolute; right:180px; top:20px; }
.activity_tag_wzj{ position: absolute; right:180px; top:20px; }
.activity_btn{ position: absolute; right:50px; top:36px; display: inline-block; width:78px; }
.activity_btn img{ width:100% }

.cz_window{ width:300px; background: #fff; position: fixed; top:150px; left:50%; margin-left: -150px; border-radius: 10px; text-align: center; padding:0 10px; font-size: 14px }
.cz_window_content{ background: #f4f2f9; padding:10px 20px; }
.cz_num{ color:#c71717; font-size: 28px; font-weight: bold }