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)}
*{ box-sizing:border-box}
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}
.mt20{margin-top: 20px}
.mb20{margin-bottom: 20px}
.wid400{ width: 400px;}
.wid580{ width: 580px;}
.mgt0{ margin-top:0;}
.hide{display: none;}

body{ background: #f3f3f3}

/* 头部导航栏样式*/
.header{ background:#fff; width:100%; margin:auto;}
.header{ width: 100%; position: relative; z-index: 3;}
.nav{width: 1200px; margin:0 auto;}
.logo{ width: 160px; height:auto; margin-top: 10px; }
.logo img{width:160px;}
.navlist{ width: 640px; margin: 20px 0 0 120px; }
.navlist li{ float: left; }
.navlist li a{display: block; color: #333;  font-size: 16px;text-decoration: none; line-height: 36px; padding: 0 12px; margin:0 10px}
.navlist li a:hover{ border-bottom: 2px solid #1278c6; color:#1278c6}
.navlist li.on a{ border-bottom: 3px solid #d21d20; }
.navlist li.nav_selected a{ border-bottom: 2px solid #1278c6; color:#1278c6}
.navlist li.nav_selected a{ color:#1278c6}
.login{ margin-top:20px; position: relative; margin-left: 100px;}
.login li{ float: left; font-size: 12px; line-height: 12px; padding:12px 0}
.login li a{display: block; font-size: 14px; text-decoration: none; padding: 0 15px;}
.login li span{ display: inline-block; padding:0 10px;}
.login li.login_show span{ border-right: 1px solid #666}
.login li a:hover{ color: #1278c6; }
.login li.on a{ color: #1278c6; }
.login a{ color:#333}
.login a.forget{ color: #333; text-decoration: underline; }
.login a.forget:hover{color: #333; text-decoration: none; }

/* 底部导航栏样式 */
.footer{ width: 100%; background: #d9d9da; font-size: 14px;}
.footer .content{ width: 1000px; padding: 20px 0; margin: 30px auto 0; }
.footer a{ color:blue}
.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}

/* 登录窗口样式 */

.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;}
.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;}

.shade *{ box-sizing: content-box}
.ie .ie_shade{ background: #000; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); }
.login_dialog{ width:400px; position: fixed; left:50%; margin-left: -240px; top:65px; z-index: 99; background: #fff; padding:30px 40px}
.login_dialog .login_dialog_title{ color:#1278c6; font-size: 28px; padding-bottom: 20px; border-bottom: 1px solid #cdcdcd}
.login_title_eng{ color:#bfbfbf; font-size: 16px; margin-left: 20px}
.login_show,.reg_show,.reset_show { cursor: pointer }

.login_dialog_content{ width:400px;}
.login_input{
    width:350px;
    margin:10px auto;
    border:1px solid #cdcdcd;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 26px;
    padding:15px 0 15px 50px;
}
.login_tel{ background-image: url("/public/new/images/phone.png"); }
.login_password{ background-image: url("/public/new/images/password.png"); }
.login_name{ background-image: url("/public/new/images/name.png"); }
.login_invite{ background-image:url("/public/new/images/invite_code.png"); }
.id_code{ background-image:url("/public/new/images/id_code.png");}
.company_code{ background-image:url("/public/new/images/company_code.png");}
.captcha_pic{ background-image: url("/public/new/images/captcha_pic.png"); width:200px; display: inline-block}
.captcha{ background-image: url("/public/new/images/captcha.png"); width:200px; display: inline-block }
.captcha_image{ display: inline-block; width:100px; height:52px; margin-left: 20px; vertical-align: middle}
.captcha_refresh{ width:20px; display: inline-block; vertical-align: middle; cursor: pointer}
.login_link{ width:100%; display: block}
.login_reset{ font-size: 16px; color:#949494; cursor: pointer; display: inline-block}
.login_reg{ font-size: 16px; color:#949494; float: right; cursor: pointer}
.submit{ width:100%; box-sizing: border-box; cursor: pointer; padding:12px 0; background: #1278c6; font-size: 22px; color:#fff; margin-top: 20px; border:0}
.close{ width:30px; position: fixed; top:65px; left:50%; margin-top: 20px; margin-left: 180px; cursor: pointer}

.send-btn{ display: inline-block; width:120px; border:1px solid #e0e0e0; color:#1278c6; background: #fff; font-size: 16px; padding:13px 0; margin-left: 10px; text-align: center; cursor: pointer}


/* 主页样式 */
.container{ width:1200px; margin:0 auto;  background: #fff}
.container_1200{ width:1200px; margin:0 auto;  background: #fff }
.banner{ width:1200px; margin:0 auto; position: relative}
.banner img{ max-width:100%}

.youliao{ width:599px; padding: 20px;  border-bottom: 1px solid #e0e0e0; float: left; }
.youliao_title{ width:400px; display: inline-block; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.youliao_content{ margin-top: 40px}
.youliao_content ul li{ margin:10px 0; }
.youliao_content ul li a{ display: inline-block}
.youliao_content ul li .youliao_category{
    width:100px;
    float: left;
    display: inline-block;
    border:1px solid #3dcfff;
    padding:0 5px;
    color:#3dcfff;
    border-radius: 5px;
    margin-right: 5px;
    text-align: center;
}
.youliao_time{ float: right;  color:#999}


.announce{ width:599px; padding: 20px;  border-bottom: 1px solid #e0e0e0; float: left; }
.announce_title{ width:400px; display: inline-block; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.announce_content{ margin-top: 40px}
.announce_content ul li{ margin:10px 0; }
.announce_content ul li a{ display: inline-block}
.announce_content ul li .announce_category{
    width:100px;
    float: left;
    display: inline-block;
    border:1px solid #3dcfff;
    padding:0 5px;
    color:#3dcfff;
    border-radius: 5px;
    margin-right: 5px;
    text-align: center;
}
.announce_time{ float: right;  color:#999}

.changyong{ width:1200px; padding:20px;}
.changyong_content{ margin-top: 10px}
.changyong_content ul li{
    width:265px;
    float: left;
    margin:0 5px;
    padding:0 10px;
    background: #fff;
    box-shadow: 3px 0 5px #e0e0e0,0 3px 5px #e0e0e0;
    position: relative
}
.changyong_content ul li .changyong_img{ float:left; width:80px; padding:10px 10px;}
.changyong_content ul li .changyong_img img{ width:60px; }
.changyong_content ul li .changyong_product{ float: left; width:150px; padding:30px 15px 30px 0}
.changyong_content ul li .changyong_name{ font-size: 16px; }
.changyong_content ul li .changyong_time{ color:#999; font-size: 14px; margin-top:10px;}
.changyong_content ul li .changyong_enter{ position: absolute; top:35px; right:20px;}

.column{ width:1200px; padding:0; margin:20px auto }
.column ul li{ width:380px; margin-right: 30px; float: left; background-color: #fff; }
.column ul li:last-child{ margin:0 }
.column ul li{ text-align: center }
.column ul li .column_title{
    background-repeat: no-repeat;
    background-size: 100%;
    width:380px;
    height:134px;
    text-align: left;
    padding:30px 40px;
    font-size: 24px;
    color:#fff;
}
.column ul li .column_title p{ margin-bottom: 16px; margin-left: 10px}
.column ul li .column_product_title{background-image: url("/public/new/images/column_product.png");}
.column ul li .column_qz_title{background-image: url("/public/new/images/column_qz.png");}
.column ul li .column_member_title{background-image: url("/public/new/images/column_member.png");}
.column ul li .column_content{
    padding:30px 42px;
    height:160px;
    margin-top: 40px;
    background-image: url("/public/new/images/column_content_bg.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #fff;
    line-height: 22px;
    color:#999;
    font-size: 14px;
}

.code{
    position: fixed;
    top:400px;
    right:0;
    background-image: url("/public/new/images/code_box.png");
    background-repeat: no-repeat;
    background-size: 100%;
    width:171px;
    height:270px;
}
.code_close{ position: fixed; top:400px; right:10px; cursor: pointer; width:18px;}
.code_close img{ width:100%}
.code_img img{ width:100px; margin:96px 35px 0 35px;}

/* 视频播放窗口 */
.product_category_selected a{color:#a39be3}
.product_video_show{  width:1160px; margin:20px auto; padding:20px;  }
.product_video_show .videobar{ width:720px; float: left;}
.product_video_show .video_info{ float: left; padding:0 20px; color:#999}
.product_video_show .video_info p{ margin:10px 0}

.video_others_title{ margin:20px 0; font-size: 18px; }
.video_others_content ul li{ width:255px; float: left; margin-right: 20px; }
.video_others_content{  font-size: 16px; padding:10px}
.video_others_content .video_teacher{  font-size: 12px; color:#999; padding:0 10px; margin-top: 5px}
.video_others_content .video_teacher img{ margin-right: 5px; }

/* 产品中心页面 */
/* 软件中心 */
.product_banner{ width:1200px; height:200px; margin:20px auto;}
.product_category{ width:740px; margin:-36px auto 0 auto; border-radius: 20px;  box-shadow: 0 5px 5px #e0e0e0,0 -1px 5px #e0e0e0; position: relative; z-index: 2; background: #fff}
.product_category ul li{ width:200px; margin-right: -20px; text-align: center; float: left; border-radius: 20px; padding:10px; cursor: pointer; }
.product_category ul li:last-child{ margin-right: 0;}
.product_category ul li.product_category_selected{ border:1px solid #e0e0e0;  box-shadow: 0 5px 5px #e0e0e0,0 -1px 5px #e0e0e0; color:#a39be3}
.product_category ul li:hover{ color:#a39be3}
.product_content{ width:1160px; margin:20px auto}
.product_content_item ul li{ width:230px; float: left; margin:12px 22.5px; position: relative; box-shadow: 3px 0 5px #e0e0e0; background: #fff}
.product_content_title{ margin-top:20px; }

.product_content_item ul li{ position: relative}
.product_content_item ul li .product_label{ position: absolute; right:0; top:0; border-radius: 5px; color:#fff; text-align: center; width:38px; padding:2px; font-size: 12px; background: #60B96E;}
.product_content_item ul li .product_label_upgrade{ background: #fe6b03 }
.product_content_item ul li .product_label_upgrade img{ margin-right: 2px}
.product_content_item ul li .product_label_new{ background: #f00}

.new_msg_sup{
    position: absolute;
    right:-10px;
    top:-10px;
    color:#fff;
    text-align: center;
    width:22px;
    height:22px;
    line-height: 22px;
    border-radius: 50%;
    background: #ff4444;
    background-position: left top;
    font-size: 14px;
}


.product_content_item ul li .product_img{ float:left; width:60px; padding:10px;}
.product_content_item ul li .product_img img{ width:50px; }
.product_content_item ul li .product_name{ float: left; width:150px; margin-left: 12px; padding:25px 0; font-size: 16px}
.product_content_item ul li .product_enter{ position: absolute; top:27px; right:12px;}
.product_gaofeng{ border-left:4px solid #ff7d63}
.product_lisan{ border-left:4px solid #219cf7}
.product_jingcai{ border-left:4px solid #43d18f}
.product_rd{ border-left:4px solid #fa5775}
.product_jiaocha{ border-left:4px solid #5c75f2}
.product_lisan_all{ border-left:4px solid #ff6f37}
.product_jixian{ border-left:4px solid #4e82fa}
.product_zhuanhuan{ border-left:4px solid #0dbda1}
.product_touzhu{ border-left:4px solid #8876ff}
.product_injury{ border-left:4px solid #33cef5}
.product_free{ border-left:4px solid #f55b48}
.product_rd_all{ border-left:4px solid #ab6afe}
.product_bk_matches{ border-left:4px solid #ab6afe}
.product_bk_jingsuan{ border-left:4px solid #ff733b}
.product_bk_jingcai{ border-left:4px solid #ff5b5b}
.product_covers{ border-left:4px solid #42d3ca }
.product_all{ border-left:4px solid #ff9f0c}
.product_jbm{ border-left:4px solid #fa5775}

.product_introduce{ width:800px; margin:20px auto; text-align: center; padding:20px}
.introduce_title{ color:#c24e4e; font-size: 18px; margin-bottom: 20px }
.introduce_content{ width:100%; padding:10px;  color:#666; letter-spacing: 1px }
.introduce_pic_box{ width:100%; padding:10px; margin-bottom: 20px;  box-shadow: 3px 0 5px #e0e0e0,-3px 0 5px #e0e0e0; }
.introduce_content img{ width:100%}
.introduce_btn{ width:320px; display: inline-block; margin:20px auto; cursor: pointer; padding:8px 0; background: #1278c6; font-size: 18px; color:#fff; border:0; border-radius: 10px;}
.intrduce_back{ display: block; text-align: center; width:100%; text-decoration: underline; color:#999}

/* 培训视频 */
.product_video{ display: none}
.product_video ul li{ width:235px; float: left; margin:20px; }
.product_video_title{  font-size: 16px; padding:10px}
.product_video_teacher{  font-size: 12px; color:#999; padding:0 10px; margin-top: 5px}
.product_video_teacher img{ margin-right: 5px; }

/* 驱动下载 */
.driver_download{ padding:30px 0; display: none}
.driver_text{ padding:20px;}
.driver_text p{ line-height: 30px}
.driver_btn{ width:190px; margin:20px auto}

/* 球智圈 */
.qz_bg{
    width:1200px;
    height:580px;
    margin:20px auto;
    background-image: url('/public/new/images/qz_bg.png');
    background-size: 100%;
    padding:80px 160px;
    color:#fff
}
.qz_title h1{ font-size: 40px; font-weight: bold}
.qz_title p{ font-size: 20px; margin:10px 0}
.qz_content{ width:360px;}
.qz_code{ width:100px;}
.qz_content_bottom { width:180px; text-align: center}
.qz_content_bottom img{ display: block; margin:10px 0; width: 150px;}

/* 关于我们 */
.about_banner{ margin:20px 0;}
.about_main{ width:100%; padding:20px 20px 100px 20px; margin-bottom: 100px;}
.about_title{ text-align: center;}
.about_title p{ line-height: 24px; font-weight: bold }
.about_content{ color:#888; padding:20px; letter-spacing: 2px;}

/* 优彩师有料 */

.news_banner{ width:1200px; height:200px; margin:20px auto;}
.news_category{ width:560px; margin:-36px auto 0 auto; border-radius: 20px;  box-shadow: 0 5px 5px #e0e0e0,0 -1px 5px #e0e0e0; position: relative; z-index: 2; background: #fff}
.news_category ul li{ width:200px; margin-right: -20px; text-align: center; float: left; border-radius: 20px; padding:10px; cursor: pointer; }
.news_category ul li:last-child{ margin-right: 0;}
.news_category ul li.news_category_selected{ border:1px solid #e0e0e0;  box-shadow: 0 5px 5px #e0e0e0,0 -1px 5px #e0e0e0; color:#a39be3}
.news_category ul li:hover{ color:#a39be3}
.news_content{ width:1160px; margin:20px auto; padding: 20px 0; display: none}
.news_content ul li{ padding:10px; border-bottom: 1px solid #eee}
.news_content_title{ margin-top:20px; }
.fxdate{ float: right; margin-right: 10px;}
.page{ width: 100%; margin-top: 20px; text-align: center; font-size: 12px; color: #666;}
.page span{ color: #666; }
.page a{ color: #333; }
.page a:hover{ text-decoration: underline; }

.detail{ padding:20px; background: #fff;}
.dtitle{ font-size: 22px; line-height: 40px; margin-bottom:10px;  text-align: left; }
.dcont{ width: 100%; text-align: left; font-size: 16px; line-height: 24px; color: #666;}
.dcont p{ margin-bottom: 15px;}
.dcont img{ max-width: 100%; border:0;}

.news_nav{ margin-bottom: 20px;}
.news_info{ color:#666; margin:20px 0}

.uwaiting{ width: 1000px; margin:0 auto; text-align: center; height: auto; overflow: hidden;}
.uwaiting p{ margin:50px 0; color: #326295; font-size: 14px;}

/*注册页面*/
.reg_banner{ width:1200px; margin:20px auto}
.reg_tabs{ width:500px; padding:0 50px; margin: 20px auto; border-bottom: 1px solid #1278c6}
.reg_tabs ul li{ width:200px; float: left; padding:12px; text-align: center; }
.reg_tabs ul li.reg_tabs_selected{ display: inline-block; background: #1278c6;}
.reg_tabs ul li.reg_tabs_selected a{ color:#fff}

.reg_form{ width:150px; display:inline-block; text-align: right}
.reg_content{ width:500px; margin:auto}
.reg_content input { display:inline-block; width:325px;}
.reg_content button{ display: inline-block}
.reg_content input.captcha{ width:190px;}
.reg_content input.captcha_pic{ width:190px;}

.rlineinput{ float:left; margin:20px 0; padding:0 20px; }
.rlineinput.upload{ position: relative; border:0; height: 110px; }
.rlineinput.upload span{ cursor: pointer; display: block; width: 140px; height: 110px; background:url(../images/img_szf.png) no-repeat 0 0; background-size: 100%; cursor: pointer}
.rlineinput.upload input{opacity: 0; filter: opacity(0); position: absolute; left: 0; top: 0; width: 140px; height: 110px; padding-left: 0;}
.rlineinput.upload .showimg{ float: left; width: 140px; height: 110px;}
.rlineinput.upload .btn{ float: left; position: relative; width: 140px; margin-right: 10px; height: 110px;}

.reg_content .msg p{ color:#f00!important; padding-left: 160px;}


/* 个人中心 */

.user_banner{ width:1200px; height:170px;}
.user_main{ margin-top: 20px; }
.user_left{ float: left; width:240px; position: relative; background: #fff; padding:80px 20px 50px 20px; text-align: left}
.user_name { font-size: 20px; font-weight: bold; margin-bottom: 20px; }
.user_avatar{ width:120px; height:120px; margin-left: 40px; position: absolute; top:-80px;  border-radius: 50%; overflow: hidden}
.user_avatar img{ width:100%;}
.user_btn{ display:inline-block; margin:0 5px;  padding:8px 10px; border-radius: 5px; text-align: center; background: #ff4f00; color:#fff; margin-top: 20px;}
.user_point{ margin: 20px 0; }
.user_point img{ vertical-align: middle; margin-right: 5px;}
.user_point span{ color:#ff4f00; font-size: 22px; font-weight: bold}

.user_right{ width:912px; float: left; padding:20px; }

.user_right .user_right_bar{ border-radius:20px; box-shadow: 2px 0 5px #e0e0e0; }
.user_right .user_right_bar ul li{ background: #6458fa; color:#fff; width:200px; margin-right: -32px; text-align: center; float: left; border-radius: 20px; padding:10px; cursor: pointer; }
.user_right .user_right_bar ul li:last-child{ margin-right: 0;}
.user_right .user_right_bar ul li.product_category_selected{ border:1px solid #e0e0e0;  box-shadow: 0 2px 5px #e0e0e0,0 -2px 5px #e0e0e0; color:#a39be3}
.user_right .user_right_bar ul li:hover{ color:#6458fa; background: #fff; position: relative; z-index: 2;  box-shadow: 0 2px 5px #e0e0e0,0 -2px 5px #e0e0e0;  }
.user_right .user_right_bar ul li:hover a{ color:#6458fa; }
.user_right .user_right_content{ padding:20px; width: 872px}
.user_right .user_right_content{ display: none }
.user_right #service{ display: block}
.user_right #service ul li{ margin:10px 0}
.user_service_time{ float: right}
.user_right .user_right_bar ul li.user_selected{ color:#6458fa; background: #fff; position: relative; z-index: 2}

.user_right .user_right_content input{ display: block}
.user_right .user_right_content#password{ text-align: center}
.user_right .user_right_content#info{ text-align: center}
.user_right .user_right_content#info p{ width: 350px; margin:auto; text-align: left}
.user_right .user_right_content .user_submit { width:300px; display: inline-block; margin:20px auto; cursor: pointer; padding:12px 0; background: #1278c6; font-size: 22px; color:#fff; border:0}

/* 我的优惠券 */
.ticket{
    float: left;
    width: 780px;
    margin-top: 20px;
    text-align: right;
    font-size: 14px;
    line-height: 24px;
}

.ticket ul li{
    width:240px;
    height:90px;
    float: left;
    margin:10px ;
    background-image: url("/public/new/images/ticket_available.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
}

.ticket ul li.ticket_used{
    background-image: url("/public/new/images/ticket_used.png");
}
.ticket ul li.ticket_overdate{
    background-image: url("/public/new/images/ticket_over.png");
}

.ticket ul li .ticket_left{
    position: absolute;
    color:#fff;
    font-size: 22px;
    font-weight: bold;
    left:0px;
    width:78px;
    text-align: center;
    top:32px;
}
.ticket ul li .ticket_right{
    position: absolute;
    text-align: center;
    color:#999;
    width:160px;
    font-size: 12px;
    left:80px;
    text-align: left;
    top:10px;
    transform: scale(0.9);
}
.ticket ul li .ticket_right p:first-child{
    font-size: 14px;
}

.shadow_box{ background: rgba(0,0,0,0.5);  position: fixed; top:0; left:0; width:100%; height:100%; z-index: 9999}
.ticket_window{ background-image: url("/public/new/images/ticket.png"); width:505px; height:417px; position: relative; top:150px; left:50%; margin-left: -252px}
.ticket_money{ color:#fe664d; position: absolute; left:102px; top:85px; font-size: 20px}
.ticket_money span{ font-size: 40px; }
.ticket_name{ color:#fe664d; font-size: 18px; position: absolute; left:202px; top:100px; font-weight: bold; width:40%}
.ticket_date{ color:#fe664d; font-size: 14px; position: absolute; left:204px; top:140px;}
.ticket_close{ position: absolute; right:-30px; top:-50px; cursor: pointer}

.ticket_submit{ display: inline-block; width:350px; height:60px; position:absolute; left:80px; top:316px; }
.invite_record_title{ padding:10px; margin:20px 0; border-bottom: 1px solid #e0e0e0}
.list_point{ display: inline-block; width:6px; height:6px; border-radius: 50%; background: #aaa; vertical-align: middle; margin-right: 8px;}

.invite_code_log{ width:100%;}
.invite_code_log tr{ border:0}
.invite_code_log tr td{ border:0; text-align: left; color:#333; padding:5px 0}
.invite_code_explain{ color:#E94C5A; float: right; margin-right: 30px;}

/* 支付页 */
.pay_title{ background: #eee; padding:4px 20px; }
.pay_title img{ margin-right:10px }
.pay_content{ padding:10px }
.pay input{
    width:750px;
    display: inline-block;
    margin:10px;
    border:0;
    border-bottom:1px solid #cdcdcd;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 26px;
    padding:10px 0 10px 50px;
}
.pay_username{ background-image: url("/public/new/images/pay_username.png")}
.pay_phone{ background-image: url("/public/new/images/pay_phone.png")}
.pay_address{ background-image: url("/public/new/images/pay_address.png")}
.pay_invite{ background-image: url("/public/new/images/pay_invite.png")}

.pay_product_type{ width:200px; border-radius: 10px; background: #39a4d9; color:#fff; padding:10px 0; margin:10px 15px; text-align: center}
.pay_product_list ul li{
    width: 180px;
    height:80px;
    padding:10px;
    margin:10px 15px;
    float: left;
    border:2px solid #39a4d9;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
    -webkit-user-select:none;
    user-select:none;
}
.pay_product_list ul li .pay_product_name{ color:#39a4d9; font-size: 16px; cursor: pointer}
.pay_product_list ul li input[type='checkbox']{ display: none }
.pay_product_price{ font-size: 14px; height:40px;  vertical-align: middle }
.pay_product_list ul li.pay_product_selected{
    background-image: url("/public/new/images/package_subscript.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    border:2px solid #ff2751;
}
.pay_product_list ul li.pay_product_selected .pay_product_name{
    color:#ff2751;
}

.pay_time ul li{
    padding:10px 20px;
    margin:10px 15px;
    float: left;
    border:2px solid #39a4d9;
    text-align: center;
    border-radius: 10px;
    color:#39a4d9;
    font-size: 16px;
    cursor: pointer;
    -webkit-user-select:none;
    user-select:none;
}
.pay_time ul li.pay_time_selected{
    background-image: url("/public/new/images/package_subscript.png");
    background-position: right bottom;
    background-size: 30px;
    background-repeat: no-repeat;
    border:2px solid #ff2751;
    color:#ff2751;
}

.pay_other_time{ padding-top:20px; margin-left: 20px;}

.pay_activities{
    width: 800px;
    background-image: url("/public/new/images/pay_activities.png");
    background-repeat: no-repeat;
    background-size: 40px 40px;
    padding:10px 0 10px 30px;
    margin:20px 15px;
    border:1px solid #ed1c24;
    color:#ed1c24;
}
.pay_activities p{ margin:10px 0}
.pay_submit{ background: #5487ee; cursor: pointer; width:360px; margin:20px 200px; color:#fff; border-radius: 10px; text-align: center; padding:15px 0; border:0; font-size: 18px;}

.pay .msg{ color:#d21d20 }
.pay select{line-height: 24px; color:#326295; font-size: 14px;  height: 24px;}

/* 支付确认页 */
.confirm .pay_content .confirm_item{ padding:10px 0; border-bottom: 1px solid #eee;}

.confirm_ticket{
    float: left;
    width: 730px;
    margin-top: 20px;
    text-align: right;
    font-size: 14px;
    line-height: 24px;
}

.confirm_ticket ul li{
    width:320px;
    height:100px;
    float: left;
    margin:0 20px 20px 0;
    background-image: url("/public/new/images/confirm_ticket.png");
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
}
.confirm_ticket ul li.confirm_ticket_selected{
    background-image: url("/public/new/images/confirm_ticket_selected.png");
}

.confirm_ticket ul li .confirm_ticket_left{
    position: absolute;
    color:#fff;
    font-size: 26px;
    font-weight: bold;
    left:18px;
    top:32px;
}
.confirm_ticket ul li .confirm_ticket_right{
    position: absolute;
    text-align: center;
    color:#333;
    font-size: 12px;
    right:60px;
    top:22px;
}

.confirm_submit{ background: #5487ee; cursor: pointer; width:360px; margin:20px 270px; color:#fff; border-radius: 10px; text-align: center; padding:15px 0; border:0; font-size: 18px;}

.recharge_title{ background: #eee; padding:4px 20px; }
.recharge_content{ width:872px; padding:10px }
.recharge_content ul li{
    width: 180px;
    height:80px;
    padding:10px;
    margin:10px 15px;
    float: left;
    border:2px solid #bfbfbf;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
    -webkit-user-select:none;
    user-select:none;
    line-height: 30px;
    font-size: 18px;
    color:#bfbfbf;
}
.recharge_content ul li.recharge_amout_selected{
    color:#ed5f4d;
    border:2px solid #ed5f4d;
}
.recharge_content ul li p{ font-size: 14px}
.recharge_content .recharge_input{ margin:10px 0}
.recharge_content input{ border:0; width:120px; border-bottom: 1px solid #999; padding:5px; text-align: center}

.recharge_submit { width:300px; display: inline-block; margin:20px 306px; border-radius: 10px; cursor: pointer; padding:12px 0; background: #1278c6; font-size: 22px; color:#fff; border:0}

/* 未登录 */
.not_login_banner{ width:1200px; margin:0 auto 20px auto; padding:0 0 20px 0}
.not_login_main{ width:1200px;}
.not_login_pic{ width:274px; margin:20px auto; text-align: center; font-size: 18px}
.not_login_btn_box{ width:400px; margin:20px auto; text-align:center; padding-bottom: 30px; }
.not_login_btn_box a{ text-decoration: underline; color:#999}
.not_login_btn {  display: inline-block; width:200px; float: left}
.not_login_btn img{ width:141px; margin:10px auto;}

.user_error{  width: 900px; background: #fff; text-align: center; padding: 30px 0;}
.user_error img{ margin-left:50px; }
.error_content{ color:#f00; padding:20px}
.error_btn{ display: block; height: 42px; margin:auto;  background:#3f83f3; line-height: 42px; width: 209px; text-decoration: none; text-align: center;color: #fff; border: 0 none;cursor: pointer; border-radius: 10px; font-size: 16px; }

.track_cancel{ display: inline-block; background: #4fb319; font-size: 12px;  border:0; color:#fff; padding:5px 10px; border-radius: 5px; cursor: pointer}

.gaofeng_analyse_pk_show {  width:500px; margin:15px auto;}
.gaofeng_analyse_pk_show table{ width: 500px;}
.gaofeng_analyse_pk_show table thead tr td{ color:#3276b6; background: #e5f1f9; padding-left: 24px; width:25%}
.gaofeng_analyse_pk_show table td{ background: #fff; padding:10px; border:1px solid #cddeea; text-align: center;  font-size: 12px;}
.gaofeng_analyse_pk_show table .gaofeng_analyse_pk_up td{ background: #e1f9d4}
.gaofeng_analyse_pk_show table .gaofeng_analyse_pk_down td{ background: #f5dddc}
#gaofeng_analyse_pk_close{ float: right; margin-right: 5px; margin-top: -5px; cursor: pointer; display: inline-block; border-bottom: 1px solid #333; color:#333; font-size: 12px;}

.user_no_data{ width:900px; text-align: center; padding:30px 0; }
.user_no_data img{ width:330px; margin:auto}
.user_no_data p{ margin-top: 20px; font-size: 18px; color:#ea3b1f; }

.all_error{ width:100%; text-align: center; color:#666}
.all_error img{ margin-bottom: 20px}

.forget_item .msg{ color:#f00}

.fi-arrow-left{ background: url('/public/new/images/date-arrow.png') no-repeat 0 0; display: inline-block; width: 12px; height: 12px;}
.fi-arrow-right{ background: url('/public/new/images/date-arrow.png') no-repeat -17px 0;display: inline-block; width: 12px; height: 12px;}

/*基本面*/
.jbm_fx{ color:#3276b6; line-height: 22px; height:30px; padding-bottom: 5px; }
.jbm_odds{ width:100%;}
.jbm_odds table{ width: 100%}
.jbm_text li{
    background-image: url("/public/new/images/li_dot.png");
    background-repeat: no-repeat;
    background-position: left 10px;
    padding-left: 8px;
    margin-bottom:20px
}
.jbm_fx_btn{ width: 140px; float: right; background:#d1191c; color:#fff; border-radius: 5px; padding:5px 10px; margin-top: -3px; border:0}
.jbm_title{
    margin: 10px 0;
    background-image: url("/public/new/images/jbm_title.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 8px;
    font-weight: bold;
}

.jbm_data_title{
    margin-top: 20px;
    display: inline-block;
    height:30px;
    width:100%;
    border-top: 2px solid #4d85f0;
    font-size: 14px;
    box-sizing: content-box;
}
.jbm_data_title h1{
    background-color:#4d85f0;
    background-image: url("/public/new/images/jbm_data_title_after.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 15px 30px;
    padding:0 30px 0 15px;
    line-height: 30px;
    border-radius: 1px;
    color:#fff;
    width:15%;
    float: left;
}
.jbm_data_title_message{ width:80%; float: left; text-align: right; padding-right: 30px; height:30px;  line-height: 30px;}

.jbm_team_icon img{ vertical-align: middle}

.jbm_data_title_home{ border-top: 2px solid #d2481a;}
.jbm_data_title_home h1{
    background-color: #d2481a;
    background-image: url("/public/new/images/jbm_data_title_home.png");
}

.jbm_data_title_line_visit{ border-bottom: 2px solid #03843a;}

.jbm_data_title_visit{ border-top: 2px solid #03843a;}
.jbm_data_title_visit  h1{
    background-color: #03843a;
    background-image: url("/public/new/images/jbm_data_title_visit.png");
}


.jbm_home thead th{
    background: #f9eae5!important;
    border:1px solid #fdd3c5!important;
}
.jbm_home td{ border:1px solid #fdd3c5!important;}
.jbm_visit thead th{
    background: #daf2e4!important;
    border:1px solid #87d5a8!important;
}
.jbm_visit td{ border:1px solid #87d5a8!important;}

.jbm_data table td,.jbm_data table th{color: #000;}

.jbm_convert{ margin-top: 20px; color:#999; }
.jbm_convert_selected{ font-weight: bold; color:#333}

.result_tab .jbm_table_convert{ margin:20px 0; }
.result_tab .jbm_table_convert table{ width:50%; float: left; display: none}

.jbm_convert_legends{ float: right;}
.jbm_convert_legends_home{ display: inline-block; width:10px; height:10px; vertical-align: middle; margin:0 8px; background: #d2481a}
.jbm_convert_legends_visit{ display: inline-block; width:10px; height:10px; vertical-align: middle; margin:0 8px; background: #03843a}

.jbm_match_message{ width:100%;}
.jbm_match_message thead th{ background: #e5f1f9}
.jbm_match_message tbody tr td{ color:#000;}
.jbm_match_message tbody tr td:first-child{ background: #e5f1f9; color:#326295}

.jbm_title_convert{ width:50%; display: inline-block; float: left; }
.jbm_title_convert h1{ width:30%; border:0}
.jbm_title_convert .jbm_data_title_message{ width:70%}

.jbm_data_title:after { content:" "; display:inherit; height:0; visibility:hidden; clear:both }

.ticket ul li.ticket_trial{ background-image: url("/public/new/images/ticket_trial.png")}

.ticket_trial_box{ width:400px; margin:10px auto; border-radius: 10px; overflow: hidden; border:1px solid #e0e0e0}
.ticket_trial_title{ width:100%; background: #0bb593; color:#fff; padding:10px 10px; font-size: 16px}
.ticket_trial_content{ width:100%; padding:5px 10px 80px 10px; background: #fff; position: relative}
.ticket_trial_content .ticket_trial_text{ margin:5px 0; font-size: 14px}
.ticket_trial_content p img{ width:16px; vertical-align: middle; margin-right: 6px; }
.ticket_trial_btn{ display: inline-block; border:0; width:30%; margin:10px 35%; background: #0bb593; color:#fff; border-radius: 10px; padding:10px 0; text-align: center}
.ticket_trial_watermark{
    color:#0bb593;
    border:8px solid #0bb593;
    border-radius: 50%;
    width:130px;
    height:130px;
    text-align: center;
    padding-top:10px;
    opacity: 0.3;
    transform: rotate(-30deg);
    position: absolute;
    right:10px;
    top:20px;
    font-weight: bold
}

.user_right_bar ul li a{color:#fff}
.user_right_bar ul li.user_selected a{color:#6458fa}

.ticket_trial_window{  width:505px; height:430px; position: relative; top:150px; left:50%; margin-left: -252px; }
.ticket_trial_window_title{ width:100%; height:140px; border-radius: 10px 10px 0 0; overflow: hidden}
.ticket_trial_window_title img{ width:100%}
.ticket_trial_window_content{ width:100%; background: #eee; padding:20px 10px; }
.trial_window_ticket{
    background-image: url("/public/new/images/trial_window_ticket.png");
    background-size: 100% 100%;
    width:485px;
    height:185px;
    padding:50px 50px;
    color:#0bb593;
    position: relative;
}
.ticket_trial_window_btn{ background: #0bb593; color:#fff; padding:18px 0; text-align: center; font-size: 20px; font-weight: 400; border-radius: 0 0 10px 10px}
.ticket_trial_window_btn a{ color:#fff}

.trial_window_watermark{ color:#0bb593; border:4px solid #0bb593; border-radius: 50%; width:110px; height:110px; text-align: center; padding-top:5px; opacity: 0.8; transform: rotate(-30deg); position: absolute; right:20px; top:40px; font-weight: bold}
.trial_window_close{ position: absolute; width:40px; height:40px; top:-20px; right:-20px; }
.trial_window_close img{ width:100%}

td:has(.single){
    position: relative;
}
.single{
    position: absolute;
    right:5px;
    width:16px!important;
    height:16px!important;
    border-radius: 50% !important;
    background: #FD7826!important;
    color:#fff!important;
    text-align: center!important;
    line-height:16px!important;
    font-size: 11px;
}