.inline {
	  display: inherit;
	}
	
	image {
	  vertical-align: middle;
	  width: auto;
	}
	
	.tr {
	  text-align: right;
	}
	
	.tc {
	  text-align: center !important;
	}
	
	.tl {
	  text-align: left;
	}
	
	
	
	.line {
	  display: -webkit-box ;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  word-break: break-all;
	  -webkit-box-orient: vertical;
	}
	
	.line1 {
	  -webkit-line-clamp: 1;
	}
	
	.line2 {
	  -webkit-line-clamp: 2;
	}
	
	.line3 {
	  -webkit-line-clamp: 3;
	}
	
	.line4 {
	  -webkit-line-clamp: 4;
	}
	
	.c{
		margin: 0 auto;
	}
	
	.t-b {
	  font-weight: bold;
	}
	
	.f16-z {
	  font-size: 16px;
	}
	
	.f19-z {
	  font-size: 19px;
	}
	
	.f20-z {
	  font-size: 20px;
	}
	
	.f22-z {
	  font-size: 22px;
	}
	
	.f24-z {
	  font-size: 24px;
	}
	
	.f26-z {
	  font-size: 26px;
	}
	
	.f28-z {
	  font-size: 28px;
	}
	
	.f30-z {
	  font-size: 30px;
	}
	
	.f32-z {
	  font-size: 32px;
	}
	
	.f34-z {
	  font-size: 34px;
	}
	
	.f36-z {
	  font-size: 36px;
	}
	
	.f38-z {
	  font-size: 38px;
	}
	
	.f40-z {
	  font-size: 40px;
	}
	
	.f42-z {
	  font-size: 42px;
	}
	
	.f44-z {
	  font-size: 44px;
	}
	
	.f47-z {
	  font-size: 47px;
	}
	
	.f50-z {
	  font-size: 50px;
	}
	
	.f57-z {
	  font-size: 57px;
	}
	
	.f60-z {
	  font-size: 60px;
	}
	
	.f70-z {
	  font-size: 70px;
	}
	
	.f90-z {
	  font-size: 90px;
	}
	
	.c666 {
	  color: #666;
	}
	
	.c4e {
	  color: #4e4e4e;
	}
	.c333 {
	  color: #333;
	}
	
	.c444 {
	  color: #444;
	}
	
	.c999 {
	  color: #999;
	}
	
	.c123 {
	  color: #a1a2a3
	}
	
	.ccc {
	  color: #ccc;
	}
	
	.cfff {
	  color: #fff;
	}
	
	
	.c3e {
	  color: #3e3e3e;
	}
	
	.cc5{
	  color: #c5c5c5;
	}
	
	.c11 {
	  color: #111;
	}
	
	.c-a6a6a6 {
	  color: #a6a6a6;
	}
	
	.cf3 {
	  color: #f3c847;
	}
	
	.c-d9d8d9 {
	  color: #d9d8d9;
	}
	
	.c-a1a2a3 {
	  color: #a1a2a3;
	}
	
	.c-5f97c3 {
	  color: #5f97c3;
	}
	
	.mt2 {
	  margin-top: 2px;
	}
	
	.mt5 {
	  margin-top: 5px;
	}
	
	.mt6 {
	  margin-top: 6px;
	}
	
	.mt8 {
	  margin-top: 8px;
	}
	
	.mt10 {
	  margin-top: 10px;
	}
	
	.ml20 {
	  margin-left: 20px;
	}
	
	.mt20 {
	  margin-top: 20px;
	}
	
	.mt15 {
	  margin-top: 15px;
	}
	
	.mt25 {
	  margin-top: 25px;
	}
	
	.mt30 {
	  margin-top: 30px;
	}
	
	.mt40 {
	  margin-top: 40px;
	}
	
	.mt50 {
	  margin-top: 50px;
	}
	
	.mt60 {
	  margin-top: 60px;
	}
	
	.mt70 {
	  margin-top: 70px;
	}
	
	.mt90 {
	  margin-top: 90px;
	}
	
	.mt100 {
	  margin-top: 100px;
	}
	
	.ml5 {
	  margin-left: 5px;
	}
	
	.ml10 {
	  margin-left: 10px;
	}
	
	.ml25 {
	  margin-left: 25px;
	}
	
	.ml30 {
	  margin-left: 30px;
	}
	
	.ml40 {
	  margin-left: 40px;
	}
	
	.ml60 {
	  margin-left: 60px;
	}
	
	.mr8 {
	  margin-right: 8px;
	}
	
	.mr10 {
	  margin-right: 10px;
	}
	
	.mr20 {
	  margin-right: 20px;
	}
	
	.mr15 {
	  margin-right: 15px;
	}
	
	.mr25 {
	  margin-right: 25px;
	}
	
	.mr30 {
	  margin-right: 30px;
	}
	
	.mr40 {
	  margin-right: 40px;
	}
	
	.mh20 {
	  margin: 20px 0;
	}
	
	.mw10 {
	  margin: 0 10px;
	}
	
	.mw15 {
	  margin: 0 15px;
	}
	
	.mw5 {
	  margin: 0 5px;
	}
	
	.mw25 {
	  margin: 0 25px;
	}
	
	.mb20 {
	  margin-bottom: 20px;
	}
	
	.mb30 {
	  margin-bottom: 30px;
	}
	
	.mb15 {
	  margin-bottom: 15px;
	}
	
	.mb10 {
	  margin-bottom: 10px;
	}
	
	.p5 {
	  padding: 5px;
	}
	
	.pb20 {
	  padding-bottom: 20px;
	}
	
	.p10 {
	  padding: 10px;
	}
	
	.p20 {
	  padding: 20px;
	}
	
	.pl15 {
	  padding-left: 15px;
	}
	
	.pl20 {
	  padding-left: 20px;
	}
	
	.pl30 {
	  padding-left: 30px;
	}
	
	.p40 {
	  padding: 40px;
	}
	
	.p0-10 {
	  padding: 0 10px;
	}
	
	.pl8 {
	  padding-left: 8px;
	}
	
	.pb10 {
	  padding-bottom: 10px;
	}
	
	.pb30 {
	  padding-bottom: 30px;
	}
	
	.pt10 {
	  padding-top: 10px;
	}
	
	.pt5 {
	  padding-top: 5px;
	}
	
	.pt30 {
	  padding-top: 30px;
	}
	
	.pt20 {
	  padding-top: 20px;
	}
	
	.pt80 {
	  padding-top: 80px;
	}
	
	.pt100 {
	  padding-top: 100px;
	}
	
	.pl10 {
	  padding-left: 10px;
	}
	
	.pl20 {
	  padding-left: 20px;
	}
	
	.pl30 {
	  padding-left: 30px;
	}
	
	.pl25 {
	  padding-left: 25px;
	}
	
	.pr0 {
	  padding-right: 0;
	}
	
	.pr30 {
	  padding-right: 30px;
	}
	
	.pr10 {
	  padding-right: 10px;
	}
	
	.pr20 {
	  padding-right: 20px;
	}
	
	.ph10 {
	  padding: 10px 0;
	}
	
	.ph20 {
	  padding: 20px 0;
	}
	.ph30 {
	  padding: 30px 0;
	}
	.ph40 {
	  padding: 40px 0;
	}
	
	.pw20 {
	  padding: 0 20px;
	}
	
	.pw30 {
	  padding: 0 30px;
	}
	
	.pt40 {
	  padding-top: 40px;
	}
	
	.cp {
	  cursor: pointer;
	}
	
	.color-red {
	  color: red !important;
	}
	
	.color-green {
	  color: #01b301 !important;
	}
	
	.color-orange {
	  color: #f60 !important;
	}
	
	.cred {
	  color: #f20033;
	}
	
	.c121212 {
	  color: #121212;
	}
	
	.c9c9c9c {
	  color: #9c9c9c;
	}
	
	.cff6f30 {
	  color: #ff6f30;
	}
	
	.w100{
	  width: 100%;
	}
	.w95{
	  width: 95%;
	}
	.w90{
	  width: 90%;
	}
	.w80{
	  width: 80%;
	}
	.w70{
	  width: 70%;
	}
	.w65{
	  width: 65%;
	}
	.w60{
	  width: 60%;
	}
	.w50{
	  width: 50%;
	}
	.w45{
	  width: 45%;
	}
	
	.w40-2{
	  width: 40%;
	}
	
	.w35{
	  width: 35%;
	}
	.w33{
	  width: 33%;
	}
	.w30{
	  width: 30%;
	}
	.w25{
	  width: 25%;
	}
	.w20{
	  width: 20%;
	}
	.w15{
	  width: 15%;
	}
	.w10{
	  width: 10%;
	}
	.w5{
	  width: 5%;
	}
	.bgfff {
	  background-color: #fff;
	}

	/* 剧中对其 flex */
 	.flex-z{
	  display:flex;
	} 
	/* 剧中 */
	.flct1{
	  display:flex;justify-content:center;
	}
	/* 数着剧中 */
	.flct2{
	  display:flex;align-items:center;
	}
	/* 完全剧中 横竖都剧中 */
	.flct3{
	  display:flex;align-items:center;justify-content:center;
	}
	/* 两端对齐，项目之间间隔相等； */
	.flct4{
	  display:flex;
	  justify-content:space-between;
	  
	}
	
	/* 不换行 */
	.flct5{
	  display:flex;
	  flex-wrap:nowrap;
	}
	/* 每个项目两侧的间隔相等，即项目之间的间隔比项目与边框的间隔大一倍。 */
	.flct6{
	  display:flex;
	  justify-content:space-around;
	}
	/* 换行 */
	.flct7{
	  display:flex;
	  flex-wrap:wrap;
	}
	
	.flct8{
	  display:flex;
	  align-content:space-around;
	  
	
	}
	/* 底部对齐 */
	.flct9{
	  display:flex;
	  align-items:flex-end;
	  
	}
	/* padding的范围 */
	.pd10{
	  padding: 10px;
	}
	.pd15{
	  padding: 15px;
	}
	.pd20{
	  padding: 20px;
	}
	.pd30{
	  padding: 30px;
	}
	/* 背景颜色 */
	
	.bgc1{
	  background-color: #fff;
	  
	}
	
	
	/* 内容范围 */
	.ct {
		width:90%;
		margin:0 auto;
	}
	.ct-2 {
		width:80%;
		margin:0 auto;
	}
	
	/* 背景颜色 */
	.bg-1 {
		width:280vw;
		height:110vh;
		background:radial-gradient(circle,#5989f7,#7aa0f9);
	  position: fixed;
		top:-55vh;
		left:-150vw;
		z-index:-10;
		border-radius:50%;
	}
	.bg-2 {
		width:250vw;
		height:60vh;
		background:linear-gradient(to right,#3c34ed,#3c34ed,#4fa1fa,#4fa1fa);
	  position: fixed;
		top:-30vh;
		left:-75vw;
		z-index:-10;
		border-radius:50%;
	}
	
	/* 标题1样式 */
	.tit-1 {
		font-size:60px;
		font-weight:bold;
		width:100%;
		text-align:center;
	}
	/* 标题2样式 */
	.tit-2 {
		font-size:52px;
		font-weight:bold;
		width:100%;
		text-align:center;
	}
	.mtb35 {
		margin:70px auto;
	}
	.ptb35 {
		padding-top:70px;
		padding-bottom:70px;
	}
	
	/* 输入框样式 */
	.form-bg-1 {
		width:95%;
		margin:0 auto;
		background-color:#fff;
		border-radius:20px;
	}
	.form-bg-2 {
		width:40%;
		margin:0 auto;
		background-color:#fff;
	  box-shadow:0px 10px 50px rgba(0,0,0,0.18);
		border-radius:10px;
	}
	/* 背景阴影 */
	.bg-yy {
		box-shadow:0px 10px 50px rgba(0,0,0,0.18);
	}
	/* 圆角边缘 */
	.rd20 {
		border-radius:20px;
	}
	/* 表单样式 */
	
	.input-1 {
		color:#2e2e2e;
		font-size:32px;
	  padding-bottom:20px;
	  border-bottom:2px solid #f5f5f5;
	  margin-bottom: 20px;
	}
	.input-1>input {
		margin-top:10px;
		padding:4px;
		padding-bottom:6px;
		font-size:32px;	
	}
	.input-1>textarea {
		margin-top:10px;
		padding:4px;
		padding-bottom:6px;
		font-size:32px;
		border-bottom:2px solid #f5f5f5;
	}
	/* 按钮样式 */
	
	.bt-1 {
		border:2px solid #4138ee;
		width:100%;
		padding-top:20px;
		padding-bottom:20px;
		border-radius:10px;
		color:#426ff4;
		font-size:32px;
		font-weight:bold;
		margin-bottom:20px;
	}
	.bt-2 {
		width:100%;
		padding-top:20px;
		padding-bottom:20px;
		background:linear-gradient(to right,#4138ee,#56a7fa);
		color:#fff;
		font-size:32px;
		font-weight:bold;
		margin-bottom:20px;
		border-radius:10px;
	}
	/* 底部文字样式 */
	.loaddata{
	  font-size: 26px;
	  color: #3e3e3e;
	  width: 100%;
	  height: 60px;
	  line-height: 60px;
	  text-align: center;
	}
	

	
	.vh-100{
	  height: 100vh;
	}
	
	

	.bic{
	  background-color: #5989f7;
	}
	.cic{
	  color: #5989f7;
	}
	
	.hide {
	  display: none;
	}
	 
	.show {
	  display: block;
	}

	
	.line-thor::after {
	  content: "";
	  position: absolute;
	  border-top: 1px solid #B8B8B8;
	  top: 50%;
	  left: 0;
	  width: 100%;
	  padding: 2px
	}
	
	.rel {
	  position: relative;
	}
	
	.cl:after {
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
		visibility: hidden;
		content: ".";
	}
	
	.c{
		margin:  0 auto ;
	}

	@font-face {
		font-family: "youshe";
		font-weight: normal;
		font-style: normal;
		font-display: auto;
		src: url("/static/font/YouSheBiaoTiHei-2.ttf");
	}

	@font-face {
		font-family: "OPPOSans-H";
		font-weight: normal;
		font-style: normal;
		font-display: auto;
		src: url("/static/font/OPPOSans-H-2.ttf");
	}