/*会员登录*/
.member{ background-image: url(../img/组\ 185.png); background-position: center;background-repeat: no-repeat;padding-top: 16vh;}
.member .member-t{width: 50%;margin: 0 auto;text-align: left;margin-bottom: 4vh;animation-name: fadeInUp;; animation-duration:2s;text-align: center;}
.member .member-t span{display: inline-block;font-size: 1.6vw;font-weight: bold;vertical-align: middle;color: #ffff;}
.member .member-t p{font-size: 0.8vw;color: #999999;margin-top: 2vh;}
.member .member-c{width: 50%;margin: 0 auto;display: flex;margin-top: 10vh;padding-bottom: 10vh;}
.member .member-c .member-c-l{background-color: #89a6da;width: 40%;padding: 2vw;text-align: center;margin-right: 20%;cursor: pointer;}
.member .member-c .member-c-l img{width: 6.4vw;height: 6.4vw;}
.member .member-c .member-c-l h1{font-size: 1.3vw;color: #fff;font-weight: bold;margin-bottom: 5vh;}
.member .member-c .member-c-l ul{display: flex; /* 定义为弹性容器 */justify-content: space-between; /* 设置两端对齐 */flex-wrap: wrap;width: 80%;margin: 0 auto;margin-top: 5vh;}
.member .member-c .member-c-l ul li{font-size: 0.8vw;color: #fff;}
.member .member-c .member-c-r{background-color: #f87c7e;width: 40%;padding: 2vw;text-align: center;cursor: pointer;}
.member .member-c .member-c-r h1{font-size:1.3vw;color: #fff;font-weight: bold;margin-bottom: 5vh;}
.member .member-c .member-c-r ul{display: flex; /* 定义为弹性容器 */justify-content: space-between; /* 设置两端对齐 */flex-wrap: wrap;width: 80%;margin: 0 auto;margin-top: 5vh;}
.member .member-c .member-c-r ul li{font-size: 0.8vw;color: #fff;}
.member .member-c .member-c-r img{width: 6.4vw;height: 6.4vw;}
.login-modal{visibility: hidden;
    top: 22vh !important; 
    left: 50%;
    margin-left: -15vw;
    width: 30vw;
    background: #eee url(../img/modalback.png) no-repeat 0px -16vh;
    background-size: 100% auto;
    /* background-color: #fff; */
    position: fixed;
    z-index: 101;
    padding-top: 3vh;
    /* padding: 3vh 2vw 3.4vh; */
    -moz-border-radius: 0.25vw;
    -webkit-border-radius: 0.25vw;
    border-radius: 0.25vw;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -box-shadow: 0 0 10px rgba(0,0,0,.4);
    border-radius: 0.25vw;
    overflow: hidden;
}
.login-modal .close-reveal-modal {
    font-size: 1.5vw;
    line-height: .5;
    position: absolute;
    top: 0.9vh;
    right: 0.5vw;
    color: #fff;
    text-shadow: 0 -1px 1px rbga(0,0,0,.6);
    font-weight: bold;
    cursor: pointer;
    }
.login-modal .modal-t{margin-top: 2vh;margin-bottom: 5vh;font-size: 1vw;color: #fff;font-weight: bold;vertical-align: middle;text-align: center;}
.login-modal .modal-t img{height: 2vh;vertical-align: middle;margin-right: 0.5vw;}
.login-modal .modal-c{background-color: #F8F9FF;padding-top: 1vh;padding-bottom: 3vh;}
.login-modal .modal-c .modal-c-t{background-color: #E9F0F9;width: 85%;margin: 0 auto;height: 5vh;line-height: 5vh;border-radius: 0.5vh;display: flex;justify-content: space-between;}
.login-modal .modal-c .modal-c-t>div{width: 45%;text-align: center;height: 3.8vh;line-height: 3.8vh;margin: auto;font-size: 0.7vw;border-radius: 0.25vw;color: #999999;cursor: pointer;}
.login-modal .modal-c .modal-c-t>div.active{box-shadow: 0 0 0.5vw -0.3vw #3277F0;background-color: #fff;color: #333333;cursor: pointer;}
.login-modal .modal-c .modal-c-t>div img{width: 0.7vw;height: 0.7vw;vertical-align: middle;}
.login-modal .modal-c .password{width: 85%;margin: 0 auto;margin-top: 2vh;}
.login-modal .modal-c .password>p{height: 4.8vh;margin-top: 2vh;position: relative;}
.login-modal .modal-c .password>p>input{width: 100%;height: 4.8vh;border: 0.1vw solid #DDDDDD;background-color: #fff;border-radius: 0.5vh;padding-left: 0.5vw;}
.login-modal .modal-c .password>p img{position: absolute;right: 0.5vw;width: 1vw;height: 1vw;top: 50%;margin-top: -0.5vw;cursor: pointer;}
.login-modal .modal-c .password button{width: 100%;height: 5.4vh;text-align: center;background-color: #3277F0;cursor: pointer; color: #fff;font-size: 0.8vw;line-height: 5.4vh;border: none;border-radius: 0.5vh;margin-top: 3vh;}
.login-modal .modal-c .password div{text-align: center;font-size: 0.7vw;margin-top: 2vh;}
.login-modal .modal-c .password div span{color: #3277F0;text-decoration: underline;cursor: pointer;}
.login-modal .modal-c .password form{text-align: center;margin-top: 3vh;}
.login-modal .modal-c .password form input{vertical-align: middle;width: 0.9vw;}
.login-modal .modal-c .password form p{display: inline-block;vertical-align: middle;font-size: 0.7vw;}
.login-modal .modal-c .password form p span{color: #3277F0;cursor: pointer;}

.login-modal .modal-c .code>div{text-align: center;font-size: 0.7vw;margin: 2vh 0;}
.login-modal .modal-c .code #wxImg canvas{width: 100% !important;height: auto !important;}
.login-modal .register{background-color: #F8F9FF;padding-top: 1vh;padding-bottom: 3vh;display: none;}
.login-modal .register>div{width: 85%;margin: 0 auto;margin-top: 2vh;}
.login-modal .register>div h1{font-size: 1.2vw;text-align: center;font-weight: bold;}
.login-modal .register>div >p{height: 4.8vh;margin-top: 2vh;position: relative;}
.login-modal .register>div >p>button{width: 18%;height: 4.8vh;border: none;}
.login-modal .register>div p input{width: 100%;height: 4.8vh;border: 0.1vw solid #DDDDDD;background-color: #fff;border-radius: 0.5vh;padding-left: 0.5vw;}
.login-modal .register>div >p img{position: absolute;right: 0.5vw;width: 1vw;height: 1vw;top: 50%;margin-top: -0.5vw;cursor: pointer;}
.login-modal .register>div>button{width: 100%;height: 5.4vh;text-align: center;background-color: #3277F0; color: #fff;font-size: 0.8vw;line-height: 5.4vh;border: none;border-radius: 0.5vh;margin-top: 5vh;cursor: pointer;}
.login-modal .register>div div{text-align: center;font-size: 0.7vw;margin-top: 2vh;}
.login-modal .register>div div span{color: #3277F0;text-decoration: underline;cursor: pointer;}