/*
* name: responsive
* version: v2.1.1
* update: 添加pad竖屏状态Padp
* data: 2017-06-13
*/

/* hide template textarea */
.UnpcPush textarea, .PcPush textarea, .MobilePush textarea, .UnmobilePush textarea{display: none;}

/*
* PcMode
*/
body:after {
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    content: 'Pc';
}

.PcMode:after { content: 'Pc' !important;}
.UnpcPush, .MobilePush { display: none;}
img[data-src] { opacity: 0 ; filter: alpha(opacity=0);}
img[data-srcloaded] { opacity:1; filter: alpha(opacity=100); }

/* FHD缩放125% */
@media only screen and (max-width: 1540px) {
    .mwrap { width:1200px; }
    /*1540（FHD缩放125%） 网站样式*/


    /* 下层banner */
    .xc_banner .xc_words .t{font-size:36px;}

    /* metadata */
    .metadata02 .item .top{font-size:20px;}



}


/* 1440（2K） */
@media only screen and (max-width: 1440px) {
    .mwrap { width:1200px; }
    /*1440（2K） 网站样式*/








}


/* 1366（普通14寸） */
@media only screen and (max-width: 1366px) {
    .mwrap { width:1200px; }
    /*1366（普通14寸） 网站样式*/


    /* 首页 */
    .index .img_box{height:100%;}
    .index .img_box img{ min-width:100%;}




}


/*
* PadMode
*/
@media only screen and (max-width: 1240px) {

    body:after {
        content: 'Pad';
    }
    body{ user-select: none;-webkit-user-select: none;}
    html { overflow-x:hidden;}
    body,input,textarea,button,select { font-size:14px;}
    .PcPush{display: none;}
    .UnpcPush{display: block;}
    .mwrap { width:940px; }
    /*padMode 1240px 网站样式*/

    /* 下层banner */
    .xc_banner{height:20vh;}
    .xc_banner .xc_words .t{font-size:30px;}

    .channel_content{min-height:calc(80vh - 60px); padding:40px 0;}

    /* metadata */
    .metadata02 .item .top{font-size:18px; line-height:45px;}
    .metadata02 .item .bott{font-size:16px;}


    /* login */
    .login01 .content .title{font-size:24px;}
    .login01 .content .form_box{margin-top:40px;}

    /* register */
    .register01 .content .title{font-size:24px;}
    .register01 .content .title:first-child{margin-bottom:40px;}
    .register01 .content .form_box{margin-bottom:30px;}


    /*个人中心*/
    .register01.admin01 .content .form_box02 .lable_{font-size:16px; width:160px;}
    .register01.admin01 .content .form_box02 select,
    .register01.admin01 .content .form_box02 .inp_box .inp{font-size:16px; width:calc(95% - 160px);}

}

@media only screen and (max-width: 1100px){
    /*个人中心*/
    .register01.admin01 .content .form_box02 .inp_box{width:100%; margin-right:0;}
}

@media only screen and (max-width: 992px) {
    body:after {
        content: 'Padp';
    }
    .wrap, .mwrap { width:760px; }
    /*padMode 992px 网站样式*/
    .header .pc_box{display:none;}
    .header .m_box{display:block;}
    .header{position:fixed; left:0; top:0; height:auto; width:100%; background:#0099d8; padding:10px 0; z-index:100;}
    .header .m_box .wrap{display:flex; align-items:center; justify-content:space-between;}
    .header .m_box .m_logo img{width:50px; height:50px; vertical-align:middle;}
    .header .m_box .m_logo a{display:block;}
    .header .m_box .m_logo .title{font-size:12px; color:#fff; width:140px; display:inline-block; vertical-align:middle; margin-left:5px;}
    .header .m_box .m_key{position:relative; cursor:pointer; transition:all 0.3s ease-in-out; z-index:10; display:block; width:20px; height:20px; margin-bottom:8px;} 
    .header .m_box .m_key span,
    .header .m_box .m_key::before,
    .header .m_box .m_key::after {position:absolute; top:50%; left:50%; width:17px; height:2px; margin-left:-10px; background:#ffffff; border-radius:2px; display:inline-block; transition:all 0.3s ease-in-out;}
    .header .m_box .m_key span{margin-top:-4px;}
    .header .m_box .m_key::before{content:''; margin-top:3px;}
    .header .m_box .m_key::after{content:''; margin-top:10px;}
    .header.menu-open .m_box .m_key::before{opacity:0; transition:0.2s ease 0.1s;}
    .header.menu-open .m_box .m_key::after{margin-top:2px !important; -webkit-transform:rotateZ(-45deg); transform:rotateZ(-45deg); transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, -webkit-transform 0.25s ease 0.36s; transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s; transition: margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s, -webkit-transform 0.25s ease 0.36s;}
    .header.menu-open .m_box .m_key span{margin-top:2px !important; -webkit-transform:rotateZ(45deg); transform:rotateZ(45deg); transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, -webkit-transform 0.25s ease 0.36s; transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s; transition:margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s, -webkit-transform 0.25s ease 0.36s;}

    .m_nav{position:fixed; left:0; top:70px; right:0; width:100%; background:#0099d8; z-index:20; display:none; max-height:calc(100vh - 55px); max-height:calc(var(--vh, 1vh) * 100 - 55px); overflow-y:auto;} 
    .m_nav .mNav_bott .m_navli:first-child{border-top:solid 1px #58a3e7;}
    .m_nav .mNav_bott .m_navli{position:relative; transition:all 0.3s ease-out; border-bottom:solid 1px #58a3e7;}
    .m_nav .mNav_bott .m_navli>a{display:block; padding:15px 35px 15px 15px; font-size:14px; position:relative; overflow:hidden; color:#fff;}
    .m_nav .mNav_bott .m_navli>a::after{content:''; display:block; width:16px; height:16px; background:url(../img/link_ico.png) no-repeat center; position:absolute; top:50%; transform:translateY(-50%); right:15px;}
    .m_nav .mNav_bott .m_navli:first-child>a::after{display:none;}
    .m_nav .mNav_share{padding:20px 0;}
    .m_nav .mNav_share .share_box{margin-top:0; display:flex; justify-content:center;}
    .m_nav .mNav_share .share_box a{float:none;}

    .header_bg{position:fixed; left:0; top:0; width:100%; height:100%; background:url(../img/black.6.png); z-index:10;}


    .main{padding-left:0; margin-top:70px; width:100%;}
    .channel_content{min-height:calc(80vh - 130px); }

    /* 首页 */
    .index{height:calc(100vh - 130px);}

    .m_nav .mNav_share .share_box{display:none;}
}
/*
* MobileMode
*/
@media only screen and (max-width: 780px) {
    body:after {
        content: 'Mobile';
    }
    body,input,textarea,button,select {font-size:16px;}
    .UnmobilePush{display: none;}
    .MobilePush{display:block;}
    img[data-src]{opacity: 1;}
    .wrap, .mwrap { padding-left:4%; padding-right:4%; width:auto; }
    .mwrap .wrap { padding-left:0; padding-right:0; }

    /*移动端防恶意复制信息*/
    * {
        -webkit-touch-callout:none;  /*系统默认菜单被禁用*/   
        -webkit-user-select:none; /*webkit浏览器*/   
        -khtml-user-select:none; /*早期浏览器*/   
        -moz-user-select:none;/*火狐*/   
        -ms-user-select:none; /*IE10*/   
        user-select:none; 
    }
    input { -webkit-user-select:auto; /*webkit浏览器*/   }
    textarea { -webkit-user-select:auto; /*webkit浏览器*/   }
    /*mobileMode 760 网站样式*/

    .channel_content{min-height:calc(100vh - 230px); padding:30px 0; }

    /* 首页 */
    .index{height:calc(100vh - 130px);}

    /* 下层banner */
    .xc_banner{height:100px;}
    .xc_banner .xc_words .t{font-size:26px;}

    /* metadata */
    .metadata01 .cont{font-size:16px;}
    .metadata02 .item .top{font-size:16px; padding-left:15px;}
    .metadata02 .item .top::before,
    .metadata02 .item .top::after{right:15px;}
    .metadata02 .item .top::before{right:11px; width:10px;}
    .metadata02 .item .top::after{height:10px;}
    .metadata02 .item .bott{font-size:14px; padding:15px 20px;}


    /* login */
    .login01 .content .title{font-size:20px;}
    .login01 .content .form_box{width:100%; text-align:center;}

    /* register */
    .register01 .content .title:first-child{margin-bottom:20px;}
    .register01 .content .form_box{margin-bottom:20px;}
    .register01 .content .title{font-size:20px;}
    .register01 .content .lable_{font-size:16px; padding-right:5px; width:155px;}
    .register01 .content .inp_box .inp{width:calc(100% - 170px);}
    .register01 .content .select_box select{width:calc(100% - 170px);}
    .register01 .content .btn_box .btns01{width:45%;}

    /* 验证码 */
    .register01 .content .inp_box .Validform_checktip, .register01 .content .select_box .Validform_checktip{padding-left:165px;}
    .Validform_checktip{left:0; width:auto; transform:translateY(100%);}
    .login01 .content .inp_box .Validform_checktip{padding-left:0; transform:translateY(100%) translateX(100%);}

    /* introduction */
    .introduction{font-size:16px;}

    /*个人中心*/
    .register01.admin01 .content .lable_{font-weight:bold;}
    .register01.admin01 .content .inp_box .inp{text-indent:0;}
    .register01.admin01 .content .btn_box .btns01{width:140px;}
    .register01.admin01 .content .form_box02 .btns{width:120px;}
    .register01.admin01 .content .form_box02 .lable_{font-weight:normal;}


}

@media only screen and (max-width: 620px){
    .channel_content{min-height:calc(100vh - 250px); padding:30px 0; }
    /* 首页 */
    .index{height:calc(100vh - 150px);}

    .footer{height:auto; line-height:30px; padding:10px 0;}
    .footer .icp{padding:0; text-align:center;}
    .footer .icp a:first-child{display:block;}

    /* login */
    .login01 .content .inp_box .inp{width:calc(100% - 120px);}
    .login01 .content .btn_box .btns{width:40%;}
    .login01 .content .inp_box .Validform_checktip{left:auto; right:calc(100% - 120px);}

    /*忘记密码*/
    .login01 .content .btn_box .btns.forget{margin-right:0; width:calc(80% + 22px);}


} 
@media only screen and (max-width: 480px) {
    /*mobileMode 480 网站样式*/

    /* register */
    .register01 .content .lable_{display:inline-block; width:auto; text-align:left; margin-bottom:5px;}
    .register01 .content .inp_box .inp{width:100%;}
    .register01 .content .select_box select{width:100%;}

    .register01 .content .inp_box, .register01 .content .select_box{text-align:left;}

    /* 验证码 */
    .register01 .content .inp_box .Validform_checktip, .register01 .content .select_box .Validform_checktip{padding-left:0;}


    /*个人中心*/
    .register01.admin01 .content .inp_box{width:100%}
    .register01.admin01 .content .lable_{width:100%; display:block;}
    .register01.admin01 .content .inp_box .inp{width:100%; display:block;}

    .register01.admin01 .content .form_box02 .lable_{width:100%; display:block; font-weight:bold;}
    .register01.admin01 .content .form_box02 select, 
    .register01.admin01 .content .form_box02 .inp_box .inp{width:100%; display:block;}
    .register01.admin01 .content .btn_box .btns01{width:100px;}
    .register01.admin01 .content .form_box02 .btns{width:90px;}
}