.pc{
	display:block;
}
.mobile{
	display:none;
}
.m_search_container {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, 0);
	background: #fff;
	border-radius:4em;
	overflow:hidden;
	padding:0 2em;
}
.m_search_container .van-search{
	padding:6px 0 6px 12px;
}
.m_search_container .van-cell,
.m_search_container .van-search__content{
	background:#fff;
}
.m_search_container .van-field__left-icon{
	display:none;
}
.m_search_container .submit{
	border:none;
	background:none;
	font-size:24px;
}
.m_search_container .van-search__content{
	flex:1;
}
.mobile_footer_bg{
	height:60px;
}
.mobile_footer{
	position:fixed;
	background:#fff;
	box-shadow:-4px -4px 10px rgba(0,0,0,.1);
	z-index:10;
	bottom:0;
	height:60px;
	width:100%;
}
.mobile_footer .item{
	text-align:center;
}
.mobile_footer .item .icon{
	height:30px;
}
.mobile_footer .item .van-icon,
.mobile_footer .item .icon svg{
	color:#E6E2E3;
	fill:#E6E2E3;
	font-size:25px;
	width:25px;
	height:25px;
}
.mobile_footer .item .t{
	font-size:14px;
	color:#C9C3C5;
}
.mobile_footer .item.current .t,
.mobile_footer .item.current .van-icon,
.mobile_footer .item.current .icon svg{
	color:var(--theme-color);
	fill:var(--theme-color);
}
.cp_list_title{
	text-align:center;
	padding:0 0 2rem;
	font-size:2.6rem;
	color:var(--theme-color);
}
.mobile_cp_top .m_search_container{
	position:static;
	transform:none;
	margin-bottom:4rem;
}
.ellipsis1{
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.ellipsis2{
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.mobie_xq_other{
	margin-top:2rem;
}
.mobie_xq_other .type .i{
	border:1px solid #F2F2F2;
	background:#F2F2F2;
	color:#333;
	font-size:1.8rem;
	padding:6px 2rem;
	border-radius:4px;
}
.mobie_xq_other .type .i:not(:last-child){
	margin-right:2rem;
}

.mobie_xq_other .type .i.current{
	border-color:var(--theme-color);
	color:var(--theme-color);
	background:#fff;
}
.mobie_xq_other .price{
	font-size:1.6rem;
	color:#333;
}
.mobie_xq_other .price span{
	color:var(--theme-color);
	font-size:2.8rem;
	line-height:1;
}
.mobie_xq_other .sqqb{
	color:#5470FF;
	text-decoration:underline;
	font-size:1.8rem;
	margin-top:1rem;
}

.mobile_purchase_record .item{
	padding-bottom:2rem;
	margin-bottom:2rem;
	border-bottom:1px solid #E0DFDD;
}
.mobile_purchase_record .item .top{
	padding:0 0 2rem;
	font-size:1.6rem;
}
.mobile_purchase_record .item .main .main_i,
.mobile_purchase_record .item .main .lm{
	font-size:1.6rem;
	margin-bottom:1rem;
}
.mobile_purchase_record .item .thumb{
	width:40%;
	margin-right:2.4rem;
}


.mobile_purchase_record .item .main .vip_free{
	padding:0 1.5rem;
	border-radius: 2em;
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	font-weight: normal;
	color: #fff;
	font-size: 1.2rem;
	cursor: pointer;
	border: none;
	margin-top:1rem;
	background: linear-gradient(to right, var(--theme-color), #F7BB39);
}
.mobile_purchase_record .item .main .main_i .xz{
	display:inline-block;
	width:80%;
	border-radius: 2em;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
	font-weight: normal;
	color: #fff;
	font-size: 1.8rem;
	cursor: pointer;
	border: none;
	background: #454545;
}
.yhzx_main .top_nav  a{
	font-size:2rem;
	color:#333;
	margin-top:2rem;
	width:100%;
}
.yhzx_main .userinfo{
	position:relative;
	margin:0 auto 2rem;
	width:10rem;
}
.yhzx_main .userinfo .vip{
	position:absolute;
	bottom:0;
	right:0;
}
.yhzx_main .dlbtn{
	border-radius: 2em;
    text-align: center;
    font-size: 1.6rem;
    border: none;
    height: 4rem;
    line-height: 4rem;
    display: block;
    width: 60%;
    cursor: pointer;
	color: #fff;
    background: linear-gradient(to right, #FD9631, #F3C62B);
	margin:0 auto 2rem;
}
.fl_pop .fl_pop_title{
	font-size:2rem;
	margin-bottom:2rem;
	padding-left:10%;
}
.fl_pop .left_select{
	max-height:80%;
}
.fl_pop .btns .btn{
	width:80%;
	margin:0 auto;
	font-size:1.8rem;
	text-align:center;
	line-height:4.4rem;
	height:4.4rem;
	border-radius:4px;
}
.fl_pop .btns .btn:nth-child(1){
	margin-top:2rem;
	margin-bottom:1rem;
	background:#FD9631;
	color:#fff;
}
.fl_pop .btns .btn:nth-child(2){
	color:#000;
	box-shadow:0 0 0 1px #FD9631;
}




@media screen and (max-width: 1200px){/* 可视区域小于 1200px */
	html{
		font-size:50%;
	}
	.pc{
		display:none;
	}
	.mobile{
		display:block;
	}
}


@media screen and (max-width: 768px){/* 可视区域小于 768px,  */
	.materials_list .item .main .window{
		display:none;
	}
	.user_profile{
		width:100%;
	}
	
	.banner{
		height:50vh;
	}
	.banner .banner_thumbs{
		height:58vh;
	}
	
	.banner .van-field__control{
		font-size:14px;
	}
	.home_bottom .flex1{
		flex:none;
		width:100%;
	}
	.home_bottom .van-image{
		height: 100%;
		position: absolute;
		z-index: -1;
	}
	.home_bottom .van-image img{
		object-fit:cover;
	}
	.home_bottom .container{
		transform:none;
		padding:2.4rem 0;
		position:static;
	}
	.home_bottom .container .title{
		font-size:3.4rem;
		letter-spacing:0;
	}
	.home_bottom .btn{
		width: 50%;
		height:5.6rem;
		line-height: 5.6rem;
		font-size: 2rem;
		margin-top:2rem;
	}
	
	.materials_list .item{
		width:calc((100% - 6rem) / 3);
		margin:0 2rem 2.4rem 0;
	}
	.materials_list .item:nth-child(4n){
		margin-right:2rem;
	}
	.materials_list .item:nth-child(3n){
		margin-right:0;
	}
	
	.materials_list.mobile_cp_list .item{
		width:calc((100% - 3rem) / 2);
		margin:0 3rem 3rem 0;
	}
	.materials_list.mobile_cp_list .item:not(:nth-child(4n)),
	.materials_list.mobile_cp_list .item:nth-child(3n){
		margin-right:3rem;
	}
	.materials_list.mobile_cp_list .item:nth-child(2n){
		margin-right:0;
	}
	
	.home_materials_tab .van-tab--card{
		margin-left: 0;
	}
	.home_materials_tab .van-tabs__nav--card{
		justify-content:flex-start;
		margin:2rem 0 4rem;
	}
	
	.login_pop .van-checkbox .van-checkbox__label{
		font-size:13px;
	}
	.login_pop .van-checkbox .van-checkbox__icon{
		font-size:15px;
	}
	.login_pop .agree{
		font-size:12px;
		margin:8px 0 0;
	}
	.au_form .item .bt span,
	.au_form .tips,
	.up_form_item .up_img p{
		font-size:1.4rem;
	}
	.invoicing .top_tips,
	.invoicing_tj .text,
	.invoicing_tj .submit{
		font-size:1.5rem;
	}
	.page_materials .most_type .most_i,
	.detail_right .author .sm,
	.user_profile .top .thumb p,
	.au_form .agree,
	.au_form .item .input,
	.au_form .van-radio__label,
	.page_up_video2 .up_progress .static,
	.video_style .title,
	.video_style .item .van-radio__label,
	.up_form_item .van-radio__label, 
	.up_form_item .van-checkbox__label,
	.wallet_main .item .t,
	.wallet .tx_tips,
	.zfb_zh{
		font-size:1.6rem;
	}
	.page_materials .left_select .radio_title,
	.materials_detail .detail_info .info_item .t,
	.detail_right .author p,
	.sqjp_pop.zhsz_edit .submit,
	.sqjp_pop.zhsz_edit .item .input,
	.au_form .submit,
	.au_form .item .bt,
	.invoicing .van-tabs__nav .van-tab,
	.video_style .item .bt,
	.page_materials .left_select .checkbox,
	.page_materials .left_select .radio_list,
	.side_service .st,
	.sqjp_pop .item .bt{
		font-size:1.8rem;
	}
	
	.page_materials .fl_pop .left_select .top_nav a,
	.detail_right .author .name,
	.profile_mid h3,
	.mobile_purchase_record .item .main .title,
	.fbjs_list .item .ys h3,
	.up_form_item .bt,
	.tx_pop .title{
		font-size:2rem;
	}
	
	.side_service .t,
	.tx_pop .title{
		font-size:2.2rem;
	}
	.au_form .uploader_box .van-icon{
		font-size:3rem;
	}
	
	.materials_detail{
		width:100%;
		margin-top:0;
	}
	.materials_detail .detail_left .video{
		border-radius:0;
		margin-top:0;
	}
	.materials_detail .detail_info{
		padding:0;
		margin:3rem auto 4rem;
		background:#fff;
	}
	.materials_detail .detail_info .info_item {
		margin-bottom:1.8rem;
		width:100%;
		line-height:1;
	}
	.materials_detail .detail_right{
		box-shadow:none;
		padding:0;
		width:90%;
		margin:0 auto;
	}
	.detail_right .author{
		margin-top:0;
	}
	.materials_detail .detail_info .info_item .t{
		margin-bottom:0;
		margin-right:1rem;
	}
	
	.mobile_sq_pop .close {
		position: absolute;
		top: 1rem;
		right: 1rem;
		font-size: 2.4rem;
		color: #e2e2e2;
	}
	.mobile_sq_pop .range_t {
		font-size: 2rem;
		color: #333;
		margin: 2rem 0 1.5rem;
	}
	.mobile_sq_pop .range_list{
		max-height:22vh;
		overflow-y:scroll;
	}
	.mobile_sq_pop .range_list .range_i{
		font-size: 1.8rem;
		margin-bottom:1.5rem;
		color:#333;
		line-height: 1.2;
	}
	.mobile_sq_pop .range_list .range_i .van-icon{
		font-size: 2rem;
		margin-right:0.8rem;
		color:#1EA53F;
	}
	.mobile_sq_pop .range_list .range_i.cant{
		color:#c0c0c0;
	}
	.mobile_sq_pop .range_list .range_i.cant .van-icon{
		color:#DC2527;
	}
	.m_detail_foot .left{
		width:40%;
		margin-right:8%;
		margin-left:5%;
	}
	.m_detail_foot .btn{
		width:50%;
		color:#B8B8B8;
		font-size:2rem;
	}
	.m_detail_foot .btn .van-icon{
		font-size:2.4rem;
		margin-right:0.6rem;
	}
	.m_detail_foot .ljgm{
		color:#fff;
		font-size:2rem;
		border-radius:10px;
		padding:1.2rem 2rem;
		font-size:2rem;
		text-align:center;
		margin-right:5%;
		background:linear-gradient(to right, #F7B347, #F7CD47);
	}
	.profile_mid .item{
		height:8rem;
	}
	.sqjp_pop.zhsz_edit .submit{
		height:4.5rem;
		line-height:4.5rem;
	}
	
	.grzx_title{
		text-align:center;
		width:60%;
		margin:0 auto 2rem;
		font-size:2.2rem;
		color:#fff;
		height:5rem;
		line-height:5rem;
		border-radius:2em;
		background:linear-gradient(to right , #FD9631 , #F3C62B);
	}
	.au_form .submit{
		height:5rem;
		line-height:5rem;
	}
	
	.au_form .uploader_box{
		width:calc((100% - 2rem) / 2);
		margin-right:2rem;
		display: flex;
		align-items: center;
		height: 12rem;
	}
	.au_form .uploader_box:last-child{
		margin-right:0;
	}
	
	.invoicing_tj .submit{
		height:4.5rem;
		line-height:4.5rem;
	}
	
	.js_top_banner .title{
		font-size: 4rem;
		margin-bottom: 2rem;
		letter-spacing: 0;
	}
	.js_top_banner .desc{
		font-size: 1.8rem;
		letter-spacing: 0;
	}
	.js_top_banner{
		height:32rem;
	}
	.fbjs_list{
		justify-content:space-between;
	}
	.fbjs_list .jt{
		width:3rem;
		padding-top: 4rem;
	}
	.fbjs_list .jt img,
	.up_form_item .bt,
	.page_up_video2 .submit{
		width:100%;
	}
	.fbjs_list .item{
		flex:1;
	}
	
	.fbjs_qy_btn{
		margin:6rem 0 6rem;
	}
	.fbjs_list .item .ys{
		padding:2rem 1rem;
	}
	.fbjs_list .item .ys p{
		height:34px;
	}
	
	.uploader_box .van-uploader__wrapper{
		justify-content:center;
		align-items:center;
	}
	
	.uploader_box .van-uploader__preview-image{
		height:11rem;
	}
	.uploader_box .van-uploader__preview{
		margin:0;
	}
	.uploader_box .van-cell{
		padding:0;
	}
	.uploader_box  .van-uploader__preview-delete--shadow{
		width:2.6rem;
		height:2.6rem;
	}
	.page_up_video{
		height:32rem;
	}
	.page_more_up_video{
		flex-wrap:wrap;
		padding:1rem 2rem;
		height:auto;
	}
	.page_more_up_video p{
		width:100%;
		margin-bottom:1rem;
	}
	.page_up_video .van-image{
		height:8rem !important;
	}
	.video_style .item ,
	.up_form_item{
		flex-wrap:wrap;
	}
	.video_style .item .van-radio-group {
		width:100%;
	}
	.video_style .item .van-radio-group .van-radio{
		margin-right:0;
		width:100%;
		margin-top:0.5rem;
	}
	
	.page_up_video2 .submit{
		font-size:1.6rem;
		height: 5rem;
		line-height: 5rem;
	}
	.up_form_item .fmzs .thumb,
	.up_form_item .yczmzs .thumb{
		width:14rem;
	}
	
	.au_form.container{
		width:100%;
		box-shadow:none;
		border-radius:0;
	}
	
	.kthy_form .type .type_item.cur{
		border-color: #d4d4d4;
		box-shadow: none;
	}
	.kthy_form .type .type_item.cur .checked {
		display: none;
	}
	.kthy_form .type .type_item.swiper-slide{
		margin:1.5rem 0;
		max-width:none;
	}
	.kthy_form .type .type_item.swiper-slide-active{
		border-color: var(--theme-color) ;
		box-shadow: 0 0 10px var(--theme-color) ;
	}
	.kthy_form .type .type_item.swiper-slide-active  .checked,
	.wallet .tx_tips{
		display: block ;
	}
	
	.side_service{
		width:100%;
		padding:0;
	}
	
	.sqjp_pop .submit,
	.tx_pop .submit{
		font-size:1.8rem;
		height: 5rem;
		line-height: 5rem;
	}
	.purchase_record .wallet_main {
		padding:2rem;
	}
	.purchase_record .wallet_main .left,
	.purchase_record .wallet_main .right{
		width:100%;
	}
	.purchase_record .wallet_main .left .item{
		width:calc(100% / 3);
		margin-bottom:2rem;
	}
	.wallet .tx_tips .text{
		margin-bottom:1rem;
	}
	.wallet_main .btn:nth-child(1){
		margin-left:0;
	}
	
	.most_icon{
		font-size:2rem;
		padding-left:1rem;
	}
	.mobile_cp_top .top_nav a{
		border: none;
		background: #DFDFDF;
		border-radius: 1rem;
		font-size: 1.6rem;
		color: #2F2F2F;
		height: 4.4rem;
		line-height: 4.4rem;
		margin: 0 0.5rem 2.5rem;
		flex:1;
		text-align:center;
	}
	.mobile_cp_top .top_nav a.active{
		background: #FFC790;
	}
	.ss_tag_list .van-tag--primary.van-tag--plain{
		padding:4px 1.5rem;
		margin-bottom:1rem;
	}
	.ss_tag_list{
		flex-wrap:wrap;
	}
	.most_type{
		margin-bottom:1rem;
	}
	
}