body, div, dl, dt, dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption, cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before, q:after{content:' '}
abbr,acronym{border:0;}
a {text-decoration: none; cursor: pointer;}

.bc{margin-left:auto;margin-right:auto;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block; clear: both;}
*html .clearfix{height:1%;}
.Clearfix{display:block;}

html,body{
    background-color: #f5f5f5; font-family:  'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft Yahei', 'WenQuanYi Micro Hei', Arial, Verdana, sans-serif;
}

/*header style start*/
.header {width:100%; height:98px; position:absolute;
    background-color: rgba(0,0,0,0.55);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
}
.header_center {margin: 0 40px;}
.logo {float: left;height: 100%;display: flex;align-items: center; }
.h_menu{float: left; margin-left: 30px;}
.h_menu li {float: left;line-height: 98px; padding: 0 20px; font-size: 18px;}
#hover_bj {position: absolute; display: none; height: 100%; background-color: #ff4611;z-index: 0;}
.h_menu li { position: relative;float: left;line-height: 98px; padding: 0 20px; font-size: 18px;z-index: 1;}
/*.h_menu li.hover{background-color: #ff4611;}*/
.h_menu li a {width:100%; height: 100%; display: block; color: #fff;}
.login_mess {float: right;}
.login_mess a{font-size: 14px;}
.btn_login,.btn_reg,.btn_lanv {width:62px; height:46px; line-height: 44px; margin:25px 0 0 10px; text-align: center; color: #fff; display: inline-block; border:1px solid #fff; border-radius:3px;float: left;}
.btn_webUserName {padding: 0 5px; height:46px; line-height: 44px; margin:25px 0 0 10px; text-align: center; color: #fff; display: inline-block; border:1px solid #fff; border-radius:3px;float: left;}
.btn_webUserName span{width: auto; white-space: nowrap; max-width: 130px; text-overflow: ellipsis; display: block; overflow: hidden;color: #fff;}
.btn_weChart {width:46px; height: 47px;float: left; margin:25px 0 0 10px;}
.btn_weChart img {width: 100%; height: 100%;}
    /*header style end*/
    @media screen and (max-width:1900px) {
    .banner {height:400px; overflow: hidden;position: static;}
    }
    @media screen and (min-width:1901px) {
    .banner {height:540px; overflow: hidden;position: static;}
    }
.banner img{width: 100%;}
.content_area{position: relative; top: 120px;}

/*haveList是弹窗下边的小三角*/
.haveList{position: relative;}
.haveList:before{content: "";display: block;position: absolute;bottom: -26px;left: 50%;margin-left: -11px;border: 11px solid transparent;border-bottom-color: rgba(255,255,255,.8);}

/*登录弹窗*/
.login_mess{position: relative}
/*.login-content{display:none;width: 255px;min-height: 350px; height:auto; background-color: #fff;position:absolute;top: 98px;right: -10px;padding: 10px 66px 50px;border-radius: 5px;z-index: 1; box-shadow: 0px 0px 10px #cccccc;}*/
.login-content{display:none;width: 255px; height:auto; background-color: #fff;position:absolute;top: 98px;right: -10px;padding: 10px 66px 30px;border-radius: 5px;z-index: 1; box-shadow: 0px 0px 10px #cccccc;}
.login-row{width: 100%; border-bottom:1px solid #b9babd;height: 34px;line-height: 34px;margin-top: 30px;font-size: 16px;color: #5a5c64;padding: 0 5px;}
.login-row input[type="text"],.login-row input[type="password"]{width: 100%;border: none;/**background: none;*/outline: none;height: 30px;line-height: 30px;}
.login-row .verCode{width: 100px!important;}
.login-row .codeImg{width: 100px;height: 40px;float: right;background-color: #50535d;margin-top: -10px;}
.savePass{font-size: 14px;height: 14px;margin-top: 26px;line-height: 14px;}
.saveAccount input{width: 14px;height: 14px;border-color: #52555e;background-color: transparent;vertical-align: middle;}
.forgetPass{display: inline-block;float: right;margin-right: -5px;}
.loginBtn{margin-top: 38px;text-align: center}
.loginBtn button{height: 40px;width: 250px;line-height: 40px;font-size: 18px;border: 0;outline: 0;border-radius: 3px;background-color: #ff4d1a;color: #fff; cursor: pointer}

/*注册弹窗*/
.register-content{display:none;width: 410px;background-color: #fff;position:absolute;top: 98px;right: -10px;padding: 10px 66px 50px;border-radius: 5px;z-index: 1; box-shadow: 0px 0px 10px #cccccc;}
.registerHint{display:inline-block;width: 90px;font-size: 14px;color: #5a5d64;}
.register-content .login-row input[type="text"], .register-content .login-row input[type="password"] {width: 300px;font-size: 14px;color: #5a5d64;}
.register-content .saveAccount{display: inline-block;width: 80px;font-size: 14px;}
.register-content .loginBtn button {width: 360px;}

/*二维码*/
.login-QRcode{display:none;width: 176px;background-color: rgba(255,255,255,.88);position:absolute;top: 98px;right: -10px;padding: 10px 23px 20px;border-radius: 5px;z-index: 1; box-shadow: 0px 0px 10px #cccccc;}
.QRcodeImg{width: 176px;height: 176px;margin-top: 20px;}
.QRcodeImg img{width: 100%;height: 100%;}
.login-QRcode .loginBtn{margin-top: 20px;}
.login-QRcode .loginBtn button{width: 176px;}

/*个人中心*/
.login-userCenter{display:none;width: 120px;height: 170px;background-color: #fff;position:absolute;top: 98px;right: 10px;padding: 20px;border-radius: 5px;z-index: 1; box-shadow: 0px 0px 10px #cccccc;}
.login-userCenter a{clear: left; width: 120px; font-size: 14px; color: #000; text-align: center; line-height: 30px; float: left;}

.guide{
    top: 98px;
}
.form-label{
    float: left;
    width: 100px;
    text-align: right;
}
@media screen and (max-width: 1366px) {
    .header {width:100%; height:70px; position:absolute;
        background-color: rgba(0,0,0,0.55);
    }
    .header_center {margin:0 30px;}
    .logo img {height:70px;}
    .h_menu li {line-height: 70px; padding: 0 18px; font-size: 14px;}
    .btn_login,.btn_reg,.btn_lanv {width:56px; height:32px; line-height: 30px; margin:18px 0 0 15px;}
    .btn_weChart {margin:18px 0 0 15px;}
    .btn_weChart {width:32px; height: 33px;}

    .haveList:before {bottom: -19px;}
    .login-content {top: 70px;}
    .register-content {top: 70px;}
    .login-QRcode {top: 70px;}
    .login-userCenter{top: 70px;}
    
    .btn_webUserName {height:32px; line-height:30px; margin:18px 0 0 15px;}
    .guide{
        top: 70px;
    }

}