网易网手机端

时间:2024-03-05 17:17:54

 

a,blockquote,body,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,object,ol,p,q,small,span,strong,table,tbody,td,th,tr,ul {
    margin: 0;
    padding: 0;
    border: 0
}

body {
    font-family: STHeiti,Microsoft YaHei,Helvetica,Arial,sans-serif;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none
}

a,a:active,a:focus,a:hover,a:visited {
    text-decoration: none
}

a,img {
    -webkit-touch-callout: none
}

li,ol,ul {
    list-style: none
}

input[type=password],input[type=text],textarea {
    resize: none;
    outline: 0;
    -webkit-appearance: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    background: #fff
}

.clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

@media screen and (max-width: 320px) {
    html {
        font-size:42.667px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 321px) and (max-width:360px) {
    html {
        font-size:48px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 361px) and (max-width:375px) {
    html {
        font-size:50px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 376px) and (max-width:393px) {
    html {
        font-size:52.4px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 394px) and (max-width:412px) {
    html {
        font-size:54.93px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 413px) and (max-width:414px) {
    html {
        font-size:55.2px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 415px) and (max-width:480px) {
    html {
        font-size:64px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 481px) and (max-width:540px) {
    html {
        font-size:72px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 541px) and (max-width:640px) {
    html {
        font-size:85.33px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 641px) and (max-width:720px) {
    html {
        font-size:96px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 721px) and (max-width:768px) {
    html {
        font-size:102.4px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 769px) {
    html {
        font-size:102.4px;
        font-size: 13.33333vw
    }
}

body {
    font-family: PingFangSC-Regular,Microsoft YaHei,Helvetica;
    background: #f5f7f9
}

body,html a {
    color: #333
}

.hidden,.none {
    display: none!important
}

@media screen and (min-width: 769px) {
    html {
        font-size:102.4px
    }

    html .wap-wrap {
        width: 768px;
        margin: 0 auto
    }
}

.wap-wrap {
    font-size: .32rem;
    width: 100%
}

.wap-content-wrap {
    position: relative
}

.wap-section {
    margin-bottom: .12rem;
    background: #fff;
    padding: .22rem
}

.wap-section .wap-linklist {
    margin-left: -.47rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    letter-spacing: 0;
    font-size: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.wap-section .wap-linklist,.wap-section .wap-linklist a {
    color: #333
}

.wap-section .wap-linklist .link-item {
    width: 2em;
    display: inline-block;
    font-size: .32rem;
    height: .7rem;
    line-height: .7rem;
    text-align: center;
    margin: 0 0 0 .59rem;
    white-space: nowrap
}

@font-face {
    font-family: iconfont;
    src: url(https://static.ws.126.net/f2e/wap/milk_index/dist/iconfont_1.eot);
    src: url(https://static.ws.126.net/f2e/wap/milk_index/dist/iconfont_1.eot?#iefix) format("embedded-opentype"),url(https://static.ws.126.net/f2e/wap/milk_index/dist/iconfont_1.woff) format("woff"),url(https://static.ws.126.net/f2e/wap/milk_index/dist/iconfont_1.ttf) format("truetype"),url(https://static.ws.126.net/f2e/wap/milk_index/dist/iconfont_1.svg#iconfont) format("svg")
}

.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

.wap-index-nav {
    position: relative;
    z-index: 10000;
    overflow: visible
}

.wap-index-nav .login-bar {
    padding: 0 .29rem;
    height: .86rem;
    background-color: #ee1a1a;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.wap-index-nav .login-bar,.wap-index-nav .user-entry {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.wap-index-nav .user-entry {
    width: 30%;
    height: .4rem;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.wap-index-nav .user-entry .user-info {
    height: .4rem;
    font-size: .3rem;
    color: #fff;
    position: relative;
    padding-left: .48rem
}

.wap-index-nav .user-entry .user-info:before {
    display: block;
    width: .48rem;
    height: .48rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAihJREFUeNrsmL9Lw1AQx5tWKfgTOrRLJ1HBQTRQcCp08x/wPxB0q/4ruhTRxcXJvdipq1AodhKr4FCKpSD4a+qP+H1wgSM2bdK8JK19Bx/eRe+9e5dc312iGYYRmWaJRqZcVAAqABWACkAFMNsBzPm0bgrkQJquG6AMWtI9iVZCIjoogp7xV3r0v12ZPmVuPg+6xmjpkq0Uv7JSKA/O2HUPPIAKXWfADogRpu35JKSQbrnzNfrbILua5Unok5BCRcvm40Ns45YgimEHkGI/WKd3lD+xHq0x9h681oEcqyUi56sO5lTJ1qxDuTALWZrpFRfzKjZrqFbCrTSYnnExL2OzRuABiPagT7o453UHc3SyjdDccpgBiN6mRLooUNcgPsQ+TjYxui557o9CLmSe+yJN0nchN62EKSeT0kqE2syF0U7rMn1qPn1aDOyFRlPfRv/JO3ESrIFVsASW2aiBL/DNxk/wCppBByCOwX2wBzbAJo0rY/r/AXXwROM9KIKuH8eoOPqahv/yBk5lnkLid1IAR0NsPugOvg9Il74lpcSYAOs02skVOGa91tin0CEtZsoLuAWP7NG3x0yhBEvDLXBAuinipl16SaEFeqSmXICY5OLHiYIC89cCi14qcZYt9gzmfdy8ifBRZ36zXt6Jt5l+BzoBHO0d1qJb9+C6kCWZ3g6wPrVt9jB778R1G91vcex3VCW+sdH9Fsd+VTeqAlABqADClV8BBgCw7PhFQX7mAQAAAABJRU5ErkJggg==) no-repeat -.04rem -.06rem;
    -webkit-background-size: contain;
    background-size: contain;
    content: " ";
    position: absolute;
    left: 0;
    top: 0
}

.wap-index-nav .site-info {
    width: 40%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.wap-index-nav .site-info h1 {
    min-width: .8rem;
    height: .4rem;
    background: url(https://static.ws.126.net/f2e/wap/milk_index/dist/logo-site.png) no-repeat 50%;
    -webkit-background-size: contain;
    background-size: contain;
    font-size: 0;
    color: #fff
}

.wap-index-nav .app-entry {
    width: 30%;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: .4rem;
    overflow: visible
}

.wap-index-nav .app-entry .global-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.wap-index-nav .open-list {
    display: block
}

.wap-index-nav .open-list .open-mail {
    display: block;
    height: .42rem;
    font-size: .3rem;
    color: #fff;
    line-height: .42rem;
    position: relative;
    padding-left: .44rem;
    padding-right: .24rem
}

.wap-index-nav .open-list .open-mail:before {
    display: block;
    width: .36rem;
    height: .42rem;
    margin-right: .08rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAaCAYAAADSbo4CAAAAAXNSR0IArs4c6QAAAdVJREFUSA3tlz9IQlEUh31S0VRhUyAVBG3hFrQ4R05BEOHa2tTS2hZFTS0NrQpNzY0F0dASBBFBQ4QOkUNDZUSv78A7z/uuT5+GLx088HHPPff8+fGeXjSRwFzXTUMBSvBfJrNkZlo0OJ5zg5+SQBeswsyMCCngrHVBgDmyKK/FfB1L5mmcPnNzoFaSJ+IaA4cdx6ka+9hcxg7S/EsHJNXx1gcS1mHAind0S/8VGt4FmhIMMxGUB1tooLbdDf0W4BLqTD4jzeyWw+V2B9r59JiBk2aDbCFbJL+GFFwTW7QHRO2pScEBVMG0TzZ7ZiAgRBpzOALb8GYmev4Fa7YFAUPkbULFq9PlB6cI094sjbt1QnQIGeOwC+9+ds05w53XXHMlvgqPtVTfO8cL1PgnOA2FaHNyJuAQ7MdLyD2FLIyB3AtXYNs9gdDPmZkYKcQQNEXhMXybDZr4L5xtgNwXoWbWtixEO1E8CwWQ9x1mHwR3YFRrGq1mcdtCtClN5uAInkCGy92zD5OaE7WS61vgiud6d6KKO3kuKrRfR29ObfqXtS/Efmr9J9LTT6Ss6vg25dSPe7VmlXvmx7MIkf8VXf87keQyfUZIBorgvyb8uE1mycyMaPgFt6B66p+59h8AAAAASUVORK5CYII=) no-repeat 50% 50%;
    -webkit-background-size: contain;
    background-size: contain;
    content: " ";
    position: absolute;
    left: 0;
    top: 0
}

.wap-index-nav .open-list .open-mail:after {
    display: block;
    width: .14rem;
    height: .42rem;
    margin-left: .1rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAYAAABvEu28AAAAAXNSR0IArs4c6QAAAQ5JREFUKBWVkbFqgkEQhO9UCAiChU1Kq1R26eJTCFZCuoBgIbY2YpvOQhDyElZ5Azu7VFa+ghAIpMmfb847Xe8XwYO53Z2ZHTjOF0XhnXMvQGfjvS+O7e0733MQXbCNmN5eP6v4p2avWzlLoeshTjKuNEZPzwoK2oBPQw4wDs180UZtYEjtKsPpeVXwDtITVV+DaC5xmUc7VWMJYTXIRWbsJxN8P9PkrSVdP3Y6CA8MC/B8Ip2bx35muC39mB/+TdxFkEjC6pQl6Gjm/B2LSx/zxTwi5CfyoZSCxBLWoKzAk2ZzdvRDQr4NF9qrQVIIa1I+QFszZw/eCDmE6Z6LsBZYR7Tu2S15CXkUSkJG/AOvNboc4V4eUQAAAABJRU5ErkJggg==) no-repeat 50% 50%;
    -webkit-background-size: contain;
    background-size: contain;
    content: " ";
    position: absolute;
    right: 0;
    top: 0
}

.wap-index-nav .app-list-wrap {
    width: 2.72rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-right: -.13rem
}

.wap-index-nav .app-list {
    padding: .21rem 0 0;
    z-index: 50
}

.wap-index-nav .app-list:before {
    position: relative;
    z-index: 99;
    left: 2.28rem;
    top: 1px;
    display: block;
    width: 0;
    height: 0;
    background: transparent;
    border-style: solid;
    border-width: 0 .14rem .14rem;
    border-color: transparent transparent #fff;
    content: " "
}

.wap-index-nav .app-list ul {
    -webkit-border-radius: .08rem;
    border-radius: .08rem;
    background: #fff;
    -webkit-box-shadow: 0 .05rem .2rem .05rem rgba(0,0,0,.2);
    box-shadow: 0 .05rem .2rem .05rem rgba(0,0,0,.2)
}

.wap-index-nav .app-item {
    padding: .24rem .365rem .24rem .25rem;
    display: block
}

.wap-index-nav .app-item a {
    display: block
}

.wap-index-nav .app-item span {
    display: block;
    font-size: .285rem;
    line-height: .51rem;
    height: .45rem;
    color: #333;
    padding-left: .65rem
}

.wap-index-nav .app-item span:before {
    display: none;
    width: .45rem;
    height: .45rem;
    margin-right: .2rem;
    -webkit-background-size: contain;
    background-size: contain;
    content: " ";
    position: absolute;
    left: 0;
    top: 0
}

.wap-index-nav .item-mail span {
    background: url(https://static.ws.126.net/f2e/wap/milk_index/dist/logo-app-mail.png) no-repeat 0 0;
    -webkit-background-size: contain;
    background-size: contain
}

.wap-index-nav .item-bohe span {
    background: url(https://static.ws.126.net/f2e/wap/milk_index/dist/logo-app-bohe.png) no-repeat 0 0;
    -webkit-background-size: contain;
    background-size: contain
}

.wap-index-nav .item-manhua span {
    background: url(https://static.ws.126.net/f2e/wap/milk_index/dist/logo-app-manhua.png) no-repeat 0 0;
    -webkit-background-size: contain;
    background-size: contain
}

.wap-index-nav .item-read span {
    background: url(https://static.ws.126.net/f2e/wap/milk_index/dist/logo-app-read.png) no-repeat 0 0;
    -webkit-background-size: contain;
    background-size: contain
}

.wap-index-nav .app-list-closed .app-list {
    display: none
}

.fade-enter-active,.fade-leave-active {
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.fade-enter,.fade-leave-to {
    opacity: 0
}

.tab-bar {
    padding: 0 .22rem;
    margin-bottom: 0;
    height: .93rem;
    border-bottom: 1px solid #eee;
    background: #fff;
    font-size: .34rem;
    letter-spacing: 0;
    line-height: .48rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tab-bar ul {
    width: 100%;
    height: .93rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tab-bar .tab-item {
    width: 1%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    text-align: center;
    color: #333;
    height: .93rem;
    line-height: .93rem;
    position: relative;
    overflow: hidden
}

.tab-bar .tab-item:after,.tab-bar .tab-item:before {
    display: block;
    width: .15rem;
    height: .04rem;
    background: transparent;
    position: absolute;
    bottom: 0;
    content: " "
}

.tab-bar .tab-item:before {
    right: 45%
}

.tab-bar .tab-item:after {
    left: 45%
}

.tab-bar .tab-active {
    color: #ee1a1a
}

.tab-bar .tab-active:after,.tab-bar .tab-active:before {
    background: #ee1a1a
}

.tab-bar .tab-active:before {
    right: 50%
}

.tab-bar .tab-active:after {
    left: 50%
}

.auto-fixed .tab-bar {
    position: fixed;
    width: 7.5rem;
    top: 0;
    left: auto;
    right: auto;
    z-index: 1000
}

.tab-dark .tab-bar {
    background: #ee1a1a;
    border-width: 0
}

.tab-dark .tab-bar .tab-active,.tab-dark .tab-bar .tab-item {
    color: #fff
}

.tab-dark .tab-bar .tab-active:after,.tab-dark .tab-bar .tab-active:before {
    background: #fff
}

.wap-tabbar-wrap {
    height: .93rem
}

.login_panel {
    background: #fff;
    width: 5.2rem;
    height: 100%;
    position: fixed;
    z-index: 10002;
    overflow: hidden;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease;
    padding: 0 .3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.login_panel.show {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.login_panel .login_head {
    padding-top: .5rem;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.login_panel .login_head .avatar {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden
}

.login_panel .login_head .avatar img {
    width: 100%;
    height: 100%;
    display: block
}

.login_panel .login_head .nickname {
    padding-top: .13rem;
    font-size: .28rem;
    color: #888;
    max-width: 4rem;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0 auto
}

.login_panel .login_list {
    margin-top: .5rem
}

.login_panel .login_list ul {
    display: block;
    width: 100%
}

.login_panel .login_list .l_item {
    height: .9rem;
    line-height: .9rem;
    border-bottom: 1px solid #e5e5e5;
    display: block;
    text-align: left;
    font-size: 0
}

.login_panel .login_list .l_item a {
    display: block
}

.login_panel .login_list .not_logined .l_item:first-child {
    height: auto;
    min-height: 1.2rem
}

.login_panel .login_list .i_icon {
    width: .5rem;
    height: .5rem;
    display: inline-block;
    position: relative;
    top: .1rem
}

.login_panel .login_list .i_icon,.login_panel .login_list .icon_qq,.login_panel .login_list .icon_weibo,.login_panel .login_list .icon_wx,.login_panel .login_list .icon_wy {
    -webkit-background-size: contain;
    background-size: contain
}

.login_panel .login_list .icon_mail {
    color: #f33;
    top: 0
}

.login_panel .login_list .icon_comment {
    color: #f90;
    top: 0
}

.login_panel .login_list .icon_collection {
    color: #f39;
    top: 0
}

.login_panel .login_list .icon_logout {
    color: #36f;
    top: 0
}

.login_panel .login_list .i_title {
    padding-left: .3rem;
    display: inline-block;
    font-size: .28rem;
    color: #404040
}

.login_panel .login_list .i_num {
    float: right;
    font-size: .28rem;
    color: #888;
    display: inline-block
}

.login_panel .not_logined .loading_box {
    min-height: 100px
}

.login_panel .not_logined .l_item:last-child {
    padding-bottom: .5rem;
    border: none
}

.login_panel .not_logined .login-container .inputbox {
    font-size: .32rem;
    position: relative
}

.login_panel .not_logined .login-container .inputbox input {
    display: block;
    width: 3rem;
    border: 1px solid #e5e5e5;
    border-top: 0;
    line-height: 1em;
    font-size: .28rem;
    padding: .21rem .2rem .21rem .8rem;
    background: #f6f6f6;
    outline: none
}

.login_panel .not_logined .login-container .inputbox input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #f6f6f6 inset
}

.login_panel .not_logined .login-container .inputbox input:active,.login_panel .not_logined .login-container .inputbox input:focus,.login_panel .not_logined .login-container .inputbox input:hover,.login_panel .not_logined .login-container .inputbox input:visited {
    background: #f6f6f6
}

.login_panel .not_logined .login-container .inputbox .u_lable {
    display: block
}

.login_panel .not_logined .login-container .inputbox .ne_passwd,.login_panel .not_logined .login-container .inputbox .ne_user {
    width: .45rem;
    height: .5rem;
    margin: .1rem .2rem;
    -webkit-background-size: cover;
    background-size: cover;
    display: block;
    position: absolute;
    color: #282828
}

.login_panel .not_logined .login-container .inputbox .verifybox {
    padding: 0 .2rem;
    border: 1px solid #e5e5e5;
    width: 1.6rem;
    float: left
}

.login_panel .not_logined .login-container .inputbox .verifyimg {
    width: 1.6rem;
    height: .7rem;
    float: right
}

.login_panel .not_logined .login-container .inputbox .verifyimg img {
    width: 100%;
    height: 100%;
    display: block
}

.login_panel .not_logined .login-container .inputbox.verify_wrap {
    margin-top: .2rem
}

.login_panel .login_versions {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: .5rem
}

.login_panel .login_versions .v_icon {
    width: .91rem;
    height: .71rem;
    margin: auto;
    opacity: .2;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.login_panel .login_versions .version {
    display: inline-block;
    width: 26%;
    text-align: center
}

.login_panel .login_versions .version:first-child {
    margin-left: 9%
}

.login_panel .login_versions .v_title {
    padding-top: .26rem;
    font-size: .24rem;
    color: #999
}

.login_panel .login_versions .version_standard .v_icon {
    background-image: url(https://static.ws.126.net/f2e/wap/milk_index/dist/version_standard.png)
}

.login_panel .login_versions .version_pc .v_icon {
    background-image: url(https://static.ws.126.net/f2e/wap/milk_index/dist/version_pc.png)
}

.login_panel .login_versions .version_no_pic .v_icon {
    background-image: url(https://static.ws.126.net/f2e/wap/milk_index/dist/version_no_pic.png)
}

.login_panel .login_versions .version_active .v_icon {
    opacity: 1
}

.login_panel .login_versions .version_active .v_title {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
    color: #404040
}

.login_panel .login_app {
    margin-top: 1.37rem;
    margin-left: .21rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: .7rem;
    line-height: .7rem
}

.login_panel .login_app span {
    display: inline-block;
    padding-left: .18rem;
    font-size: .24rem;
    color: #404040
}

.login_panel .login_app .logo {
    float: left;
    width: .7rem;
    height: .7rem;
    -webkit-background-size: cover;
    background-size: cover
}

.login_panel .login_warning {
    position: absolute;
    top: .2rem;
    margin: 0 auto;
    width: 6.9rem;
    height: .6rem;
    -webkit-border-radius: .05rem;
    border-radius: .05rem;
    background: hsla(0,100%,90%,.85);
    font-size: .28rem;
    color: #f33;
    text-align: center;
    line-height: .6rem;
    display: none
}

.emailTipList {
    position: fixed;
    z-index: 99;
    -webkit-box-shadow: -1px -1px 10px #969090;
    box-shadow: -1px -1px 10px #969090;
    background: #f6f6f6;
    color: #404040;
    font-size: .36rem;
    z-index: 99999;
    left: 1rem;
    top: 1.2rem;
    width: 6rem;
    height: 4rem;
    line-height: .9rem;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    display: none
}

.emailTipList li {
    padding-left: .3rem
}

.login_mask {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    z-index: 10001;
    -webkit-backdrop-filter: blur(10px) saturate(180%);
    pointer-events: none
}

.login_mask,.login_mask:before {
    width: 200%;
    height: 200%;
    left: 0;
    top: 0
}

.login_mask:before {
    content: " ";
    display: block;
    position: absolute;
    background-color: rgba(0,0,0,.8)
}

.login_mask.show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.third_login {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2
}

.third_login .title {
    font-size: .24rem;
    width: 50%;
    margin: -.12rem auto 0;
    text-align: center;
    background: #fff;
    color: #6f6f6f;
    line-height: 1
}

.third_login .select_section {
    padding: .3rem 0;
    font-size: 0;
    text-align: center
}

.third_login .select_section .section_wrap {
    width: 25%;
    margin: .3rem 0;
    display: inline-block;
    text-align: center
}

.third_login .select_section .login_item {
    display: inline-block;
    font-size: .64rem;
    width: .64rem;
    height: .64rem;
    -webkit-border-radius: .32rem;
    border-radius: .32rem
}

.third_login .select_section .iconfont_qq {
    color: #68a5e1
}

.third_login .select_section .iconfont_weibo {
    color: #f56467
}

.login_panel .login_module {
    margin: 0 auto
}

.login_panel .loginbox {
    margin-bottom: .2rem;
    margin-top: .35rem
}

.login_panel .loginbox #dologin {
    width: 4rem;
    height: .7rem;
    background: #f33;
    -webkit-border-radius: .1rem;
    border-radius: .1rem;
    color: #fff;
    font-size: .28rem;
    margin: .2rem 0;
    text-align: center;
    line-height: .7rem
}

.login_panel .loginbox .reg {
    float: left
}

.login_panel .loginbox .reg a {
    color: #404040;
    font-size: .28rem;
    height: .32rem;
    line-height: .32rem
}

.login_panel .loginbox .fgtpwdbox {
    float: right
}

.login_panel .loginbox .fgtpwdbox a {
    color: #f33;
    font-size: .28rem;
    height: .32rem;
    line-height: .32rem
}

.la-ball-atom {
    display: inline-block;
    line-height: 1.45rem;
    vertical-align: middle
}

.la-ball-atom img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block
}

.la-ball-atom,.la-ball-atom>div {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-atom {
    display: block;
    font-size: 0;
    color: #fff
}

.la-ball-atom.la-dark {
    color: #333
}

.la-ball-atom>div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor
}

.la-ball-atom {
    width: .4rem;
    height: .4rem
}

.la-ball-atom>div:first-child {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 60%;
    height: 60%;
    background: #aaa;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-animation: ball-atom-shrink 4.5s infinite linear;
    animation: ball-atom-shrink 4.5s infinite linear
}

.la-ball-atom>div:not(:first-child) {
    position: absolute;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: none;
    -webkit-animation: ball-atom-zindex 1.5s 0s infinite steps(2);
    animation: ball-atom-zindex 1.5s 0s infinite steps(2)
}

.la-ball-atom>div:not(:first-child):before {
    position: absolute;
    top: 0;
    left: 0;
    width: .1rem;
    height: .1rem;
    margin-top: -.05rem;
    margin-left: -.05rem;
    content: "";
    background: pink;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    opacity: .75;
    -webkit-animation: ball-atom-position 1.5s 0s infinite ease,ball-atom-size 1.5s 0s infinite ease;
    animation: ball-atom-position 1.5s 0s infinite ease,ball-atom-size 1.5s 0s infinite ease
}

.la-ball-atom>div:nth-child(2) {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

.la-ball-atom>div:nth-child(2):before {
    -webkit-animation-delay: 0s,-1.125s;
    animation-delay: 0s,-1.125s
}

.la-ball-atom>div:nth-child(3) {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
    -webkit-animation-delay: -.25s;
    animation-delay: -.25s
}

.la-ball-atom>div:nth-child(3):before {
    -webkit-animation-delay: -1s,-.75s;
    animation-delay: -1s,-.75s
}

.la-ball-atom>div:nth-child(4) {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.la-ball-atom>div:nth-child(4):before {
    -webkit-animation-delay: -.5s,-.125s;
    animation-delay: -.5s,-.125s
}

.la-ball-atom.la-sm {
    width: .16rem;
    height: .16rem
}

.la-ball-atom.la-sm>div:not(:first-child):before {
    width: .04rem;
    height: .04rem;
    margin-top: -.02rem;
    margin-left: -.02rem
}

.la-ball-atom.la-2x {
    width: 1.2rem;
    height: 1.2rem
}

.la-ball-atom.la-2x>div:not(:first-child):before {
    width: .2rem;
    height: .2rem;
    margin-top: -.1rem;
    margin-left: -.1rem
}

.la-ball-atom.la-3x {
    width: 1rem;
    height: 1rem;
    margin: 0 auto
}

.la-ball-atom.la-3x>div:not(:first-child):before {
    width: .3rem;
    height: .3rem;
    margin-top: -.15rem;
    margin-left: -.15rem
}

@-webkit-keyframes ball-atom-position {
    50% {
        top: 100%;
        left: 100%
    }
}

@keyframes ball-atom-position {
    50% {
        top: 100%;
        left: 100%
    }
}

@-webkit-keyframes ball-atom-size {
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@keyframes ball-atom-size {
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@-webkit-keyframes ball-atom-zindex {
    50% {
        z-index: 10
    }
}

@keyframes ball-atom-zindex {
    50% {
        z-index: 10
    }
}

@-webkit-keyframes ball-atom-shrink {
    50% {
        -webkit-transform: translate(-50%,-50%) scale(.8);
        transform: translate(-50%,-50%) scale(.8)
    }
}

@keyframes ball-atom-shrink {
    50% {
        -webkit-transform: translate(-50%,-50%) scale(.8);
        transform: translate(-50%,-50%) scale(.8)
    }
}

.u-wrap {
    height: 0;
    overflow: hidden;
    position: relative
}

.u-wrap .flag {
    position: absolute;
    padding: 1px 6px 1px 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0,0,0,.5);
    bottom: 0;
    left: 0;
    text-align: center;
    color: #fff;
    -webkit-border-top-right-radius: .15rem;
    border-top-right-radius: .15rem;
    font-size: .24rem
}

.u-column {
    height: 1.18rem
}

.u-column img {
    width: 100%
}

.u-push {
    height: auto;
    font-size: 0
}

.u-push img {
    width: 100%
}

.push-in-enter-active,.push-in-leave-active {
    -webkit-transition: height 3s;
    -o-transition: height 3s;
    transition: height 3s
}

.push-in-enter,.push-in-leave-to {
    height: 0
}

.push-in-enter-to,.push-in-leave {
    height: 4rem
}

.u-float {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000
}

.u-float img {
    width: 100%;
    display: block
}

.u-float .u-wrap-bg {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    position: fixed
}

.u-float .u-info {
    background: #fff;
    width: 100%;
    height: .6rem
}

.u-float .u-info img {
    width: auto;
    height: 60%;
    margin: 0 auto;
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.u-float .u-close {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-size: .26rem;
    display: block;
    text-align: center;
    padding: .08rem;
    margin: .1rem;
    background: rgba(0,0,0,.5);
    z-index: 100001
}

.u-float .u-wrap {
    width: 5.04rem;
    height: auto;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.move-in-enter-active,.move-in-leave-active {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
    transition: transform 1s,-webkit-transform 1s
}

.move-in-enter,.move-in-leave-to {
    opacity: 1
}

.u-enlarge {
    height: auto;
    font-size: 0
}

.u-enlarge img {
    width: 100%
}

.enlarge-in-enter-active,.enlarge-in-leave-active {
    -webkit-transition: height 2s;
    -o-transition: height 2s;
    transition: height 2s
}

.enlarge-in-enter {
    height: 0
}

.enlarge-in-enter-to,.enlarge-in-leave {
    height: 2.4rem
}

.enlarge-in-leave-to {
    height: 1.18rem
}

.wap-section-footlinks {
    padding: .82rem .22rem .28rem;
    margin-bottom: 0;
    background: #f5f7f9
}

.wap-section-footlinks ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wap-section-footlinks .link-item {
    height: .48rem;
    line-height: .48rem;
    margin: 0 .27rem
}

.wap-section-footlinks .link-item,.wap-section-footlinks .link-item a {
    font-size: .32rem;
    display: block
}

.wap-section-footlinks .link-item a {
    padding-left: .56rem
}

.wap-section-footlinks .link-feedback {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAArFJREFUaAXtWLtqG0EU1RNEUJG4C6R2oSYQvSJXKkIaY5chhiRFwI0bd/oId27cpAgkhSFt7DRxsamEXkWaFK4N7pxGhIBePsfsLJPRXknMriQTRrDMzH3NuWdmNXcnkXA/x4BjwDHgGHAMOAbWx0By1tTVavXJaDQ6mkwmddg9nmW7BN11Mpn00ul0o9VqXUnxxQR88D8BfkNyXoUcSdwgiadSEikJhM/8WsETGwkkFglnRlL42+ZODRa2u93uN8l2GfJisbiNuGeMrWMx5xJXAIbBnl81eILs9XrnGtgAiya7685KwLS9l2OXwLqXxa2AW4GIDIjnwLy45XJ5fzweH+GM+JXNZneazeaN7lOr1TYGg8FX/IcXUqlUo9PpfND17M+LYdqHja3fAYJHwIcAuDUcDt+awSmjjja+rWmSmBdjyiFEYJ0AmVfxADToh8l0W6Vnq8vDYui2Ut96C2Fb7GLSN5wYJ/V3cwLKSqXSS4AsZDKZz6ae43kxwnxMmViNohaZKGMc66KdsllGuwgG6y20DMA2MV0CNqzF6eNWIE42bWL91ytwrRjxP+/UcCWtMWeAxZxcPMhwAHk4pPZ8hzMENH2nxvA5zefz7z3P+zulhKBer+f6/f5HxH0dppdkxCLpxC3E+xg4/lOgSUGUnAkD4A8kO/UNSxl1FuB5rdJQc5itmADvYXgfQ1bhJC6hGRAAK/BpA/AzpWOfMuqUbIGWF1uns+6EGCO2EgGl8QEAHuNR2/IPALzjJJB9QvOAfciGeA5RXp9wHPUXWwIEgiReoET+gu4jH5iqp9Q8v1HAvQL4C18fuVGBIwdSASqVyiaS4IfMppKxBeuXAL/TbrcvdXnUvvgO2AYmwFwu9xyAgxKbfcriBm+LcWE/vLxVPgs7OEPHgGPAMeAYWDUDtzp2EH0I/WfVAAAAAElFTkSuQmCC) no-repeat 0 0;
    -webkit-background-size: contain;
    background-size: contain
}

.wap-section-footlinks .link-cooperation {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAAEgBckRAAAABGdBTUEAALGPC/xhBQAAAxRJREFUaAXtWTuSEzEQ9e8EEEGxITGBfykxPsEunIPYTjkHLBcwxJv6FxATQuGIPYE/vJ6Splo9LY80M7a3Ck0idav/3dPqsVut2KdNDP1+/ygZOxax2WzaeGa0Ei4/IGC9Xk9pbfhRrbIGNKyrnrjBYPCOJGghzCWfPGTMvZyDITlO7p1cyMP/Bubhxf6PdDyrJiTq/ng83spDDjsVxqVyIm2v5mE4HL6Hxky7ZFILXBIRXNmkrJbw3n4t88PRoJmQcHkE1Fzmp2aDSvuLvD+T+F6vd7NYLH5LPIcLCkLKlgsQ+y2UjrxKqTTKykMILICS3+lhBWqBsMydTufDarX6Io5V0AmRFYBCn6rUAUjkaup9CUiBVRIgSyWR/Gq3UDkrIp0ckGtURdKKCNlURTcR9Ik0ReApRMBpFZpB4/H41W63+yXP0E4eMdo+l3gJOy+aPCQYwpe08v6CF3GCnjMnfNnjeGCsJYEvyhi1c5oG4NUdP3N6kQlFJeEkFF7dUqvhCpx9jR6UySF+KcPxwNHWEFCaZKuHBr7D4fCZYJ5we+5bgz1YLpf3SOKMrkufMA3vVBHFr+51SUq4h4UQ0Z2qWVIVV1DAtccKlRVE/ME5iFVm6c+uoBAizU1rTchK7YLTOR6YiWDLCWL2Wi+K4U+0KQIpAikC54iAc13WUUAD236//4Tb8C3k+OaqLZrhQ7fb/ej9UI80ohEHqvzy0FRXL9xlkQHIyGkatXxl44K9Kw2PMyJbGTGrNwOmJH5AUeEHohgFdWmRqUeU3BtfyXkzYL5oMuMhZIIPiu91jYnhR6YmoJ9TAI0tLzV+Z1oRBPmLeGnjyQ6U4jdmT24Lw2VbbwYkYQyMqLVHo9Ed1tfEhwz+NF8VhX+AYuRqtGdxgIy331ikFI60gKNt0K+HRBj6nMUB8zNn48ZqTgU5YFufJuDauCAHUMPTaxiK0ivVG+QAutDsGg4g86UOnGqj17A5WucpB/KvV3OpRAuvwyB05rZImd4Sor92MF3aUWIOgZL3IrAZJbIefBGFSUmKQIrAZSPwD3ZwF/6OzoYOAAAAAElFTkSuQmCC) no-repeat 0 0;
    -webkit-background-size: contain;
    background-size: contain
}

.wap-section-footlinks .link-login {
    background: url(https://static.ws.126.net/f2e/wap/milk_index/dist/icon-login-dark.png) no-repeat 0 -.03rem;
    -webkit-background-size: contain;
    background-size: contain
}

.wap-section-copyright {
    padding: .28rem .22rem .9rem;
    margin-bottom: 0;
    background: #f5f7f9;
    color: #999;
    font-size: .24rem;
    line-height: .33rem;
    text-align: center
}

.wap-section-copyright em {
    font-style: normal
}

.wap-float-btn {
    background: transparent;
    width: .1rem;
    height: .1rem;
    position: fixed;
    bottom: 0;
    right: 0;
    font-size: 0
}

.wap-float-btn .btn-item {
    display: block;
    width: .72rem;
    height: .72rem;
    position: absolute
}

.wap-float-btn .item-refresh {
    right: .4rem;
    bottom: 2.3rem;
    background: url(https://static.ws.126.net/f2e/wap/milk_index/dist/icon-download.png) no-repeat 0 0;
    -webkit-background-size: contain;
    background-size: contain
}

.wap-float-btn .item-download {
    right: .4rem;
    bottom: 1.14rem;
    background: url(https://static.ws.126.net/f2e/wap/milk_index/dist/icon-refresh.png) no-repeat 0 0;
    -webkit-background-size: contain;
    background-size: contain
}

.module-show {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.channel-bar {
    margin-bottom: 0;
    line-height: .45rem;
    overflow: hidden;
    position: relative;
    z-index: 40;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    background: #f8f8f8
}

.channel-bar,.channel-bar ul {
    height: 3.45rem;
    overflow: hidden
}

.toggle-btn {
    font-size: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: .64rem;
    height: .7rem;
    padding-bottom: .18rem;
    background: #f8f8f8;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-right: .4rem
}

.toggle-btn em {
    font-size: 0;
    display: block;
    width: .28rem;
    height: .12rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAA30lEQVR42rWVsQ3DIBRErZSZwENkjrjAcwCiygYMYGbJIMkUGSG1i4STQoS+ZJ/Rty1dYfN17xsO6Ibb2FlrDRRjPOH9SIFReHgv8M9P96zzUXB4g1HxjGwAeoQQ+r3h8HTOPQXLlM6SGHh57y97weEFT8FIGPsXufzkj3NV8M66auHwgFflO4NVxmWnw1Jxg1Z/Coy6Zut0TUhvY9KnLctKA0N2CE06BK+lYFOjlh2CMdS0NE6nkuwQmnS2dMow6cNLCxiENEelPlC0B5jqSOVJ51JeKvpLTHutJpJ0qi8j5J1z+JO9CgAAAABJRU5ErkJggg==) no-repeat 50% 50%;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.channel-closed {
    height: 1.32rem
}

.channel-closed .toggle-btn {
    padding-bottom: .16rem
}

.channel-closed .toggle-btn em {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.section-channel a {
    color: #333
}

.section-channel .sec-top {
    height: .5rem;
    line-height: .5rem;
    padding: .18rem 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section-channel .sec-bottom,.section-channel .sec-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.section-channel .sec-bottom {
    line-height: .42rem;
    font-size: .3rem;
    padding: .24rem 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-channel .sec-bottom .sec-more-link {
    display: block;
    color: #ee1a1a;
    height: .42rem;
    vertical-align: middle
}

.section-channel .sec-bottom .sec-more-link:after {
    display: inline-block;
    content: " ";
    width: .13rem;
    height: .24rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAYCAYAAAAh8HdUAAAAAXNSR0IArs4c6QAAAgRJREFUOBGVVD1IHEEU3jfnBRUld15MoXtygpKAoKlME8ROSyGlgiIEwcYYSCAWRkUEUYh2ikIaLQVLUxlSCOk0XTiLhduziHq3YBS5XeflvcHZ7K23JhnYnfe99775+WbeGAa1QkvLC/7Y/pcGKtnzVjgZAbZS+byy7yOLYBAQh4rp9EDQV8kWydHRAwD44gelfH9mmt0+rmAA+zCTqS6WSptkPlU5AL8gHh9JWpalcOinlgeWdR2vrZ00AH6qOGIduu5qMZNJhPIV9PdUf3x8eoM4SWJc3xKbDc9bxo6OB2GiT+JA48nJDyHEFNKKGaOUz4qOM812sJWROJDM5b6CEH9kR+w/N81X95I42GDb27S/HZ0IUo6dp9N9Gt+ZSQeO2tuXiPhNYyJ+KJhmJ2MluQ6EexKhruA4n+jQWzlGIjn0DUfOFB4giCNJ+729VaTcop6Fllqim/PmkW3nI0ld2exbA/G5ngGFmCWBvjOuSKINDxLhZYCwnsrlPmt8h0S3vIcO9bVOoGXtpWx7w8dklJFOm5qeSCkXSFKlKh3yYTKRmAsS2I5px0VbWyN63hpt/KHyAeTppo/XZLOXOkf3aiYuDffq6iPt4/EtgUtjgkrD0YnBXuDMjHBcd56cqpZI1hsJ8C6qlphc9kYoRyw2T5d2l+2oViYEPyx/I/gD/e8T9hsMOLnf5lFzfwAAAABJRU5ErkJggg==) no-repeat 100%;
    -webkit-background-size: contain;
    background-size: contain;
    margin-left: .1rem
}

.section-channel .sec-name {
    font-size: .36rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.section-channel .sec-tabs {
    -webkit-box-flex: 2;
    -webkit-flex: 2 0 auto;
    -ms-flex: 2 0 auto;
    flex: 2 0 auto
}

.section-channel .sec-tabs ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.section-channel .sec-tabs .link-item {
    font-size: .34rem;
    margin-left: .48rem
}

.section-bottom-links {
    padding: .62rem .22rem
}

.section-bottom-links .sec-top {
    height: .56rem;
    line-height: .56rem;
    padding: .18rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section-bottom-links .sec-name {
    font-size: .4rem
}

.news-card {
    padding: .24rem .22rem;
    border-bottom: 1px solid #f5f7f9;
    margin: 0 -.22rem
}

.news-card a {
    display: block
}

.news-card .title {
    font-weight: 400;
    max-height: .9rem;
    overflow: hidden;
    line-height: .45rem;
    font-size: .34rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-break: break-word;
}

.news-card .detail {
    color: #b4b4b4;
    line-height: .34rem;
    height: .34rem;
    margin-top: .15rem;
    font-size: 0;
    letter-spacing: 0;
    overflow: hidden
}

.news-card .detail span {
    font-size: .24rem;
    margin-right: .12rem;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap
}

.news-card .detail .news-tag {
    color: #ee1a1a
}

.news-card .detail .unlike,.news-card .unlike {
    float: right;
    width: .34rem;
    height: .34rem;
    font-size: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAeCAYAAADQBxWhAAAAAXNSR0IArs4c6QAAAYZJREFUSA3tlUFLhUAQx5+CYVcPQpRdOwgK4qWIIF5QBL2v0GfrKxQEQY8gopMICh6iTs/igX2AJEH7D7Egi7Mq0c0FmXVmdn/7/rPjm82mMSkwKTBCAU2VG8fxPuJvQRB8qvJELMuyjbIsD03TfHJd91v4ZavLDvGeJMlOXdfPeDBN9oSfs3mebwJ42zTNEvaSyyM/C/U870PTtHvkbFVV9aACE7AoihsA58hfw97R5txgoQA2tm0vYJdYzIJloGEYx2EYrjgg+ZU1pYSuTX3ff+mLUZwbvVBa2AW2LGvVlpR+oTgMBxP+QdAuMGR/Re2OEFuPAdJeg6EdYHKNBtIi9iJR8L/GYKhcV8j7iEOxt1p14EFQGUg1RDud9bUTB+6taRdQ3FJVjAOSXwkdsumQHPkArLxoBw19eC0+bVxbOI7zBakv2lJHUbQrg9rvLDRN020AT5Dc2xYyGAc4bUPkOQtF3d51XT/Ag+nvZ09e3H4nMP7SzgGcw161Y9N8UmBS4E8K/ABxwxbi4BTrMwAAAABJRU5ErkJggg==) no-repeat 50% 50%;
    -webkit-background-size: .3rem .3rem;
    background-size: .3rem .3rem;
    margin-right: 0
}

.wap-section .news-card:last-child {
    border-bottom: none
}

.card-type-news a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.card-type-news .news-info {
    -webkit-box-flex: 2;
    -webkit-flex: 2 2 auto;
    -ms-flex: 2 2 auto;
    flex: 2 2 auto
}

.card-type-news .title {
    padding-right: .12rem
}

.card-type-news .news-source {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 8em
}

.card-type-news .news-pic {
    width: 2.34rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.card-type-news .news-pic img {
    display: block;
    height: 1.46rem;
    margin: 0 auto
}

.card-type-news .detail .unlike,.card-type-news .unlike {
    margin-right: .12rem
}

.card-type-three a {
    display: block;
    position: relative
}

.card-type-three .title {
    font-weight: 400;
    max-height: .9rem;
    overflow: hidden;
    line-height: .45rem;
    font-size: .34rem
}

.card-type-three .news-source {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 16em
}

.card-type-three .detail .pic-num {
    color: #fff;
    font-size: .22rem;
    height: .3rem;
    line-height: .3rem;
    position: absolute;
    right: .1rem;
    bottom: .54rem;
    margin-right: 0;
    z-index: 10;
    padding-left: .22rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAAXNSR0IArs4c6QAAAXBJREFUOBGlkq1LRFEQxb2rbBCDoiAqFhGDgiAmMQhWuxg2+QcIW+xWrTaL2SQWq6BNFIMGQTAIK37AviCIQZ+/uTuze72+5bFvB847M2dmzrvvw/UQaZqOQeOSF4yac+5ZjKrgG3QTsl91XOqcZhBcFTyVrC2CRMxSqTimEy4S5lGKl2mUwLRw3MutxVXCBkmPvQCblsc6n8oH8GELFIlKiWkh0xsBK5HmV7LMKnTOQSVckBxtFDwCiQPQp7oX/pnFBlYz3Q8u/Vbrcko6YGWmGc0tsAPKeude8hMg8QDWwIsUxHWDeO/NhC1y+VX2TYPPwFCgvZPP6A2myO9BM5pmKHL3Q+18wjXNXwNt2R5bDYfpXWi/dTKEIxU/4FUwAW5U+4HXQyPL0cs688dMtDpYCgbl5e6BDdOymL6P8DHfUBayhvM09Wr8Jzq8CX/RmM1bbteXr3dLc67dQAf6nZjNs7ALJjtYjEefELZjsav6Fyy2Kj/nIVQTAAAAAElFTkSuQmCC) no-repeat 0 .05rem;
    -webkit-background-size: .2rem .2rem;
    background-size: .2rem .2rem
}

.card-type-three .news-pic {
    margin-top: .12rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.card-type-three .news-pic img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.1%;
    -ms-flex: 0 0 33.1%;
    flex: 0 0 33.1%;
    display: block;
    width: 2.34rem;
    height: 1.46rem;
    -o-object-fit: contain;
    object-fit: contain
}

.card-type-one a {
    display: block
}

.card-type-one .title {
    font-weight: 400;
    max-height: .9rem;
    overflow: hidden;
    line-height: .45rem;
    font-size: .34rem
}

.card-type-one .news-source {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 16em
}

.card-type-one .news-pic {
    margin-top: .12rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.card-type-one .news-pic img {
    display: block;
    width: 7.06rem;
    height: 3.52rem
}

.card-type-videobig a {
    display: block;
    position: relative
}

.card-type-videobig .title {
    font-weight: 400;
    max-height: .9rem;
    overflow: hidden;
    line-height: .45rem;
    font-size: .34rem
}

.card-type-videobig .detail .playtime {
    color: #fff;
    font-size: .22rem;
    height: .3rem;
    line-height: .3rem;
    position: absolute;
    right: .1rem;
    bottom: .58rem;
    margin-right: 0;
    z-index: 10
}

.card-type-videobig .news-pic {
    margin-top: .12rem;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.card-type-videobig .news-pic:after {
    display: block;
    width: .96rem;
    height: .96rem;
    background: url(https://static.ws.126.net/f2e/wap/milk_index/dist/icon-video-play.png) no-repeat 50%;
    -webkit-background-size: contain;
    background-size: contain;
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.48rem;
    margin-top: -.48rem;
    -webkit-border-radius: 100rem;
    border-radius: 100rem;
    z-index: 10
}

.card-type-videobig .news-pic img {
    display: block;
    width: 7.06rem;
    height: 3.52rem
}

.card-type-videosmall a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.card-type-videosmall .news-info {
    -webkit-box-flex: 2;
    -webkit-flex: 2 2 auto;
    -ms-flex: 2 2 auto;
    flex: 2 2 auto
}

.card-type-videosmall .title {
    padding-right: .12rem
}

.card-type-videosmall .detail .playtime {
    color: #fff;
    font-size: .22rem;
    height: .3rem;
    line-height: .3rem;
    position: absolute;
    right: .1rem;
    bottom: .08rem;
    margin-right: 0;
    z-index: 10
}

.card-type-videosmall .news-pic {
    width: 2.34rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative
}

.card-type-videosmall .news-pic:after {
    display: block;
    width: .64rem;
    height: .64rem;
    background: url(https://static.ws.126.net/f2e/wap/milk_index/dist/icon-video-play.png) no-repeat 50%;
    -webkit-background-size: contain;
    background-size: contain;
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.32rem;
    margin-top: -.32rem;
    -webkit-border-radius: 100rem;
    border-radius: 100rem;
    z-index: 10
}

.card-type-videosmall .news-pic img {
    display: block;
    width: 2.34rem;
    height: 1.46rem
}

.wap-section-footlinks {
    padding: .82rem .22rem .28rem;
    margin-bottom: 0;
    background: #f5f7f9
}

.wap-section-footlinks ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wap-section-footlinks .link-item {
    height: .48rem;
    line-height: .48rem;
    margin: 0 .27rem
}

.wap-section-footlinks .link-item,.wap-section-footlinks .link-item a {
    font-size: .32rem;
    display: block
}

.wap-section-footlinks .link-item a {
    padding-left: .56rem
}

.wap-section-footlinks .link-feedback {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAArFJREFUaAXtWLtqG0EU1RNEUJG4C6R2oSYQvSJXKkIaY5chhiRFwI0bd/oId27cpAgkhSFt7DRxsamEXkWaFK4N7pxGhIBePsfsLJPRXknMriQTRrDMzH3NuWdmNXcnkXA/x4BjwDHgGHAMOAbWx0By1tTVavXJaDQ6mkwmddg9nmW7BN11Mpn00ul0o9VqXUnxxQR88D8BfkNyXoUcSdwgiadSEikJhM/8WsETGwkkFglnRlL42+ZODRa2u93uN8l2GfJisbiNuGeMrWMx5xJXAIbBnl81eILs9XrnGtgAiya7685KwLS9l2OXwLqXxa2AW4GIDIjnwLy45XJ5fzweH+GM+JXNZneazeaN7lOr1TYGg8FX/IcXUqlUo9PpfND17M+LYdqHja3fAYJHwIcAuDUcDt+awSmjjja+rWmSmBdjyiFEYJ0AmVfxADToh8l0W6Vnq8vDYui2Ut96C2Fb7GLSN5wYJ/V3cwLKSqXSS4AsZDKZz6ae43kxwnxMmViNohaZKGMc66KdsllGuwgG6y20DMA2MV0CNqzF6eNWIE42bWL91ytwrRjxP+/UcCWtMWeAxZxcPMhwAHk4pPZ8hzMENH2nxvA5zefz7z3P+zulhKBer+f6/f5HxH0dppdkxCLpxC3E+xg4/lOgSUGUnAkD4A8kO/UNSxl1FuB5rdJQc5itmADvYXgfQ1bhJC6hGRAAK/BpA/AzpWOfMuqUbIGWF1uns+6EGCO2EgGl8QEAHuNR2/IPALzjJJB9QvOAfciGeA5RXp9wHPUXWwIEgiReoET+gu4jH5iqp9Q8v1HAvQL4C18fuVGBIwdSASqVyiaS4IfMppKxBeuXAL/TbrcvdXnUvvgO2AYmwFwu9xyAgxKbfcriBm+LcWE/vLxVPgs7OEPHgGPAMeAYWDUDtzp2EH0I/WfVAAAAAElFTkSuQmCC) no-repeat 0 0;
    -webkit-background-size: contain;
    background-size: contain
}

.wap-section-footlinks .link-cooperation {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAAEgBckRAAAABGdBTUEAALGPC/xhBQAAAxRJREFUaAXtWTuSEzEQ9e8EEEGxITGBfykxPsEunIPYTjkHLBcwxJv6FxATQuGIPYE/vJ6Splo9LY80M7a3Ck0idav/3dPqsVut2KdNDP1+/ygZOxax2WzaeGa0Ei4/IGC9Xk9pbfhRrbIGNKyrnrjBYPCOJGghzCWfPGTMvZyDITlO7p1cyMP/Bubhxf6PdDyrJiTq/ng83spDDjsVxqVyIm2v5mE4HL6Hxky7ZFILXBIRXNmkrJbw3n4t88PRoJmQcHkE1Fzmp2aDSvuLvD+T+F6vd7NYLH5LPIcLCkLKlgsQ+y2UjrxKqTTKykMILICS3+lhBWqBsMydTufDarX6Io5V0AmRFYBCn6rUAUjkaup9CUiBVRIgSyWR/Gq3UDkrIp0ckGtURdKKCNlURTcR9Ik0ReApRMBpFZpB4/H41W63+yXP0E4eMdo+l3gJOy+aPCQYwpe08v6CF3GCnjMnfNnjeGCsJYEvyhi1c5oG4NUdP3N6kQlFJeEkFF7dUqvhCpx9jR6UySF+KcPxwNHWEFCaZKuHBr7D4fCZYJ5we+5bgz1YLpf3SOKMrkufMA3vVBHFr+51SUq4h4UQ0Z2qWVIVV1DAtccKlRVE/ME5iFVm6c+uoBAizU1rTchK7YLTOR6YiWDLCWL2Wi+K4U+0KQIpAikC54iAc13WUUAD236//4Tb8C3k+OaqLZrhQ7fb/ej9UI80ohEHqvzy0FRXL9xlkQHIyGkatXxl44K9Kw2PMyJbGTGrNwOmJH5AUeEHohgFdWmRqUeU3BtfyXkzYL5oMuMhZIIPiu91jYnhR6YmoJ9TAI0tLzV+Z1oRBPmLeGnjyQ6U4jdmT24Lw2VbbwYkYQyMqLVHo9Ed1tfEhwz+NF8VhX+AYuRqtGdxgIy331ikFI60gKNt0K+HRBj6nMUB8zNn48ZqTgU5YFufJuDauCAHUMPTaxiK0ivVG+QAutDsGg4g86UOnGqj17A5WucpB/KvV3OpRAuvwyB05rZImd4Sor92MF3aUWIOgZL3IrAZJbIefBGFSUmKQIrAZSPwD3ZwF/6OzoYOAAAAAElFTkSuQmCC) no-repeat 0 0;
    -webkit-background-size: contain;
    background-size: contain
}

.wap-section-footlinks .link-login {
    background: url(https://static.ws.126.net/f2e/wap/milk_index/dist/icon-login-dark.png) no-repeat 0 -.03rem;
    -webkit-background-size: contain;
    background-size: contain
}

.wap-section-copyright {
    padding: .28rem .22rem .9rem;
    margin-bottom: 0;
    background: #f5f7f9;
    color: #999;
    font-size: .24rem;
    line-height: .33rem;
    text-align: center
}

.wap-section-copyright em {
    font-style: normal
}

.wap-float-btn {
    background: transparent;
    width: .1rem;
    height: .1rem;
    position: fixed;
    bottom: 0;
    right: 0;
    font-size: 0
}

.wap-float-btn .btn-item {
    display: block;
    width: .72rem;
    height: .72rem;
    position: absolute
}

.wap-float-btn .item-refresh {
    right: .4rem;
    bottom: 2.3rem;
    background: url(https://static.ws.126.net/f2e/wap/milk_index/dist/icon-download.png) no-repeat 0 0;
    -webkit-background-size: contain;
    background-size: contain
}

.wap-float-btn .item-download {
    right: .4rem;
    bottom: 1.14rem;
    background: url(https://static.ws.126.net/f2e/wap/milk_index/dist/icon-refresh.png) no-repeat 0 0;
    -webkit-background-size: contain;
    background-size: contain
}

.loading-list {
    padding: 5%
}

.loader {
    position: relative;
    margin: 0 auto;
    width: 35px
}

.loader:before {
    content: "";
    display: block;
    padding-top: 100%
}

.circular {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    stroke: #ccc;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
    stroke-linecap: round
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

.pre-load-news {
    height: 1.46rem;
    padding: .22rem;
    background: #fff;
    position: relative
}

.pre-load-news:after {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAr4AAACSAQMAAACZuFtSAAAABlBMVEVHcEz19/mzuQioAAAAAXRSTlMAQObYZgAAAGFJREFUaN7t2LEJACAQA8Bs4P7bOYigGwgKFuqlfq5OPn0nLUnK/AIMBoPBYDAYDAbfDO8HDAaDwWAweLmwgMFgMBgMBoPB4P9gqwkMBoPBYPCpF2QFg8FgMBj8OqwJ3QsP1AcjLffM/cAAAAAASUVORK5CYII=);
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block
}

.pre-load-one {
    height: 4rem;
    padding: .22rem;
    background: #fff;
    position: relative
}

.pre-load-one:after {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAsIAAAHGAQMAAABEpX8RAAAABlBMVEVHcEz19/mzuQioAAAAAXRSTlMAQObYZgAAALFJREFUeNrt1qENACAMAEE26+qMhSsCVw0hgfsBTn+L3FUrkclkMplMJpPJ5LdlSZJ0ojxUJ5PJZDKZTCaTyWQymUwmk8lkMplMJpPJZDKZTCaTyWQymUwmk8lkMplMJpPJZDKZTCaTyWQymUwmk8lkMplMJpPJZDKZTCaTyWQymUwmk8lkMplMJpPJZDKZTCaTyWQymUwmk8lkMplMJpMvyJIkSasonzDIZDKZTCb/KU9igQQGefp3wgAAAABJRU5ErkJggg==);
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block
}

.recommend-list {
    margin-bottom: .12rem;
    background: #fff;
    padding: .22rem
}

.fade-enter-active,.fade-leave-active {
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.fade-enter,.fade-leave-to {
    opacity: 0
}

.rec-news-item .news-card .detail:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

.recommend-list {
    margin-bottom: .12rem;
    background: #fff;
    padding: .22rem
}

.recommend-feed-wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11111
}

.recommend-feed-wrap .recommend-feed-bg {
    background: rgba(0,0,0,.65);
    width: 100%;
    height: 100%;
    opacity: 0
}

.recommend-feed-wrap .recommend-feed-bg.show {
    -webkit-animation: fade_in .3s ease-out forwards;
    animation: fade_in .3s ease-out forwards
}

.recommend-feed-wrap .recommend-feed-bg.hide {
    -webkit-animation: fade_out .3s ease-out forwards;
    animation: fade_out .3s ease-out forwards
}

.recommend-feed-wrap .recommend-content-wrap {
    width: 6.9rem;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    position: absolute;
    right: .3rem
}

.recommend-feed-wrap .recommend-content-wrap.show .recommend-content {
    -webkit-animation: fade_in .3s ease-out forwards,scale-in .3s ease-out forwards;
    animation: fade_in .3s ease-out forwards,scale-in .3s ease-out forwards
}

.recommend-feed-wrap .recommend-content-wrap.hide .recommend-content {
    -webkit-animation: fade_out .3s ease-out forwards,scale-out .3s ease-out forwards;
    animation: fade_out .3s ease-out forwards,scale-out .3s ease-out forwards
}

.recommend-feed-wrap .recommend-content-wrap .recommend-content {
    width: 100%;
    min-height: 1rem;
    background: #fff;
    -webkit-border-radius: .1rem;
    border-radius: .1rem;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

.recommend-feed-wrap .recommend-content-wrap .recommend-content .arc {
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-right: 12px solid #fff;
    border-bottom: 9px solid transparent;
    position: absolute;
    bottom: -2px;
    left: 93%
}

.recommend-feed-wrap .recommend-content-wrap .recommend-content .recommend-title {
    height: .6rem;
    width: 90%;
    margin: 0 5%;
    padding: .35rem 0;
    position: relative
}

.recommend-feed-wrap .recommend-content-wrap .recommend-content .recommend-title .title {
    font-size: .28rem;
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.recommend-feed-wrap .recommend-content-wrap .recommend-content .recommend-title .title span {
    color: #f33
}

.recommend-feed-wrap .recommend-content-wrap .recommend-content .recommend-title .unlike {
    font-size: .24rem;
    color: #fff;
    background: #f33;
    padding: 0 .5rem;
    height: .6rem;
    line-height: .6rem;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.recommend-feed-wrap .recommend-content-wrap .recommend-content .recommend-list ul {
    width: 90%;
    margin: 0 5%;
    padding-bottom: .4rem;
    -webkit-border-radius: .1rem;
    border-radius: .1rem
}

.recommend-feed-wrap .recommend-content-wrap .recommend-content .recommend-list ul li.rec-item {
    font-size: .24rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: .1rem;
    margin-right: 2%;
    width: 49%;
    float: left
}

.recommend-feed-wrap .recommend-content-wrap .recommend-content .recommend-list ul li.rec-item:nth-child(2n) {
    margin-right: 0
}

.recommend-feed-wrap .recommend-content-wrap .recommend-content .recommend-list ul li.rec-item.select {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    border: 1px solid #f33;
    color: #f33
}

.recommend-feed-wrap.up .recommend-content-wrap {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.recommend-feed-wrap.up .recommend-content {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.recommend-feed-wrap.up .recommend-content:after {
    top: -.15rem
}

@-webkit-keyframes scale_in {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale_in {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes scale_out {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes scale_out {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes fade_in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade_in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fade_out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fade_out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

 

.floor-level.padding-l-1,.graphic-col02-flex {
    display: box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

 

.common-box-content-vertical-horizontal-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}