.body-bg{background: #FFFFFF url(../img/bg.gif) no-repeat left top; background-size: 100% auto; max-width: 760px; margin: auto}
.alpha-bg{background-color: rgba(187, 187, 187, 0);}
.flex{display: flex}
.sel-search{background: #FFFFFF; height: 40px; margin-top: 0; border-radius: 5px; position: relative}
.search-logo{margin-left: 7px; background: url(../img/logo.png) no-repeat 0 center; background-size: 30px auto;}
.search-logo:before{background: #adadad; width: 1px; overflow: hidden; content: ' '; position: absolute; top: 8px; bottom: 8px; left: 44px;}
input.search-input{height: 100%; font-size: .7rem; margin-left: 49px;}
.search-btn{right: 0; top: 50%; transform: translate(-50%,-50%); position: absolute}
.site-info{font-weight: bold; font-size: .7rem; color: #ffffff;}
.f-right{float: right}
.f-left{float: right}
.color-white{color: #FFFFFF}
.center{text-align: center}
.bg-white{background: #FFFFFF}
.p5{padding: 10px 0}
.home-tab{font-size: .7rem; border-bottom: 1px solid #e4e4e4; color: #7b7b7b}
.home-tab ul li.active {border-bottom:  1px solid #0a6999; padding-bottom: 10px; padding-left: 10px; padding-right: 8px;}
.f6{font-size: .6rem}
.gray{color: #7b7b7b}
.grid-label{display: block; font-size: 0.6rem; position: relative; margin-top: 0.25rem; color: #797979}
.aui-grid img{display: block; margin: 0 auto; width: 60%; height: 100%;}
.aui-grid [class*=aui-col-] {display: table-cell; position: relative; text-align: center; vertical-align: middle; padding: .4rem 0 0 0; }
.w20 {width: 20%;}
.b5{bottom: -5px;}
.aui-slide-page-active {background: #1abc9c; width: 12px; border-radius: 3px;}
.slide2{padding: .3rem 0 0 0; background-color: #e6e6e6;}
.aui-grid .aui-badge {position: absolute; top: 0.2rem; left: 60%; z-index: 99;}
.aui-badge {display: table; width: auto; text-align: center; min-width: 0.8rem; height: 0.8rem; line-height: 0.8rem; padding: 0 0.2rem; font-size: 0.6rem; color: #ffffff; background-color: rgba(253, 38, 0, 0.7); border-radius: 0.4rem; position: absolute; top: 0.2rem; left: 60%; z-index: 99;}
/*筛选下来菜单*/
.sel-menu{font-size: .65rem; color: #7b7b7b}
/*.sel-menu .aui-flex-auto{position: relative; width: 1%}*/
.sel-menu .aui-flex-auto{position: relative; width: 0; display: flex; align-items: center; justify-content: center;}
.sel-menu .line:before {
    content: ' ';
    position: absolute;
    border-right: 1px solid #EEE;
    right: 0;
    top: 0px;
    bottom: -3px;
}
/*.sel-menu .aui-filter:after {
    content: ' ';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #666;
    position: absolute;
    top: 50%;
    margin-left: 5px;
    margin-top: -2px;
}
.aui-filter-active span{color: #0f9ae0}
.sel-menu .aui-filter-active:after {
    content: ' ';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #666;
    position: absolute;
    top: 50%;
    margin-left: 5px;
    margin-top: -2px;
}*/
.sel-menu .aui-filter:after {
    content: ' ';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #666;
    margin-left: 5px;
}
.aui-filter-active span{color: #0f9ae0}
.sel-menu .aui-filter-active:after {
    content: ' ';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #666;
    margin-left: 5px;
}
.aui-filter-item{
    position: absolute;
    z-index: 1;
    width: 100%;
    background: #FFF;
    line-height: 40px;
    top: 30px;
    max-height: 205px;
    overflow-y: auto;
    display: none;
    border-bottom: 1px solid #ddd;
}
.aui-filter-item:nth-child(1){
    border-right: 1px solid #ddd;
}
.aui-filter-item:nth-child(2){
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.aui-filter-item:nth-child(3){
    border-left: 1px solid #ddd;
}
.aui-filter-item li{
    border-bottom: 1px solid #dddddd;
}
.aui-filter-item li:last-child{
    border-bottom: 0;
}
/*结束*/
.aui-list .aui-list-item-media {
    width: 3rem;
    height: 100%;
    /*margin-top: -100px;*/
}
.aui-list .aui-list-item {
    padding-left: 0.55rem;
    display: flex;
}
.aui-list .aui-list-item-inner {
    margin-left: -5px;
    padding-right: 0.85rem;
}
.aui-list .aui-list-item-text {
    font-size: 0.65rem;
    color: #757575;
    line-height: 22px;
    margin-top: 4px;
    display: -webkit-box;
    display: block;
}
.detail-toggle {
    color: #758096;
    cursor: pointer;
    margin: 1px 0 0 0;
    /*display: block;*/
    font-style: normal;
    font-size: .65rem;
}
.detail-time {
    font-size: 13px;
    position: relative;
    margin: 3px 0;
    clear: both;
}
.detail-time span, .detail-time span a {
    color: #999 !important;
}
.detail-cmt-wrap {
    /*margin: 0 10px 0 -10px;*/
}
.detail-cmtr {
    border-bottom: 8px solid #F5F5F5;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    width: 1px;
    margin-top: 5px;
    margin-left: 55px;
    display: block;
}
.detail-cmt {
    clear: both;
    width: 100%;
    background-color: #F5F5F5;
}
.detail-cmt .like-list {
    color: #758096;
    padding: 3px 5px 3px 34px;
    line-height: 1.5;
    background: url(../img/icon-heart2.png) no-repeat 12px;
    background-size: 13px;
    font-size: 12px;
}
.aui-bar-tab {
    /*box-shadow: 10px 10px 10px 6px #818181; *!*/
    background: url(../img/f_bg.png?1202) no-repeat center center rgba(0, 0, 0, 0);
    background-size: auto 100%;
    padding-top: 1.4em;
    z-index: 1;
    max-width: 760px;
    margin: auto;
    /*background-color: #FFFFFF;*/
}
.t5{top: -0.5rem; font-size: 22px}
.aui-bar-tab .aui-bar-tab-item {
    font-weight: normal;
}
.aui-margin-b-15 {
    margin-bottom: 4rem !important;
}
.detail-time-icon {
    background: url(../img/comment.png) no-repeat;
    background-size: contain;
    width: 22px;
    height: 18px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    cursor: pointer;
}
.detail-time-icon:active{opacity: .5}
.only-detail-time-icon {
    background: url(../img/comment.png) no-repeat;
    background-size: contain;
    width: 22px;
    height: 18px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    cursor: pointer;
}
.dh{
    font-size: .6rem;
    color: #7b7b7b;
    padding: .5rem;
    font-weight: bold;
}
.txt-tip{
    font-size: .6rem;
    padding: .2rem;
    background: #fefced;
    color: #eb6e6e;
}
.fg{
    background: #e5e5e5;
    padding: .2rem 0 0 0;
    margin-bottom: -5px;
    display: flex;
}
.m2{margin: .2rem}
/*#wrapper {*/
    /*position: relative;*/
    /*z-index: 1;*/
    /*height: 160px;*/
    /*width: 100%;*/
    /*background: #ccc;*/
    /*overflow: hidden;*/
    /*-ms-touch-action: none;*/
/*}*/
/*#scroller {*/
    /*position: absolute;*/
    /*z-index: 1;*/
    /*-webkit-tap-highlight-color: rgba(0,0,0,0);*/
    /*width: 2400px;*/
    /*height: 160px;*/
    /*-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;*/
/*}*/
/*#scroller ul {*/
    /*list-style: none;*/
    /*width: 100%;*/
    /*padding: 0;*/
    /*margin: 0;*/
/*}*/
/*#scroller li {*/
    /*width: 120px;*/
    /*height: 160px;*/
    /*float: left;*/
    /*line-height: 160px;*/
    /*border-right: 1px solid #ccc;*/
    /*border-bottom: 1px solid #ccc;*/
    /*background-color: #fafafa;*/
    /*font-size: 14px;*/
    /*overflow: hidden;*/
    /*text-align: center;*/
/*}*/
.aui-list-item:last-child{
    /*background-size: 100% 0px;*/
}
.aui-media-list-item-inner {
    width: 150%;
}
.color-gray{color: #7b7b7b}
.text-info{max-height: 65px; overflow-y: hidden; color: #000}
.view-detail{position: absolute; font-size: 0.6rem; top: 0; right: 0;}
.aui-info-mobile{color: #757575;}
.f65{font-size: .65rem}
.detail-toolbar{
    position: absolute;
    top: -10px;
    right: 30px;
    background: #414141;
    padding: 5px;
    border-radius: 5px;
    box-sizing: content-box;
    max-width: 255px;
    display: flex;
}
.detail-toolbar a:first-child{border: none}
.detail-toolbar a{
    /*border-left: #ffffff 1px solid;*/
    width: 33%;
    min-width: 70px;
    color: #FFF !important;
    padding: 0 8px;
}
.aui-list .aui-list-item:active {
    background-color: rgba(58, 21, 21, 0);
}
.aui-list .aui-list-item .content a:active{
    background-color: #a9a9a9;
}
.content a{color: #000}
.detail-active{color: #b3b3b3}
/*印戳*/
.complete-stamp{position: absolute; top: 10px; right: 10px;}
.gz-mask{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.65);opacity:0;z-index:100000001;visibility:hidden;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s; display: table; text-align: center;}
.swiper-gz-mask{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.65);opacity:0;z-index:101;visibility:hidden;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s; display: table; text-align: center;}
.tb-cell{display: table-cell; vertical-align: middle; left: 50%; top: 50%;}
.tb-cell img{*position:relative; vertical-align:top;left:-50%;top:-50%; display: inline-block; border-radius: 5px}
.gz-tip{color: #FFF; margin-top: 22px;}
.close-gz-mask{width: 30px; margin-top: 30px;}
.search-btn:active{opacity: .5}
.ios-scroll{-webkit-overflow-scrolling: touch}

