@charset "utf-8";
/* 会员样式 */
/*------------------------------------登陆-----------------------------------------*/
.lg-layer-main .m-icon{ width:16px; height:16px; background: url(../images/sprite.png) no-repeat; position: absolute; left: 20px; top: 13px; z-index: 1;}
.m-icon.password{ background-position: 0 -22px;}
.m-icon.username{ background-position: 0 0;}
.m-icon.code{ background-position: 0 -42px;}
.m-icon.phone{ background-position: 0 -61px;}
.m-icon.phone2{ background-position: -22px -22px;}
.m-icon.name{ background-position: -22px 0;}
.m-icon.mail{ background-position: -22px -42px;}
.m-icon.company{ background-position: -22px -62px;}
.lg-wrap{ color:#333; font-size:16px; width:100%; height:100%; min-height:660px; overflow:hidden; position:relative; z-index:0; background: #f7f8fc;}
.lg-top{ color:#FFF; width:100%; height:60px; line-height:60px; background-color:#000; position:fixed; left:0; top:0; z-index:100;}
.lg-top .link{ color:#fff; margin-left:10px;}
.lg-top .lg-logo{ float: left;}
.lg-top .lg-logo-text{ float: left; font-size: 24px; margin-left: 40px; position: relative;}
.lg-top .lg-logo-text::after{ content: ''; height: 55px; margin-top: -27px; border-left: 1px solid #ccc; position: absolute; left: -20px; top: 50%; z-index: 2;}
.lg-main{ width: 1216px; height: 100%; margin:0 auto; position:relative;}
.lg-layer{ font-size: 12px; width: 1196px; margin-top: -420px; margin-left: -598px; position:absolute; top:50%;left:50%;z-index:2; box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.1); border-radius: 24px;}
.lg-logo{ position: absolute; left: 0; top: -50px; z-index: 100;}
.lg-layer-left{ width: 598px; height: 100%; padding-top: 38px; border-radius:20px 0 0 20px; background: #ffdbdb url(../images/user/lg-bg.png) no-repeat; background-size: auto 800px; box-sizing: border-box; position: absolute; left: 0; top: 0; z-index: 1;}
.lg-layer-left img{ width: auto; height: 532px; margin-top: -266px; position: absolute; left: 0; top: 50%; z-index: -1;}
.lg-layer-main{ float: right; width: 598px; min-height: 800px; padding: 100px 100px; background-color: #fff; border-radius: 0 20px 20px 0; box-sizing: border-box;}
.lg-layer-main h1{ color: #333; font-size: 30px; text-align: center; margin-bottom: 80px;}
.lg-layer-tab{ color:#40475A; font-size:16px; text-align: center; height:40px; line-height:40px; margin-bottom:20px;}
.lg-layer-tab a{ display:inline-block; color:#333; text-align:center; margin-right: 50px; cursor:pointer;}
.lg-layer-tab a:hover{ text-decoration:none;}
.lg-layer-tab a.on{ color:#FF0000; height:38px; border-bottom: 2px solid #FF0000;}
.lg-layer-tab a:last-of-type{ margin-right: 0;}
.lg-layer-type{ margin-bottom: 20px;}
.lg-layer-type .tip{ margin-right: 20px;}
.lg-layer-ipt-lst{ margin-bottom:-10px;}
.lg-layer-ipt-lst li{ margin-bottom: 20px; position:relative;}
.lg-layer-ipt-lst li i{ display:inline-block; *display:inline; *zoom:1; vertical-align:-4px; *vertical-align:middle; width:18px; height:18px; margin-right:4px; /*background:url(../images/ico-chk.png) no-repeat;*/}
.lg-layer-ipt-lst .lg-er{ color: #ff2416; padding-left:24px; text-align:right;}
.lg-layer-ipt-lst .lg-er i{ background-position:0 -18px;}
.lg-layer-ipt{ color:#40475A; font-size: 14px; width: 398px; height: 42px; line-height: 42px; padding:0 14px; border-radius:3px; background-color: #F4F4F4; box-sizing: border-box;}
.lg-layer-ipt:focus{ border-color: #a8e0f9; box-shadow: 0 0 5px #a8e0f9;}
.lg-layer-ipt.sipt{ width:276px;}
.lg-layer-ipt.phone{ width: 240px; padding-left: 64px;}
.lg-layer-ipt.idn{ text-indent: 40px;}
.lg-layer-select{ font-size: 14px; padding-left: 2px; margin-top: -10px; border: none; position: absolute; left: 0; top: 50%; z-index: 2;} 
.lg-layer-btn{ color:#FFF; font-size: 16px; text-align:center; width:100%; height: 40px; line-height: 40px; border-radius: 3px; background-color: #FF0000;}
.lg-layer-btn:hover{ background-color: #FF0000;}
.lg-layer-btn.send{ color:#fff; font-size:12px; text-align:center; width:100px; height:38px; line-height:38px; border:1px solid #FF0000; border-radius:3px; background-color: #FF0000; cursor: pointer;}
.lg-layer-btn.send:hover{ color:#FFF; text-decoration:none; background-color: #FF0000;}
.lg-layer-btn.send.off{ color:#666; border-color:#E7E7E7; background-color:#E7E7E7; cursor:default;}
.lg-layer-btn-box{ line-height:24px; padding-top:10px; padding-bottom:28px;}
.lg-layer-btn-box p{ margin-top: 20px;}
.lg-layer-3{}
.lg-layer-3 h3{ color:#BCBCBC; font-size:12px; margin-bottom:10px; position:relative;}
.lg-layer-3 h3:after{ content:''; width:100%; height:0; border-bottom:1px solid #CFDAE2; position:absolute; left:0; top:50%; z-index:0;}
.lg-layer-3 h3 .text{ display:inline-block; vertical-align:middle; padding:0 12px; background-color:#FFF; position:relative; z-index:2;}
.lg-layer-3 .lg-3 a{ display:inline-block; text-decoration:none; width:36px; height:36px; margin:0 7px; background:url(../images/lg-3.png) no-repeat;}
.lg-layer-3 .lg-3 .lg-3-2{ background-position:-50px 0;}
.lg-layer-3 .lg-3 .lg-3-3{ background-position:-99px 0;}
.lg-copyright{ text-align:center; line-height: 18px; width: 100%; position: absolute; bottom: -60px; left: 0; z-index: 1000;}

/*------------------------------------注册-----------------------------------------*/
.mb-step { display: table; width: 100%; min-height: 70px; padding: 30px 0 20px 0; }
.mb-step-item { display: table-cell; text-align: center; width: 100px; padding-bottom: 24px; position: relative; }
.mb-step-item.left, .mb-step-item.right { width: 20px; }
.mb-step-item .mb-step-txt { display: inline-block; color: #979797; font-family: Arial; font-size: 18px; vertical-align: top; width: 53px; height: 29px; line-height: 29px; padding-top: 2px; border-radius: 50%; background-color: #FFF; position: relative; z-index: 1; }
.mb-step-item .mb-step-txt:after{ content: ''; width: 29px; height: 29px; border: 1px solid #979797; border-radius: 50%; background-color: #FFF; position: absolute; left: 11px; top: 0; z-index: -1;}
.mb-step-item.on .mb-step-txt{ color: #FFF;}
.mb-step-item.on .mb-step-txt:after { border-color: #FFF; background-color: #35C2FF;}
.mb-step-item .mb-step-line { display: block; width: 100%; height: 4px; border-bottom:5px dotted #E0E0E0; position: absolute; top: 9px; left: -50%; z-index: 0; }
.mb-step-item:first-child .mb-step-line{ display: none;}
.mb-step-item.on .mb-step-line { border-color: #35C2FF; }
.mb-step-item.left .mb-step-line { border-radius: 5px 0 0 5px; }
.mb-step-item.right .mb-step-line { border-radius: 0 5px 5px 0; }
.mb-step-item .mb-step-num { display: block; color: #A5AEB7; font-size: 16px; width: 100%; position: absolute; top: 40px; left: 0; z-index: 0; }
.mb-step-item.on .mb-step-num { color: #35C2FF; }

.login-hd{ width:990px; height:98px; margin:0 auto;}
.login-hd .text{ color:#666; font-size:18px;}
.reg-login { font-size:16px; line-height:30px; margin-bottom:10px;}
.reg-wrap{ margin:0 auto;}
.reg-wrap{ min-height: calc(100vh - 354px); padding:20px 0; position:relative;}
.reg-wrap .reg-tit{ width:140px; height:40px; line-height:40px; border:1px solid #ddd; border-bottom:none; background-color:#fff; text-align:center; color:#41aeff; font-weight:bold; font-size:14px; position:relative; z-index:2;}
.reg-wrap .reg-box{ padding:40px; margin-top:-1px; border:1px solid #ccc; background-color:#fff; position:relative; z-index:1;}
.reg-wrap .reg-box h2{ font-size:18px; color:#666;}
.reg-wrap .reg-title{ font-size: 20px; padding-bottom: 30px; border-bottom: 1px solid #ebebeb;}
.reg-wrap .reg-bd{ padding:20px 0 0 250px;}
.reg-wrap .reg-item{ color:#333; font-size:16px; line-height:38px; padding:15px 0; position: relative;}
.reg-wrap .reg-item label,.reg-wrap .reg-item .txt-area,.reg-wrap .reg-item .pwd-grade,
.reg-wrap .reg-item img,.reg-wrap .reg-item .RegChange{ float:left;}
.reg-wrap .reg-item label{ width:125px; padding-right:20px; text-align:right; font-size:14px; display:inline-block;}
.reg-wrap .reg-item label font{ color: #FF0000;}
.reg-wrap .reg-item .txt-area{ font-size:14px; width: 233px; min-height: 25px; line-height:25px; border:1px solid #ccc; border-radius: 2px; padding:5px;}
.reg-wrap .reg-item .txt-area:focus{ border-color: #333; }
.reg-wrap .reg-item .txt-area.phone{ padding-left: 60px;}
.reg-wrap .reg-item select.txt-area{ float: none; width: auto; min-width: 50px;}
.reg-wrap .reg-item .lg-layer-select{ left: 144px;}
.reg-wrap .reg-item .pwd-grade{ display: inline-block;width: 250px;padding-left:20px;vertical-align: middle;color: #f12f2f;font-size:13px;margin-left:10px;position:relative;}
.reg-wrap .reg-item .pwd-grade u{background-image: url(../images/member/m-bg.png);background-repeat:no-repeat;margin-right: 3px!important;width:15px;height:15px;display:inline-block;position:absolute;left:0;top:12px;}
.reg-wrap .reg-item .u-correct{background-position: 0 -155px;}
.reg-wrap .reg-item .u-wrong{background-position: 0 -175px;}
.reg-wrap .reg-item .randcode{ width: 130px;}
.reg-wrap .reg-item .vccode{ width: 176px;}
.reg-wrap .reg-item img{ vertical-align:middle; cursor:pointer;}
.reg-wrap .reg-item .RegChange{ color:#999; font-size:12px; margin-left:20px;}
.reg-wrap .reg-item .RegChange a{ color: #FF0000; margin:0 5px; cursor:pointer;}
.reg-wrap .reg-item.registerLaw{ padding:0; font-size:12px;}
.reg-wrap .reg-item.registerLaw input{ height:38px; margin-right:5px; vertical-align:middle;}
.reg-wrap .reg-item.registerLaw input[type=checkbox]{ height: auto;}
.reg-wrap .reg-item.registerLaw a{ color: #3A83E8;}
.reg-wrap .reg-item .btn{ width:300px; height:40px; line-height:40px; display:inline-block; color:#fff; border-radius: 2px; background-color: #FF0000; text-align:center; font-size:16px;}
.reg-wrap .reg-item .btn:hover{ background-color: #139ed9;}
.reg-wrap .reg-item .btn-vc { color: #fff; padding: 8px 10px; margin-top: -5px; margin-left: 10px; border: 1px #FF0000 solid; border-radius: 2px; background-color: #FF0000;}
.reg-wrap .reg-item .btn-vc:hover { color: #fff; background-color: #139ed9;}
.reg-wrap .reg-item .btn-vc.gray { cursor: default;}
.reg-wrap .reg-item .check-item{ display: inline-block; text-align: left; width: 22%;}
.reg-wrap .reg-item .radio-group{ display: inline-block; vertical-align: top; margin-left: 15px;}
.reg-wrap .reg-item .tip{ color: #999; font-size: 12px; width: 220px; line-height: 16px; position: absolute; left: 458px; top: 18px; z-index: 2;}
.reg-wrap .reg-item .tip i{ display: inline-block; font-size: 12px; text-align: center; width: 10px; height: 10px; line-height: 10px; margin-right: 5px; border: 1px solid #999; border-radius: 50%;}
.reg-wrap .reg-item .tip i::after{ display: block; content: 'i'; color: #999; transform: scale(.75, .75);}
.reg-wrap .reg-tip{ font-size: 16px; text-align: center; margin: 150px 0 14px 0;}
.reg-wrap .reg-tip .tip-icon{ margin-bottom: 20px;}
.reg-wrap .reg-tip .icon-succ{ display: inline-block; vertical-align: middle; width: 64px; height: 64px; background: url(../Images/bg.png) -200px -200px no-repeat;}
.reg-wrap .reg-tip .tip-text{ font-size: 14px; margin-left: 20px;}
.reg-wrap .reg-tip .tip-text h3{ font-size: 20px; margin-bottom: 10px;}
.reg-wrap .reg-tip .tip-text .content{ color: #999;}
.reg-wrap .reg-tip .tip-text .tools{ margin-top: 30px;}
.reg-wrap .reg-tip .tip-text .tools p{ margin-bottom: 20px;}
.reg-wrap .reg-tip .btn{ display: inline-block; vertical-align: middle; color: #fff; height: 36px; line-height: 36px; padding: 0 50px; background: #2A7DE1; border-radius: 2px;}

/*移动端*/
@media screen and (max-width: 720px){
	body{
		min-width: 240px;
	}
	.lg-wrap{
		overflow: auto;
		background: #fff;
	}
	.lg-main{
		width: 100%;
	}
	.lg-layer{
		width: 100%;
	}
	.lg-layer-left{
		float: none;
		width: 100%;
		height: 200px;
		position: relative;
	}
	.lg-layer-left img{
		height: auto;
		position: absolute;
		left: 0;
		bottom: -68px;
		z-index: 1;
	}
	.lg-layer-main{
		float: none;
		width: auto;
		padding: 0 30px;
		padding-bottom: 50px;
		border-radius: 30px 30px 0px 0px;
		background-color: #fff;
		position: relative;
		z-index: 10;
	}
	.lg-layer-main h1{
		padding: 30px 0 20px 0;
		margin: 0;
	}
	.lg-layer-ipt{
		width: calc(100% - 28px);
	}
	.lg-layer-ipt.sipt{
		width: calc(100% - 138px);
	}
	.lg-copyright{
		bottom: 10px;
	}
}

.member-banner{ width:100%; height: 450px; overflow: hidden; position: relative; z-index: 1;}
.member-banner-wrap{ width:1920px; height: 450px; overflow:hidden; margin-left: -960px; position: absolute; left: 50%; top: 0; z-index: 1;}
.member-banner-con{ width:1920px; height: 450px; overflow: hidden; background:#fff url(../images/loading.gif) center center no-repeat;}

.member-page-main{ position: relative; z-index: 2;}
.member-page-main .section-left{ float: left; width: 592px;}
.member-page-main .section-right{ float: right; width: 592px;}
.member-page-main .section-title{ white-space: nowrap; margin-bottom: 30px; position: relative; z-index: 2;}
.member-page-main .section-title .content{ vertical-align: middle; position: relative;}
.member-page-main .section-title .icon{ vertical-align: bottom; width: 38px; height: 42px; background: url(../images/index/title-logo.png) no-repeat;}
.member-page-main .section-title .title{ display: inline-block; vertical-align: middle; color: #000; font-size: 30px; text-align: center; margin-bottom: 0; position: relative; z-index: 2;}
.member-page-main .section-title .sub-title{ white-space: pre-wrap; font-size: 14px; text-align: left; margin-top: 10px;}
.member-page-main .section-content{ position: relative; z-index: 2;}
.member-page-main .section-more{ text-align: center; margin-top: 50px; position: relative; z-index: 2;}
.member-page-main .section-more .btn{ display: inline-block; vertical-align: middle; color: #fff; font-size: 16px; height: 36px; line-height: 36px; padding: 0 30px; border-radius: 2px; background-color: #FF0000;}
.member-page-sec-floor{ margin-top: 50px; margin-bottom: 50px; position: relative;}
.member-page-sec-floor:first-child{ margin-top: -104px;}
.member-page-sec-floor.bg{ padding: 80px 0; margin-bottom: 0; background-color: #F4F7FD; position: relative;}
.member-page-sec-floor.bg::after{ content: ''; width: 3000px; height: 100%; background-color: #F4F7FD; position: absolute; top: 0; bottom: 0; left: -1000px; right: -1000px; z-index: -1;}

/*快捷服务*/
.member-quick-box{ display: flex;}
.member-quick-box .title{ color: #fff; font-size: 20px; width: 322px; height: 176px; padding: 30px; margin-top: 16px; background: url(../images/user/login-bg.png); box-sizing: border-box;}
.member-quick-box .title .tool{ margin-top: 26px;}
.member-quick-box .title .tool .btn{ font-size: 16px; width: 262px; height: 36px; background: linear-gradient(90deg, #FFFFFF 0%, #FFEAC0 100%);}
.member-quick-box .photo-list{ width: 878px; height: 208px; overflow: hidden; background: rgba(255,255,255,0.5); box-shadow: 0px 8px 32px 0px rgba(0,0,0,0.1); border-radius: 6px; border: 2px solid #FFFFFF; backdrop-filter: blur(6px); position: relative; box-sizing: border-box;}
.member-quick-box .photo-list ul{ display: flex; justify-content: space-between; padding: 30px 0;}
.member-quick-box .photo-list li{ text-align: center; width: 182px; height: 148px; padding: 16px; background-color: #fff; position: relative; box-sizing: border-box;}
.member-quick-box .photo-list li .photo{ margin-bottom: 10px;}
.member-quick-box .photo-list li .photo img{ width: 50px; height: 50px; object-fit: cover;}
.member-quick-box .photo-list li h3{ color: #FF0000; font-size: 16px; margin-bottom: 6px;}
.member-quick-box .form-list{ display: flex; align-items: center; height: calc(100% - 40px); padding: 20px;}
.member-quick-box .form-item{ margin-right: 20px; position: relative;}
.member-quick-box .form-item:last-child{ margin-right: 0;}
.member-quick-box .form-item .tag{ color: #fff; font-size: 12px; height: 22px; line-height: 22px; padding: 0 20px; background-color: #FF0000; position: absolute; left: 0; top: -22px; z-index: 100;}
.member-quick-box .form-item .tag::after{ content: ''; border: 22px dashed transparent; border-bottom: 22px solid #FF0000; position: absolute; right: -22px; top: -22px; z-index: 1;}
.member-quick-box .form-item .input{ min-width: 205px; height: 50px; line-height: 50px; padding: 0 20px; background: #F4F4F4; border-radius: 2px; border: 1px solid #EEEEEE; box-sizing: border-box;}
.member-quick-box .form-item .btn{ display: inline-block; vertical-align: middle; color: #fff; height: 50px; line-height: 50px; padding: 0 26px; background: #FF0000; border-radius: 2px;}
.member-quick-box .form-item .btn.org{ background-color: #FFA033;}
.member-quick-box .form-item .btn.cyan{ background-color: #4ACFFF;}
.member-quick-box .form-item .icon-cart{ width: 26px; height: 20px; margin-right: 10px; background-position: -260px -150px;}
.member-quick-box .form-item .icon-search{ width: 29px; height: 29px; background-position: -260px 0;}
/*优惠券*/
.member-coupon-list li{ float: left; width: 590px; height: 224px; padding: 20px; margin-right: 20px; margin-bottom: 20px; background: linear-gradient(180deg, #FFFAF3 0%, #FFFDFA 100%); box-shadow: 0px 8px 32px 0px rgba(0,0,0,0.1); border-radius: 6px; border: 2px solid #FFFFFF; box-sizing: border-box;}
.member-coupon-list li:nth-child(2n){ margin-right: 0;}
.member-coupon-list li .info{ float: left;}
.member-coupon-list li .info h3{ font-size: 18px; margin-bottom: 10px;}
.member-coupon-list li .info .param p{ color: #666; padding-left: 10px; margin-bottom: 10px; position: relative;}
.member-coupon-list li .info .param p::after{ content: ''; border: 1px solid #000; position: absolute; left: 0; top: 50%; z-index: 1;}
.member-coupon-list li .coupon{ float: right; color: #fff; width: 280px; height: 184px; padding: 20px; background: url(../images/user/coupon-bg.png); box-sizing: border-box;}
.member-coupon-list li .coupon .tag{ color: #E29D4F; padding: 2px 10px; border-radius: 2px; background-color: #fff;}
.member-coupon-list li .coupon .value{ font-size: 30px; margin-top: 18px;}
.member-coupon-list li .coupon .tool .btn{ color: #694935; text-align: center; width: 100%; height: 36px; line-height: 36px; margin-top: 10px; background: linear-gradient(90deg, #FFFBF5 0%, #FDDB98 100%);}
/*会员权益说明*/
.member-page-table table{ text-align: center; width: 100%; border-collapse: collapse; border: 1px solid #EEEEEE;}
.member-page-table table .icon-checked{ width: 24px; height: 24px; background-image: url(../images/user/icon-checked.png);}
.member-page-table table th,.member-page-table table td{ padding: 18px; border: 1px solid #EEEEEE;}
.member-page-table table th{ color: #694935; background: linear-gradient(90deg, #FFFBF3 0%, #FFDD9D 100%);}
.member-page-table table th:first-child{ background: #000 url(../images/user/benefits.png) center center no-repeat;}