@charset "utf-8";
@import url("top_foot.css");
img { border:0; margin:0; padding:0;}
.clear{ clear:both; border:0; margin:0px; padding:0px;}
li,ul,p,dl,dt,dd{   margin:0px; padding:0px;list-style:none; font-family:"微软雅黑";}
h1,h2,h3,h4{ font-size:14px; font-weight:bold; margin:0px; padding:0px; list-style:none; font-family:"微软雅黑"; color:#000;}
a{ color: #000000;  text-decoration: none; font-family:"微软雅黑"; font-size:13px; } 
a:hover{color: #666; text-decoration: none; }
label,input{ margin:0; padding:0;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
em,i{ font-style:normal; font-family:"微软雅黑";}
samp,span{ font-family:"微软雅黑";}
body{ margin:auto; width:100%; height:auto; font-size:13px; font-family:"微软雅黑"; background-color:#fff;}

/*会员头部*/
.topbox .top_member{ margin:auto; width:1200px; height:86px; line-height:30px; display:block; clear:both; }
.topbox .top_member .logo{ width:380px; height:86px; margin:0; overflow:hidden;}
/*.topbox .top_member .logo img{ height:125px;display: block;margin-top: -15px;}*/
.topbox .top_member .logo img{ width:230px;display: block;margin-top: 8px;}
.topbox .top_member .logo a{ float:left; width:auto; height:auto;}
.topbox .top_member .logo span{ float:left; width:auto; height:auto; font-size:24px; color:#6e6e6f; margin:12px 0 0 26px;}
.topbox .top_member .top_right{ width:auto; height:auto; margin:27px 0 0 0;}
.topbox .top_member .top_right a{ font-size:14px; color:#6e6e6f; margin-left:20px;}
.topbox .top_member .top_right a:hover{ color:#019eeb;}

/*登录页*/
.mem_login_all{ float:left; width:100%; min-width:1200px; height:469px; background-color:#019eeb;}
.mem_body{ margin:0 auto; width:1200px; height:auto;}
.mem_login_pic{ margin-left:30px;}
.mem_login{ width:350px; height: auto; line-height:25px; background-color:#FFF; margin:34px 135px 0 0; padding-bottom:35px;position: relative;}
.mem_login .mem_login_title{ width:292px;margin:28px auto 5px auto;overflow: hidden;}
.mem_login .mem_login_title h3{ float:left; width:auto; height:auto; font-size:20px; color:#5e5e5e; font-weight:normal;margin-bottom: 10px;}
.mem_login .mem_login_title .mem_login_titlea{ float:right; width:auto; height:auto; line-height:30px; font-size:16px; color:#019eeb;position: absolute; right: 0; top: 0; overflow: hidden}
.mem_login_title .mem_login_titlea span{
    display: inline-block;
    width: 45px;
    height: 56px;
    background: url(../images/icon_login1.png) 0 0 no-repeat;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -2px;
}
.mem_login_title .mem_login_titlea i{
    display: inline-block;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -2px;
    border: 1px solid #b6e5fc;
    padding: 0 4px;
    color: #019eeb;
    font-size: 12px;
    position: relative;
}
.mem_login_title .mem_login_titlea i img{
    margin-top: -2px;
    vertical-align: middle;
}
.mem_login_title .mem_login_titlea i .jiantou{
    display: block;
    width: 7px;
    height: 12px;
    position: absolute;
    top: 10px;
    right: -7px;
}
.mem_login_title a.phonelogin span{
    background: url(../images/icon_login2.png) 0 0 no-repeat;
}
.mem_login .error_message{ width:262px; height:auto; line-height:25px; margin:0 0 0 29px; padding-left:28px; font-size:14px; color:#FF8E8E; background:url(../images/wrong.png) 3px 2px no-repeat; background-size:20px; background-color:#FFF2F2; border:#FF8E8E 1px solid;}
.mem_login ul{width:292px; height:auto; margin:0 auto;}
.mem_login ul li{margin-top: 15px;overflow: hidden}
.mem_login ul li input{width:266px; height:16px; line-height:16px; margin:0; font-size:14px; color:#999; font-family:"微软雅黑"; padding:13px 12px; border:#A5A5A5 1px solid;}
.mem_login ul li input.verifycode{ width:133px;}
.mem_login ul li span{ float: right;}
.mem_login span.getvcode{
    display: block;
    background-color: #ccc;
    width: 125px;
    height: 44px;
    line-height: 44px;
    text-align: center;
}
.mem_login span.getvcode a{
    color: #666;
}
.mem_login span.getvcode.active{
    background-color: #019eeb;
}
.mem_login span.getvcode.active a{
    color: #fff;
    
}
.mem_login ul li span img{ height:44px;}
.mem_login ul li label{font-size:14px; color:#5E5E5E; cursor:pointer;float:left}
.mem_login ul li label input.nologin{ float:left; width:auto;margin:6px 5px 0 0; padding:0; border:none; cursor:pointer;}
.mem_login ul li samp{ float:right;}
.mem_login ul li samp+samp{
    margin-right: 20px;
}
.mem_login ul li samp a{ font-size:14px; color:#019eeb;}
.mem_login ul li em a{display: block; width:100%; height:42px; line-height:42px; text-align:center; font-size:20px; color:#FFF; background-color:#019eeb;}
.mem_login ul li em a:hover{ background-color:#1fa5e7;}

/*注册页*/
.mem_register_all{ float:left; width:100%; min-width:1200px; height:auto; border-top:#D5D5D5 1px solid;}
.mem_register{ width:1198px; height:auto; margin-top:34px; padding-bottom:60px; border:#D5D5D5 1px solid;}
.mem_register_body{ width:350px; height: auto; line-height:25px; background-color:#FFF; margin:64px 0 0 134px;}
.mem_register_body .mem_register_title{ width:100%; height:auto; margin:0;}
.mem_register_body .mem_register_title h3{ float:left; width:auto; height:auto; font-size:22px; color:#000; font-weight:normal;}
.mem_register_body ul{ float:left; width:100%; height:auto; margin:25px 0 0 0;}
.mem_register_body ul li{ float:left; width:100%; height:auto; line-height:24px; margin:0 0 0 0; position:relative;}
.mem_register_body ul li p{ float:left; width:348px; height:52px; line-height:24px; margin:-1px 0 0 0; border:#DEDEDE 1px solid;}
.mem_register_body ul li span{ float:left; width:80px; height:auto; font-size:14px; color:#666; margin:14px 0 0 20px; border:none;}
.mem_register_body ul li span.prompt{ position:absolute; top:11px; left:380px; z-index:10; float:none; width:234px; height:auto; line-height:18px; font-size:14px; color:#999; padding:5px; margin:0; background-color:#F3F4F4; border:#019eeb 1px solid; display:none;}
.mem_register_body ul li span.prompt i{ float:none; width:8px; height:13px; margin:0; padding:0; position:absolute; top:50%; left:-8px; margin-top:-6px; z-index:11; background:url(../images/prompt_bg.jpg) center no-repeat;}
.mem_register_body ul li span.wrong{ color:#EB5B41; background-color:#fff; border:#fff 1px solid; left:370px; padding-left:32px; background:url(../images/wrong.png) no-repeat;}
.mem_register_body ul li input{ float:left; width:207px; height:24px; line-height:24px; margin:0; font-size:14px; color:#999; font-family:"微软雅黑"; padding:0; margin:14px 0; border:none;padding-right:30px;}
.mem_register_body ul li input:focus{ outline:none;}
.mem_register_body ul li.top14{ margin-top:14px;}
.mem_register_body ul li.verifycode{}
.mem_register_body ul li.verifycode p{ width:201px;}
.mem_register_body ul li.verifycode input { width:95px;padding:0;}
.mem_register_body ul li samp{ float:right; width:139px; height:24px; line-height:24px; text-align:center; font-size:14px; color:#fff; border:#DEDEDE 1px solid; padding:14px 0; margin:-1px 0 0 0; background-color:#019eeb; cursor:pointer;}
.mem_register_body ul li samp a{color: #fff;}
.mem_register_body ul li samp:hover{ background-color:#1fa5e7;}
.mem_register_body ul li .send{ color:#666;  cursor:default;}
.mem_register_body ul li .send a{ color:#666;}
.mem_register_body ul li .send{ background-color:#eeeeee;}
.mem_register_body ul li i{ float:left; width:100%; height:24px; line-height:24px; font-size:14px; color:#999; padding:9px 0;}
.mem_register_body ul li i a{ font-size:14px; color:#019eeb;}
.mem_register_body ul li em{ float:left; width:100%; height:auto; margin:0 0 0 0;}
.mem_register_body ul li em a{ float:left; width:100%; height:42px; line-height:42px; text-align:center; font-size:20px; color:#FFF; background-color:#019eeb;}
.mem_register_body ul li em a:hover{ background-color:#1fa5e7;}
.mem_register_body ul li input.success{ background:url(../images/success.png) right center no-repeat;}

.mem_register_pic{ width:400px; line-height:20px; margin:68px 37px 0 0;}
.mem_register_pic i{ float:right; width:100%; text-align:right; margin:20px 0 0 0;}
.mem_register_pic p{ float:right; width:auto; height:auto; font-size:14px; color:#999; margin:0 54px 0 0;}
.mem_register_pic p a{ color:#019eeb;}

/*忘记密码*/
.forgot_password{ width:1198px; height:auto; min-height:600px; margin-top:34px; padding-bottom:60px; border:#D5D5D5 1px solid;}
.forgot_title{ width:1100px; height:auto; line-height:25px; margin:22px 0 0 38px;}
.forgot_title h1{ font-size:22px; color:#000; font-weight:normal;}
.forgot_type{ width:800px; height:6px; background-color:#dbdbdb; margin:36px 0 0 197px; position:relative; z-index:1;}
.forgot_type li{ float:left; width:80px; height:auto; line-height:25px; background:url(../images/forgot.png) center 0 no-repeat; text-align:center; margin:-11px 0 0 0; padding:30px 0 0 0; font-size:12px; color:#dbdbdb;}
.forgot_type li.forgot_type_1{ position:absolute; top:0; left:-40px;}
.forgot_type li.forgot_type_2{ position:absolute; top:0; left:360px;}
.forgot_type li.forgot_type_3{ position:absolute; top:0; right:-40px;}
.forgot_type li.finish{ color:#019eeb; background:url(../images/forgot_finish.png) center 0 no-repeat;}
.forgot_type li.finish i{ position:absolute; top:11px; left:52px; width:189px; height:6px; background:#019eeb;}
.forgot_type li.finish em{ position:absolute; top:11px; left:240px; width:6px; height:6px; background: url(../images/forgot_sj.png) 0 no-repeat;}
.forgot_type li.finish big{ position:absolute; top:11px; left:52px; width:377px; height:6px; margin:0; padding:0; background:#019eeb; border:none; }


.forgot_body_all{ width:500px; height:auto; margin:98px 0 0 300px;}
.forgot_body_all ul{ float:left; width:100%; height:auto;}
.forgot_body_all ul li{ float:left; width:100%; height:55px; margin:10px 0 0 0; position:relative;}
.forgot_body_all ul li span{ float:left; width:132px; height:auto; line-height:25px; font-size:14px; color:#666; margin:16px 0 0 0; text-align:right;}
.forgot_body_all ul li p{ float:right; width:348px; height:53px; border:#DEDEDE 1px solid;}
.forgot_body_all ul li p input{ float:left; width:326px; height:25px; line-height:25px; font-size:14px; color:#666; margin:15px 0 0 11px; padding:0; border:none;}
.forgot_body_all ul li p input:focus{ outline:none;}
.forgot_body_all ul li p.verifycode{ width:201px;}
.forgot_body_all ul li p.verifycode input{ width:179px;}
.forgot_body_all ul li a{ float:right; width:139px; height:23px; line-height:25px; padding:15px 0; margin-left:6px; font-size:14px; color:#fff; text-align:center; border:#DEDEDE 1px solid; background-color:#019eeb; cursor:pointer;}
.forgot_body_all ul li a:hover{ background-color:#1fa5e7;}
.forgot_body_all ul li a.send{ color:#666; background-color:#EEEEEE; cursor:default;}
.forgot_body_all ul li a.send:hover{ background-color:#EEEEEE;}


.forgot_body_all ul li span.prompt{ position:absolute; top:11px; left:510px; z-index:10; float:none; width: 300px; height:auto; line-height:18px; font-size:14px; color:#F00; padding:5px; margin:0; text-align:left;}


.forgot_tip_type{ width:500px; height:auto; margin:0 0 0 0;}
.forgot_tip_type span{ float:left; width:132px; height:auto; line-height:25px; font-size:14px; color:#666; margin:16px 0 0 0; text-align:right;}
.forgot_tip_type ul{ float:right; width:350px; height:auto;} 
.forgot_tip_type ul li{ float:left; width:168px; height:53px; border:#DEDEDE 1px solid;}
.forgot_tip_type ul li a{ float:left; width:100%; height:23px; line-height:25px; text-align:center; font-size:14px; color:#4b4643; padding:15px 0; margin:0; background-color:#FFF; border:none;}
.forgot_tip_type ul li .forgot_tip{ color:#4b4643; background-color:#FFF;}
.forgot_tip_type ul li .forgot_tip:hover{ color:#4b4643; background-color:#FFF;}
.forgot_tip_type ul li .forgot_tip_{ color:#FFF; background-color:#019eeb;}
.forgot_tip_type ul li .forgot_tip_:hover{ color:#FFF; background-color:#019eeb;}


.forgot_body{ width:500px; height:auto; margin:0 0 0 0; display:none;}


.forgot_body_btn{ width:500px; height:auto; margin:43px 0 0 0;}
.forgot_body_btn a{ float:right; width:348px; height:43px; line-height:43px; text-align:center; font-size:22px; color:#FFF; background-color:#019EEB; margin-right:1px;}
.forgot_body_btn a:hover{ background-color:#1fa5e7;}

.forgot_finish{ width:200px; height: auto; line-height:25px; margin:50px 0 0 177px; padding:4px 0 0 58px; background:url(../images/success.jpg) no-repeat;}
.forgot_finish b{ font-size:18px; color:#019eeb; font-weight:normal;}
.forgot_finish p{ font-size:14px; color:#666;}


/*2018-11-13新增微信登录方式*/
.Toggle_login_mode{
    height: 50px;
    line-height: 50px;
    background: #fff;
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin-top: 16px;
}
.Toggle_login_mode .x01{
    width: 50%;
    border-bottom: 2px solid #EEEEEE;
    cursor: pointer;
}
.loginactive{
    border-bottom: 2px solid #019EEB !important;
}
#wxLogin{
    text-align: center;
}
#wxLogin .wxCode{
    width: 220px;
    height: 220px;
    margin: auto;
}
#wxLogin .scane{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}
#wxLogin .scane .scaneimg{
    width: 28px;
    height: 28px;
    margin-right: 20px;
}
#wxLogin .scane .description{
    color: #666666;
}
.bindPhone{
    width: 776px;
    height: 415px;
    background: #fff;
    margin:27px auto 0;
    text-align: center;
}
.bindPhone .b01{
    width: 570px;
    margin: auto;
}
.bindPhone .b01 .c01{
    padding: 30px 0;
    border-bottom: 2px solid #EEEEEE;
}
.bindPhone .b01 .c01 .d01{
    font-size: 18px;
    color: #5e5e5e;
}
.bindPhone .b01 .c02{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    padding-top: 40px;
}
.bindPhone .b01 .c02 .d01{
    border-right: 2px solid #ECECEC;
    width: 180px;
    height: 180px;
}
.bindPhone .b01 .c02 .d02{
    width: 375px;
    height: 180px;
}
.bindPhone .b01 .c02 .d01 .e01{
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
.bindPhone .b01 .c02 .d01 .e01 .f01{
    width: 33px;
    height: 26px;
    margin-right: 10px;
}
.bindPhone .b01 .c02 .d01 .e01 .f02{
    font-size: 15px;
    color: #5e5e5e;
}
.bindPhone .b01 .c02 .d01 .e02 .f01{
    width: 90px;
    height: 90px;
}
.bindPhone .b01 .c02 .d01 .e02 .f02{
    font-size: 15px;
    color: #5e5e5e;
}
.bindPhone .b01 .c02 .d02 .e00{
    width: 296px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #DDDBDB;
    padding: 2px 0 2px 15px;
    display: -webkit-flex;
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    margin: 0 auto 15px;
}
.bindPhone .b01 .c02 .d02 .e00 .f01{
    width: 20px;
    height: 25px;
    margin-right: 15px;
}
.bindPhone .b01 .c02 .d02 .e00 .f02{
    border: 0;
    height: 34px;
    line-height: 34px;
    border-left: 1px solid #ddd;
    color: #333333;
    text-indent: 15px;
    font-size: 14px;
    width: 100%;
}
.bindPhone .b01 .c02 .d02 .e02{
    width: 188px;
    display: -webkit-flex;
    display: flex;
    justify-content: start;
    margin:0 0 15px 30px ;
    position: relative;
}
.bindPhone .b01 .c02 .d02 .e02 .f03{
    width: 98px;
    height: 48px;
    line-height: 48px;
    background: #019EEB;
    color: #fff;
    text-align: center;
    position: absolute;
    right: -110px;
    top: 0;
    outline: none;
    border: 0;
    cursor: pointer;
    user-select: none;
}
.bindPhone .b01 .c02 .d02 .e03{
    width: 316px;
    height: 42px;
    line-height: 42px;
    background: #019EEB;
    color: #fff;
    margin: auto;
    cursor: pointer;
}

/*sign*/
.sign{
    width: 776px;
    height: 415px;
    background: #fff;
    margin:27px auto 0;
    text-align: center;
}
.sign .b01{
    width: 570px;
    margin: auto;
}
.sign .b01 .c01{
    padding: 30px 0;
    border-bottom: 2px solid #EEEEEE;
}
.sign .b01 .c01 .d01{
    font-size: 18px;
    color: #5e5e5e;
}
.sign .b01 .c02{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    padding-top: 40px;
}
.sign .b01 .c02 .d01{
    border-right: 2px solid #ECECEC;
    width: 180px;
    height: 180px;
}
.sign .b01 .c02 .d02{
    width: 375px;
    height: 180px;
    box-sizing: border-box;
    padding-left: 30px;
}
.sign .b01 .c02 .d01 .e01{
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
.sign .b01 .c02 .d01 .e01 .f01{
    width: 33px;
    height: 26px;
    margin-right: 10px;
}
.sign .b01 .c02 .d01 .e01 .f02{
    font-size: 15px;
    color: #5e5e5e;
}
.sign .b01 .c02 .d01 .e02 .f01{
    width: 90px;
    height: 90px;
}
.sign .b01 .c02 .d01 .e02 .f02{
    font-size: 15px;
    color: #5e5e5e;
}
.sign .b01 .c02 .d02 .e00{
    text-align: left;
    height: 44px;
    line-height: 44px;
    margin: 10px 0;
}
.sign .b01 .c02 .d02 .e00 span{
    font-size: 14px;
}
.sign .b01 .c02 .d02 .e02 .f02{
    width: 262px;
    height: 44px;
    line-height: 44px;
    box-sizing: border-box;
    text-indent: 15px;
}
.sign .b01 .c02 .d02 .e03{
    width: 264px;
    height: 42px;
    line-height: 42px;
    background: #019EEB;
    color: #fff;
    margin-right: 10px;
    margin-top: 10px;
    float: right;
    cursor: pointer;
}

#model_box_public_dialog{
    position: absolute;
    top: 0;bottom: 0;right: 0;left: 0;
    margin: auto;
    /*background: #fff;*/
    width: 4rem;
    height: 2.5rem;
}
#model_box_public_dialog .a01{
    text-align: center;
    height: 100%;
    border-radius: 10px;
    background: #fff;
    box-sizing: border-box;
}
#model_box_public_dialog .a01 .b01{
    border-radius: 10px 10px 0 0;
    padding: 0.1rem 0;
    background: #1E9FFF;
    color: #ffffff;
}
#model_box_public_dialog .a01 .b02 a,#model_box_public_dialog .a01 .b03 a{
    padding: 0.05rem;
    background: #8BD1ED;
    color: #ffffff;
    display: block;
    width: 2rem;
    margin:0.1rem auto;
    border-radius: 10px;
}
#bindSuccess{
    width: 434px;
    height: 304px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
}
#bindSuccess .a01{
    text-align: center;
}
#bindSuccess .a01 .b00{
    margin: 30px 0;
}
#bindSuccess .a01 .b01{
    height: 48px;
    line-height: 48px;
    background: #019EEB;
    color: #fff;
    text-align: center;
    position: relative;
}
#bindSuccess .a01 .b01 .c02{
    width: 14px;
    height: 14px;
    position: absolute;
    right: 20px;
    top: 17px;
}
#bindSuccess .a01 .b02{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}
#bindSuccess .a01 .b02 .c01{
    width: 32px;
    height: 32px;
    margin-right: 10px;
}
#bindSuccess .a01 .b02 .c01{
    font-size: 18px;
    color: #019eeb;
}
#bindSuccess .a01 .b03{
    font-size: 16px;
    color: #666666;
}
#bindSuccess .a01 .b04{
    font-size: 16px;
    color: #fff;
    background: #019EEB;
    width: 242px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    margin: auto;
    cursor: pointer;
}