html,body,.base{ padding:0; margin:0; color: #323232; font-size: 16px; }
html,body,.base { width:100%; }
html,body { height:100%; }
@media screen and ( min-width: 321px ) { html,body,.base { font-size: 16px; } }
@media screen and ( max-width: 320px ) { html,body,.base { font-size: 14px; } }
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Microsoft YaHei, 微软雅黑, 宋体, Arial, Helvetica, sans-serif;
}
ul { list-style:none; padding:0; margin:0; }
iframe { width: 100%; height: 100%; border:none; }

/** IScroll **/
.wrapper { position: relative; width: 100%; height:100%; overflow: hidden; }
.scroller {
    width: 100%;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
.bottom_area, .top_area { width: 100%; text-align: center; vertical-align: middle; }
.bottom_area { margin-bottom: -0.5em; padding-top: 0.5em; height: 0; overflow: visible; }
.top_area { margin-top: -2.5em; min-height: 2.5em; }
.bottom_area label[data-for="bottom"], .top_area label[data-for="top"] { margin: auto; line-height: 2em; color: #646464; }
.bottom_area .bottom_footer { padding: 0.5em; }
.bottom_area .bottom_footer img { margin: auto; max-height: 3.5em; }

/** 隐藏 **/
.off { display:none !important; }

/** loading **/
.loading { position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; background: rgba(255,255,255,0.3) center no-repeat url( ../images/loading.gif ); }

/** 点击查看大图 **/
.big_swiper { position:fixed; top:0; left:0; right:0; bottom:0; z-index:8888; background: rgba(0,0,0,1); }
.big_swiper .img { background:no-repeat center; background-size: contain; }
.big_swiper .swiper-container { width:100%; height:100%; }

/** 头部，下载App图片 **/
.top_header { height:3em; width:100%; border-bottom: 1px solid #ddd; }
.top_header img { width:100%; height:auto; position:fixed; top:0; left:0; z-index:10100; }
.bottom_footer { width:100%; text-align: center; }
.bottom_footer img { max-width: 80%; margin:2em auto; }

/** prompt提示框 **/
.prompt { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index: 99999; }
.prompt .table_div { width:100%; height:100%; display:table; }
.prompt .table_center { display: table-cell; vertical-align: middle; text-align: center; }
.prompt .con { background:#FFF; border:1px solid transparent; border-radius: 0.3em; max-width:80%; margin: auto; }
.prompt label { padding: 1.5em; line-height: 1.4em; display: block; }
.prompt .button_bar { width:100%; display:table; border-top: 1px solid #ddd; }
.prompt button { background:#FFF; border:1px solid transparent; line-height: 2.4em; width:50%; text-align: center; }
.prompt button[ok] { color:#e03335; }
.prompt button[cancel] { color:#646464; border-left: 1px solid #ddd; }
.prompt button:first-child { border-bottom-left-radius: 0.3em; }
.prompt button:last-child { border-bottom-right-radius: 0.3em; }


.top_header{
    height: 60px;
    z-index: 99;
}
.base>div{
	flex: 0 0 auto;
}
.base>div.pinglun{
    flex: 1 1 auto ;
}
.uncomment {
    height: 21.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 15px;
    font-family: Source Han Serif CN;
    font-weight: 400;
    color: #B8B8B8;
    line-height: 20px;
}