body{background:#fff;}
/*提示信息*/
.msg-tips{ position:relative; margin:30px auto; padding:30px 0; width:420px; font-size:14px; text-align:left; }
    .msg-tips .icon{ display:block; float:left; width:60px; height:60px; }
    .msg-tips .icon i{ margin:0; padding:0; font-size:60px; color:#090; line-height:1em; }
    .msg-tips .icon.warning i{ color:#f90; }
    .msg-tips .icon.error i{ color:#f00; }
    .msg-tips .info{ margin-left:80px; }
    .msg-tips .info strong{ display:block; padding-bottom:5px; color:#333; font-size:18px; font-weight:normal; line-height:1.3em; }
    .msg-tips .info p{ line-height:24px; color:#666; font-size:14px; }
    .msg-tips .info p a{ margin:auto 2px; }
/*会员注册登录样式*/
.content{position:relative;width:100%;}
.login-newbg{position:absolute;z-index:9;top:0;left:0;background-size:cover;background-repeat:no-repeat;
background-position:center center;width:100%;height:600px;
}
.quicklogin{background:#fff; margin:100px auto 0;  width:380px; 
overflow:hidden;float:right;z-index:999;position:relative;border-radius:5px;text-align:center;padding-bottom:20px;}
.quicklogin .title{text-align:center;margin:30px 0px;color:#A6A6A6;font-size:16px;}
.quicklogin img{border-radius:50%;max-width:100px;}
.quicklogin .oatuh-box{text-align:center;margin:20px;color:#A6A6A6;font-size:16px;}
.quicklogin .oatuh-box p{ margin-left:20px; }
    .quicklogin .oatuh-box p a{ display:block; float:right;  _display:inline; _zoom:1;color:#1191DE;margin-left:20px; }
.register{background:#fff; margin:40px auto 0;  width:500px; 
overflow:hidden;float:right;z-index:999;position:relative;border-radius:5px;text-align:center;}
    .register .title{text-align:center;margin:20px 0px;color:#A6A6A6;font-size:16px;}
    .register .title .selected{color:#323232}
.register .form-box{ margin:0 10px; padding:20px 0 30px; }
    .register .form-box .form-group{ margin:0; padding:10px 0; clear:both; }
    .register .form-box .form-group .tips{ margin-left:16%; color:#666; font-size:12px; line-height:20px; }
    .register .form-box .form-group dt{ display:block; float:left; padding-right:2%; width:20%; line-height:40px; text-align:right; color:#888; }
    .register .form-box .form-group dd{text-align:left; display:block; position:relative; margin-left:16%; line-height:40px; }
    .register .form-box .form-group dd img{ vertical-align:middle; }
    .register .form-box .form-group dd a.send{ display:inline-block; padding:0 10px; color:#555; border:1px solid #e0e0e0; height:40px; line-height:40px; color:#333; }
    .register .form-box .form-group dd a.send.gray{ color:#999; }
    .register .form-box .form-group dd .input{float:left; display:inline-block; padding:0 10px; width:55%; height:40px; line-height:20px; border:1px solid #e0e0e0; }
    .register .form-box .form-group dd .input.code{ width:120px; }
    .register .form-box .form-group dd .select{ display:inline-block; padding:10px; height:40px; line-height:20px; border:1px solid #e0e0e0; }
    .register .form-box .form-group dd .textarea{ display:inline-block; padding:10px; width:50%; height:80px; line-height:20px; border:1px solid #e0e0e0; vertical-align:middle; overflow:auto; }
    .register .form-box .form-group dd .submit{width:85%; display:inline-block; margin:0 0 0 5px; padding:10px 46px; height:auto; line-height:20px; color:#fff; font-size:14px; border:1px solid #1191DE; background:#1191DE; cursor:pointer; }
        .register .form-box .form-group dd .disable {
            width: 85%;
            display: inline-block;
            margin: 0 0 0 5px;
            padding: 10px 46px;
            height: auto;
            line-height: 20px;
            color: #fff;
            font-size: 14px;
            border: 1px solid #1191DE;
            background: #1191DE;
            opacity: 0.5;
            pointer-events:none;
        }
    .register .form-box .form-group dd .button{ display:inline-block; margin:0 0 0 5px; padding:10px 46px; width:auto; height:auto; line-height:20px; color:#666; font-size:14px; border:1px solid #eee; background:#1191DE; cursor:pointer; }
    .register .form-box .form-group dd label.mart{ margin-right:5px; }
.login{background:#fff; margin:100px auto 0; padding-bottom:50px; width:380px; 
overflow:hidden;float:right;z-index:999;position:relative;border-radius:5px;text-align:center;}
    .login .title{text-align:center;margin:20px 0px;color:#A6A6A6;font-size:16px;}
    .login .title .selected{color:#323232}
    .login-box .input-box{ position:relative; display:inline-block; margin-bottom:20px; padding:0 0px; 
width:320px; border:1px solid #e5e5e5; height:42px; line-height:22px; color:#333; 
font-size:14px; overflow:hidden; margin-left:auto;margin-right:auto;}
        .login-box .input-box input {
            padding: 12px 0;
            width: 100%;
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            border: 0px solid #e0e0e0;
            padding: 0 10px;
        }
 .login-box .remember-box{text-align:left;margin-left:20px; margin-bottom:30px; height:20px; line-height:20px; color:#909090; font-size:14px; }
    .login-box .remember-box input{ vertical-align:middle; }
    .login-box .remember-box label{ margin-right:7px; cursor:pointer; vertical-align:middle; }
    .login-box .remember-box a{ color:#00a7ea; vertical-align:middle; }
    .login-box .btn-box{ display:block; margin-bottom:20px; height:42px; }
        .login-box .btn-box input {
            display: inline-block;
            width: 342px;
            height: 42px;
            line-height: 42px;
            background: #1191DE;
            border: 1px solid #1191DE;
            color: #fff;
            cursor: pointer;
            font-size: 14px;
            text-align: center;
        }
    .login-box .tip-box{ display:block; text-align:center; height:20px; line-height:20px; color:#f90; font-size:13px; }
    .login-box .oatuh-box{ clear:both; padding-top:15px; }
    .login-box .oatuh-box h3{ display:block; margin-bottom:10px; color:#666; font-size:14px; line-height:30px; height:30px; font-weight:normal; }
    .login-box .oatuh-box p{ margin-left:20px; }
    .login-box .oatuh-box p a{ display:block; float:left;  _display:inline; _zoom:1;color:#1191DE }


.oauth-box{ position:relative; margin:50px auto; width:65%; border:1px solid #f0f0f0; overflow:hidden; }
    .oauth-box .tab-head{ display:block; height:42px; border-bottom:1px solid #f0f0f0; background:#fff; }
    .oauth-box .tab-head li{ float:left; margin-left:-1px; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; }
    .oauth-box .tab-head li a{ display:block; padding:0 30px; height:42px; line-height:42px; color:#555; font-size:14px; }
    .oauth-box .tab-head li a.selected{ color:#fff; background:#34ad2a; }
    .oauth-box .tab-content{ display:none; }
/*首页与登录页底部样式*/
.index-footer{margin: 0 auto; height: 100px;position:absolute;bottom:90px;left:50%;margin-left: -319px;} 
.footer-vertical{position: relative; top: 0px; left: 20px; width: 1px; height: 100PX; float: left; border-right: solid 1px #f3f3f3;} 
.footer-heading{width: 320px; float: left; text-align: left; position: relative; left: 50px; top: 0px; color: #000;} 
.footer-heading>h1{font-size: 13px; margin-bottom: 8px;} 
.footer-heading>h1>a{font-size: 13px; margin-bottom: 5px; color: #000; text-decoration: underline; margin-right: 15px;} 
.footer-left{text-align: center; float: left; margin-right: 30px;} 
.footer-left > img{width: 100px; height: 100px; border: solid 1px #f3f3f3;}
/*通用页面底部样式*/
.footer{ color:#a2abb7; background:#333; }
    .footer .foot-menu{ margin:0 15px; height:70px; border-bottom:1px solid #444; overflow:hidden; }
    .footer .foot-menu ul{ position:relative; margin:0; padding:20px 0; color:#a2abb7; _display:inline; *zoom:1; }
    .footer .foot-menu ul li{ float:left; margin-left:-1px; width:20%; height:30px; border-left:1px solid #444; line-height:30px; color:#b0b0b0; font-size:14px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .footer .foot-menu ul li .wrap-box{ position:relative; display:inline-block; margin:0 auto; }
    .footer .foot-menu ul li .wrap-box i{ display:block; float:left; margin-right:10px; padding-top:6px; width:28px; height:22px; border:1px solid #e0e0e0; border-radius:50%; font-size:16px; text-align:center; }
    .footer .foot-menu ul li .wrap-box span{ display:block; float:left; line-height:30px; color:#b0b0b0; font-size:14px; }
.footer .foot-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .footer .foot-nav{ position:relative; display:block; float:left; padding:40px 0; width:75%; border-right:1px solid #444; } 
    .footer .foot-nav li{ display:block; float:left; margin-left:8.5%; width:10.5%; _margin-left:4%; _width:12%; }
    .footer .foot-nav li h3{ display:block; color:#fff; font-size:14px; font-weight:normal; line-height:20px; }
    .footer .foot-nav li p{ margin-top:10px; color:#828690; font-size:12px; line-height:20px; }
    .footer .foot-nav li p a{ color:#b0b0b0; }
    .footer .foot-nav li p a:hover{ color:#d70029; }
.footer .foot-wx{ display:block; float:right; margin:40px auto; width:21%; overflow:hidden; }
    .footer .foot-wx .wx-icon{ display:block; margin-top:12px; width:180px; height:84px; background:url(../images/wx.png) no-repeat; }
.footer .foot-tel{ display:block; float:left; margin:30px auto; width:24%; text-align:center; overflow:hidden; }
    .footer .foot-tel h4{ display:block; margin:15px 0 5px; color:#d70029; font-size:24px; font-weight:normal; line-height:30px; }
    .footer .foot-tel p{ display:block; margin-bottom:20px; color:#b0b0b0; font-size:12px; }
    .footer .foot-tel a{ display:inline-block; padding:0 15px; color:#d70029; line-height:30px; border:1px solid #d70029;}
    .footer .foot-tel a:hover{ color:#fff; background:#d70029; }
.footer .copyright{ display:block; padding:20px 0; color:#555; font-size:12px; text-align:center; background:#000; }
    .footer .copyright .wrap-box{ padding-left:15px; padding-right:15px; }
    .footer .copyright p{ text-align:left; line-height:20px; }