/*会员专区CSS*/
.banner{position:relative;width: 100%;height: 180px;top:0;left:0;background: url(../images/banner.png) top center no-repeat;text-align: left;}
.banner img{position:absolute;margin-top: 40px;height:50%;margin-left:100px;}
.banner .button a{display:block;width:80px;height:25px;border:1px solid white;color:white;line-height:25px;text-align:Center;}
.banner .button a:hover{background-color:white;color:#095edf;}
.banner .button .a1{position:absolute;right:240px;top:20px;}
.banner .button .a2{position:absolute;right:150px;top:20px;}
.banner .button .a3{position:absolute;right:60px;top:20px;}
.banner h1{position:absolute;right:150px;top:145px;font-size:20px;font-family:"微软黑体";font-style:italic;color:white;}

.cavsone{position: fixed;width:100%;height: calc(100% - 100px);top:180px;left: 0;z-index:1;}
/*overflow: hidden;*/
.box{width: 85%;height: 650px;position: absolute;top: 100px;left: 0;right: 0;bottom: 0;margin: 100px auto 0;z-index: 100;}
#mask{position:fixed;top: 0px;left: 0;width:100%;height: 100%;background-color:rgba(0,0,0,0.5);display:none;z-index:1000;}

.box .box-left{position: relative;float:left;width:25%;height:520px;border:1px solid grey;overflow: hidden;background-color:#efefef;}
.box .box-left .list {position: absolute;display:flex;align-items:center;width: 2000px;height:520px;top: 0px;left: 0px;}
.box .box-left .list li {float: left;margin:auto 32px;}
.box .box-left .list li img {width: 350px;}

.box .box-left .btn {position: absolute;width: 20px;height: 30px;top: 50%;text-align: center;z-index: 100;}
.box .box-left #leftBtn {left: 3px;}
.box .box-left #rightBtn {right: 3px;}
.box .box-left .pointList {position: absolute;bottom: 8px;left: 50%;margin-left: -35px;width: 100px;height: 13px;border-radius: 6.5px;}
.box .box-left .pointList li {float: left;width: 10px;height: 10px;background-color:grey;border-radius: 50%;margin: 3px;}
.box .box-left .pointList .on {background-color: orange;}



.box .box-right{position: relative;float:left;width:73%;height:520px;margin-left:20px;}
.box .box-right ul{display:block;height:100%;}
.box .box-right ul li{float:left;display:block;width:30%;height:45%;border:1px solid #b5b5b6;background-color:#efefef;border-radius:5px;margin-bottom:50px;margin-right:35px;}
.box .box-right ul li:nth-child(3n){margin-right:0;}
.box .box-right ul li:nth-child(3n+1){margin-left:20px;}
.box .box-right ul li:hover{box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 40%);border:2px solid red;}
.box .box-right ul li .user-class{width:35%;background-color:red;border-radius:5px;font-size:18px;color:white;padding:5px;text-align:center;margin-top:3px;margin-left:3px;}
.box .box-right ul li .use-time{font-size:28px;width:100%;color:grey;margin-top:25px;text-align:center;}
.box .box-right ul li h1{font-size:35px;width:100%;color:red;margin-top:15px;text-align:center;}
.box .box-right ul li .currency-char{font-size:28px;color:grey;margin-right:10px;}
.box .box-right ul li .every-day-pay{font-size:20px;width:100%;color:grey;margin-top:30px;text-align:center;}

.pay .pay-mode{position:absolute;top:50%;margin-top:-150px;left:50%;margin-left:-160px;width:35%;background-color:white;border:1px solid red;text-align:center;
box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 40%);border:2px solid red;border-radius: 15px 15px 0 0;z-index: 1001;}

.pay-mode-head{width:100%;height:40px;background-color:#c9caca;margin-left:0;border-bottom:1px solid #454545;border-radius: 15px 15px 0 0;}
.pay-mode-head span{float:left;font-size:20px;font-family: "黑体";color:black;line-height:40px;margin-left:20px;}
.pay-mode-head img{display:inline-block;float:right;width:22px;margin-right:20px;padding-top:8px;color:black;}

.pay-mode-content p{font-size:24px;font-family:"黑体";line-height:24px;margin-top:15px;margin-left:10px;}
.pay-mode-content span{font-size:26px;color:red;}
.pay-mode-content img{width:40%;margin-top:20px;margin-right:15px;margin-bottom:15px;}
.pay-mode-content img:last-child{margin-right:0;}

.clear_fix:after {content: "";display: block;clear: both;}

/*form表单*/
.form{width:100%;}
.form-head{width:100%;height:40px;background-color:#c9caca;margin-left:0;border-bottom:1px solid #454545;border-radius: 15px 15px 0 0;}
.form-head span{float:left;font-size:20px;font-family: "黑体";color:black;line-height:40px;margin-left:20px;}
.form-head img{display:inline-block;float:right;width:22px;margin-right:20px;padding-top:8px;color:black;}

.form-body{width:100%;font-size:25px;font-family: "黑体";}
.form-body p{height:50px;line-height:40px;margin:5px 15px 0 15px;}
.form-body input{width:150px;font-family: "黑体";color:red;border:none;outline:none;}
.form-body .member{margin-top:15px;}
.form-body span{display:block;font-size:22px;margin-top:20px;margin-bottom:20px;}
.form-body span input{width:5px;margin-left:0;}
.form-body .button{width:100%;margin-top:20px;margin-bottom:20px;}
.form-body button{width:100px;}