* {
 margin:0;
 padding:0
}
*,
:after,
:before {
 box-sizing:border-box
}
body,
html {
 height:100%
}
html {
 -webkit-tap-highlight-color:transparent;
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%;
 line-height:1.6;
 font-size:14px;
 -webkit-tap-highlight-color:transparent
}
input,
button,
textarea,
select {
 outline:none;
 resize:none;
 border:none;
 -webkit-appearance:none;
 appearance:none;
 background:0 0;
 color:inherit;
 font:inherit
}
body,
input,
textarea,
select,
button {
 -webkit-touch-callout:none;
 font-family:-apple-system-font,BlinkMacSystemFont,helvetica neue,pingfang sc,hiragino sans gb,microsoft yahei ui,microsoft yahei,Arial,sans-serif
}
body {
 color:#282828;
 background:#fff
}
img {
 border:none
}
em {
 font-style:normal
}
button {
 cursor:pointer;
 background:0 0
}
button,
video {
 border:none;
 outline:none
}
ol,
ul,
li,
dl,
dd,
dt {
 list-style:none
}
h1,
h2,
h3,
h4 {
 font-weight:400
}
a {
 text-decoration:none;
 color:#282828;
 outline:none
}
a:hover {
 text-decoration:none;
 color:#eb4a76
}
table {
 empty-cells:show;
 border-collapse:collapse
}
caption,
th {
 text-align:left;
 font-weight:400
}
select::-ms-expand,
input[type=radio]::-ms-check,
input[type=checkbox]::-ms-check,
input[type=text]::-ms-clear,
input[type=tel]::-ms-clear,
input[type=number]::-ms-clear {
 display:none
}
input[type=radio],
input[type=checkbox] {
 clip:rect(0,0,0,0)
}
.wrapper {
 width:100%
}
.content {
 width:1200px;
 margin:0 auto
}
.padpro {
 display:none
}
.phone {
 display:none
}
.none {
 display:none
}
.only-phone {
 display:none!important
}
.shadow {
 box-shadow:0 0 10px -3px rgba(0,0,0,.16)
}
.shadow-large,
.module-blank-box {
 box-shadow:0 7px 21px rgba(149,157,165,.22)
}
.shadow-larger {
 box-shadow:0 10px 30px rgba(0,0,0,.3)
}
.shadow-drop {
 box-shadow:0 3px 12px rgba(0,0,0,.18)
}
.transition,
.input-inner {
 transition:all .3s ease-in
}
.transition-bg,
.shortcuts-mobile-overlay {
 transition:background-color .3s ease
}
.transition-d {
 transition-duration:300ms
}
.border,
.module-tab-box a {
 position:relative
}
.border::after,
.module-tab-box a::after {
 border:1px solid #d7dae1;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 content:"";
 -webkit-transform-origin:0 0;
 transform-origin:0 0;
 pointer-events:none
}
@media only screen and (max-width:1024px) {
 .border::after,
 .module-tab-box a::after {
  width:200%;
  height:200%;
  -webkit-transform:scale(.5);
  transform:scale(.5)
 }
}
.border-top,
.mobile-menu-item,
.pc-menu-item {
 position:relative
}
.border-top::after,
.mobile-menu-item::after,
.pc-menu-item::after {
 content:" ";
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:1px;
 background-color:#eaedf1
}
@media only screen and (max-width:1024px) {
 .border-top::after,
 .mobile-menu-item::after,
 .pc-menu-item::after {
  -webkit-transform:scaleY(.5);
  transform:scaleY(.5)
 }
}
@font-face {
 font-family:vfont;
 src:url(../fonts/vfont.eot);
 src:url(../fonts/vfont.eot) format("embedded-opentype"),
 url(../fonts/vfont.ttf) format("truetype"),
 url(../fonts/vfont.woff) format("woff"),
 url(../fonts/vfont.svg) format("svg");
 font-weight:400;
 font-style:normal;
 font-display:block
}
[class^=icon-],
[class*=" icon-"] {
 font-family:vfont!important;
 speak:never;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 vertical-align:revert;
 display:inline-block;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.icon-safe:before {
 content:"\e910"
}
.icon-network-line:before {
 content:"\e90f"
}
.icon-box:before {
 content:"\e90d"
}
.icon-play:before {
 content:"\e90e"
}
.icon-share:before {
 content:"\e90b"
}
.icon-download:before {
 content:"\e90c"
}
.icon-more:before {
 content:"\e90a"
}
.icon-hit:before {
 content:"\e909"
}
.icon-user:before {
 content:"\e908"
}
.icon-refresh:before {
 content:"\e900"
}
.icon-app:before {
 content:"\e901"
}
.icon-message:before {
 content:"\e902"
}
.icon-task:before {
 content:"\e903"
}
.icon-coin:before {
 content:"\e904"
}
.icon-favorite:before {
 content:"\e905"
}
.icon-time:before {
 content:"\e906"
}
.icon-search:before {
 content:"\e907"
}
.nowrap {
 display:block;
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap
}
.clearfix {
 *zoom:1
}
.clearfix:after,
.clearfix:before {
 display:table;
 content:""
}
.clearfix:after {
 clear:both
}
.shortcuts-mobile-overlay {
 pointer-events:none;
 position:fixed;
 top:0;
 left:0;
 bottom:0;
 right:0;
 background-color:transparent;
 content:"";
 z-index:9
}
.transition-bg,
.shortcuts-mobile-overlay {
 transition:background-color .3s ease
}
.btn-xsmall {
 padding:0 5px;
 line-height:20px;
 font-size:12px;
 border-radius:5px;
 display:inline-block!important
}
.btn-small,
.module-info-tag a,
.search-tag a {
 padding:0 10px;
 line-height:28px;
 font-size:14px;
 border-radius:10px;
 display:inline-block
}
.btn-base,
.search-tag a {
 padding:0 15px;
 line-height:35px;
 font-size:14px;
 display:inline-block;
 border-radius:10px
}
.btn-large,
.module-tab-box a,
.popup-btn,
.page-number {
 padding:0 15px;
 line-height:40px;
 font-size:14px;
 display:inline-block;
 border-radius:10px
}
.btn-main,
.popup-btn {
 background:#eb4a76;
 color:#fff
}
.btn-gray-dark {
 background:#e3e6eb
}
@media(max-width:559px) {
 .btn-large,
 .module-tab-box a,
 .popup-btn,
 .page-number {
  padding:0 15px;
  line-height:35px;
  font-size:12px
 }
 .btn-base,
 .search-tag a {
  padding:0 15px;
  line-height:30px;
  font-size:12px
 }
}
.btn-gray,
.module-info-tag a,
.search-tag a,
.page-number {
 background:#f3f5f7;
 color:#303030
}
.user {
 background:#f7f8f9
}
header {
 background:#000;
 padding:20px 0
}
.topbar {
 height:50px;
 position:relative;
 display:flex
}
.logo {
 display:inline-block;
 height:50px;
 width:140px;
 background:url(../images/logo.png) no-repeat center;
 background-size:contain;
 text-indent:999px;
 overflow:hidden
}
.s-search {
 height:50px;
 position:relative;
 display:inline-block;
 width:37.5%;
 margin-left:20px;
 background:#303030;
 color:#d7dae1;
 border-radius:5px
}
.search-input {
 width:calc(100% - 60px);
 padding:0 10px 0 20px;
 flex:1
}
.search-btn {
 height:50px;
 color:#eb4a76;
 height:50px;
 width:50px
}
.search-btn i {
 vertical-align:-1px;
 font-size:16px;
 font-weight:700
}
.cancel-btn {
 display:none
}
.search-drop .list-item-title {
 font-size:14px;
 color:#8f8f8f
}
.search-drop .drop-content-items::before {
 border-color:transparent;
 border-bottom-width:1px
}
.search-tag {
 font-size:0;
 margin:0 -4px
}
.search-tag a {
 color:#303030;
 background:rgba(7,7,10,.92);
 padding:0 15px;
 margin:4px
}
.search-tag a:hover {
 color:#eb4a76
}
.search-tag i {
 margin-right:3px;
 vertical-align:-4%
}
.search-drop {
 z-index:10;
 position:absolute;
 top:100%;
 left:0;
 width:100%
}
.search-focus {
 background:#fff
}
.search-input:focus~.search-btn {
 color:#eb4a76
}
.mobile-open .search-input {
 color:rgba(7,7,10,.92)
}
.ac_bg,
.ac_hot,
.ac_items {
 padding:15px 20px 20px;
 box-shadow:0 8px 15px -3px rgba(0,0,0,.2);
 background:#fff;
 position:relative;
 border-radius:0 0 10px 10px
}
.ac_bg::after,
.ac_hot::after,
.ac_items::after {
 content:'';
 height:5px;
 background:#fff;
 width:100%;
 display:inline-block;
 left:0;
 right:0;
 top:-5px;
 position:absolute
}
.ac_bg::before,
.ac_hot::before,
.ac_items::before {
 content:'';
 height:1px;
 background:#eaedf1;
 width:calc(100% - 40px);
 display:inline-block;
 left:20px;
 right:20px;
 top:0;
 position:absolute
}
.ac_items li {
 cursor:pointer
}
.ac_items li:hover {
 background:rgba(7,7,10,.92);
 color:#eb4a76
}
.search-drop .drop-content-items::before {
 border-color:transparent;
 border-bottom-width:1px
}
@media(min-width:900px) {
 .mobile-menu-items {
  align-items:center;
  display:flex
 }
 .mobile-menu-item {
  display:inline-block;
  height:50px;
  text-align:center;
  padding:0 8px
 }
 .mobile-menu-item.info {
  display:none
 }
 .mobile-menu-item em {
  display:none
 }
 .mobile-menu-item i {
  font-size:22px;
  width:100%;
  margin-top:4px;
  height:22px
 }
 .mobile-menu-item i,
 .mobile-menu-item span {
  color:gray
 }
 .mobile-menu-item>a>span {
  font-size:12px
 }
 .mobile-menu-item:hover i,
 .mobile-menu-item:hover span {
  color:#eb4a76
 }
 .user-login {
  background:#585858;
  height:40px;
  line-height:40px;
  margin-left:10px;
  flex:none;
  display:flex
 }
 .user-login a {
  color:#fff;
  font-weight:700
 }
 .user-login:hover {
  background:#eb4a76
 }
 .user-login.login {
  border-radius:50px 0 0 50px;
  padding:0 15px 0 22px
 }
 .user-login.reg {
  border-radius:0 50px 50px 0;
  margin-left:2px;
  padding:0 22px 0 15px
 }
}
.network-line {
 margin-right:15px;
 padding-right:25px;
 border-right:1px solid #303030;
 display:flex;
 flex:1;
 justify-content:flex-end
}
.mobile-menu-icon {
 display:none
}
.mobile-menu-item::after {
 height:0
}
.user-avt img {
 height:50px;
 width:50px;
 border:2px solid #fff;
 border-radius:50px
}
.network-line .mobile-menu-icon {
 display:inline-block;
 background:0 0;
 line-height:1.8;
 text-align:center;
 color:gray;
 cursor:pointer
}
.network-line .mobile-menu-icon i {
 display:block;
 font-size:22px;
 margin:4px 0 3px
}
.network-line .mobile-menu-icon>span {
 font-size:12px;
 white-space:nowrap;
 overflow:hidden
}
.network-line .mobile-menu-icon:hover {
 color:#eb4a76
}
.network-line:hover .pc-menu-content {
 pointer-events:auto;
 z-index:20;
 display:inline-block;
 position:absolute;
 right:0;
 top:100%
}
.pc-menu-content {
 display:none
}
.pc-menu-icon {
 display:inline-block;
 height:50px;
 width:50px;
 text-align:center;
 line-height:55px;
 background:#303030;
 border-radius:50px
}
.pc-menu-icon i {
 color:#fff;
 font-size:18px
}
.pc-menu-content-box {
 background:#fff;
 width:200px;
 border-radius:10px;
 box-shadow:0 3px 12px rgba(0,0,0,.18);
 overflow:hidden
}
.pc-menu-item {
 padding:0 20px;
 line-height:40px;
 position:relative
}
.pc-menu-item::after {
 height:1px;
 background:#e3e6eb
}
.pc-menu-item:last-child {
 border-top:0!important
}
.pc-menu-item a {
 display:inline-block;
 width:100%
}
.pc-menu-item i {
 font-size:16px;
 position:absolute;
 right:20px;
 top:12px
}
.pc-menu-item:hover {
 background:#f7f8f9
}
nav {
 background:#222
}
.navbar-items {
 font-size:0
}
.navbar-item {
 display:inline-block
}
.navbar-item a {
 display:inline-block;
 color:#cfa25e;
 font-size:16px;
 padding:0 40px;
 height:50px;
 line-height:50px
}
.navbar-item a:hover,
.navbar-item .selected {
 background:#303030
}
.navbar-list a {
 color:#fff
}
main {
 padding-top:20px
}
.hot-tag {
 padding-bottom:20px
}
.hot-tag strong {
 display:inline-block;
 line-height:28px;
 margin:3px
}
.module {
 padding-bottom:20px
}
.module-heading {
 margin-bottom:15px;
 font-size:0;
 vertical-align:baseline;
 position:relative
}
.module-title {
 font-size:32px;
 font-weight:400
}
.module-more {
 position:absolute;
 right:0;
 top:15px
}
.module-more a {
 font-size:14px;
 margin-left:20px;
 color:#8f8f8f
}
.module-more a:hover {
 color:#eb4a76
}
.module-more a i {
 margin-right:5px;
 vertical-align:-1px
}
.module-items {
 margin:0 -5px;
 font-size:0
}
.module-item {
 position:relative;
 width:calc(25% - 10px);
 margin:0 5px 10px;
 display:inline-block;
 font-size:14px
}
.module-item-del {
 position:absolute;
 right:0;
 background:#000;
 color:#fff;
 font-size:12px;
 z-index:1;
 border-radius:0 0 0 10px
}
.module-item-cover {
 position:relative;
 height:0;
 padding-top:56%;
 background-position:50% 50%;
 background-size:cover;
 overflow:hidden
}
.module-item-cover::before {
 content:'';
 background:linear-gradient(0deg,rgba(0,0,0,0.38) 0%,transparent 100%);
 position:absolute;
 bottom:0;
 left:0;
 height:25%;
 width:100%;
 z-index:1
}
.module-item-pic,
.module-item-pic img {
 height:100%;
 width:100%
}
.module-item-pic img {
 top:0;
 left:0;
 object-fit:cover;
 position:absolute
}
.module-item-titlebox {
 height:40px;
 line-height:20px;
 overflow:hidden;
 width:100%;
 display:flex;
 margin-top:5px
}
@media screen and (max-width:768px) {
.module-item-titleboxa {
 height:60px;
 line-height:20px;
 overflow:hidden;
 width:100%;
 display:flex;
 margin-top:35px;
 position: absolute;
 bottom: 0;
 font-size: 22px;
 width: 100%;
 z-index: 10;
 padding: -100px 1px 25px 20px;
 color: #fff;
}
  }  
@media screen and (min-width:769px) { 
.module-item-titleboxa {
 height:100px;
 line-height:20px;
 overflow:hidden;
 width:100%;
 display:flex;
 margin-top:35px;
 position: absolute;
 bottom: 0;
 font-size: 25px;
 width: 100%;
 z-index: 10;
 padding: -100px 1px 25px 20px;
 color: #fff;
}
  }  
.module-item-time {
 height:20px;
 font-size:12px;
 color:#aaadb5;
 margin-top:5px
}
.module-item-data {
 position:absolute;
 bottom:0;
 font-size:10px;
 width:100%;
 z-index:10;
 padding:0 8px 5px;
 color:#fff
}
.module-item-data i {
 margin-right:3px
}
.module-item-data .time {
 position:absolute;
 right:8px
}
.module-triangle {
 position:absolute;
 top:-21px;
 left:-26px;
 color:#fff;
 z-index:3;
 background:rgba(7,7,10,.92);
 padding:33px 0 3px;
 transform:rotate(-45deg);
 font-size:10px;
 line-height:1;
 height:50px;
 width:60px;
 text-align:center
}
.module-definition {
 position:absolute;
 right:5px;
 top:5px;
 color:#fff;
 z-index:3;
 background:rgba(7,7,10,.92);
 padding:2px 5px;
 font-size:10px;
 border-radius:5px
}
.module-item .green {
 background:#12cc82
}
.module-item .pink {
 background:#eb4a76
}
.module-tab {
 position:absolute;
 /*! right:0; */
 top:2px;
 font-size:0
}
.module-tab-box a {
 margin-left:10px;
 border-radius:5px
}
.module-tab-box a:hover,
.module-tab-box .selected {
 background:#eb4a76;
 color:#fff
}
.module-tab-box a:hover::after,
.module-tab-box .selected::after {
 border-color:#eb4a76
}
.module-tab-box a::after {
 border-radius:5px
}
.module-items-big .module-item {
 width:calc(20% - 10px)
}
.module-items-big .module-item-cover {
 padding-top:150%;
 border-radius:5px
}
.module-items-big .module-item-titlebox {
 height:20px;
 text-align:center;
 margin-top:10px;
 display:inline-block
}
#video {
 background:#000
}
.player-box {
 width:100%;
 height:57vh;
 position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 overflow:hidden;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.player-box .dplayer {
 height:100%
}
.player-unlogin img {
 display:block;
 height:100%
}
.player-unlogin .tips {
 width:100%;
 height:100%;
 background-color:rgba(0,0,0,.5);
 position:absolute;
 left:0;
 top:0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column
}
.icon-play {
 font-size:22px;
 color:#eb4a76;
 height:64px;
 width:64px;
 background:rgba(255,255,255,.8);
 line-height:64px;
 text-align:center;
 border-radius:50px;
 text-indent:5px
}
.player-unlogin .tips:hover i {
 background:#fff
}
.module-info-header {
 padding-bottom:20px;
 position:relative
}
.module-info-header .module-title {
 font-size:24px;
 font-weight:700;
 line-height:1.4;
 max-width:80%
}
.module-info-data {
 color:#8f8f8f;
 padding:5px 0 0;
 font-size:12px
}
.module-info-data span {
 margin-left:20px
}
.module-info-tag {
 padding:5px 0;
 margin:0 -5px
}
.module-info-tag a {
 border-radius:5px;
 color:gray;
 margin:5px
}
.module-info-tag a:hover {
 color:#fff;
 background:#eb4a76
}
.module-info-function {
 position:absolute;
 right:0;
 top:0
}
.iconlist-items {
 align-items:center;
 display:flex
}
.iconlist-item {
 display:inline-block;
 height:50px;
 text-align:center;
 padding:0 0 0 10px;
 cursor:pointer
}
.iconlist-item i {
 font-size:20px;
 width:100%;
 margin:4px 0
}
.iconlist-item i,
.iconlist-item span {
 color:gray
}
.iconlist-item:hover i,
.iconlist-item:hover span {
 color:#eb4a76
}
.shortcuts-box {
 position:fixed;
 left:0;
 top:0;
 z-index:10;
 display:none;
 width:100%;
 height:100%
}
#shortcuts-info {
 position:absolute;
 width:330px;
 height:auto;
 padding:25px;
 top:50%;
 left:50%;
 margin:-50px 0 0 -140px;
 text-align:center;
 color:#fff;
 background-color:rgba(7,7,10,.92);
 border-radius:10px
}
.download-list {
 background:#f3f5f7;
 margin-top:5px;
 padding:15px;
 border-radius:5px;
 text-align:center;
 color:#585858
}
.download-list a {
 margin:0 5px;
 color:#eb4a76;
 font-weight:700
}
.search-title {
 font-size:20px;
 color:#eb4a76;
 display:inline-block
}
.search-stat {
 font-size:20px;
 color:#c2c6d0
}
.search-filter-box {
 padding:0 5px
}
.search-filter-list {
 display:flex;
 margin-top:5px;
 padding-top:5px
}
.search-filter-list:first-child {
 margin:0;
 padding:0
}
.search-filter-list .box-title {
 display:inline-block;
 line-height:35px;
 white-space:nowrap;
 font-size:14px
}
.search-filter-items {
 display:inline-block;
 margin-left:10px
}
.search-filter-items a {
 padding:0 15px;
 line-height:35px;
 font-size:12px;
 display:inline-block;
 white-space:nowrap;
 border-radius:5px
}
.search-filter-items .selected {
 background:#e3e6eb;
 color:#eb4a76
}
.search-tag {
 margin:5px -3px -3px
}
.search-tag a {
 font-size:12px;
 background:#e3e6eb;
 border-radius:5px;
 margin:3px
}
.search-tag a:hover {
 color:#fff;
 background:#eb4a76
}
.box {
 background:#f7f8f9;
 padding:15px;
 margin-top:10px
}
.box-title {
 font-size:14px;
 font-weight:700
}
.load {
 position:relative;
 width:100%;
 height:218px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 overflow:hidden;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.load i {
 position:absolute;
 font-size:150px;
 color:#d7dae1
}
.loading {
 position:absolute;
 bottom:28%;
 left:50%;
 margin-left:-15px;
 width:30px;
 height:30px;
 display:inline-block;
 vertical-align:middle;
 animation:Loading 1s steps(8,end) infinite;
 background:url(../images/load.svg) no-repeat;
 border-radius:50px;
 background-size:100%
}
@keyframes Loading {
 0% {
  -webkit-transform:rotate3d(0,0,1,0deg);
  transform:rotate3d(0,0,1,0deg)
 }
 100% {
  -webkit-transform:rotate3d(0,0,1,360deg);
  transform:rotate3d(0,0,1,360deg)
 }
}
.module-user {
 background:#fff;
 border-radius:10px;
 padding:30px;
 margin-bottom:20px
}
@media(min-width:900px) {
 .module-user-form .module-blank-item-right,
 .module-user-form .module-blank-item-right .input-inner {
  width:300px
 }
}
.module-user-form .module-blank-item-right .button-primary {
 width:150px
}
.user-head {
 display:flex;
 position:relative
}
.user-head-avt {
 display:inline-block;
 margin-right:20px;
 font-size:0
}
.user-head-avt img {
 width:72px;
 height:72px
}
.user-head-info {
 display:inline-block
}
.user-head-name {
 font-weight:700;
 font-size:24px;
 margin-top:3px
}
.user-head-mail {
 color:gray
}
.user-head-right {
 position:absolute;
 right:0
}
.user-head-menu {
 padding-top:15px;
 text-align:center;
 font-size:0
}
.user-head-menu a {
 font-size:14px;
 margin:0 10px;
 font-weight:700
}
.user-head-menu a.selected {
 position:relative;
 color:#eb4a76
}
.user-head-menu a.selected::after {
 content:'';
 position:absolute;
 bottom:-15px;
 left:25%;
 height:4px;
 background:#eb4a76;
 width:50%;
 border-radius:10px
}
.module-blank {
 min-height:600px;
 max-width:660px;
 padding:50px;
 margin:0 auto
}
.module-blank-title {
 text-align:center;
 padding-bottom:20px
}
.module-blank-title h3 {
 font-size:24px;
 font-weight:700
}
.module-blank-box {
 background:#fff;
 border-radius:10px;
 padding:60px
}
.module-blank-items {
 padding-bottom:20px;
 display:flex
}
.module-blank-items:last-child {
 padding:0
}
.module-blank-items:last-child .module-blank-item-left {
 height:20px
}
.find-password-link {
 float:right
}
.module-blank-item-left {
 align-items:center;
 display:flex;
 height:40px;
 width:50px
}
.module-blank-item-right {
 position:relative
}
.module-blank-reg .module-blank-item-left {
 width:90px
}
.module-blank-item-right,
.module-blank-item-right .button-primary,
.module-blank-item-right .input-inner {
 width:100%
}
.input-inner {
 border-radius:5px;
 background:#fff;
 border:1px solid #c2c6d0;
 color:#303030;
 display:inline-block;
 height:40px;
 line-height:40px;
 outline:0;
 padding:0 15px
}
.input-inner:hover {
 border-color:#999
}
.input-inner:focus {
 border-color:#eb4a76
}
.button-primary {
 border-radius:5px;
 background:#eb4a76;
 color:#fff;
 display:inline-block;
 height:40px
}
.input-append {
 font-size:12px;
 border:1px solid #c2c6d0;
 display:inline-block;
 height:40px;
 line-height:40px;
 padding:0 15px;
 position:absolute;
 right:0;
 border-radius:0 5px 5px 0;
 color:#eb4a76;
 background:#f7f8f9
}
.article {
 min-height:500px
}
.gg {
 margin:0 -5px;
 font-size:0
}
.gg a {
 display:inline-block;
 width:calc(100% - 10px);
 margin:5px
}
.gg a img {
 display:block;
 width:100%
}
.gg-two a {
 width:calc(50% - 10px)
}
.gg-bottom {
 padding-bottom:15px
}
.appdown {
 padding:0
}
.appdown .gg a {
 margin-top:0
}
footer {
 padding:20px 0;
 text-align:center;
 background:rgba(7,7,10,.92);
 color:#d7dae1
}
.open~.shortcuts-mobile-overlay {
 background-color:rgba(0,0,0,.5);
 pointer-events:auto;
 z-index:99
}
.popup {
 box-shadow:0 .25rem .5rem rgba(0,0,0,.05),0 1.5rem 2.2rem rgba(0,0,0,.1)!important;
 padding:0 30px;
 background:#fff;
 width:370px;
 position:fixed;
 top:50%;
 left:50%;
 z-index:999999;
 transform:translateX(-50%) translateY(-50%);
 margin:0 auto;
 border-radius:10px
}
.popup::after {
 content:'';
 height:100%;
 width:100%;
 background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#fdebf0 100%);
 position:absolute;
 bottom:10px;
 left:0;
 z-index:-1
}
.popup-header {
 line-height:40px;
 text-align:center
}
.popup-title {
 position:relative;
 font-size:40px;
 color:#fff;
 font-weight:900;
 display:inline-block
}
.close-popup {
 position:absolute;
 right:-30px;
 border:1px solid #fff;
 border-radius:0 5px 5px 0;
 border-left-width:0;
 background:rgba(255,255,255,.1);
 top:10px;
 width:32px;
 line-height:30px;
 font-size:18px;
 color:#fff;
 height:32px;
 text-align:center;
 cursor:pointer
}
.close-popup:hover {
 background:#fff;
 color:#eb4a76
}
.close-popup i {
 transform:scale(.88);
 font-size:12px;
 color:#fff
}
.close-popup:hover i {
 color:#eb4a76
}
.popup-main {
 padding-bottom:20px
}
.popup-main p {
 padding:12px 0 0
}
.popup-main p a {
 color:#eb4a76
}
.popup-main p img {
 height:50%;
 width:50%;
 display:block;
 margin:0 auto
}
.popup strong {
 color:#eb4a76
}
.popup-footer {
 padding:20px 15px;
 margin:0 -30px;
 text-align:center;
 background:#fff;
 border-top:1px solid #f8dce4;
 border-radius:0 0 10px 10px
}
.popup-btn {
 background:#222;
 font-weight:700;
 width:100%;
 cursor:pointer
}
.popup-btn:hover {
 color:#fff
}
.popup-msg {
 position:fixed;
 width:280px;
 z-index:9999999;
 height:auto;
 padding:30px;
 top:50%;
 left:50%;
 margin:-50px 0 0 -140px;
 text-align:center;
 color:#fff;
 background-color:rgba(7,7,10,.92);
 border-radius:10px
}
.popup-tips .popup-header {
 margin-top:-35px
}
.popup-footer .url {
 color:#c2c6d0
}
.popup-footer .url em {
 margin:0 5px;
 color:rgba(7,7,10,.92);
 font-weight:700
}
.toast-wrapper {
 position:fixed;
 top:0;
 right:0;
 left:0;
 height:100%;
 width:100%;
 z-index:9999999;
 display:flex;
 align-items:center;
 justify-content:center;
 pointer-events:none
}
.toast {
 padding:10px 20px;
 color:#fff;
 text-align:center;
 min-width:150px;
 max-width:300px;
 display:inline-block;
 background-color:#eb4a76;
 border-radius:50px
}
.module-page {
 padding:20px 0;
 font-size:0;
 text-align:center
}
.page-number {
 border-radius:5px;
 text-align:center;
 min-width:40px;
 position:relative;
 padding:0;
 margin:0 3px
}
.page-current:hover,
.page-current {
 background:#eb4a76;
 color:#fff
}
.page-current {
 font-weight:700
}
.page-previous,
.page-next {
 padding:0 18px
}
.page-nolink,
.page-nolink:hover {
 color:#c2c6d0;
 cursor:not-allowed
}
@media(max-width:1239px) {
 .content {
  width:100%;
  padding:0 20px
 }
 .navbar-item a {
  padding:0 30px
 }
 .module-title {
  font-size:26px
 }
 .module-more {
  top:10px
 }
 .module-info-header .module-title {
  max-width:78%
 }
 .network-line {
  margin:0 12px;
  padding:0;
  border:none
 }
}
@media(max-width:899px) {
 .navbar {
  overflow:auto;
  webkit-overflow-scrolling:touch
 }
 .navbar::-webkit-scrollbar {
  display:none
 }
 .s-search {
  width:68%
 }
 .mobile-menu-content {
  display:none
 }
 .mobile-menu-icon {
  display:inline-block;
  height:50px;
  width:50px;
  text-align:center;
  line-height:55px;
  background:#303030;
  border-radius:50px
 }
 .mobile-menu-icon i {
  color:#fff;
  font-size:18px
 }
 .mobile-menu-content-box {
  background:#fff;
  width:200px;
  border-radius:10px;
  box-shadow:0 3px 12px rgba(0,0,0,.18);
  overflow:hidden
 }
 .mobile-menu-item {
  padding:0 20px;
  line-height:40px
 }
 .mobile-menu-item::after {
  height:1px;
  background:#e3e6eb
 }
 .mobile-menu-item:first-child::after {
  height:0
 }
 .mobile-menu-item a {
  display:inline-block;
  width:100%
 }
 .mobile-menu-item i {
  font-size:16px;
  position:absolute;
  right:20px;
  top:12px
 }
 .mobile-menu-item:hover {
  background:#f7f8f9
 }
 .cut-line {
  border-top:5px solid #e3e6eb
 }
 .cut-line.mobile-menu-item::after {
  height:0!important
 }
 .mobile-menu-item.user-avt {
  display:none
 }
 .user-login.name {
  font-weight:700
 }
 .user-login.name a {
  color:#eb4a76
 }
 .mobile-menu-item em,
 .mobile-menu-item.info {
  display:inherit
 }
 .user-head-menu {
  margin:0 -15px;
  height:55px
 }
 .module-user-head {
  padding-bottom:10px!important
 }
 .navbar-items {
  display:inline-flex
 }
 .navbar-item {
  white-space:nowrap
 }
 .navbar-item a {
  padding:0 19px
 }
 .user-info:hover .mobile-menu-content {
  pointer-events:auto;
  z-index:20;
  display:inline-block;
  position:absolute;
  right:10px;
  top:110%
 }
 .user-info:hover .shortcuts-mobile-overlay {
  background-color:rgba(0,0,0,.28)
 }
 .network-line:hover .shortcuts-mobile-overlay {
  background-color:rgba(0,0,0,.28)
 }
 .module-triangle {
  font-size:10px
 }
 .module-item-titlebox {
  font-size:12px;
  height:36px;
  line-height:18px
 }
 .module-items-big .module-item {
  width:calc(25% - 10px)
 }
 #video .content {
  padding:0
 }
 .player-box {
  height:40vh
 }
 .module-info-header .module-title {
  max-width:70%
 }
 .appdown .content {
  padding:0
 }
 .appdown .gg a {
  margin:0;
  /*! width:100% */
 }
 .load {
  height:120px
 }
 .load i {
  font-size:80px
 }
 .loading {
  bottom:27%;
  margin-left:-9px;
  width:18px;
  height:18px
 }
}
@media(max-width:559px) {
 .content {
  padding:0 15px
 }
 header {
  padding:10px 0
 }
 .topbar {
  height:40px;
  display:flex
 }
 .logo {
  background-position:center left;
  width:30px;
  height:40px;
  display:flex;
  background-size:cover
 }
 .s-search {
  height:40px;
  margin-left:5px;
  width:calc(100% - 85px)
 }
 .search-input {
  width:calc(100% - 55px);
  padding:0 10px 0 18px;
  font-size:12px
 }
 .search-btn {
  height:40px;
  padding:0 17px 0 15px
 }
 .search-btn span {
  display:none
 }
 .mobile-menu-icon {
  height:40px;
  width:40px;
  line-height:42px
 }
 .mobile-menu-icon i {
  font-size:14px
 }
 .network-line {
  margin:0 5px
 }
 .network-line .mobile-menu-icon>span {
  transform:scale(.68);
  display:inline-block;
  transform-origin:25%
 }
 .network-line .mobile-menu-icon {
  line-height:1.2
 }
 .network-line .mobile-menu-icon i {
  font-size:16px;
  margin:7px 0 3px
 }
 .user-avt img {
  height:40px;
  width:40px
 }
 .navbar-item a {
  padding:0 15px;
  height:40px;
  line-height:40px;
  font-size:14px
 }
 .module-item {
  width:calc(50% - 10px)
 }
 .module-user {
  margin:-20px -15px 30px;
  border-radius:0;
  padding:20px
 }
 .module-user-form .module-blank-items {
  display:block
 }
 .module-user-form .module-blank-item-left {
  display:block;
  height:30px
 }
 .module-user-form .module-blank-items:last-child .module-blank-item-left {
  display:none
 }
 .module-user-form .module-blank-items:last-child .module-blank-item-right {
  text-align:center
 }
 .user-head-avt img {
  height:60px;
  width:60px
 }
 .user-head-name {
  margin:0;
  font-size:20px
 }
 .user-head-right {
  display:none
 }
 .module-title {
  font-size:18px
 }
 .module-tab {
  position:inherit;
  overflow:auto;
  padding-top:5px
 }
 .module-tab::-webkit-scrollbar {
  display:none
 }
 .module-tab-box {
  display:inline-flex
 }
 .module-tab-box a {
  white-space:nowrap;
  margin-left:5px
 }
 .module-tab-box a:first-child {
  margin-left:0
 }
 .module-tab-box a::after {
  border-radius:10px
 }
 .module-more {
  top:3px
 }
 .module-triangle {
  top:-22px;
  left:-29px;
  padding:36px 0 0
 }
 .module-definition {
  padding:1px 3px;
  height:17px;
  border-radius:3px
 }
 .module-items-big .module-item {
  width:calc(33.33% - 10px)
 }
 .page-number {
  display:none
 }
 .page-previous,
 .page-next {
  display:inline-block
 }
 .player-box {
  height:30vh
 }
 .module-info-header .module-title {
  font-size:18px
 }
 .module-info-function {
  padding:5px 0;
  position:inherit
 }
 .iconlist-item {
  padding:0;
  width:25%
 }
 .search-title,
 .search-stat {
  font-size:16px
 }
 .search-filter {
  padding:10px
 }
 .search-filter-list {
  padding-top:4px;
  margin-top:4px;
  overflow-y:auto;
  webkit-overflow-scrolling:touch
 }
 .search-filter-list::-webkit-scrollbar {
  display:none
 }
 .search-filter-items {
  display:inline-flex
 }
 .search-filter-items a {
  padding:0 10px
 }
 .search-filter-items a,
 .search-filter-list .box-title {
  line-height:28px;
  font-size:12px
 }
 .module-info-header .module-title {
  max-width:100%
 }
 .gg a {
  margin-top:0
 }
 .gg-two a {
  width:calc(100% - 10px)
 }
 .icon-play {
  font-size:16px;
  height:48px;
  width:48px;
  line-height:48px;
  text-indent:3px
 }
 #video .gg,
 .appdown .gg {
  margin:0
 }
 #video .gg a {
  margin:0;
  width:100%
 }
 .popup {
  width:77%;
  padding:0 25px
 }
 .popup-footer {
  margin:0 -25px
 }
 .popup-footer .url em {
  margin:0 3px;
  font-size:12px
 }
 .only-phone {
  display:block!important
 }
 .only-pc {
  display:none!important
 }
 .module-blank {
  max-width:none;
  padding:0;
  margin:0 -15px;
  min-height:500px
 }
 .module-blank-title {
  padding-top:40px
 }
 .module-blank-box {
  padding:50px 30px;
  border-radius:0;
  box-shadow:none
 }
 .module-blank-item-left {
  display:none
 }
 .search-input {
  font-size:14px
 }
 .s-search .list-item-title {
  margin:0;
  padding-bottom:5px
 }
 .s-search .list-item-title:before {
  height:0
 }
 .mobile-open .s-search {
  position:fixed;
  top:0;
  font-size:0;
  padding-top:10px;
  left:0;
  right:0;
  bottom:0;
  margin:0;
  width:100%;
  background:rgba(255,255,255,.9);
  height:100vh;
  border-radius:0;
  z-index:20;
  backdrop-filter:saturate(100%) blur(15px);
  -webkit-backdrop-filter:saturate(100%) blur(15px)
 }
 .mobile-open .s-search .search-btn,
 .mobile-open .s-search .cancel-btn,
 .mobile-open .s-search .search-input {
  height:40px;
  background:rgba(0,26,58,.16)
 }
 .mobile-open .s-search .search-btn {
  padding:0 5px
 }
 .mobile-open .s-search .search-btn i {
  color:#eb4a76;
  font-size:15px
 }
 .mobile-open .s-search .cancel-btn {
  display:inline-block;
  color:rgba(7,7,10,.92);
  font-size:14px;
  margin:0 0 0 3px;
  background:0 0
 }
 .mobile-open .s-search .search-input {
  margin:0 0 0 15px;
  width:calc(100% - 133px);
  border-radius:5px 0 0 5px
 }
 .mobile-open .s-search .search-btn {
  margin:0 10px 0 0;
  border-radius:0 5px 5px 0
 }
 .mobile-open .search-drop {
  top:60px
 }
 .mobile-open .ac_bg,
 .mobile-open .ac_hot,
 .mobile-open .ac_items {
  border-radius:0;
  box-shadow:none;
  padding:10px 15px 15px;
  background:0 0;
  backdrop-filter:none;
  -webkit-backdrop-filter:none
 }
 .mobile-open .ac_bg::before,
 .mobile-open .ac_hot::before,
 .mobile-open .ac_items::before {
  height:0;
  border-bottom-width:0
 }
 .mobile-open .ac_bg::after,
 .mobile-open .ac_hot::after,
 .mobile-open .ac_items::after {
  background:0 0
 }
}