.read-more {
	position: relative;
}

.read-more .read-more-box {
	    cursor: pointer;
	text-align: center;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;

}

.read-more .read-more-box .arrow-icon{
	    background-position: 50% 50%;
		display: block;
	    background-repeat: no-repeat;
		margin-left: 5px;
	    width: 15px;
		height: 15px;
background-image: url(../images/green-arrow.svg);
}

/* .read-more:before {
	position: absolute;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #ffffff 85%);
	content: " ";
	display: block;
	height: 200px;
	margin-top: -200px;
	left: 0;
	top: 0;
	width: 100%;
} */

.read-vip {
	margin-top: 30px;
	padding: 20px;
	background: #f9fbfe;
	/* background: -webkit-linear-gradient(352.21deg, #edf4ff 9.39%, #f2f6ff 50.46%, #eeebff 91.53%); */
	border-radius: 8px;

}

.read-vip .read-vip-tit {
	text-align: center;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;

}

.read-vip .read-vip-tit i {
	background-image: url(../images/vip.png);
	display: inline-block;
	background-size: cover;
	height: 22px;
	margin-right: 8px;
	width: 43px;
}

.read-vip .read-vip-txt {
	text-align: center;
	/* font-weight: 600;	 */
	margin-top: 20px;
	font-size: 16px;
}

.read-vip .read-vip-caozuo {
	margin-top: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.read-vip .read-vip-btn {
	/* background: #ffe9bf; */
	background: linear-gradient(90deg, #FFE4AD 0, #FFCF88 80%);
	overflow: hidden;
	color: #471e16 !important;
	font-weight: 600;
}

.custom-btn {
	transition: all 0.3s ease;
	position: relative;
	display: inline-block;
	border-radius: 50px;
	padding: 10px 24px;
	font-size: 18px;
	line-height: 1.5;
}

.custom-btn:before {
	position: absolute;
	content: '';
	display: inline-block;
	top: -180px;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: rgb(255, 255, 255, 0.9);
	animation: shiny-btn1 3s ease-in-out infinite;
}

.custom-btn:active {
	top: 2px;
}


@-webkit-keyframes shiny-btn1 {
	0% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: 0;
	}

	80% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: 0.5;
	}

	81% {
		-webkit-transform: scale(4) rotate(45deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(50) rotate(45deg);
		opacity: 0;
	}
}

.option-list {
	display: grid;
	 grid-template-columns: 1fr 165px;
	column-gap: 20px;
	row-gap: 30px;
	/* grid-template-columns: repeat(auto-fit, minmax(50%, 1fr)); */
}
  .option-list :nth-child(1) {
        grid-column: span 2;
    }
	


 .option-list .option-list-item .ccp-item-badge {
    position: absolute;
    display: inline-block;
    padding: 0 6px;
    top: -12px;
    left: -2px;
    height: 24px;
    font-size: 13px;
    line-height: 24px;
    border-radius: 8px 2px 8px 2px;
    /* color: #d0992e;
    background: #fff9eb; */
	
    z-index: 1;
}

.ccp-item-badge-1{
	background-image: linear-gradient(90deg, #ff6b6b, #ff8e53);
	color: #ffffff;
}
.ccp-item-badge-2{
		background-image: linear-gradient(90deg, #FFE4AD, #FFCF88);
		color: #000000;
}
.ccp-item-badge-3{
		background-image: linear-gradient(90deg, #0062ff, #cb50ff);
		color: #ffffff;
}
	
.option-list .option-list-item .option-list-nei{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	overflow: hidden;
	    position: relative;
		padding: 10px 20px;
		border-radius: 8px;
}
.option-list .option-list-item {
	
	
	position: relative;
	border: 2px solid #f9f9f9;
	background-color: #F5F7FC;
	
	color: #333;
	cursor: pointer;
	border-radius: 8px;
	/* flex: 0 0 33.333333%;
	max-width: 33.333333%; */


}

.option-list .option-list-item .option-inside {
	padding-top: 10px;
}

.option-list .option-list-item .n-icon {
	position: absolute;
	    width: 118px;
	    left: -35px;
	    top: 10px;
	    padding-top: 0px;
	    padding-bottom: 0px;
	    font-size: 14px;
	    text-align: center;
	    color: #000000;
	transform: rotate(315deg);
	background-color: rgba(240, 155, 0, 0.4);
}

.option-list .option-list-item .suomin {
	font-size: 16px;
}

.option-list .option-list-item.select .price-box,
.option-list .option-list-item.select .suomin {
	color: #623900;
}

.option-list .option-list-item .price-box {
	/* font-weight: 600; */
	font-size: 14px;
}

.option-list .option-list-item .price-box .fuhao {
	font-style: normal;
}

.option-list .option-list-item .price {
	font-size: 35px;
	font-weight: bold;

}

.option-list .option-list-item.select .option-list-nei:after {
	position: absolute;
	content: "";
	width: 25px;
	height: 25px;
	right: -2px;
	bottom: -2px;
	border-radius: 50px 0 0 0;
	background-color: #ff8a00;
}

.option-list .option-list-item.select .option-list-nei:before {
    position: absolute;
    content: '\f00c';
    right: 1px;
    bottom: 1px;
    font-family: "FontAwesome";
    font-size: 14px;
    color: #ffffff;
    line-height: 1;
    z-index: 20;
}

.option-list .option-list-item:hover {
	border-color: #fada9f;
}

.option-list .option-list-item.select,
.option-list .option-list-item.select:hover {
	border-color: #FEE7AD;
	background: linear-gradient(90deg, #FEF5DC 0, #FEE7AD 80%);
	/* background: linear-gradient(90deg, #fdf3f3, #ffcfd0); */
}

.login-prompt {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 20px;
	font-size: 18px;
	cursor: pointer;
	color: #471e16 !important;
}

.login-prompt .login-ce-f {
	display: flex;
	align-items: center;
}

.login-prompt .login-ce-f i {

	background-image: url(../images/denglu.png);
	display: inline-block;
	background-size: contain;
	height: 43px;
	margin-right: 8px;
	width: 43px;
}

.login-prompt .login-ce-f span {
	flex: 1;
}

.login-prompt .cchmhi-login-btn {
	display: inline-block;
	right: 20px;
	top: 24px;
	padding: 0 11px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	font-weight: 600;
	color: #623900;
	border-radius: 14px;
	background-color: #e3b561;
	background-image: -moz-linear-gradient(180deg, #ffde9c, #ffd175);
	background-image: -webkit-linear-gradient(180deg, #ffde9c, #ffd175);
	background-image: -o-linear-gradient(180deg, #ffde9c, #ffd175);
	background-image: -ms-linear-gradient(180deg, #ffde9c, #ffd175);
	background-image: linear-gradient(180deg, #ffde9c, #ffd175);
	cursor: pointer;
	border: none;
}


.vip-operate {
	/* display: flex; */
	height: 100%;
	display: grid;
	/* grid-template-columns: repeat(2, 20%); */

}

.vip-operate-f {
	/* flex: 0 0 70%;
	max-width: 70%; */
}

.vip-operate-r {
	/* 	flex: 0 0 30%;
	max-width: 30%;
	padding-left: 15px; */
	/* display: flex;
	flex-direction: column;
	justify-content: center; */
}

.tc-wd {
	background-image: url(../images/bgvip.png);
	background-position: top left;
	    background-repeat: no-repeat;
	    background-size: cover;
	/* background: linear-gradient(219deg, #ffebc7 3.52%, #f5f5f7 52.2%); */
}

.price-field {
	text-align: center;
	font-weight: 600;

}

.price-field span {
	color: #623900;
	font-size: 16px;
}

.price-field em {
	color: #623900;
	font-size: 40px;
	font-style: normal;
}

.qrcode-field {
	position: relative;
	/* width: 192px; */

	padding: 12px;
	border-radius: 2px;
	background-color: #fff;
	line-height: 0;
	margin-bottom: 16px;
	background-image: url(../images/qrbg.png);

	background-size: contain;

}

.qrcode-field img {
	max-width: 100%;
	height: auto;
}

.qrcode-field .qrcode-mask {
	color: #623900;
	font-weight: 600;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	z-index: 3;
	left: 4px;
	top: 4px;

	width: 168px;
	height: 168px;
	background: rgba(255, 252, 252, .95);
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	padding: 12px;
}
/* .ccpwm-pay-desc i {
    width: 15px;
	margin-left: 3px;
	display: block;
} */

 .ccpwm-pay-desc .wxicon {

	background-image: url(../images/wx.png);
	display: inline-block;
	background-size: contain;
	margin-right: 3px;
	width: 15px;
	height: 15px;
}

 .ccpwm-pay-desc i img {
   max-width: 100%;
       height: auto;
}

.ccpwm-pay-desc {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
	text-align: center;
	overflow: hidden;
	color: #000;
	font-size: 12px;
}

.top-txtbia{
	font-size: 22px;
	margin-bottom: 20px;
		font-weight: 600;
		padding-bottom: 20px;
		border-bottom: 1px solid #fddeb0;
}

/* .top-txtbia em{
	    color: #ff8a00;
} */
.wenzi1{
	font-size: 18px;
	margin-bottom: 20px;
	    color: #623900;
		font-weight: 600;
}

.wenzi2{
	font-size: 16px;
}

.wenzi3{
	font-size: 15px;
	margin-top: 10px;
}

.wenzi4{
	color: #df8500;
}
.tabBar {
	width: 100%;
	padding: 3px;
	display: flex;
	background-color: #f0f0f0;
	border-radius: 4px;
	/* border-bottom: 1px solid #e5e5e5; */
}

.tabBar .active{
	color: #000000;
	background-color: #ffffff;
	/* padding: 0  15px; */
	border-radius: 4px;
	font-weight: 800;
}
.tabBar .be-worth{
	font-size: 12px;
	color: #007bff;
}

/* .tabBar.tabBar-sub a {
	color: #4E5367;
	display: block;
}

.tabBar.tabBar-sub .active a {
	color: #000000;
	background-color: #ffffff;
	padding: 0  15px;
	border-radius: 4px;
	font-weight: 800;
} */


.tabBar li {
	position: relative;
	/* width: -webkit-fit-content;
	width: fit-content; */
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: center;
	/* line-height: 40px; */
	flex-direction: column;
	cursor: pointer;
	padding: 5px 0; 
}
/* .tabBar li a {
	font-size: 16px;
	line-height: 50px;
} */

/* .tabBar li.active:after {
	content: '';
	width: 100%;
	height: 2px;
	left: 0;
	bottom: 3px;
	right: 0;
	position: absolute;
	border-radius: 4px;
} */


.gradient-text {
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-background-size: 200% 100%;
	-webkit-animation: maskedAnimation 4s infinite linear;
}

@keyframes maskedAnimation {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: -100% 0;
	}
}

.gradient-text-1 {
	background-image: -webkit-linear-gradient(left, #ff7d31, #ff1480 25%, #ff7d31 50%, #ff1480 75%, #ff7d31);
}

.gradient-text-2 {
	background-image: -webkit-linear-gradient(left, #ff6b6b, #ff8e53 25%, #ff6b6b 50%, #ff8e53 75%, #ff6b6b);
}

.payment-area{
	display: grid;
}


.payment-area-f{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}


.n-login{
	/* box-shadow: -2px 2px 14px 0 rgba(240, 223, 199, .8); */
	
	
	
}

.n-login h5{
	margin-bottom: 10px;
	font-size: 18px;
	    color: #ff6f00;
}
.n-login .code-wxbox {
  /*  width: 150px; */
   
    background: #fff;
    /* box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .1); */
	border: 1px solid #FEE7AD;
    border-radius: 10px;
    padding: 5px;
	line-height: 0;
}

.n-login .wx-img img {
   max-width: 100%;
       height: auto;
}

.n-login .code-wechat-tips {
	padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.n-login .code-wechat-tips img {
    width: 16px;
	margin-right: 5px;
}

.n-login .email-login{
	margin-top: 20px;
	/* flex: 1;
	padding-right: 20px; */
}

.n-login .email-login .form-group{
	position: relative;
	margin-bottom: 20px;
}
.n-login .email-login .form-control {
	
	display: block;
	    width: 100%;
   box-shadow: none;
       border: 0;
       border-bottom: 1px solid #FEE7AD;
       background-color: rgba(0, 0, 0, 0) !important;
       vertical-align: middle;
       line-height: 1.5;
       font-size: 16px;
       outline: 0;
       height: 40px;
       line-height: 40px;
       padding: 0 10px !important;
       box-sizing: border-box;
       color: #11233f;
       letter-spacing: 1px;
}

.n-login .email-login .input-yzm {
    border: 0;
    min-width: 86px;
    height: 28px;
    border-radius: 14px;
    text-align: center;
   
    font-size: 12px;
   color: #623900;
   border-radius: 14px;
   background-color: #FFE4AD;
    position: absolute;
    right: 0;
    top: 7px;
    outline: 0;
    cursor: pointer;
}
 .deng-btn {
    width: 100%;
    height: 46px;
    line-height: 46px;
   color: #623900;
   border-radius: 50px;/* 
   background-color: #e3b561; */
   background-image: linear-gradient(90deg, #FFE4AD, #FFCF88);
    font-size: 18px;
    border: 0;
    outline: 0;
    cursor: pointer;
	font-weight: 600;
}
.caozuobtn{
	margin-top: 20px;
}
.fz-red{
	 color: #ff0000;
}


.tc-wd {
		
		/* width: 50%;
		height: 53%; */
	}
	
	.tanh{
		border: none;
		
	}
	
	 .iframe-container {
	    width: 100%; /* 或者具体的宽度 */
	    position: relative;
	    padding-top: 56.25%; /* 根据iframe内容的宽高比设置，例如16:9则为56.25% */
	  }
	 
	  .responsive-iframe {
		  border: none;
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	  }
	
	.cao-icon-wx{
	display: flex;
	align-items: center;
	justify-content: center;	
	}
	.cao-icon-wx i{
		font-size: 22px;
		color: #ffffff;
	}
	.cao-icon-wx .fa-weixin{
		 cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #26C544;
		padding: 8px;
		border-radius: 50px;
		width: 32px;
		height: 32px;
	}
	
	    .auxiliary-line {
	           	display: flex;
	           	justify-content: center;
	           	align-items: center;
	           	margin-top: 20px;
	           }
	
	           .auxiliary-line .auxiliary-box {
	           	font-weight: bold;
	           	color: #333333;
	           	font-size: 16px;
	           	line-height: 30px;
	           	/* 	background-color: #ee3134; */
	           	padding: 0 15px;
	           	display: inline-block;
	           	text-align: center;
	           }
	
	          
	
	           .auxiliary-line:before,
	           .auxiliary-line:after {
	           	display: inline-block;
	           	position: relative;
	           	content: "";
	           	height: 2px;
	           	width: 20%;
				 top: 0;
	           	/* background-color: #cccccc; */
	
	           }
	
	           .auxiliary-line:before {
	           	background-image: linear-gradient(to left, #cccccc, #ffffff);
	           }
	
	           .auxiliary-line:after {
	           	background-image: linear-gradient(to right, #cccccc, #ffffff);
	           }

	
	
	
	
	
	
	
	

@media (min-width: 1200px) {
	.vip-operate-r {
		    padding: 13px;
		    background: #FEF5DC;
		    border-radius: 15px;
	}
	.tanhu55{
		overflow:hidden;
	}
	.wenzi2 {
	    margin-top: 10px;
	}
	.caozuobtn,.de-12,.auxiliary-line{
		display: none;
	}
	.tanh{
		/* width: 770px; */
		width: 900px; 
		height: 482px; 
	}
	
	/* .option-list {
		grid-template-columns: repeat(2, 1fr);
		} */
	
	.layui-m-layer1 .layui-m-layercont{
		overflow: hidden;
	}
	.tc-denglu{
		width: 50%;
		height: 50%;
	}
	.tc-wd {
		transform:  scale(0);
	}

	.vip-operate {
		column-gap: 20px;
		grid-template-columns: 1fr 200px;
	}
	.payment-area{
		column-gap: 20px;
		grid-template-columns: 200px 1fr;
	}
	

}



@media (min-width: 992px) and (max-width: 1199.98px) {
	.vip-operate-r {
		    padding: 13px;
		    background: #FEF5DC;
		    border-radius: 15px;
	}
	.tanhu55{
		overflow:hidden;
	}
	.wenzi2 {
	    margin-top: 10px;
	}
	.caozuobtn,.de-12,.auxiliary-line{
		display: none;
	}
	.tanh{
		width: 900px; 
		height: 482px;
	}
	/* .option-list {
		grid-template-columns: repeat(2, 1fr);
		} */
	.layui-m-layer1 .layui-m-layercont{
		overflow: hidden;
	}
	.tc-wd {
		    transform: scale(0.9);
		    -webkit-transform:  scale(0.9);
	}

	.vip-operate {
		column-gap: 20px;
		grid-template-columns: 1fr 200px;
	}
	.payment-area{
		column-gap: 20px;
		grid-template-columns: 200px 1fr;
	}

}


@media (min-width: 768px) and (max-width: 991.98px) {
	.vip-operate-r {
		    padding: 13px;
		    background: #FEF5DC;
		    border-radius: 15px;
	}
	.tanhu55{
		overflow:hidden;
	}
	.wenzi2 {
	    margin-top: 10px;
	}
	.caozuobtn,.de-12,.auxiliary-line{
		display: none;
	}
	.tanh{
		width: 100%; 
		height: 482px; 
	}
	.vip-operate {
		column-gap: 20px;
		grid-template-columns: 1fr 200px;
	}
	.payment-area{
		column-gap: 20px;
		grid-template-columns: 200px 1fr;
	}
	.option-list {
	/* 	grid-template-columns: repeat(2, 1fr); */
		}
	/* .layui-m-layer1 .layui-m-layercont{
		overflow-y: scroll;
	} */
	.email-login{
		padding-right: 0 !important;
	}
	.login-prompt {
		flex-direction: column;
	}

	/* .vip-operate-r,.wx-login,.payment-area-f {
		display: none;
	} */

	.tc-wd {
		width: 90%;
		height: 60%;
	}

}


@media (max-width:767.98px) {
	.tanhu55{
		overflow-y: scroll;
	}
	.de-13{
		display: none;
	}
	.wenzi2 {
	    margin-top: 10px;
	}
	.tanh{
		width: 100%; 
		height: 100%; 
	}
	.option-list {
		grid-template-columns: repeat(2, 1fr);
		}
	/* .layui-m-layer1 .layui-m-layercont{
		overflow-y: scroll;
	} */
	.email-login{
		padding-right: 0 !important;
	}
	.login-prompt {
		flex-direction: column;
	}

	.wx-login,.payment-area-f {
		display: none;
	}

	.tc-wd {
		width: 90%;
		height: 60%;
	}
}