/** 手机端*/
@media screen and (max-width: 768px){
/**通用样式*/
	html,
	body {
		min-width:unset;
	}
	.layui-layer:not(.download_share_layer) {
	    max-width: 85% !important;
	    left: 50% !important;
	    transform: translatex(-50%) !important;
	}
	.layui-layer-prompt textarea.layui-layer-input {
	    max-width: 100%;
	}
	.userAccountOptModal .modal-content {
	    width: 335px;
	    max-width: 90%;
    	margin: 0 auto;
	}
	.userAccountOptModal .modal-footer button.mpauthbtn {
    	display: block;
	}
	.userAccountOptModal .modal-content a.lt-modal-close{right:0px}
	.userAccountOptModal .toggle-sign-way{display:none}
	.userAccountOptModal a.lt-modal-close{
    right: 0px;
}
	.userAccountOptModal .modal-body {
	    margin-top: 35px !important;
	}
	
	.userAccountOptModal .input_item {
	    margin-bottom: 1rem;
	    height: 45px;
	}
	
	.userAccountOptModal span.get_verify_code {
	    height: 100%;
	    top: 0px;
	    line-height: 45px;
	}
	.fixed_header .flex_content a.signin_opt {
	    font-weight: normal;
	    height: 30px;
	    line-height: 25px;
	    width: auto;
	    padding: 0px 5px;
	    font-size: 1rem;
	}
	.fixed_header .flex_content .group_1{display:none;position: absolute;top: 60px;right: 0px;width: 100%;box-shadow: 0 0 transparent, 0 0 transparent, 0 20px 25px -5px rgb(0 0 0 / 10%), 0 10px 10px -5px rgb(0 0 0 / 4%);padding: 12px 16px 0px;background: #fff;}
	.fixed_header .flex_content .group_1.show{display:inline-block;}
	.fixed_header .flex_content .global_search.search-box{
	    border: 1px solid rgb(95,95,246);
	}
	.global_search.search-box input.search-input{
	    height: 100%;
	    background: transparent;
	}
	.fixed_header .flex_content .nav a.item{
	    color: #212121;
	    font-weight: bold;
	        font-size: 1rem;
	}
	.fixed_header .flex_content .nav {
	    word-break: keep-all;
	    line-height: 25px;
	    margin-top: 7px;
	}
	.global_search.search-box .search_type .hover_panel{display: none !important;}
	.global_search.search-box .search_type .hover_panel.show{display: block !important;}
	.fixed_header .flex_content .nav a.item.cur_nav{
	    color: rgb(95,95,246);
	}
	.fixed_header .flex_content button.nav-toggle {
	    display: inline-block !important;
	    background: transparent;
	    border: none;
	    height: 64px;
	    vertical-align: middle;
	    margin: 0px 10px 0px 5px;
	}
	
	.fixed_header .flex_content button.nav-toggle img.h-5 {
	    height: 1.25rem;
	    max-width: 100%;
	}
	.fixed_right a.item {
	    display: none;
	}
	
	.fixed_right a.item.reback_top {
	    display: inline-block;
	}
	
	.mb_list li {
	    max-width: 49% !important;
    	min-width: 49% !important;
   	 	min-height: auto !important;
    	margin-bottom: 10px !important;
	}
	.bottom .bottom-content .bottom-area {
	    width: auto !important;
	}
	.fixed_header .user_info .user_info_show{
		display:none !important;
	}
	.fixed_header .user_info .user_info_show.show{
		display:block !important;
	}
	.bottom .bottom-content .left_tips {
	    width: 100%;
	}
	.bottom .bottom-content .col3 {
	    width: auto !important;
	}
/** 支付弹框*/
.layui-layer-page.user_upgrade_modal .layui-layer-content {
   height: 485px;
   overflow: hidden;
}
.user_upgrade_modal .vip_box_v2 .top_box .user_info_text .info_base:last-child {
    display: none;
}
.user_upgrade_modal .vip_box_v2 {
    width: 315px;
    max-width: 100%;
    height: auto;
    overflow: hidden;
    padding-right: 15px;
}
.user_upgrade_modal .vip_box_v2 .pay_method_item{
    padding: 5px 0px 5px 15px;
}

.user_upgrade_modal .vip_box_v2 .pay_method_item li.pay_item {
    margin-right: 3px;
    width: 47%;
    vertical-align: middle;
    padding: 5px;
    height: 40px;
}
.user_upgrade_modal .vip_box_v2 .pay_item ul.grade_item {white-space: nowrap;}

.user_upgrade_modal .vip_box_v2 .pay_method_item li.pay_item i.iconfont {
    transform: scale(0.8);
}
.user_upgrade_modal .vip_box_v2 .pay_method_item img {
    max-width: calc(100% - 43px);
    margin-left: -6px;
    margin-top: -4px;
}

.user_upgrade_modal .vip_box_v2 .amount_settle a.pay_btn {
    max-width: 34%;
    margin-right: 0px;
    margin-top: -2px;
    height: 33px;
    line-height: 33px;
    width: auto;
    padding: 0px 9px;
    font-size: 12px;
    text-align: center;
}
.user_upgrade_modal .vip_box_v2 .pay_item {
    padding: 19px 0px 0px 18px;
    width: 100%;
    overflow: hidden;
}

.user_upgrade_modal .vip_box_v2 .pay_item .top_desc {
    padding: 5px 0px;
}

.user_upgrade_modal .vip_box_v2 .top_box {
    height: 55px;
    padding: 10px;
    display: none;
}

.user_upgrade_modal .vip_box_v2 .top_box .user_info_text .info_avatar {
    width: 30px;
    height: 30px;
}

.user_upgrade_modal .vip_box_v2 .top_box .user_info_text .info_base {
    font-size: 12px;
}

.user_upgrade_modal .vip_box_v2 .amount_settle {
    padding: 15px 0px 15px 15px;
}	
.user_upgrade_modal .vip_box_v2 .pay_item li.item {
    width: 230px;
    margin: 0 10px 0px 0px;
}

.user_upgrade_modal .vip_box_v2 .pay_item .top_desc h3 {
    font-size: 18px;
}

.user_upgrade_modal .vip_box_v2 .pay_item .top_desc p.price>span {
    font-size: 18px;
}

.user_upgrade_modal .vip_box_v2 .amount_settle span.price {
    font-size: 16px;
}

.user_upgrade_modal .vip_box_v2 .pay_item li.item .auth_list {
    padding-bottom: 5px;
}
/**首页*/
	.index_page  .banner .slogan {
        padding: 100px 2% 0px;
        font-size: 20px;
    }

    .index_page .global_search.search-box {
        width: 80%;
    }

    .index_page .banner .hotkey_list {
        padding: 0px 2%;
    }
    .index_page .mb_section .header_con .title {
	    font-size: 20px;
	    display: inline-block;
	    margin: 0px;
	}
	
	.index_page .mb_section .header_con label {
	    margin: 4px 0px 0px;
	}
	.index_page .news_item ul.news_list li.new-item {
	    max-width: 100%;
	    min-width: 100%;
	    display: block;
	}
	/**模板列表页*/
	.ppt_content .ppt_category_content {
	    margin: 0px 0px 10px;
	    background: #fff;
	    width: 104%;
	    margin-left: -2%;
	}
	
	.ppt_content .ppt_category_content .ppt_category {background: transparent;padding: 0px;height: 40px;line-height: 40px;}
	
	.ppt_content .ppt_category ul {
	    display: none;
	    position: absolute;
	    z-index: 2;
	    padding: 0px;
	    width: 100%;
	    box-shadow: 0 0 transparent, 0 0 transparent, 0 20px 25px -5px rgb(0 0 0 / 10%), 0 10px 10px -5px rgb(0 0 0 / 4%);
	    padding: 12px 16px;
	    background: #fff;
	}
	
	.ppt_content .ppt_category ul~p {}
	
	.ppt_content .ppt_category ul li {
	    margin: 0px 0px 9px !important;
	    display: block;
	        border: none !important;
	}
	.ppt_content .ppt_category ul li:first-child{
	    display: none;
	}
	.ppt_content .ppt_category .filter_li {
	    display: inline-block;
	    width: 33.33%;
	    float: left;
	    text-align: center;
	    position: relative;
	}
	.ppt_content .ppt_category .filter_li ul.show{display:block;min-width: 112px; padding: 8px;}
	.ppt_content .ppt_category .filter_li .title {
	    position: relative;
	        color: #212121;
	}
	
	.ppt_content .ppt_category .filter_li .title:after {content:'\e756';font-family: 'iconfont';}
	
	.ppt_category ul li.active, .ppt_category ul li:hover {
	    color: #2254f4 !important;
	    background: transparent !important;
	    border: none !important;
	}
	
	.ppt_category ul li.active>a, .ppt_category ul li:hover>a {
	    color: #2254f4 !important;
	}
	.ppt_category ul li.color_li a {
	    color: #212121 !important;
	}
	
	.ppt_category ul li.color_li, .ppt_category ul li.color_li+li {
	    background: transparent !important;
	}
	.ppt_list_box .sort_box .result_tips {
	    margin-top: 4px;
	}
/**模板详情页*/
	.detail-content {
	    width: 100%;
	}
	.ppt_detail_box{display: block;}
	.ppt_detail_box .fl {
	    width: 100%;
	    padding: 5px;
	    border: none;
	    margin-bottom: 14px;
	}
	.ppt_detail_box .title_bar {
	    margin: 0px;
	    padding: 0px 3px 20px 3px;
	}
	.ppt_detail_box .title_bar .title_info>a {
	    width: 90px;
	}
	
	.ppt_detail_box .author_info {
	    max-width: 100%;
	    padding: 18px 0px;
	    margin: 0px;
	}
	
	.ppt_detail_box .author_info a.head {
	    left: 5px;
	}
	.ppt_detail_box .author_info span.writerMsg a {
	    display: none;
	}
	
	.ppt_detail_box .author_info p.writerName a {
	    display: inline-block !important;
	    color: #aeaeae;
	    font-weight: normal;
	}
	.ppt_detail_box .artcle h2 {
	    font-size: 16px;
	    margin: 0px;
	}
	
	.ppt_detail_box  .fr {
	    width: 100%;
	}
	
	.ppt_detail_box .info, .ppt_detail_box .ppt_like {
	    width: 100%;
	    margin: 0px;
	    border: none;
	}
	.ppt_detail_box .info .buy {
	    position: fixed;
	    display: inline-block;
	    width: 100%;
	    left: 0px;
	    bottom: 0px;
	    padding: 13px;
	    background: #fff;
	    z-index: 9999;
	    margin-bottom:0px;
	}
	.title-category {
		margin: 4px 0px !important;
		display: none;
	}

	.ppt_detail_box .swiper-container img.swiper-slide {
		box-shadow: unset !important;
	}
	.ppt_detail_box .fl .ppt_relative_list {
	    display: none;
	}
	.ppt_detail_box .ppt_like .title h4 {
	    width: auto;
	    display: inline-block;
	}
	.ppt_detail_box .ppt_like .title a {
	    width: auto;
	    margin-top: 5px;
	}
	.ppt_detail_box .ppt_like .title {height: auto;}
	.ppt-detail~.fixed_right {
	    bottom: 15%;
	}
	.single_filter.ppt_content .ppt_category_content {
	    width: 95px;
	    position: absolute;
	    margin-top: -4px;
	    height: 35px;
	    background: transparent;
	}
	
	.single_filter.ppt_content .ppt_category .filter_li {
	    width: 100%;
	}
	
	.single_filter.ppt_content  .ppt_list_box .sort_box {
	    padding-left: 115px;
	    padding-top: 2px;
	}
	.single_filter.ppt_content .ppt_list_box .sort a {
	    padding: 0px 10px;
	    width: auto;
	}
/** 免费PPT*/
.free_box_left {
    min-width: unset;
    width: 100%;
    margin: 0px;
}
.free_container .nav_path{
    display: none;
}
.free_box_left .free_fliter{
    min-height: 37px;
    padding: 5px 2%;
}

.free_box_left .free_fliter .free_nav {
    display: inline-block;
    width: 33.33%;
    float: left;
    text-align: center;
    position: relative;
}


.free_fliter .free_nav span:before {display: none;}

.free_fliter .free_nav span:after{content: '\e756';font-family: 'iconfont';border: none;position: static;margin: 1px 0px 0px 4px;}

.free_fliter .free_nav span{
    border: none;
    position: relative;
    color: #212121;
}

.free_fliter .free_nav_list {
       display: none;
       position: absolute;
       top: 32px;
       left: 0px;
       z-index: 2;
       padding: 0px;
       width: 100%;
       box-shadow: 0 0 transparent, 0 0 transparent, 0 20px 25px -5px rgb(0 0 0 / 10%), 0 10px 10px -5px rgb(0 0 0 / 4%);
       padding: 12px 16px;
       background: #fff;
       margin: 0px;
}

.free_fliter .free_nav a {
    display: block;
}
.free_box_right {
    display: none;
}
/** 作者**/

.head_bar {
    padding-top: 20px;
    height: 225px;
}

.head_bar h3.authorName {
    margin-bottom: 20px;
}
.submenu {
    height: 34px;
}
.submenu .user-submenu a {
    padding: 5px 0px;
    margin: 0px 5px;
}

.submenu .users-sort {
    height: 34px;
    line-height: 34px;
}


/**教程列表页页*/
.right.news_index_right {
    width: 100%;
}
/**教程详情页*/

/** 资源导航页*/
.ppt-sources .panel_list li.card {
    max-width: 48%;
    min-width: 48%;
}

.ppt-sources .moquu_dqlm {
    display: none;
}
/**用户中心*/
	body.member-box {
	    overflow-y: auto;
	}
	.member-box .member_left {
	    position: relative;
	    width: 100%;
	    text-align: left;
	    height: 56px;
	}
	
	.member-box .member_left .nav {
	    margin: 0;
	    width: 100%;
	    padding: 5px 2%;
	}
	
	.member-box .member_left .nav>a {
	    display: inline-block;
	    width: auto;
	    padding: 0px 5px;
	}
	.member-box .member_right {
	    margin-left: 0px;
	    width: 100%;
	    padding: 25px 2%;
	    min-height: calc(100% - 130px);
	}
	.user_profile .member_left .nav a.set_select:before, .order-box .member_left .nav a.order_select:before, .mydownload-box .member_left .nav a.mydownload_select:before {
	    height: 4px;
	    width: 100%;
	    bottom: 0px;
	}
	
	.member-box .member_left .nav>a i.iconfont {
	    display: none;
	}
	.member-box .member_left .user_info {
    display: none;
}
	/** 关于我们*/
	.s_wwrapper {
	    max-width: 100%;
	}
	.s_wwrapper .snav {
	    display: none;
	}
	.s_wwrapper .scontent {
	    max-width: 100%;
	    width: auto;
	        min-height: auto;
	}
	/** sucai*/
	.sucai_page  .mb_section .header_con .title {
	    font-size: 20px;
	}
	
	.sucai_page .mb_section .header_con .label_tag {
	    display: none;
	}
	
	.sucai_page .sc_list ul li {
	    width: 50%;
	}
	.sc_list.icon_list ul li {
	    width: 25%;
	}
	.sc_info_modal .sc_info_content {
	   max-height: 90%;
    height: 500px;
	    width: 100%;
	    display: block;
	    padding: 0px 0px 10px 0px;
	}
	
	.sc_info_modal .sc_info_content .recomment_list {
	    display: none;
	}
	
	.sc_info_modal .info_area {
	    width: 100%;
	    padding: 10px 10px 0px 15px;
	}
	
	.sc_info_modal .effect_area {
	    display: block;
	    width: 100%;
	    /* min-width: 330px; */
	    height: auto;
	    max-height: unset;
	    padding: 20px 10px;
	    background-color: unset;
	}
	
	.sc_info_modal .effect_area .img_area {
	    width: 100%;
	    height: auto;
	    max-height: unset;
	    position: static;
	    transform: unset;
	}
	.sc_info_modal .effect_area .img_area .img {
	    width: 100%;
	    height: auto;
	    position: static;
	    transform: unset;
	}
	.sc_info_modal .layui-layer-content::-webkit-scrollbar {
		width: 3px;
		height: 8px;
	}
	.sc_info_modal .layui-layer-content::-webkit-scrollbar-thumb {
		background-color: rgb(160 160 160);
	}

	.layui-layer.sc_info_modal {
		width: 85% !important;
	}
}