@media only screen and (max-width: 359px) {
   body {
        font-size: 16px
    }
}

@media only screen and (min-width: 360px) {
    body {
        font-size: 18px
    }
}

@media only screen and (max-width:800px) {
    .fix-box, .fix-box2{ display: none;}
    .top-img-box .link-zq{ display: none;}    
    .top-img-box .top-detail .con{ display: none;} 
    .pn-overview .page-control, .pn-overview .list-overview{ display: none;}   

    body{ min-width: 0;} 
    .ue-component{ padding: 0}

    [class^="icom-"]{ display: inline-block; overflow: hidden; vertical-align: middle;    background: url(/ue3/a/news/zt/2015/interview/img/b1-mo.png) no-repeat}
    .icom-comment{ width: 15px;height: 13px; background-size: 200%; background-position:0 -40px; }
    .icom-share{ width: 15px;height: 16px; background-size: 200%}
    .icom-arrow{ width: 15px;height: 15px; background-size: 200%; background-position:0 -55px}
    
    .top-img-box .detail{ width: 100%}
    .pn{ width: auto; padding: 0 0.625rem;}
    .box-in{ width: auto; padding: 0 0.625rem;}
    .content{ padding-top: 3rem}
    .m30{ margin-bottom: 1rem}
    
    .header .periods{ display: inline-block; font-size: 0.75rem; height: auto; line-height: 1.5; width: 1.875rem; background: none; padding-left: 0.45rem; font-weight: normal; position: relative; top:0; left: 0; margin: 0.2rem 0 0 0.2rem; vertical-align: top;}
    .header .periods .strong{ font-weight: bold;}
    .header .periods img{ display: block; width: 100%; height: 100%; position: absolute; z-index: -1; left: 0; top:0;}
    .top-detail .con{ background:none; padding: 0.3125rem 0 0 0.75rem; margin: 0}
    .top-img-box{ height: 250px}
    .top-img-box .cover-image{ height: 250px;}
    .top-img-box .top-detail{ width: 100%; left: 0; margin-left: 0; bottom: 5%;}    
    .top-detail{ font-size: 0.75rem}
    .top-detail .info{ display: none}
    .top-detail .tit-box{ padding:0 1rem; margin-left: 1rem}
    .top-detail .tit-box .line{ width: 0.3125rem}
    .top-detail .tit-box .tit{ font-size: 1.5rem; max-height: 4.2em; overflow: hidden;}
    .top-box{ padding:1.25rem 0  0.625rem 0}
    .top-img-box .logo{ width: 5rem; margin:0; left: 1rem; top:1.375rem;}
    .top-img-box .logo img{ width: 100%; height: auto}    
    
    .list-pic .mask2-s{ display: none}
    .list-pic .detail-small .txt{ font-size: 0.75rem}
    .list-pic .pic{ width: 100%; height: auto} 
    .list-video .pic-box{ display: none;}   
    .video iframe{ width: 100%;}
    .video-box .box-in{ height: auto; padding: 0; width:100%;}

    .pn-article .pn-hd .tit{ font-size:1.375rem ; padding: 0 0 2.5rem; line-height: 1.5}
    .pn-article .info{ font-size:0.9375rem; line-height: 2}
    .pn-article .info-con p{ padding-bottom: 2.5rem; text-indent: 0}
    .pn-article .info .letter{ font-size:0.9375rem; font-style: normal}
    .pn-article .pic-con{ float: none; padding: 0 0 2.5rem 0; width:100%;}
    .pn-article .pic-r{ float: none}
    .pn-article .pic-con .ico2-small{ display: none}
    .pn-article .img-box .pic{ width:100%; height: auto}
    .pn-article .img-box a{ font-size: 0.75rem}
    .pn-article .img-box .txt{ white-space: normal; line-height: 2.14}
    .pn-article .img-box .mask2{ display: none;}
    .pn-article .artistic-box{ padding: 0 0.3125rem 1.5rem 0}
    .pn-article .artistic-box .artistic-in{ padding-left: 1rem; border-width: 0.3125rem}
    .pn-article .artistic-box .artistic{ font-size: 0.8125rem}
    .pn-article .artistic-box .author{ font-size: 0.75rem} 
    .pn-comment{ border: none; background: #f1f1f1}
    .imgbox{ padding-bottom: 2.5rem}

    .list-pic .detail-box .txt{ font-size: 0.75rem; white-space: normal; line-height: 2.14}  

    .imgbox2{ width: 100%; height: 100%}
    .imgbox2 .ue-gallery-title .title{ font-size:0.875rem; line-height: 3; padding: 0 0.75rem}
    .imgbox2 .view-pic, .imgbox2 .page-num{ display: none}
    .imgbox .gb-gallery .gb-gallery-btn i{ width:35px; height: 55px;  background: url(/ue1/a/lib/pandora/gallery/1.0.0/assets/img/b.png) no-repeat;}
    .imgbox .gb-gallery-viewport .gb-gallery-btn-next i{ background-position: -37px 0;}
    .imgbox2 .news-fb{ height: 3em}
    .imgbox2 .news-fb .mask{ height: 3em}   
    
    .share-box-m{ display: block;}
    .share-box-m .gb-share-cir .gb-share-btn{ margin: 0; padding: 0;}
    .share-box-m .gb-share-xl .gb-share-ico-font{ background: #343434;}
    .share-box-m .gb-share-cir .gb-share-btn{ background: none;} 
    
    .share-box-top{ padding:1rem 0}
    .share-box-top .gb-share .gb-share-con{ float: right;}
    .share-box-top .gb-share-cir .gb-share-btn{ margin-right: 0.55rem;}
    .share-box-top .gb-share-xl .gb-share-ico-font{ width:1.7rem; height: 1.7rem; font-size:1.3rem; border-radius: 1.7rem; line-height: 1.3;}

    .share-box-bottom{ padding: 1rem 0.625rem; position: relative; z-index: 5;}
    .share-box-bottom .share-box-in{ width: 60%; margin: 0 auto; background: #fff}
    .share-box-bottom .gb-share .gb-share-con{ float: none;}
    .share-box-bottom .gb-share-cir .gb-share-btn{ width: 33.3%;}
    .share-box-bottom .gb-share-xl .gb-share-ico-font{ width:2.5rem; height: 2.5rem; font-size:1.92rem; border-radius: 2.5rem; line-height: 1.3; margin: 0 auto; display: block; float: none}
    .share-box-bottom .line{ width: 93.8%; position: absolute; border-top:1px solid #e1e1e1; left: 3.1%; top: 50%; z-index: -1}
    
    .pop-share-m2{ position: fixed; top:2rem; right: 2.3125rem; z-index: 100; padding: 0; display: none;} 
    .share-box-m2{ padding-top: 0.3125rem; position: relative;}
    .share-box-m2::before{ content: ''; display: inline-block; position: absolute; top:-0.3125rem; left: 50%; margin-left: -0.15625rem; border: 0.3125rem dashed transparent; border-bottom-color:#444; border-bottom-style:solid}
    .share-box-m2 .gb-share .gb-share-con, .share-box-m2 .gb-share .gb-share-btn{color:#fff; background: #444444; float: none; display:block; width: 2.5rem; line-height: 1; font-size: 0; }
    .share-box-m2 .gb-share .gb-share-btn{ border-top: 1px solid #616161}
    .share-box-m2 .gb-share .gb-share-btn:first-child{ border-top: none;}
    .share-box-m2 .gb-share .gb-share-ico-font{ float: none; display: block; font-size:1.7rem;width: 2.5rem;line-height:1.63}
    .share-box-m2 .gb-share-btn-tit{display:none}

    .global-footer{ display: none} 

    .comm-pn .pn-hd .tit{ font-size: 1rem; color: #999; padding-left: 0.875rem; position: relative;}
    .comm-pn .pn-hd .tit:before{ content: ''; display: inline-block; position: absolute; top:50%; left: 0; margin-top: -0.46875rem; width: 0.25rem; height:0.9375rem; background: #ffba00}
    
    .list-related li{ float: none; width: 100%; line-height: 2.14; border-bottom: 1px solid #f1f1f1}
    .list-related .sep{ display: none;}
    .list-related .tit{ padding: 0}
    .list-related .tit a{ font-size: 0.875rem}
    .pn-related{ border-top:0.625rem solid #f1f1f1; padding-top: 1rem; padding-bottom: 1rem}
    .pn-related .pn-hd{ padding-bottom: 0.125rem}
    .pn-related .pn-bd{ padding:0 0.625rem 0 0.875rem}    
    
    .list-overview-m{ display: block;}
    .list-overview-m li{ padding: 0.5rem 0; display: table; width: 100%}
    .list-overview-m .pic{ width: 30%; display: table-cell; vertical-align: middle;}
    .list-overview-m .pic img{ width: 100%; height: auto;}
    .list-overview-m .detail{ width:65%; font-size: 0.75rem; display: table-cell; vertical-align: middle; padding-left: 5%}
    .list-overview-m .periods{ color: #ffba00; line-height: 1.2}
    .list-overview-m .tit{ font-size: 0.875rem; margin-top: 0.25rem;}
    .list-overview-m .tit a{ color: #333}
    .list-overview-begin li:nth-child(n+3){ display: none;}
    
    .pn-overview .pn-hd{ padding: 0 0 0.125rem;}
    .pn-overview .pn-bd{ padding-bottom: 1rem}
    .pn-overview .btn-more{ text-align: center; font-size: 0.75rem; background: #ececec; line-height: 2; display: block;}    

    .btn-pn-view{ display: block; color: #ffba00; font-size: 0.875rem; text-align: center; line-height: 2; margin-bottom: 1rem}
    .btn-pn-view .icom-arrow{ display: inline-block; margin-right: 0.5rem;}    

}

@media only screen and (max-width:481px) { 
    body{ padding-top: 0!important} 
    .g-topbar{ display: none}
    .top-img-box .logo{ display: none;}
    #app_tip_box{ display: none;}
    #attitude_box{ display: none;}

    .header-mo{ padding:0.375rem 0.625rem; overflow: hidden; background: #444444; font-size: 0; position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box;}
    .header-mo .logo-17173{ width:3.75rem; display: inline-block; margin-right: 0.25rem}
    .header-mo .logo-17173 img{ width: 100%}
    .header-mo .logo-ft{ display: inline-block; width: 4.125rem}
    .header-mo .logo-ft img{ width: 100%}
    .header-mo .sep{ display: inline-block; vertical-align: middle; color: #868686; font-size: 1rem; line-height: 2; margin: 0 0.5rem}
    .header-mo .btn-share{ display: block; position: absolute; right: 2.8125rem; top:0.1875rem; width: 1.5625rem; height: 1.5625rem; text-align: center; border: 1px solid #999; border-radius: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
    .header-mo .btn-share .icom-share{ position: relative; top:50%; margin-top: -8px}
    .header-mo .share-clicked{ border-color: #fff; background: #fff}
    .header-mo .share-clicked .icon-share{ background-position: 0 -20px}    
    .header-mo .btn-comment{ display: block; position: absolute; right: 0.625rem; top:0.1875rem; width: 1.5625rem; height: 1.5625rem; text-align: center; border: 1px solid #999; border-radius: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
    .header-mo .btn-comment .icom-comment{ position: relative; top:50%; margin-top: -6px}
    .header-fixed{ position: fixed; top:0; left: 0; width: 100%; z-index: 90}
}

@media only screen and (max-width:350px) { 
    .top-img-box{ height: 200px}
    .top-img-box .cover-image{ height: 200px;}    
}