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- 320px) {
html {
font-size:42.667px;
font-size: 13.33333vw
}
}
@media screen and (min- 321px) and (max-360px) {
html {
font-size:48px;
font-size: 13.33333vw
}
}
@media screen and (min- 361px) and (max-375px) {
html {
font-size:50px;
font-size: 13.33333vw
}
}
@media screen and (min- 376px) and (max-393px) {
html {
font-size:52.4px;
font-size: 13.33333vw
}
}
@media screen and (min- 394px) and (max-412px) {
html {
font-size:54.93px;
font-size: 13.33333vw
}
}
@media screen and (min- 413px) and (max-414px) {
html {
font-size:55.2px;
font-size: 13.33333vw
}
}
@media screen and (min- 415px) and (max-480px) {
html {
font-size:64px;
font-size: 13.33333vw
}
}
@media screen and (min- 481px) and (max-540px) {
html {
font-size:72px;
font-size: 13.33333vw
}
}
@media screen and (min- 541px) and (max-640px) {
html {
font-size:85.33px;
font-size: 13.33333vw
}
}
@media screen and (min- 641px) and (max-720px) {
html {
font-size:96px;
font-size: 13.33333vw
}
}
@media screen and (min- 721px) and (max-768px) {
html {
font-size:102.4px;
font-size: 13.33333vw
}
}
@media screen and (min- 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- 769px) {
html {
font-size:102.4px
}
html .wap-wrap {
768px;
margin: 0 auto
}
}
.wap-wrap {
font-size: .32rem;
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 {
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- .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 {
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;
.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 {
40%;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.wap-index-nav .site-info h1 {
min- .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 {
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;
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;
.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;
.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 {
2.72rem;
-webkit-max-content;
-moz-max-content;
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;
0;
height: 0;
background: transparent;
border-style: solid;
border- 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;
.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 {
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 {
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;
.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;
7.5rem;
top: 0;
left: auto;
right: auto;
z-index: 1000
}
.tab-dark .tab-bar {
background: #ee1a1a;
border- 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;
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;
1.5rem;
height: 1.5rem;
-webkit-border-radius: 100%;
border-radius: 100%;
overflow: hidden
}
.login_panel .login_head .avatar img {
100%;
height: 100%;
display: block
}
.login_panel .login_head .nickname {
padding-top: .13rem;
font-size: .28rem;
color: #888;
max- 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;
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 {
.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;
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 {
.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;
1.6rem;
float: left
}
.login_panel .not_logined .login-container .inputbox .verifyimg {
1.6rem;
height: .7rem;
float: right
}
.login_panel .not_logined .login-container .inputbox .verifyimg img {
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 {
.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;
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;
.7rem;
height: .7rem;
-webkit-background-size: cover;
background-size: cover
}
.login_panel .login_warning {
position: absolute;
top: .2rem;
margin: 0 auto;
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;
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 {
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;
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 {
25%;
margin: .3rem 0;
display: inline-block;
text-align: center
}
.third_login .select_section .login_item {
display: inline-block;
font-size: .64rem;
.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 {
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 {
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 {
.4rem;
height: .4rem
}
.la-ball-atom>div:first-child {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
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;
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;
.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 {
.16rem;
height: .16rem
}
.la-ball-atom.la-sm>div:not(:first-child):before {
.04rem;
height: .04rem;
margin-top: -.02rem;
margin-left: -.02rem
}
.la-ball-atom.la-2x {
1.2rem;
height: 1.2rem
}
.la-ball-atom.la-2x>div:not(:first-child):before {
.2rem;
height: .2rem;
margin-top: -.1rem;
margin-left: -.1rem
}
.la-ball-atom.la-3x {
1rem;
height: 1rem;
margin: 0 auto
}
.la-ball-atom.la-3x>div:not(:first-child):before {
.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 {
100%
}
.u-push {
height: auto;
font-size: 0
}
.u-push img {
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;
100%;
height: 100%;
z-index: 10000
}
.u-float img {
100%;
display: block
}
.u-float .u-wrap-bg {
100%;
height: 100%;
background: rgba(0,0,0,.3);
position: fixed
}
.u-float .u-info {
background: #fff;
100%;
height: .6rem
}
.u-float .u-info img {
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 {
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 {
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;
.1rem;
height: .1rem;
position: fixed;
bottom: 0;
right: 0;
font-size: 0
}
.wap-float-btn .btn-item {
display: block;
.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;
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;
.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;
.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: " ";
.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;
.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- 8em
}
.card-type-news .news-pic {
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- 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;
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- 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;
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;
.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;
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 {
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;
.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;
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;
.1rem;
height: .1rem;
position: fixed;
bottom: 0;
right: 0;
font-size: 0
}
.wap-float-btn .btn-item {
display: block;
.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;
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;
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;
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;
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 {
100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 11111
}
.recommend-feed-wrap .recommend-feed-bg {
background: rgba(0,0,0,.65);
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 {
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 {
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 {
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;
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 {
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%;
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
}
}