.am-container{max-width:420px !important;}
.am-topbar{max-width:420px !important;}
@media only screen and (max-width: 600px){

.am-topbar{ background: #FFFFFF; }
.am-topbar-nav {
        margin-bottom: 8px;
        height:100%!important;
        overflow-x:scroll!important;
    }
.wxw-relative{ position: relative; }
.wxw-container{ width:100%; overflow: hidden; overflow-x: scroll; position: relative; background-color: #0e90d2; }
.am-icon-bars:before{ color:#0e90d2; }
.wxw-container>.wxw-g{ width: 138% !important; }
.wxw-g .wxw-s{
       float: left;
       padding: 8px 6px;

    }
.wxw-s a{ color: #FFFFFF;}
.nav-right{
    display: none;
  width: 20%;
  height: 43px;
  position: absolute;
  right: 0; top: 0;
  z-index: 100;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.4) 40%,rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0.9) 70%, #FFFFFF 100%);}

.imgbox{ padding-left: 0; padding-right: 4px; }
.imgbox img{max-width:100%; height:70px; width: 100%; max-height: 100%;}

.list-title{ position: relative;}
.list-title a{ font-size: 1.6rem; color: #000000;}

.list-title span{ display: block; right: 0; bottom: 0px; }
.list-title span b, .list-title span time{ font-size: 10px; }
.list-title span b{ border: 1px #D92C3F solid; opacity: 0.6; font-weight: normal; color: #D92C3F; padding:2px 2px; line-height: 1rem;}
    .list-title span b a{ color: #D92C3F; font-size: 10px;}
.list-title span time{ float: right; color: #999 }

.lists{ padding-bottom: 6px; margin-bottom: 6px; border-bottom: 1px #CCCCCC solid; }
.yidian-info{
    color: #999;
    padding: 25px 0 30px;
    line-height: 1;
    font-size: 1.2rem;
}
.yidian-info span{ margin-right: 2rem;}
    }
.content-title{ margin-bottom: 0; font-weight: bold;}
.am-content p{ line-height: 180%; font-size: 1.1em; text-indent: 2em;}
/*.am-content p img{ margin-left: -2em;}*/
.am-content img, .am-content p img{ width: 100%; min-width: 100%; height: auto;}
.am-content img.icon{ width: auto; min-width:auto;}
#doc-scrollspy-insert{ text-align: center;}
/*.am-topbar-right{ height: 100%;}*/
.nav{ overflow-y: auto; height:307px;}
.nav ul{ display: block;}
.nav ul:after{visibility:hidden; display:block; font-size:0; content:'\20'; clear:both; height:0;}
.nav li{ list-style: none;
    float: left;
color: #ffffff; padding: 4px 10px;}
.nav li a{ color: #000000;}
.am-topbar-right .nav ul{ margin-bottom: 16px;}
.am-topbar-brand img{
    height:30px;}
.am-slides li{ position: relative;}
.am-slides li span{ color: #FFFFFF; position: absolute; display: block; line-height: 30px; overflow: hidden; width: 100%; background: rgba(0,0,0,0.6); bottom: 0px; font-size: 1.3rem; text-align: center;}

@media only screen and (min-width: 1000px){
    .am-topbar{ width: 1000px; margin: 0 auto;}
    .am-topbar-right{ display: block; width: 600px; max-width:420px; margin: 0 auto; float: none;}
    .am-topbar-right .nav{ min-height: 50px; height: 50px; overflow-y:scroll;}
    .am-topbar-right li{ float: left;}
    .am-topbar-right .nav ul{ float: left; display: inline-block; margin: 0; padding: 0;}
    .am-topbar-right ul:after{ float: left;}
    .imgbox img{max-width:100%; height:auto; width: 100%; max-height: 100%;}
    .list-title{ line-height: 40px;}
    .wxw-g { display: none;}

}