﻿.m_img{ display:none;}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}
.sidenav{ display:none;}

.index_t{ display:none;}
.iabout_img{ display:none;}
.index_category{ display:none;}
.index_pro{ display:none;}
.index_more{ display:none;}
.index_advan{ display:none;}
.mhidden{ display:block;}
.mshow{ display:none;}
.mfixnav{ display:none;}
#shopinner{ display:none;}
#brandinner{ display:none;}
.slide_index{ display:none;}
.mback{ display:none;}

#usercon{ display:none;}

.aboutimg_m{ display:none;}


/*移动端导航*/
@media screen and (max-width: 768px) and (min-width: 0px){
    body{    -webkit-text-size-adjust: 100%;  }
    .btn-login{ width:100%; !important;}
    .btnloginout{ width:100%; float:none;}
    .mobVideo{ display:block;}
    .fixcontact{ right:10px; bottom:100px;}
    .mhidden{ display:none;}
    .mshow{ display:block}
    .headtop{ display:none;}
    .channel{ width:100%;}
    .channel_top{ margin-top:60px; width:100%; margin-bottom:20px;}
    .channel_works{margin-top:100px; width:100%; }
    #top{ display:none;}
    .bannertop { display:block; margin-top:60px !important;}
    .apply_out_index{ margin:10px auto}
    .apply_btn{ width:200px;}
    .apply_btn_index{ width:80%; margin:0 auto; margin-bottom:20px}

   .m_img{display:block;position:fixed; top:0px;left:0px;width:100%;z-index:1000; height:60px; overflow:hidden; background: #000; box-shadow: 0 0 5px #ccc;}
   .m_img_com{position:relative;}
   .cnenCon{ background:#fff; text-align:left; border-bottom:1px solid #eee; padding:0 10px;overflow:hidden; color:#999; position:relative;}
   .cnen_resfor{ font-size:12px;}
   .resfor{ color:#8bb4dd; font-size:14px;  display:inline-block; font-weight:400; padding:0 10px;height:30px; line-height:30px; }
   .resfor_en{ color:#8bb4dd; font-size:14px;  display:inline-block; font-weight:400; padding:0 5px;height:30px; line-height:30px; }
   .mlan{ position:absolute; right:10px; top:0; height:30px; line-height:30px; color:#ff6a00; text-align:center; font-size:12px;}


   .m_img .headlf{background-size:100%; background:url(../images/mheadbg.png) no-repeat center bottom; }
   .headlf .m_logo{display: block; width:140px; padding:5px; margin:0 auto;}
   .headlf .m_logo img{ width:100%;}

   .m_img .headrg{position: absolute;top: 5px;left: 10px; font-size:3rem;}
   .m_img .headrg a {width: 3rem;height:3rem;display: block; color:#fff; }
   .m_img .headrg a i{font-size:28px;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}

   .m_img .headuser{position: absolute;top: 15px;right: 20px; font-size:14px;}
   .m_img .headuser i{ font-size:24px; color:#fff;}

   .m_img .headsearch{position: absolute;top: 16px;right: 45px;}
   .m_img .headsearch i{font-size:26px; color:#595757;}

   .indexnews_t{ font-size:12px; height:30px; line-height:30px;}

   .index_name_out{ line-height:180%;}
   .index_name_out::after{ display:none;}

   /*关于我们*/
   .swiper-pagination-news{}
   .aboutimg_m{ display:block;}
   .aboutimg_m img{ width:100%; display:block}
   .aboutbg{ padding:0; height:auto; background:none;}
   .about_logo{ width:240px; margin-bottom:20px; position:relative; left:0;top:0; margin:20px auto;}
   .about_desc{ width:100%; color:#000; position:relative; left:0; bottom:0;}

   .aboutbg_in{  padding:20px; height:auto; background:none;}
   .about_logo_in{ width:200px; margin:20px auto;}
   .about_logo_in_t{ color:#000; }
   .about_desc_in{ width:100%; color:#666; flex-wrap:wrap;}
   .about_desc_in .li1{ width:100%; margin-bottom:10px;}
   .about_desc_in .li2{ width:100%;}
   .aboutKTK{ padding:20px;}
   .aboutKTK_desc{ width:100%; padding:0;}
   #persons .swiper-slide{ width:100%; opacity:1; height:auto }

   #persons	.swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);z-index:999	}
   #persons .swiper-container{ height:auto;}

   #persons1 .swiper-slide{ width:100%; opacity:1; height:auto; box-shadow:none}
   #persons1 .swiper-container{ padding:0;}
   #persons1 .swiper-banner-next i,    #persons1 .swiper-banner-prev i{ color:#000;}

   #focus{width:100%;height:300px}
.mb-slider,.mb-scroll{width:100%;height:300px}
a.mb-scrollButtons.mb-left{background-position:left top;left:0; z-index:99;}
a.mb-scrollButtons.mb-right{background-position:right top;right:0; z-index:99;}

.index_name{ display:block}

   /*新闻中心*/
   .newslist{ flex-wrap:wrap; padding:20px}
   .newslist li{ width:100%}
   .newsinTit{ font-size:18px; margin-bottom:10px;}
   .newsinTop{ margin-top:100px;}
   .newsinTit_span{ width:90%; padding:0; margin:20px auto;}
   .newsin_bot_prev{ width:100%; float:none;}
   .newsin_bot_next{ width:100%; float:none;}

   .newsContent{ padding:20px;}
   .newsContent img{ width:100%;}
   .newsin_bot{ padding:20px;}
   /*往届作品*/
   .works{ padding:20px; margin-bottom:0;}
   .works_t{ }
   .workslist_line{ width:20px}
   .workslist_t{ padding: 20px 0; margin-bottom:0; font-size:18px;}
   .workslist_t span{ }
   .workslist{ padding:10px 20px; border-bottom:1px solid #eee; margin:0;}
   .workslist_lk{ width:100%;}
   .workslist_pic{ width:100%; height:auto; max-height:100%;}
   .workslist_awards{ height:auto}
   workslist_desc{ height:auto;}

   .works_ul_t{ height:30px; line-height:30px; font-size:14px;}

   .themeContent {max-width: 90%;margin: 0 auto;    }
   .themeContent img{ max-width:100%;}

   /*评选*/
   .selection_title{ padding:80px 10px 20px 10px;}
   .selection_top{ padding:5px; display:block; border:none}
   .selection_top .layui-form-item{ margin-bottom:10px;}
   .selection_btn{ text-align:center;}
   .selection_table .works_status{ width:40px; display:block;}
   .selection_table .btn_gray{ margin-left:0; margin-bottom:10px;}
   .selection_table .layui-btn+.layui-btn{ margin-left:0;}


   /*报名*/
   .channel_enroll{ margin-top:100px;}
   .enroll_flow_icon i{ font-size:30px;}
   .enroll_flow_line{ top:15px;}
   .enroll_flow_t{ font-size:12px;}

   .enroll_txt{ width:100%; margin:0 auto;}
   .enroll_require{ width:90%; font-size:14px;}
   .enroll_agree{ width:90%; font-size:14px;}
   .enroll_upload_tips{ display:block;}
   .uppanel{ margin-bottom:20px;}

   .enroll_pay{ width:100%;}

   /*评审专家*/
   .experts{ padding-top:50px;}
   .expertsDetail{ width:90%; margin:0 auto;}
   .experts_t{ font-size:24px;}
   .expertslist li{ width:50%;}
   .expertsDetail{ flex-wrap:wrap;}
   .expertsDetail_pic{ width:100%;}
   .expertsDetail_desc{ width:100%;}
   .expertsIntro{ width:90%; margin:0 auto;}
   .expertsIntro img{ max-width:100%;}
   .expertsDetail_name{ margin-top:20px;}
   .expertslist .expertslist_pic{width:100%}
   .expertslist .expertslist_pic img{width:100%}
    .expertslist li a { margin: 0;}
   .expertslist .expertslist_name{ width:100%;}
   .experts_t1_span{ font-size:24px;}


   /*大赛赛制*/
   .competition{ padding:20px;}

   /*大咖课*/
   .coursePay{ width:100%; flex-direction:column}
   .coursePay_txt{ width:100%; text-align:center; padding:50px 0}

   .coursePay_txt_btn2{ font-size:44px}
   .coursePay_txt_btn3{ font-size:18px;}
   .coursePay_qrcode{ width:100%}

   #toBuyDiv{ padding-left:20px;}
   #buyshow{ padding-left:20px}
   .course_top{ flex-direction:column;}
   .couse_top_intro{ width:100%;}
   .course_top_pic{ width:100%}
   .course_btn{ width:100%; padding:0; text-align:center;}
   .courselist_item{ width:100%}
   .courseIntro{ flex-direction:column;}
   .courseIntro_pic{ width:100%; margin-bottom:20px;}
   .courseIntro_desc{ width:100%}
   .course_t{ font-size:44px; text-align:center; display:block; padding:30px 0 0 0}
   .course_t_span{ display:none;}
   .course_t_desc{ padding:20px;}

   .orginPrice{ display:block}

   .courseDesc3{ padding:0 20px;}
   .courseIner{ padding:0 20px;}
   .courseState{ margin:0 20px;}
   .course_icon{ width:40px;}
   .courseIner_span{ width:40px; font-size:30px;}
   .courseIner_t{ font-size:34px}
   .courseIner_desc{ padding-left:40px;}
   .courseState_icon{ width:110px; }

   /*底部*/
   #footer{ height:auto;}
   .footer_in{ flex-wrap:wrap;}
   .footer_logo{ width:100%; margin-bottom:20px;}
   .footer_txt{ width:100%; padding:0; margin:0; margin-bottom:20px;}
   .footer_tel{ width:100%;}
   .footer_qrcode{ width:100%; justify-content:flex-start}
   .footer_qrcode li{ margin-right:10px;}



   .sidenav{background:#fff;display:block;font-size:16px;font-weight:400;height:100%;left:0;position:fixed;overflow:auto;transform:translate(-105%,0);transition:transform .3s;top:0;width:70%;z-index:9999; }
   .sidenav.show{transform:translate(0,0)}
   .sidenav-header{ text-align:center; padding:20px 10px;}
   .sidenav-header img{ width:80%; border:none;}
   .sidenav-header-title{ font-size:16px; }
   .sidenav-menu{list-style:none;margin:0;padding:0}
   .sidenav-menu li{display:block;position:relative}
   .sidenav-menu a{background:0 0;color:#BDBDBD;display:block;line-height:24px;padding:16px 32px;text-decoration:none}
   .sidenav-menu a:hover{background:#616161}
   .sidenav-menu a.active,.sidenav-menu a.active .sidenav-dropdown-icon,.sidenav-menu a.active .sidenav-link-icon{color:#FAFAFA}
   .sidenav-dropdown-icon,.sidenav-link-icon{color:#757575;position:absolute;text-align:center;top:16px}
   .sidenav-link-icon{display:block;height:24px;left:24px;width:24px}
   .sidenav-link-title{display:block;padding:0 16px 0 40px}
   .sidenav-dropdown{display:none;list-style:none;padding:0}
   .sidenav-dropdown a{background:#191919;padding-left:72px}
   .sidenav-dropdown a:hover{background:#616161}
   .sidenav-dropdown li:first-child a{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}
   .sidenav-dropdown-icon{display:none;height:16px;right:16px;width:16px}
   .sidenav-dropdown-icon.show{display:block}
   .sidenav-overlay{background:rgba(0,0,0,.8);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}
   .sidenav-no-scroll{overflow:hidden!important}

/** =======================
 * Contenedor Principal
 ===========================*/

.accordion_mnav {width: 100%;background: #FFF; text-align: left;}
.accordion_mnav .link {cursor: pointer;display: block;    padding: 15px 15px 15px 22px;color: #4D4D4D;    font-size: 16px;    font-weight:500;border-bottom: 1px solid #CCC;    position: relative;
    -webkit-transition: all 0.4s ease;    -o-transition: all 0.4s ease;    transition: all 0.4s ease;}
.accordion_mnav .linkon .link{ color:#f60 !important;}
.accordion_mnav .linkon i{ color:#f60;}
.accordion_mnav li:last-child .link {    border-bottom: 0;}
.accordion_mnav li{    cursor: pointer;}
.accordion_mnav li i {font-size: 18px;color: #595959;-webkit-transition: all 0.4s ease;    -o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion_mnav li i.fa-chevron-down { position:absolute; right: 15px;left: auto; top:18px; font-size: 14px; color:#999;}
.accordion_mnav li.open .link {    color: #f60;}
.accordion_mnav li.open i {    color: #f60;}
.accordion_mnav li.open i.fa-chevron-down {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}

/**
 * Submenu
 -----------------------------*/
.submenu {    display: none;    background: #f7f7f7;    font-size: 14px; border:none}
.submenu li {    border-bottom: 1px solid #d6d7dc;}
.submenu li.sec{ border-bottom:none; background:#fcfcfc;}
.submenu li.sec i{ font-size:12px; color:#999;}
.submenu li.sec a{ color:#333;}
.submenu li.third{ border-bottom:none;background:#fcfcfc;}
.submenu li.third a{ padding: 10px 10px 10px 62px; color:#888;}

.submenu a {display: block;text-decoration: none;color: #111;padding: 12px;padding-left: 42px;-webkit-transition: all 0.25s ease;    -o-transition: all 0.25s ease;    transition: all 0.25s ease;}
.submenu a:hover ,.submenu li.current a{    background: #f39800;    color: #FFF;}
.submenu li a i{ font-size:12px; color:#999 !important;}
.submenu li a.on{ color:#f60 !important; }

.submenu li.sub_quick{ color:#8bb4dd;padding: 10px 10px 10px 42px; border-bottom:none; background:#eee; font-size:14px;}
.submenu li.sub_quick_li{ color:#999;padding: 8px 0; border-bottom:none; background:#eee;}
.submenu li.sub_quick_li a{ padding:0 0 0 42px;color:#999;}

/*登录*/
.login{ width:90%; margin-top:100px;}

/*个人中心*/
.usercenter{ padding:20px;}
.usercenter_head{ width:100%; margin:0 auto;}
.usercenter_head_img{ width:100px; margin:0 auto;}
.usercenter_head_img img{ width:100%;}
.usercenter_head_name{ padding:10px 0; font-size:14px; font-weight:normal;}
.usercenter_head_info{ text-align:left; padding-bottom:30px; border-bottom:1px solid #ccc;}

.usercenter_nav{ text-align:left; margin-top:20px;}
.usercenter_nav_dl{}
.usercenter_nav_dl dt{  font-size:16px; font-weight:bold; color:#000; line-height:40px;}
.usercenter_nav_dl dd a{ font-size:14px; display: block; height:35px; line-height:35px; color:#666;}

.usercenter_logout{ padding:5px 10px; border:1px solid #000; color:#000; font-size:16px; border-radius:4px; display:block; margin-top:20px;}

.layui-layer-user{ border-radius:0 !important;}

.portal{ flex-wrap:wrap;}
.protal_l{ display:none;}
.channel_portal{ margin-top:100px;}
.portal_r{ width:100%;}
.protal_c{ width:100%; margin-bottom:20px;}
.portal_c_add{ display:inline-block; width:100%; padding:10px 0;}

.portal_works{ flex-wrap:wrap;}
.protal_lnav{ width:100%;}
.portal_works_r{ width:100%;}
.protal_lnav_dl{ display:flex;}
.protal_lnav_dl dd{ width:50%; text-align:center;}
.protal_lnav_dl dd a.on{ background:#000; color:#fff; border-radius:4px;}

.portal_opus{ flex-wrap:wrap;}
.portal_opus_img{ width:100%;}
.portal_opus_btn{ width:100%;}
.portal_opus_info{width:100%;}

.portal_edit{ width:90%;}
.protal_edit_div{ text-align:center;}

.judgesMatch{ width:90%; margin:0 auto; border-radius:4px; border:1px solid #ccc;}
.judgesMatch_tit{ padding:10px; font-size:18px; background:#000; color:#fff; font-weight:400}
.judges_btn{ margin-right:10px;}

.certifi_tbl .td{ padding:0 !important}

.hidden{ display:none;}


}



