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}
.vam{ vertical-align: middle}
hr{ color: #e6e6e6}

body{ background: #f2f2f2}

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

.header{ background:#d61914; width:100%; margin:auto;}
.header{ width: 100%; position: relative; z-index: 3; height:65px}
.nav{width: 1200px; margin:0 auto; height:65px;}
.logo{ width: 260px; height:auto; margin-top: 5px; }
.logo img{width:100%;}
.navlist{ width: 680px; margin-left:100px;}
.navlist li{ float: left; }
.navlist li a{display: block; height:65px; color: #fff; font-size: 16px;text-decoration: none; line-height: 65px; padding: 0 20px; margin:0}
.navlist li a:hover{background:rgba(255,255,255,0.2); }
.ie .navlist li:hover{ background: #fff; color:#fff; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); position: static}
.ie .navlist li a{ position: relative}
.navlist li.nav_selected a{background:rgba(255,255,255,0.2);}
.ie .navlist li.nav_selected{background: #fff; color:#fff; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); position: static}
.ie .navlist li.nav_selected a{ position: relative}

.navlist li.on a{ border-bottom: 3px solid #d21d20; }
.login{position: relative;}
.login li{ float: left; }
.login li{display: block; color: #fff; padding:0 15px; font-size: 16px; text-decoration: none; line-height: 65px;  cursor: pointer}
.login li:hover{background:rgba(255,255,255,0.2);}
.ie .login li:hover{background: #fff; color:#fff; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); position: static}
.ie .login li a{ position: relative}
.ie .login li span{ position: relative}
.login a.forget{ color: #333; text-decoration: underline; }
.login a.forget:hover{color: #333; text-decoration: none; }
.login_selected{background:rgba(255,255,255,0.2);}
.login_selected a{}
.ie .login_selected{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); position: static}
.ie .login_selected a{ position: relative}

.banner{ width: 1200px; height: 350px; position:relative; margin: 30px 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:-600px; width:200px; top:-10%; z-index:0; }

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

.item_list{ width:1200px; margin:10px auto; }
.item_list ul li{ background: #fff; width:217px; margin-right:30px; margin-bottom: 20px; border-radius: 10px; padding:15px 30px; float: left}
.item_list ul li .item_icon{ float: left; width: 90px; margin-right: 10px;}
.item_list ul li .item_right{ float: left; font-size: 18px; padding-top: 15px}
.item_list ul li .item_num {display: inline-block; background: #e6e6e6; max-width: 90px; font-size: 14px; padding:5px 10px; margin-top: 10px; border-radius: 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;}

.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:#f00; font-size: 28px; padding-bottom: 20px; border-bottom: 1px solid #cdcdcd}
.login_title_eng{ color:#bfbfbf; font-size: 16px; margin-left: 20px}

.login_dialog_content{ width:400px;}
.tel{
    width:350px;
    margin:10px auto;
    border:1px solid #cdcdcd;
    background-image: url("/public/web/images/phone.png");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 26px;
    padding:15px 0 15px 50px;
}
.password{
    width:350px;
    margin:10px auto;
    border:1px solid #cdcdcd;
    background-image: url("/public/web/images/password.png");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 26px;
    padding:15px 0 15px 50px;
}
.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%; padding:12px 0; background: #f00; 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}

.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:350px;
    margin:10px auto;
    border:1px solid #cdcdcd;
    background-image: url("/public/web/images/name.png");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 26px;
    padding:15px 0 15px 50px;
}
.pic_captcha{
    width:240px;
    margin:10px auto;
    border:1px solid #cdcdcd;
    background-image: url("/public/web/images/password.png");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 26px;
    padding:15px 0 15px 50px;
    box-sizing: border-box;
}
.captcha{
    width:240px;
    margin:10px auto;
    border:1px solid #cdcdcd;
    background-image: url("/public/web/images/password.png");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 26px;
    padding:15px 0 15px 50px;
    box-sizing: border-box;
}

.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:150px; margin-top: 2px; cursor: pointer; background: #fff; margin-left: 10px; display: inline-block; text-align: center; box-sizing: border-box; padding:15px; border:1px solid #cdcdcd; color:#f00}
#reg_tel{ margin-bottom: 20px}
#reset_tel{ margin-bottom: 20px}
.red{ color:#f00!important;}

.login li a{ color:#fff}

.point_record, .hb_record{ background-color: #fff;}

.error_msg{ color:#f00; font-size: 24px;}
.error{ text-align: center; padding:50px 0 100px 0}
.error_text{ margin:10px 0}
.error_back{ display: inline-block; width:100px; background: #e62924; color:#fff; padding:8px 16px; margin-top: 20px}
.nf_404_bg{ min-height: 500px; background-image: url("/public/web/images/404.png"); background-repeat: no-repeat; background-size: 50%; background-position: center center}
.nf_404_back{ position: absolute; top:50%; left:50%; margin-left: 80px; text-align: center; display: inline-block; width:100px; background: #e62924; color:#fff; padding:8px 16px; }

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

#hb_success{ color:#fff}
.ie .yxzj_avatar{ border:0}

.pay_tips p{
    background-image: url("/public/web/images/list_style_circle.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
}
.kf_code{ width:200px; display: inline-block; float: right}
.pay_price_title{ text-align: center; position: relative; margin-top: 40px}
.pay_price_title hr{ background: #ccc; height: 1px; border:0}
.pay_price_title span{ display: inline-block; width:24%; background: #fff; position: absolute; left:50%; top:-15px; margin-left: -12%; font-size: 20px;}

.pay_price_content{ width: 100%; margin-top: 30px}
.pay_price_content ul li{ width:210px; height:200px; margin:20px 37px; float: left;}
.pay_price_content ul li img{ width: 100%; cursor: pointer}
.pay_price_content ul li p{ text-align: center}

.shade{ width:100%; height:100%; position: fixed; top:0; left:0; background: rgba(0,0,0,0.3); display: none}
.pay_code{ width:300px; margin:auto}
#pay_price{ margin-top: 20px; text-align: center; font-size: 16px;}

#app_download{ position: relative}
#app_download #app_code{ position: absolute; display: none; border:2px solid #f1342f; border-top: 0; top:65px; left:-20px; width:140px; padding:10px 0; background: #f2f2f2; text-align: center; font-size: 14px}
#app_download #app_code img{vertical-align: top}

.home_item_box{ font-size: 0 }
.home_item{ width:380px; margin-right:30px; float:left; text-align: center; height:285px; padding-top: 70px; }
.mg0{ margin:0 }
.home_item_1{ background-image: url("/public/images/home_item_1.jpg"); background-repeat: no-repeat }
.home_item_2{ background-image: url("/public/images/home_item_2.jpg"); background-repeat: no-repeat }
.home_item_3{ background-image: url("/public/images/home_item_3.jpg"); background-repeat: no-repeat }
.home_item_name{ font-size: 2rem; color:#fff; font-weight: bold; }
.home_item_btn{ font-size: 1rem; color:#fff; margin-top: 60px; background: #fff; display: inline-block; padding:8px 22px; border-radius: 20px;  }
.home_item_btn_1{ color:#ff6e67 }
.home_item_btn_2{ color:#507de1 }
.home_item_btn_3{ color:#fda66c }

.kefu_banner{ width:100% }
.kefu_banner img{ width:100% }
.kefu_content{ background: #fff; text-align: center; padding:50px; font-size: 1.4rem; font-weight: bold }
.kefu_code{ width:170px;  }
.gzh_content{
    width:1200px;
    height:680px;
    background-image: url("/public/images/gzh_img.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin:20px 0;
    position: relative;
}
.gzh_code{
    width:227px;
    height:227px;
    position: absolute;
    top:175px;
    left:245px;
}
.gzh_code img{ width:100% }

.app_content{
    width:1200px;
    height:730px;
    background-image: url("/public/images/app_img.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin:20px 0;
    position: relative;
}
.app_code{
    width:170px;
    height:170px;
    position: absolute;
    top:260px;
    left:730px;
}
.app_code img{ width:100% }