.padding .pagination li{float:left;width: 30px;height: 30px;background: #F0F2F5;border-radius: 2px;text-align: center;line-height: 30px;color: #606266; margin:0 5px;}
.padding .pagination li.active{background: #4C7EE9;color: #fff;}
.padding .pagination li a{color: #606266;}
.padding .pagination li.active a{color: #fff;}

/* CSS Document */
.chenq_vbb { position: fixed; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, .7); top: 0; left: 0; right: 0; bottom: 0; z-index: 52;}
.chenq_g { position: relative; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, .2); width: 50px; height: 50px; border-radius: 50%;}
.chenq_span1 { transform: rotate(45deg);}
.chenq_span2 { transform: rotate(-45deg);}


/* btn submit*/
.sub-on{background: #4C7EE9;}
.send-on{color: #c1c1c1 !important; cursor: not-allowed;}

/*form*/
.freeBox .form .li .select{padding: 0 1px;}
.freeBox .form .li .select select{display: block;width: 100%;height: 38px;border: none;padding: 0 6px;color: #666;}
.show-img-code{height: 100%;}
.show-img-code img{height: 100%;}

/* 失败弹框 */
#yati{display: none;position: fixed;top: 50%;transform: translateY(-50%);left: 0;right: 0;}
.yativalb{display: flex;justify-content: center;}
#yaval{background-color: rgba(0,0,0,.7);-webkit-backdrop-filter: saturate(50%) blur(10px);backdrop-filter: saturate(50%) blur(10px);color: #FFFFFF;padding: 10px 16px;border-radius: 6px;font-size: 16px;}

/* 分页 */
.pagination li .prev{display:inline-block;padding:0px; height: 28px; width: 30px; background: #F0F2F5 url(../images/icon6d.png) no-repeat center; background-size: 6px auto;transform: rotate(180deg);}
.pagination li .next{display:inline-block;padding:0px; height: 28px; width: 30px; background: #F0F2F5 url(../images/icon6d.png) no-repeat center; background-size: 6px auto;}

/* 语音体验 */
.experienceVoiceBox{display: none; position: fixed; width: 100%; height: 100%; top: 0;left: 0;z-index: 29;  }
.experienceVoiceBox .shade{position: absolute;width: 100%; height: 100%; background: rgba(0,0,0,0.3); opacity: 0.5; z-index: 29;}
.experienceVoiceBox .experienceBody{width: 40vw;margin: 30vh auto; background: #fff; border-radius: 3px; padding: 15px 15px 50px;z-index: 30;position: relative;}
.zhuan-box{padding: 15px;display: flex;justify-content: space-between; background-color: rgba(76, 126, 233,1);position: absolute;top: 0;right: 0;left: 0;color: #FFFFFF;}
.close-box{width: 20px;height: 20px; cursor: pointer; display: flex;justify-content: center;align-items: center;position: relative;flex-shrink: 0;}
.close-x{height: 15px;border-radius: 10px; background-color:#FFFFFF; border: 0.6px solid #FFFFFF;position: absolute;}
.zhuan-con-box{margin-top: 90px;text-align: center;}
.zhuan-con-box>div:first-child{font-weight: bold;font-size: 24px;margin-bottom: 8px;}
.closeCell-box{display: none;justify-content: center;margin-top: 60px;}
.sussessAll{display: none;}
.su-box{text-align: center;text-align: center;margin-top: 130px;}
.su-box>div:first-child{font-size: 25px;font-weight: bold;}
.su-box>div:nth-child(2){color: rgba(68, 120, 232,1);font-size: 24px;margin: 10px;}
.su-box>div:nth-child(3){text-align: center;margin-top: 40px;}
.su-box>div:nth-child(3)>span{font-size: 16px;color: rgba(68, 120, 232,1);border: 1px solid rgba(68, 120, 232,1);padding: 10px 55px;border-radius: 30px;}


.left-trial-side{position: fixed;top: 55%;z-index: 10; background: #FFFFFF;left: 0px;padding: 14px;box-shadow: 3px 10px 20px #b5bdd8;border-top-right-radius: 30px;border-bottom-right-radius: 30px;cursor: pointer;}
.disac{display: flex;align-items: center;}
.fon16{font-size: 16px;}
.left-img{width: 16px;height: 15px;margin-left: 6px;}
.trial-form{position: fixed;bottom: 0;left: 0;right: 0;background-color: rgba(0, 0, 0,.7);padding: 30px 170px;z-index: 30;}
.gaoliang{font-size: 16px;}
.daifa{font-size: 14px;color: rgba(127, 127, 127,1);}
.posr{position: relative;}
.con{color: #FFFFFF;font-size: 22px;}
.foot-qw{width: 30px;margin-left: 6px;}
.trial-qr{position: absolute;left: 240px;top: -28px;width: 90px;z-index: 1;border: 2px solid rgba(39, 40, 42,1);}
.left-colse{position: absolute;right: 0;width: 24px;top: -20px;}
.bottom-box{color: #FFFFFF;margin-top: 15px;width: 100%;justify-content: space-between;}
.bottom-input-box{display: flex;align-items: center;background-color: #FFFFFF;margin-right: 20px;border-radius: 2px;padding: 0 10px;width: 80%;}
.bottom-input-box>img{width: 15px;margin-right: 6px;}
.bottom-input{border: none;width: 100%;height: 35px;}
.bottom-con-box{flex-shrink: 0;justify-content: flex-end;}
.bottom-btn{flex-shrink: 0; margin-right: 6px;height: 35px;background-color: rgba(76, 126, 233,1);border: none;border-radius: 30px;padding: 0 22px;color: #FFFFFF;}
.bottom-con-box>div{text-align: right;text-align: right;display: flex;flex-direction: column;justify-content: space-between;}
.cellImg{display: none;}
#FontScroll{
	height: 40px;
	line-height: 20px;
	overflow: Hidden;
	margin: 0 auto;
}
#FontScroll a{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
	text-align: right;
}
#FontScroll .line{
	text-align: left;
	width: 100%;
}
#FontScroll .fontColor a{
	color: rgba(127, 127, 127,1);
	font-size: 14px;
}
#FontScroll{padding-left: 10px}

/* 新增验证码css */
.freeBox .form .li .li-different{
	border: 0;
	background: none;
	height: 40px;
}
.input-different{
	width: calc(100% - 180px);
	background: #FFFFFF;
	border: 1px solid #DCDFE6;
	border-radius: 4px;
}
.show-code-different{
	position: absolute;
	top: 0;
	display: flex;
	width: 145px;
	right: 0 !important;
}
.show-code-different>img{
	width: 72px;
}
.show-code-different>.show-txt-different{
	width: 65px;
	line-height: 40px;
	color: #4C7EE9;
	font-size: 14px;
	margin-left: 8px;
	cursor: pointer;
}