#fwin_login, #fwin_reg { overflow-y: unset !important; }
#fwin_login .t_l, #fwin_reg .t_l, #fwin_login .t_c, #fwin_reg .t_c, #fwin_login .t_r, #fwin_reg .t_r, #fwin_login .m_l,  #fwin_reg .m_l, #fwin_login .m_r,  #fwin_reg .m_r, #fwin_login .b_l,  #fwin_reg .b_l, #fwin_login .b_c,  #fwin_reg .b_c, #fwin_login .b_r,  #fwin_reg .b_r { display: none; }
#fwin_login .m_c, #fwin_reg .m_c { border-radius: 4px;box-shadow:1px 1px 50px rgba(0,0,0,.3) }
.t_l, .t_c, .t_r, .m_l, .m_r, .b_l, .b_c, .b_r { display: none; }
.m_c { border-radius: 4px;box-shadow:1px 1px 50px rgba(0,0,0,.3) }
#ntcwin { z-index: 702 !important; }
.tipcol .p_tip { position: absolute; right: 0; top: 2px; z-index: 2; display: none; width: 400px; text-align: right; background: #fff; color: #666; font-style: normal; }
.tipcol .p_chk { position: absolute; right: 0; top: 2px;  z-index: 1; width: 400px; text-align: right; color: red; font-weight: 700; }
.tipcol #emailmore { position: absolute; }
iframe.pviframe, .d-content span iframe { width: 100% !important; }
.d-content:hover .hin, .l-text:hover .hin { opacity: 1; }

.mt15 {
  margin-top: 15px;
}
.mb15 {
  margin-bottom: 15px;
}
.mt10 {
  margin-top: 10px;
}
.bgwhite {
  background: white;
}
.container_wp {
  margin: 0 auto;
  width: 1200px;
}
.header {
  height: 132px;
  border-bottom: 1px solid #dadada;
}
.header .top {
  height: 77px;
  border-bottom: 1px solid #d1d1d1;
  background-image: linear-gradient(to bottom, #FFFFFF, #F3F3F3);
}
.header .top .logo {
  display: flex;
}
.header .top .logo img {
  height: 47px;
}
.header .container_wp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.header .r-user {
  display: flex;
  align-items: center;
}
.header .r-user .login {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 32px;
  background: var(--botton-blue-bg);
  box-shadow: 0px 2px 0px 0px #097D8D;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
}
.header .r-user .login-y {
  display: flex;
  align-items: center;
}
.header .r-user .login-y a, .header .r-user .login-y em {
  display: flex;
  align-items: center;
  height: 32px;
}
.header .r-user .login-y a {
  background: #F0F0F0;
  border-radius: 4px 0px 0px 4px;
  box-shadow: 0px 1px 0px 0px #C0C0C0;
  padding: 0 12px;
}
.header .r-user .login-y em {
  justify-content: center;
  width: 40px;
  background: var(--botton-blue-bg);
  box-shadow: 0px 1px 0px 0px #097D8D;
  border-radius: 0px 4px 4px 0px;
  cursor: pointer;
}
.header .r-user .share a,
.consbox .contitle,
.consbox .contitle a,
.bonus-more a::after {
  background-image: url('../img/sprites-home.png');
  background-repeat: no-repeat;
}
.header .top .menu-icon {
  display: none;
}
.header .r-user .share {
  display: flex;
  margin-left: 20px;
}
.header .r-user .share a {
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-left: 8px;
}
.header .r-user .share a.twitter {
  /*background-position: -20px -505px;*/
  background-position: -20px -569px;
}
.header .r-user .share a.twitter:hover {
  background-position: -20px -569px;
}
.header .r-user .share a.line {
  /*background-position: -20px -378px;*/
  background-position: -20px -442px;
}
.header .r-user .share a.line:hover {
  background-position: -20px -442px;
}
.header .r-user .share a.youtube {
  /*background-position: -20px -633px;*/
   background-position: -20px -697px;
}
.header .r-user .share a.youtube:hover {
  background-position: -20px -697px;
}
.header .r-user .share a.insta {
  background: url('../img/instagram.png') no-repeat center center;
  background-size: 100%;
}
.header .r-user .share a.discord {
  background: url('../img/discord.png') no-repeat center center;
  background-size: 100%;
}
.header .menu {
  height: 54px;
  background: linear-gradient(180deg, #fbfbfb 0%, #fbfbfb 50%, #f2f2f2 50%, #f2f2f2 100%);
}
.header .menu ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.header .menu li {
  position: relative;
  z-index: 5;
  margin-left: 4px;
  /*width: calc((100% - 20px) / 6);*/
  width: 100%;
  height: 100%;
}
.header .menu li.selected {
	background: none;
}
.header .menu li:first-child {
  margin-left: 0;
}
.header .menu li::after {
  position: absolute;
  content: "";
  top: 15px;
  right: -4px;
  width: 1px;
  height: 24px;
  background: #E8EAEB;
  border-right: 1px solid #fff;
}
.header .menu li:last-child::after {
  display: none;
}
.header .menu li>a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #8a8a8a;
  box-sizing: border-box;
  transition: .5s all;
}
.header .menu li>a em{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 100%;
  background-image: url('../img/sprites-menu.png');
  background-repeat: no-repeat;
}
.header .menu li:nth-child(1)>a em {
  background-position: -20px -158px;
}
.header .menu li:nth-child(2)>a em {
  background-position: -20px -231px;
}
.header .menu li:nth-child(3)>a em {
  background-position: -20px -304px;
}
.header .menu li:nth-child(4)>a em {
  background-position: -20px -83px;
}
.header .menu li:nth-child(5)>a em {
  background-position: -20px -13px;
}
.header .menu li:nth-child(6)>a em {
  background-position: -20px -379px;
}
.header .menu li:nth-child(1)>a {
  border-top: 4px solid var(--top-border-color-a);
}
.header .menu li:nth-child(2)>a {
  border-top: 4px solid var(--top-border-color-b);
}
.header .menu li:nth-child(3)>a {
  border-top: 4px solid var(--top-border-color-c);
}
.header .menu li:nth-child(4)>a {
  border-top: 4px solid var(--top-border-color-d);
}
.header .menu li:nth-child(5)>a {
  border-top: 4px solid var(--top-border-color-e);
}
.header .menu li:nth-child(6)>a {
  border-top: 4px solid var(--top-border-color-f);
}
.header .menu li:hover>a, .header .menu li.selected>a {
  box-shadow: 0px 4px 0px 0px rgba(0,0,0,.2);
  opacity: 1;
}
.header .menu li:nth-child(1):hover>a, .header .menu li:nth-child(1).selected>a {
  background: #FF55552A;
  color: var(--text-red-color);
}
.header .menu li:nth-child(2):hover>a, .header .menu li:nth-child(2).selected>a {
  background: #a777ff2A;
  color: var(--top-border-color-b);
}
.header .menu li:nth-child(3):hover>a, .header .menu li:nth-child(3).selected>a {
  background: #ff912c2A;
  color: var(--top-border-color-c);
}
.header .menu li:nth-child(4):hover>a, .header .menu li:nth-child(4).selected>a {
  background: #19ce412A;
  color: var(--top-border-color-d);
}
.header .menu li:nth-child(5):hover>a, .header .menu li:nth-child(5).selected>a {
  background: #f629e22A;
  color: var(--top-border-color-e);
}
.header .menu li:nth-child(6):hover>a, .header .menu li:nth-child(6).selected>a {
  background: #1f78ff2A;
  color: var(--top-border-color-f);
}
.header .menu li span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  height: 100%;
  font-size: 18px;
  font-weight: 700;
}
.header .menu li.down>a span::after {
  position: absolute;
  content: "";
  top: 24px;
  right: -20px;
  width: 0;
  height: 0;
  border-top: 6px solid #8a8a8a;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
.header .menu li:hover .drop {
  display: block;
}
.header .menu li .drop {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 53px;
  background: #f2f2f2;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 0 5px rgba(0,0,0,.5);
}
.header .menu li .drop a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  color: #8a8a8a;
  font-size: 16px;
  font-weight: 700;
  transition: .5s all;
}
.header .menu li .drop a:hover {
  background: #e0dfdf;
  color: var(--text-red-color);
  opacity: 1;
}
.header .left-menus-bg, .header .left-menus {
  display: none;
}
.h-search {
  height: 40px;
  background: #fff;
  border-radius: 4px;
  padding: 24px 20px;
  box-shadow: 0px 3px 0px 0px #0000001A;
}
.h-search .sl {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  float: left;
  width: calc(100% - 268px);
  height: 40px;
  overflow: hidden;
}
.h-search .sl label {
  font-size: 14px;
  font-weight: 700;
  color: rgba(0,0,0,.65);
}
.h-search .sl a {
  display: flex;
  align-items: center;
  margin-left: 12px;
  height: 38px;
  padding: 0 12px;
  border: 1px solid #dadada;
  border-radius: 4px;
  background: #f2f2f2;
  font-size: 14px;
  color: #555555;
  font-weight: 400;
}
.h-search .sl a:hover {
  background: #eae9e9;
  color: var(--text-red-color);
}
.h-search .sr {
  display: flex;
  align-items: center;
  float: right;
  border-radius: 4px;
  box-shadow: 0px 1px 0px 0px #C0C0C0;
}
.h-search .sr input {
  width: 198px;
  height: 38px;
  border: 1px solid rgba(0,0,0,.2);
  box-shadow: 0px 2px 4px 0px #00000026 inset;
  border-radius: 4px 0 0 4px;
  text-indent: 10px;
  font-size: 14px;
  color: #999;
}
.h-search .sr span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 40px;
  background: var(--botton-red-bg);
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}
.mbhomead {
  display: none;
}
.main {
  display: flex;
  justify-content: space-between;
}
.main .left {
  width: 756px;
}
.main .right {
  width: 368px;
}
.consbox {
  border-radius: 5px;
}
.consbox.noraius {
  border-radius: 0;
}
.consbox .cosm-title, .consbox .cosm-title h2 {
  font-size: 24px;
  height: 43px;
}
.consbox .cosm-title {
  display: flex;
  justify-content: space-between;
}
.consbox .cosm-title a {
  display: flex;
  align-items: center;
  padding-right: 25px;
  background: url(../img/home-more2.svg) no-repeat right center;
  color: #595959;
  font-size: 14px;
}
.contitle {
  display: flex;
  justify-content: space-between;
  height: 43px;
  border-bottom: 1px solid #e8eaeb;
  padding-left: 40px;
}
.contitle, .contitle h2 {
  font-size: 24px;
  font-weight: 700;
}
.consbox.a {
  border-top: 6px solid var(--text-red-color);
}
.consbox.a .contitle {
  background-position: -20px -1150px;
  color: #FB4D4D;
}
.recom-max {
  position: relative;
  padding-top: 32px;
}
.recom-max a {
  display: flex;
}
.recom-max a img {
  width: 756px;
  height: calc(730px / (16 / 9));
}
.recom-max .link-tit a {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
.recom-max .link-tit span {
  margin-top: 5px;
  font-size: 12px;
  color: var(--time-color);
}
.recom-max .link-tit .vd-bqdiv {
  display: flex;
}
.recom-max .link-tit .vd-bqdiv a {
  margin-right: 15px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-items: center;
  padding: 0 6px;
  height: 24px;
  border-radius: 100px;
  color: #fff;
  font-weight: 700;
  background: var(--top-border-color-c);
  font-size: 14px;
  line-height: 24px;
}
.recom-list {
  display: flex;
}
.recom-list li {
  position: relative;
  margin-left: 12px;
  width: calc(694px / 4);
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
.recom-list li:first-child {
  margin-left: 0;
}
.recom-list li:hover a {
  opacity: 0.9;
}
.recom-list li a {
  display: flex;
}
.recom-list li img {
  width: 100%;
  height: calc((694px / 4) / (16/9));
}
.recom-list li div {
  width: 100%;
  box-sizing: border-box;
  padding: 7px;
  border: 1px solid #dfdfdf;
  border-top: none;
  border-radius: 0 0 4px 4px;
  background: linear-gradient(to bottom, #FFFFFF 60%, #F3F3F3 100%);
}
.recom-list li div a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  height: 44px;
}
.recom-list li em {
  display: flex;
  margin-top: 5px;
  font-size: 12px;
  color: var(--time-color);
}
.consbox.b {
  border-top: 6px solid #FF8C21;
}
.consbox.b .contitle {
  background-position: -20px -1294px;
  color: #EF7300;
}
.consbox.b .contitle a {
  display: flex;
  align-items: center;
  padding-right: 25px;
  background-position: 48px -946px;
  color: #595959;
  font-size: 14px;
}
.bonus-tit,
.bonus-list li .pmico,
.bonus-list li .name,
.bonus-list li::before {
  background-image: url('../img/sprite-bonus.png');
  background-repeat: no-repeat;
}
.bonus-tit {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 10px;
  height: 72px;
  background-position: -10px -10px;

}
.bonus-tit .je {
  display: flex;
  align-items: center;
  padding: 0 8px;
  height: 48px;
  background: rgba(255,255,255,.4);
  border-radius: 5px;
}
.bonus-tit .je em, .bonus-tit .je i {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  margin-left: 5px;
  height: 28px;
  color: #FFDC22;
  font-weight: 700;
}
.bonus-tit .je em {
  border-radius: 4px;
  padding: 0 7px;
  background: linear-gradient(0deg, #A52F2F, #A52F2F),
  linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
  border: 1px solid rgba(255,255,255,.33);
}
.bonus-tit .je em:first-child {
  margin-left: 0;
}
.bonus-list {
  display: flex;
  margin-top: 25px;
}
.bonus-list li {
  position: relative;
  margin-left: calc((100% - 702px) / 2);
  width: 234px;
  height: 120px;
  border-radius: 4px;
  border-top: 4px solid var(--text-red-color);
}
.bonus-list li:first-child {
  margin-left: 0;
}
.bonus-list li::before {
  position: absolute;
  content: "";
  right: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background-position: -10px -163px;
}
.bonus-list li:nth-child(1) {
  background: linear-gradient(to bottom, #F9DD73, #EEBF3F);
  box-shadow: 0px 2px 0px 0px #C09B35;
}
.bonus-list li:nth-child(2) {
  background: linear-gradient(to bottom, #D1DBE3, #B1C2CE);
  box-shadow: 0px 2px 0px 0px #6D92AA;
}
.bonus-list li:nth-child(3) {
  background: linear-gradient(to bottom, #E5C9AE, #C4A37F);
  box-shadow: 0px 2px 0px 0px #967859;
}
.bonus-list li .pmico, .bonus-list li .name {
  display: flex;
  position: absolute;
}
.bonus-list li .pmico {
  left: 0;
  top: -25px;
  width: 48px;
  height: 48px;
}
.bonus-list li .name {
  position: absolute;
  display: flex;
  align-items: center;
  left: 43px;
  top: -16px;
  width: 180px;
  height: 40px;
}
.bonus-list li .name span {
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg);
  font-size: 16px;
  font-weight: 700;
  text-shadow: 0 0 1px rgba(0,0,0,.4);
  text-indent: 25px;
}
.bonus-list li .name em {
  display: none;
}
.bonus-list li:nth-child(1) .pmico {
  background-position: -10px -190px;
}
.bonus-list li:nth-child(2) .pmico {
  background-position: -79px -190px;
}
.bonus-list li:nth-child(3) .pmico {
  background-position: -148px -190px;
}
.bonus-list li:nth-child(1) .name {
  background-position: -10px -103px;
  color: #FF6529;
}
.bonus-list li:nth-child(2) .name {
  background-position: -210px -103px;
  color: #217BB6;
}
.bonus-list li:nth-child(3) .name {
  background-position: -410px -103px;
  color: #A85E0C;
}
.bonus-list .dec {
  padding: 30px 12px 0 12px;
}
.bonus-list .dec .d1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  padding: 0 7px;
  font-size: 12px;
  height: 30px;
  background: rgba(255,255,255,.3);
  border-radius: 5px;
}
.bonus-list .dec .d1 font, .bonus-list .dec .d1 span {
  color: var(--text-red-color);
}
.bonus-more {
  display: none;
}
.consbox.c {
  border-top: 6px solid #FFC93D;
  background: var(--text-red-color);
}
.consbox.c .contitle {
  background-position: -20px -1366px;
  border-bottom: 1px solid rgba(232,234,235,.2);
  color: #ffffff;
}
.consbox.c.c1 {
  background: #874DB5;
}
.consbox.c.c1 .contitle {
  background-position: -20px -1443px;
}
.consbox.c .contitle a {
  display: flex;
  align-items: center;
  padding-right: 25px;
  background-position: 48px -880px;
  color: #ffffff;
  font-size: 14px;
}
.zhuzi-list {

}
.consbox.d {
  border-top: 6px solid #F629E2;
}
.consbox.d .contitle {
  background-position: -20px -1514px;
  border-bottom: none;
  color: #D317B7;
}
.consbox.z {
  border-top: 5px solid #D317B7;
}
.consbox.z .contitle {
  background: url('../img/home-lz.svg') no-repeat 0 2px;
  border-bottom: none;
  color: #D317B7;
  font-size: 20px;
}
.consbox.z2 {
  border-top: 5px solid #B312FF;
}
.consbox.z2 .contitle {
  background: url('../img/home-lz1.svg') no-repeat 0 2px;
  border-bottom: none;
  color: #B312FF;
  font-size: 20px;
}
.video-list ul {
  display: flex;
  flex-wrap: wrap;
}
.video-list li {
  position: relative;
  margin: 13px 0 0 13px;
  width: calc((100% - 26px) / 3);
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
.video-list li:nth-child(3n - 2) {
  margin-left: 0;
}
.video-list li:hover a {
  opacity: 0.9;
}
.video-list li>a {
  position: relative;
}
.video-list li:hover>a::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url('../img/play-youtube.svg') no-repeat center center rgba(0,0,0,.3);
  background-size: 50px;
}
.video-list li a {
  display: flex;
}
.video-list li img {
  width: 100%;
  height: calc((704px/3) / (16/9));
}
.video-list li div.video_info {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 8px 10px 8px;
  border: 1px solid #dfdfdf;
  border-top: none;
  border-radius: 0 0 4px 4px;
  background: linear-gradient(to bottom, #FFFFFF 60%, #F3F3F3 100%);
}
.video-list li div.video_info a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  height: 44px;
}
.video-list li em {
  display: flex;
  margin-top: 5px;
  font-size: 12px;
  color: var(--time-color);
}
.consbox.e {
  border-top: 6px solid #A777FF;
}
.com-tabs {
  display: flex;
  height: 32px;
}
.com-tabs span, .com-tabs a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  background: linear-gradient(180deg, #FFFFFF 0%, #F3F3F3 100%),
  linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  box-shadow: 0px 2px 0px 0px #C0D1D2;
  border: 1px solid #0000001A;
}
.com-tabs span:first-child, .com-tabs a:first-child {
  border-radius: 4px 0 0 4px;
}
.com-tabs span:last-child, .com-tabs a:last-child {
  border-radius: 0 4px 4px 0;
}
.com-tabs span.selected, .com-tabs a.selected {
  background: var(--botton-blue-bg);
  box-shadow: 0px 2px 0px 0px #097D8D;
  color: #fff;
  font-weight: 700;
}
.jitai-box .djlh-list ul {
  display: flex;
  flex-wrap: wrap;
}
.jitai-box .djlh-list li {
  margin: 12px 0 0 12px;
  width: calc((100% - 48px) / 5);
  border-radius: 4px;
  border: 1px solid #dfdfdf;
  overflow: hidden;
  box-sizing: border-box;
}
.jitai-box .djlh-list li:nth-child(5n + 1) {
  margin-left: 0;
}
.jitai-box .djlh-list li a {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.jitai-box .djlh-list li img {
  max-width: 100%;
  height: 206px;
}
.jitai-box .djlh-list li div {
  width: 100%;
  box-sizing: border-box;
  padding: 7px;
  background: linear-gradient(to bottom, #FFFFFF 60%, #F3F3F3 100%);
}
.jitai-box .djlh-list li div span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  height: 40px;
}
.lasthot-list ul {
  border-top: 1px solid #e5e5e5;
}
.lasthot-list li {
  display: flex;
  justify-content: space-between;
  background: linear-gradient(to bottom, #FFFFFF 60%, #F3F3F3 100%);
  padding: 15px;
  border-bottom: 1px solid #dcdcdc;
}
.lasthot-list li:hover {
  opacity: 0.9;
}
.lasthot-list li .pic {
  position: relative;
  width: 135px;
  height: calc(135px / (16/9));
}
.lasthot-list li .pic::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: -7px;
  left: -6px;
}
.lasthot-list li:nth-child(1) .pic::after {
  background: url('../img/rank/1.svg') no-repeat 0 0;
}
.lasthot-list li:nth-child(2) .pic::after {
  background: url('../img/rank/2.svg') no-repeat 0 0;
}
.lasthot-list li:nth-child(3) .pic::after {
  background: url('../img/rank/3.svg') no-repeat 0 0;
}
.lasthot-list li:nth-child(4) .pic::after {
  background: url('../img/rank/4.svg') no-repeat 0 0;
}
.lasthot-list li:nth-child(5) .pic::after {
  background: url('../img/rank/5.svg') no-repeat 0 0;
}
.lasthot-list li:nth-child(6) .pic::after {
  background: url('../img/rank/6.svg') no-repeat 0 0;
}
.lasthot-list li:nth-child(7) .pic::after {
  background: url('../img/rank/7.svg') no-repeat 0 0;
}
.lasthot-list li:nth-child(8) .pic::after {
  background: url('../img/rank/8.svg') no-repeat 0 0;
}
.lasthot-list li:nth-child(9) .pic::after {
  background: url('../img/rank/9.svg') no-repeat 0 0;
}
.lasthot-list li:nth-child(10) .pic::after {
  background: url('../img/rank/10.svg') no-repeat 0 0;
}
.lasthot-list li .pic img {
  width: 100%;
  height: 100%;
}
.lasthot-list li div {
  width: calc(100% - 145px);
}
.lasthot-list li div .lm {
  color: var(--text-red-color);
  font-weight: 700;
  font-size: 14px;
}
.lasthot-list li div .lm:hover {
  color: #ea9629;
}
.lasthot-list li div .bt {
  margin-top: 5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 14px;
  font-weight: 700;
  line-height: 23px;
}
.lasthot-list.lasthot-v li:nth-child(n) .pic::after {
  display: none;
}
.lasthot-list.aut li div .lm {
  font-size: 15px;
}
.lasthot-list.aut li div .bt {
  margin-top: 5px;
  font-size: 14px;
  color: #666;
  line-height: 18px;
  font-weight: normal;
}
.advert a {
  display: flex;
  border-radius: 4px;
  overflow: hidden;
}
.advert a img {
  width: 100%;
  max-width: 100%;
}
/*footer*/
.footer {
  margin-top: 60px;
}
.footer .foot p, .footer .absite, .ylink {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ylink {
  height: 80px;
}
.ylink a {
  display: flex;
  margin-left: 50px;
}
.ylink a:first-child {
  margin-left: 0;
}
.ylink img {
  height: 32px;
}
.footer .foot {
  background: #11A2B6;
}
.footer .absite {
  height: 53px;
  border-bottom: 1px solid #29abbd;
}
.footer .absite a {
  margin-left: 30px;
}
.footer .absite a:first-child {
  margin-left: 0;
}
.footer .foot .copyright {
  padding: 10px 0;
  line-height: 24px;
}
.footer .absite a, .footer .foot p {
  color: #fff;
  font-size: 14px;
}
/*login*/
body .class-login {
  background-color: none !important;
  border-radius: 4px;
}
.login-reg-box {
  position: relative;
  margin: 0 auto;
  width: 480px;
  /* background: linear-gradient(to bottom, #FFFFFF, #F3F3F3); */
  box-sizing: border-box;
  padding: 30px 40px;
  border-radius: 4px;
}
.class-login .close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 32px;
  height: 34px;
  background: url('../img/close.png') no-repeat 0 0;
  cursor: pointer;
}
.class-login .lg {
  display: flex;
  justify-content: center;
}
.class-login .lg img {
  height: 40px;
}
.class-login h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  font-size: 24px;
  font-weight: 700;
  color: #595959;
}
.class-login dl dt {
  position: relative;
  margin-top: 15px;
  font-size: 14px;
  color: #8a8a8a;
}
.class-login dl dd {
  margin-top: 5px;
  height: 52px;
  padding: 10px 16px;
  border-radius: 4px;
  border: 1px solid #0000001A;
  box-sizing: border-box;
}
.class-login .tipcol {
  font-size: 10px;
  color: #999;
}
.class-login dl dd input {
  border: none;
  background: none;
  width: 100%;
  height: 30px;
  font-size: 16px;
}
.class-login .helpf {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
.class-login .helpf .rmb {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.class-login .helpf .rmb em, .class-login .helpf .rmb b {
  border-radius: 100px;
}
.class-login .helpf .rmb em {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border: 1px solid #c8c8c8;
  background: #eaeaea;
}
.class-login .helpf .rmb.selected em {
  border-color: #11A2B6;
  background: none;
}
.class-login .helpf .rmb.selected b {
  width: 8px;
  height: 8px;
  background: #11A2B6;
}
.class-login .helpf .reg {
  align-items: flex-start;
}
.class-login .helpf .reg .pc{
  margin-top: 4px;
}
.class-login .helpf .reg span {
  padding-left: 5px;
  width: calc(100% - 23px);
  color: #333;
}
.class-login a {
  color: #11a2b6;
}
.class-login .suby {
  margin-top: 20px;
}
.class-login .suby input, .class-login .suby button {
  width: 100%;
  height: 52px;
  background: var(--botton-red-bg);
  border: none;
  border-radius: 4px;
  box-shadow: 0px 2px 0px 0px #C83C3C;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
}
.class-login .line-or {
  position: relative;
  margin-top: 30px;
  border-top: 1px solid #d1d1d1;
}
.class-login .line-or::after {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  content: "or";
  width: 50px;
  height: 20px;
  background: #ffffff;
  left: 50%;
  top: -10px;
  margin-left: -25px;
}
.class-login .google-l {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 25px;
}
.class-login .google-l a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc((100% - 20px) / 2);
  height: 46px;
  font-size: 12px;
  border-radius: 4px;
  box-sizing: border-box;
}
.class-login .google-l a.line {
  background: #2CBF13;
  border: 1px solid #16b216;
  color: #fff;
}
.class-login .google-l a.google {
  background: #ffffff;
  border: 1px solid #9b9b9b;
  color: #575757;
}
.class-login .google-l img {
  margin-right: 15px;
  width: 30px;
}
.class-login .toreg {
  padding-top: 20px;
}
.bread-line {
  display: flex;
  align-items: center;
  height: 20px;
  padding: 15px 0;
}
.bread-line a, .bread-line b {
  display: flex;
  align-items: center;
  height: 20px;
  color: #ffffff;
}
.bread-line a {
  position: relative;
  margin-right: 30px;
}
.bread-line a::after {
  position: absolute;
  content: "";
  right: -18px;
  top: 7px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.in-right-t1 {
  font-size: 20px;
}
.in-right-t2 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  border-radius: 4px;
  color: #ffffff;
  font-size: 14px;
}
.in-right-t2.b1 {
  background: var(--text-red-color);
}
.in-right-t2.b2 {
  background: #0EC3DC;
}
.in-right-t3 {
  padding-left: 30px;
  background: url('../img/djrec.png') no-repeat 0 center;
  font-size: 20px;
  color: #FB4D4D;
}
.in-com-list ul {
  display: flex;
  flex-wrap: wrap;
}
.in-com-list li {
  margin-left: 13px;
  width: calc((100% - 26px) / 3);
  border-radius: 4px 4px 0 0;
  border: 1px solid #dfdfdf;
  overflow: hidden;
  box-sizing: border-box;
}
.in-com-list li:nth-child(3n + 1) {
  margin-left: 0;
}
.in-com-list li:nth-child(n + 4) {
  margin-top: 13px;
}
.in-com-list li:hover {
  opacity: 0.9;
}
.in-com-list li .pic {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: calc((704px/3) / (16/9));
}
.in-com-list li .pic img {
  width: 100%;
  height: calc((704px/3) / (16/9));
}
.auth-works .in-com-list li .pic img {
	width: auto;
	max-width: 100%;
}
.in-com-list li .pic b {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -4px;
  right: 10px;
  width: 34px;
  height: 28px;
  font-size: 12px;
  border-radius: 0 0 100px 100px;
  color: #fff;
}
.in-com-list li .pic b.b-rq {
  background: #ff5c00;
}
.in-com-list li .pic b.b-dz {
  background: #fc005b;
}
.in-com-list li .pic b.b-x {
  background: #34c759;
}
.in-com-list li .ot {
  padding: 7px 9px;
  border-radius: 0 0 4px 4px;
  background: linear-gradient(to bottom, #FFFFFF 60%, #F3F3F3 100%);
}
.in-com-list li .tg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 24px;
}
.in-com-list li .tg a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-items: center;
  padding: 0 10px;
  height: 24px;
  border-radius: 100px;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  line-height: 24px;
}
.in-com-list li .tg a.c1 {
  background: var(--top-border-color-b);
}
.in-com-list li .tg a.c2 {
  background: var(--text-red-color);
}
.in-com-list li .tg a.c3 {
  background: #0EC3DC;
}
.in-com-list li .tg a.c4 {
  background: var(--top-border-color-c);
}
.in-com-list li .tg em {
  color: var(--time-color);
  font-size: 12px;
  min-width: 70px;
  text-align: right;
}
.in-com-list li .tit {
  margin-top: 8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  height: 44px;
}
.in-com-list li .pindian {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  height: 22px;
  font-size: 14px;
}
.in-com-list li .pindian em {
  display: flex;
  align-items: center;
  height: 22px;
  padding-left: 25px;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 20px;
}
.in-com-list li .pindian em:first-child {
  background-image: url('../img/au-zan.svg');
}
.in-com-list li .pindian em:last-child {
  background-image: url('../img/au-pinlu.svg');
}
.in-com-list.aut li .tit {
  -webkit-line-clamp: 1;
  height: 22px;
}
.in-news-list li {
  display: flex;
  position: relative;
  justify-content: space-between;
  background: linear-gradient(to bottom, #FFFFFF 60%, #F3F3F3 100%);
  padding: 15px;
  border-bottom: 1px solid #dcdcdc;
}
.in-news-list li:first-child {
  border-top: 1px solid #dcdcdc;
}
.in-news-list li:hover {
  opacity: 0.9;
}
.in-news-list li .pic {
  display: flex;
  width: 240px;
  height: calc(240px / (16/9));
}
.in-news-list li .pic img {
  width: 100%;
  height: 100%;
}
.in-news-list li div.news_info {
  width: calc(100% - 255px);
}
.in-news-list li div.news_info .lm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 22px;
  font-size: 14px;
  font-weight: 700;
}
.in-news-list li div.news_info .lm a {
  color: var(--text-red-color);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.in-news-list li div.news_info .lm a:hover {
  color: #ea9629;
}
.in-news-list li div.news_info .bt {
  margin: 15px 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  max-height: 72px;
}
.in-news-list li div.news_info em {
  display: flex;
  align-items: center;
  padding-left: 23px;
  height: 21px;
  background: url('../img/time.svg') no-repeat 0 center;
  font-size: 12px;
  color: var(--time-color);
}
.in-news-list li div.news_info .lm em {
  display: none;
}
.in-news-list li div.news_info .vd-bqdiv {
  display: flex;
  align-items: center;
}
.in-news-list li div.news_info .vd-bqdiv em {
  margin-left: 20px;
}
.in-news-list li div.news_info .vd-bqdiv a {
  color: var(--text-red-color);
}
.in-news-list li div.news_info .vd-bqdiv a:hover {
  color: var(--hover-color);
}
.pager {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px 0 10px 0;
}
.pager a, .pager strong, .pager label {
  display: flex;
  align-items: center;
  padding: 0 10px;
  margin-left: 10px;
  height: 30px;
  border: 1px solid #D9D9D9;
  min-width: 10px;
  background: #fff;
}
.pager a:first-child {
  margin-left: 0;
}
.pager strong, .pager a:hover {
  background: #0EC3DC;
  border-color: #0EC3DC;
  color: #fff;
}
.pager label .px {
  padding: 0;
  width: 25px;
  height: 16px;
  line-height: 16px;
}
.pager .prev, .pager .nxt {
  position: relative;
}
.pager .prev::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "＜";
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pager a.nxt {
  /*padding-right: 21px;*/
}
.pager .prev a {
  /*padding-left: 21px;*/
}
.pager .nxt::after {
  right: 10px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
}
.pager .prev:hover::after, .pager .nxt:hover::after {
  border-color: #fff;
}
.in-jitai-list ul {
  display: flex;
  flex-wrap: wrap;
}
.in-jitai-list li {
  position: relative;
  width: calc((100% - 30px) / 2);
  padding-bottom: 15px;
  border-bottom: 1px solid #e3e3e3;
}
.in-jitai-list li:nth-child(2n) {
  position: relative;
  padding-left: 30px;
}
.in-jitai-list li:nth-child(2n)::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  border-left: 1px solid #e3e3e3;
}
.in-jitai-list li:nth-child(n + 3) {
  padding-top: 15px;
}
.in-jitai-list li a {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.in-jitai-list li .pic {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 154px;
}
.in-jitai-list li .pic img {
  max-width: 100%;
  max-height: 100%;
}
.in-jitai-list li .tx {
  width: calc(100% - 105px);
}
.in-jitai-list li .stime {
  display: flex;
  align-items: center;
}
.in-jitai-list li .stime em {
  display: flex;
  align-items: center;
  padding: 0 10px;
  height: 20px;
  border-radius: 20px;
  background: #FF555533;
  color: var(--text-red-color);
  font-size: 12px;
}
.in-jitai-list li h3 {
  margin-top: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  max-height: 40px;
}
.in-jitai-list li p {
  margin-top: 6px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 14px;
  max-height: 28px;
  font-size: 12px;
  color: #666;
}
.in-jitai-list li .btn {
  display: flex;
  margin-top: 15px;
}
.in-jitai-list li .btn span {
  position: relative;
  display: flex;
  align-items: center;
  height: 26px;
  width: 80px;
  padding: 0 30px 0 20px;
  box-sizing: border-box;
  background: url('../img/more3.svg') no-repeat 55px center var(--top-border-color-a);
  color: #fff;
  border-radius: 4px;
}
.in-jitai-hot li {
  padding-top: 15px;
  width: 100%;
  border-bottom: 1px solid #dcdcdc;
}
.in-jitai-hot li:nth-child(2n) {
  position: relative;
  padding-left: 0;
}
.in-jitai-hot li:nth-child(2n)::after {
  display: none;
}
.in-jitai-hot li:nth-child(n + 3) {
  padding-top: 15px;
}
.in-jitai-hot li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.consbox.dat {
  border-top: 5px solid #0EC3DC;
}
.consbox.dbt {
  border-top: 5px solid var(--top-border-color-c);
}
.consbox.dct {
  border-top: 5px solid var(--text-red-color);
}
.consbox.ddt {
  border-top: 5px solid #3370FF;
}
.consbox.det {
  border-top: 5px solid #A777FF;
}
.consbox.dft {
  border-top: 5px solid #F629E2;
}
.consbox.dgt {
  border-top: 5px solid var(--top-border-color-d);
}
.consbox.dht {
  border-top: 5px solid #B312FF;
}

.detail-box .d-title {
  border-bottom: 1px solid #e8eaeb;
  padding-bottom: 10px;
}
.detail-box .d-title h1 {
  font-size: 24px;
  line-height: 36px;
}
.detail-box .d-title p {
  font-size: 14px;
  color: #00000073;
  word-spacing: 10px;
  text-align: left;
}
.detail-box .d-jitan-base {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 15px 0;
}
.detail-box .d-jitan-base img {
  width: 175px;
}
.detail-box .d-jitan-base .jt-table {
  width: calc(100% - 190px);
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
.detail-box .d-jitan-base .jt-table dl {
  display: flex;
  min-height: calc(235px / 6);
}
.detail-box .d-jitan-base .jt-table dt, .detail-box .d-jitan-base .jt-table dd {
  display: flex;
  align-items: center;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
}
.detail-box .d-jitan-base .jt-table dt {
  justify-content: center;
  width: 120px;
  background: #f2f2f2;
  font-weight: 700;
}
.detail-box .d-jitan-base .jt-table dd {
  width: calc(100% - 120px);
  padding: 5px 10px;
  line-height: 20px;
}
.detail-htitle {
  display: flex;
  align-items: center;
  padding-left: 15px;
  height: 46px;
  font-size: 18px;
  border-left: 4px solid var(--text-red-color);
  background: linear-gradient(0deg, rgba(255, 85, 85, 0.15), rgba(255, 85, 85, 0.15));
  color: var(--text-red-color);
}
.prve-next {
  padding-top: 10px;
}
.prve-next li {
  display: block;
  overflow: hidden;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  color: #8c8c8c;
}
.prve-next li a {
  color: #3370FF;
}
.dc-rating {
  display: flex;
  align-items: center;
}
.detail-comment .font-sty {
  font-weight: 700;
  font-size: 16px;
  color: #000000A6;
}
.dc-rating .my-rating {
  display: flex;
  margin: 0 15px 0 25px;
}
.dc-rating .my-rating .jq-star {
  margin-left: 10px;
}
.dc-rating .live-rating {
  font-size: 14px;
  color: #666666;
}
.detail-comment .dc-input-tea, .detail-comment .dc-input {
  height: 152px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}
.detail-comment .dc-input {
  height: 152px;
  border: 1px solid #e0e0e0;
  background: url('../img/lock.svg') no-repeat center 40px #f2f2f2;
  border-radius: 4px;
}
.detail-comment .dc-input .no-login {
  padding-top: 85px;
  text-align: center;
  color: #858585;
}
.detail-comment .dc-input .no-login span {
  color: #11A2B6;
  cursor: pointer;
}
.detail-comment .dc-input-tea {
  padding: 5px;
  background: #f2f2f2;
}
.detail-comment .dc-input-tea textarea {
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  font-size: 16px;
}
.detail-about h2 {
  font-size: 16px;
  color: #000000A6;
}
.detail-dc-post {
  display: flex;
  justify-content: center;
  padding: 15px 0;
  border-bottom: 1px solid #f2f2f2;
}
.detail-dc-post.nobor {
  border-bottom: none;
}
.detail-dc-post .btn {
  display: flex;
  align-items: center;
  padding: 0 50px;
  height: 32px;
  background: var(--botton-blue-bg);
  box-shadow: 0px 2px 0px 0px #097D8D;
  border-radius: 4px;
  border: none;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
}
.detail-dc-post .btn.b2 {
  background: var(--botton-red-bg);
  box-shadow: 0px 2px 0px 0px #C83C3C;
}
.detail-comment .dc-sum {
  display: flex;
  justify-content: space-between;
}
.detail-comment .dc-sum table {
  width: 480px;
  border-left: 1px solid #d1d1d1;
  border-top: 1px solid #d1d1d1;
}
.detail-comment .dc-sum table td {
  width: 50%;
  padding: 8px 0;
  border-right: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  text-align: center;
}
.detail-comment .dc-sum table img {
  width: 24px;
}
.detail-comment .dc-sum .sums {
  width: calc(100% - 520px);
}
.detail-comment .dc-sum .sums .my-rating2 .jq-star {
  margin-right: 5px;
}
.detail-comment .dc-sum .sums .ave b {
  color: red;
}
.detail-comment .dc-sum .sums .ave em {
  color: #0EC3DC;
}
.detail-comment .dc-lists li {
  border: 1px solid #d1d1d1;
}
.detail-comment .dc-lists .l-head {
  background: #f2f2f2;
  padding: 10px;
  border-bottom: 1px solid #e3e3e3;
}
.detail-comment .dc-lists .l-head .star {
  display: flex;
  align-items: center;
}
.detail-comment .dc-lists .l-head .star .jq-star {
  margin-right: 10px;
  width: 24px;
}
.detail-comment .dc-lists .l-head .star span {
  font-size: 14px;
  color: #00000073;
}
.detail-comment .dc-lists .l-head .author {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  color: #00000065;
  font-weight: 700;
}
.detail-comment .dc-lists .l-head .author a {
  color: #11A2B6;
}
.detail-comment .dc-lists .l-text {
  padding: 15px;
}
.detail-comment .dc-lists .l-text .txt {
  font-size: 14px;
  line-height: 23px;
}
.detail-comment .dc-lists .l-text .txt .t_fsz {
	min-height: auto;
}
.detail-comment .dc-lists .l-text .zan {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 15px;
  border-top: 1px solid #f5f5f5;
}
.detail-comment .dc-lists .l-text .zan .wen {
  color: #00000073;
}
.detail-comment .dc-lists .l-text .zan .zbtn {
  display: flex;
  align-items: center;
}
.detail-comment .dc-lists .l-text .zan .zbtn span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  height: 30px;
  padding: 0 5px;
  cursor: pointer;
  color: #fff;
  font-weight: 700;
  border-radius: 4px;
  font-size: 14px;
}
.detail-comment .dc-lists .l-text .zan .zbtn span.yb {
  background: var(--botton-blue-bg);
  box-shadow: 0px 2px 0px 0px #097D8D;
}
.detail-comment .dc-lists .l-text .zan .zbtn span.nb {
  margin-left: 15px;
  background: linear-gradient(180deg, #D0C6C6 44.27%, #B4ACAC 50%, #A7A3A3 64.06%, #BEB0AB 100%);
  box-shadow: 0px 2px 0px 0px #938786;
}
.detail-comment .dc-lists .l-text .zan .zbtn span img {
  margin-right: 5px;
}
.game-pmcon-list ul {
  border-top: 1px solid #dcdcdc;
}
.game-pmcon-list li a {
  position: relative;
  display: block;
  padding: 10px 15px;
  border-bottom: 1px solid #dcdcdc;
  background: linear-gradient(to bottom, #FFFFFF 60%, #F3F3F3 100%);
  font-weight: 700;
}
.game-pmcon-list li span, .game-pmcon-list li em {
  display: flex;
  align-items: center;
}
.game-pmcon-list li a em {
  position: relative;
  padding-left: 40px;
  height: 33px;
  color: #11A2B6;
  font-size: 18px;
}
.game-pmcon-list li a span {
  margin-top: 8px;
  font-size: 16px;
  color: #000000A6;
  line-height: 20px;
}
.game-pmcon-list li a:hover span {
  color: #ea9629;
}
.game-pmcon-list li a em::after {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  width: 33px;
  height: 33px;
  content: "";
}
.game-pmcon-list li:nth-child(1) em::after {
  background-position: -10px -10px;
}
.game-pmcon-list li:nth-child(2) em::after {
  background-position: -63px -10px;
}
.game-pmcon-list li:nth-child(3) em::after {
  background-position: -10px -63px;
}
.game-pmcon-list li:nth-child(4) em::after {
  background-position: -63px -63px;
}
.game-pmcon-list li:nth-child(5) em::after {
  background-position: -116px -10px;
}
.game-pmcon-list li:nth-child(6) em::after {
  background-position: -116px -10px;
}
.game-pmcon-list li:nth-child(7) em::after {
  background-position: -10px -116px;
}
.game-pmcon-list li:nth-child(8) em::after {
  background-position: -63px -116px;
}
.game-pmcon-list li:nth-child(9) em::after {
  background-position: -116px -116px;
}
.game-pmcon-list li:nth-child(10) em::after {
  background-position: -169px -10px;
}
.detail-author .daut-pic {
  display: flex;
}
.detail-author .daut-pic img {
  width: 100%;
  max-height: 409px;
}
.detail-author .daut-name {
  padding: 15px 0;
  font-size: 24px;
  line-height: 35px;
}
.detail-author .daut-txt {
  font-size: 16px;
  color: #6e6e6e;
  line-height: 26px;
}
.detail-author .daut-dl dt {
  font-size: 16px;
  color: #6e6e6e;
}
.detail-author .daut-dl dt em {
  color: var(--text-red-color);
}
.detail-author .daut-dl dd {
  padding: 8px 0;
}
.detail-author .daut-dl dd a {
  color: #3370FF;
}
.author-about .in-com-list li .tit {
  margin-top: 0;
}
.author-about .in-com-list li .tg {
  margin-top: 8px;
}
.author-dat {
  display: flex;
  justify-content: space-between;
}
.author-dat img {
  width: 160px;
  height: 160px;
}
.author-dat div {
  width: calc(100% - 175px);
  color: #000000A6;
}
.author-dat h3 {
  font-size: 20px;
}
.author-dat p {
  line-height: 24px;
}
.points-box .ps-img {
  display: flex;
}
.points-box .ps-img img {
  width: 100%;
  max-height: 150px;
}
.points-box .ps-table table {
  width: 100%;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.points-box .ps-table table td, .points-box .ps-table table th {
  height: 38px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-align: center;
  vertical-align: middle;
}
.points-box .ps-table table th {
  font-weight: normal;
  background: #f2f2f2;
}
.points-box .ps-table table td em {
  color: red;
}
.points-box .ps-table table td a {
  color: #3370FF;
}
.points-box .ps-tips {
  color: #666;
}
.points-head {
  border-radius: 5px;
  overflow: hidden;
}
.points-head .ps-title {
  display: flex;
  align-items: center;
  padding: 0 15px;
  height: 60px;
  background: var(--text-red-color);
  font-size: 24px;
  color: #fff;
}
.points-head p {
  color: #000000A6;
}
.points-tit {
  display: flex;
  align-items: center;
  padding-left: 10px;
  height: 40px;
  font-size: 18px;
}
.points-tit.c1 {
  border-left: 4px solid var(--text-red-color);
  background: rgba(255, 85, 85, 0.1);
}
.points-box.det .points-tit {
  border-left: 4px solid #A777FF;
  background: rgba(167, 119, 255, 0.1);
}
.points-box.dbt .points-tit {
  border-left: 4px solid #FF912C;
  background: rgba(255, 145, 44, 0.1);
}
.points-box.dgt .points-tit {
  border-left: 4px solid #19CE41;
  background: rgba(25, 206, 65, 0.1);
}
.points-box.dft .points-tit {
  border-left: 4px solid #F629E2;
  background: rgba(246, 41, 226, 0.1);
}
.points-box.ddt .points-tit {
  border-left: 4px solid #1F78FF;
  background: rgba(31, 120, 255, 0.1);
}
.video-play .v-play {
  background: #666;
  height: calc(730px / (16/9));
}
.video-play .v-play iframe {
  width: 730px;
  height: calc(730px / (16/9));
  width: 730px !important;
  height: calc(730px / (16/9)) !important;
}
.video-play iframe {
  width: 730px;
  height: calc(730px / (16/9));
  width: 730px !important;
  height: calc(730px / (16/9)) !important;
}
.video-play .v-title {
  padding-bottom: 15px;
  border-bottom: 1px solid #0000001A;
}
.video-play .v-title h1 {
  padding: 15px 0;
  font-size: 18px;
  line-height: 28px;
}
.video-play .v-title p {
  font-size: 14px;
  color: #00000073;
}
.video-play .v-desc {
  line-height: 28px;
  font-size: 16px;
}
.video-play .v-desc p {
  margin-bottom: 10px;
}
.video-play .v-desc p:last-child {
  margin-bottom: 0;
}
.video-play .t_f p {
  margin-bottom: 20px;
  line-height: 24px;
}
.v-tags {
  display: flex;
  flex-wrap: wrap;
}
.v-tags li {
  display: flex;
  align-items: center;
  margin-right: 20px;
  margin-bottom: .5rem;
  padding: 0 15px;
  height: 32px;
  border-radius: 100px;
  background: #0EC3DC33;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.65);
}
.v-tags a {
  color: #11A2B6;
}
.video-play #article_content img {
  max-width: 100%;
}
.search-sum h2 {
  padding-left: 45px;
  background: url('../img/search-b.svg') no-repeat 0 2px;
  border-bottom: 1px solid #E8EAEB;
  height: 50px;
  font-size: 24px;
  color: #000000A6;
}
.search-sum div {
  display: flex;
  flex-wrap: wrap;
}
.search-sum div a {
  display: flex;
  align-items: center;
  margin-right: 20px;
  min-width: 140px;
  padding: 0 20px;
  margin-bottom: 15px;
  height: 48px;
  border-radius: 100px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  box-sizing: border-box;
}
.search-sum div a.c1 {
  background: var(--text-red-color);
}
.search-sum div a.c2 {
  background: #6D55FF;
}
.search-sum div a.c3 {
  background: #FF912C;
}
.search-sum div a.c4 {
  background: #F629E2;
}
.search-sum div a.c5 {
  background: #1F78FF;
}
.search-sum div a.c6 {
  background: #19CE41;
}
.search-sum div a em {
  margin-left: 20px;
}
.search-res .biaoti {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px 0 15px;
  height: 56px;
}
.search-res .biaoti.c1 {
  background: rgba(255, 85, 85, 0.1);
  border-left: 4px solid var(--text-red-color);
  color: var(--text-red-color);
}
.search-res .biaoti.c1 .biaoti_m {
	fill: var(--text-red-color);
}
.search-res .biaoti.c2 {
  background: rgba(109, 85, 255, 0.1);
  border-left: 4px solid #6D55FF;
  color: #6D55FF;
}
.search-res .biaoti.c2 .biaoti_m {
	fill: #6D55FF;
}
.search-res .biaoti.c3 {
  background: rgba(255, 145, 44, 0.1);
  border-left: 4px solid #FF912C;
  color: #FF912C;
}
.search-res .biaoti.c3 .biaoti_m {
	fill: #FF912C;
}
.search-res .biaoti.c4 {
  background: rgba(246, 41, 226, 0.1);
  border-left: 4px solid #F629E2;
  color: #F629E2;
}
.search-res .biaoti.c4 .biaoti_m {
	fill: #F629E2;
}
.search-res .biaoti.c5 {
  background: rgba(12, 199, 53, 0.1);
  border-left: 4px solid #0CC735;
  color: #0CC735;
}
.search-res .biaoti.c5 .biaoti_m {
	fill: #0CC735;
}
.search-res .biaoti.c6 {
  background: rgba(31, 120, 255, 0.1);
  border-left: 4px solid #1F78FF;
  color: #1F78FF;
}
.search-res .biaoti.c6 .biaoti_m {
	fill: #1F78FF;
}
.search-res .biaoti h2 {
  font-size: 18px;
}
.search-res .biaoti a {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #000000A6;
}
.search-res .biaoti a svg {
  margin-left: 5px;
}
.search-res .s-listos {
  padding: 15px;
}
.search-res .s-ul-jitai {
  display: flex;
}
.search-res .s-ul-jitai li {
  margin-left: calc((100% - 816px) / 5);
  width: 136px;
  border-radius: 4px;
  border: 1px solid #dfdfdf;
  box-sizing: border-box;
  overflow: hidden;
}
.search-res .s-ul-jitai li:first-child {
  margin-left: 0;
}
.search-res .s-ul-jitai li a {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
}
.search-res .s-ul-jitai li img {
  display: flex;
  width: 100%;
  height: 230px;
}
.search-res .s-ul-jitai li em {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  right: 0;
  top: 0;
  height: 24px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.search-res .s-ul-jitai li em.c1 {
  background: url('../img/search-jtn1.svg') no-repeat center 0;
}
.search-res .s-ul-jitai li em.c2 {
  background: url('../img/search-jtn2.svg') no-repeat center 0;
}
.search-res .s-ul-jitai li div {
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
  background: linear-gradient(to bottom, #FFFFFF 60%, #F3F3F3 100%);
}
.search-res .s-ul-jitai li span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  height: 40px;
}
.search-res .in-com-list .s-ul-news li {
  margin-left: 15px;
  width: calc((100% - 60px) / 5);
}
.search-res .in-com-list .s-ul-news li:first-child {
  margin-left: 0;
}
.search-res .in-com-list .s-ul-news li:nth-child(n) {
  margin-top: 0;
}
.search-res .in-com-list .s-ul-news li .pic img {
  height: auto;
  max-height: 100%;
}
.search-res .in-com-list .s-ul-news.tw .tit {
  margin-top: 0;
}
.search-res .in-com-list .s-ul-news.tw .tg {
  margin-top: 8px;
}
.search-res .in-com-list .s-ul-news.tbb .tit {
  margin-top: 0;
  -webkit-line-clamp: 1;
  line-height: 22px;
  height: 22px;
}
/*s-ul-jitai-more*/
.search-res .s-ul-jitai.s-ul-jitai-more {
  flex-wrap: wrap;
}
.search-res .s-ul-jitai.s-ul-jitai-more li:nth-child(6n + 7) {
  margin: 30px 0 0 0;
}
.search-res .s-ul-jitai.s-ul-jitai-more li:nth-child(n + 7) {
  margin-top: 30px;
}
.search-res .in-com-list.s-in-com-list-more .s-ul-news li:nth-child(5n + 6) {
  margin: 15px 0 0 0;
}
.search-res .in-com-list.s-in-com-list-more .s-ul-news li:nth-child(n + 6) {
  margin-top: 15px;
}

.auth-pl-list li {
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
}
.auth-pl-list li a {
  display: flex;
  font-size: 16px;
  line-height: 28px;
  font-weight: 700;
}
.auth-pl-list li div {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
  font-size: 12px;
  color: var(--time-color);
}
.auth-pl-list li div em {
  display: flex;
  align-items: center;
  margin-left: 50px;
  height: 20px;
}
.auth-pl-list li div em:first-child {
  margin-left: 0;
  padding-left: 25px;
  background: url('../img/au-pinlu.svg') no-repeat 0 center;
  background-size: 20px;
}
.auth-jf-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 46px;
  border-bottom: 1px solid #d6d6d6;
  padding: 0 20px;
}
.auth-jf-list li:nth-child(2n) {
  background: #eaeaea;
}
.auth-jf-list li span, .auth-jf-list li b, .auth-jf-list li em {
  width: calc(33%);
}
.auth-jf-list li span {
  font-size: 16px;
}
.auth-jf-list li b {
  text-align: center;
  color: var(--text-red-color);
}
.auth-jf-list li em {
  text-align: right;
  color: var(--time-color);
  font-size: 14px;
}
.ao-tags-cate {
  position: absolute;
  left: 10px;
  align-items: center;
  background: var(--text-red-color);
  height: 24px;
  padding: 0 15px;
  color: #fff;
  font-size: 12px;
}
.ao-tags-cate:hover {
  color: #fff;
}
.ao-tags-cate.a1 {
  top: calc(730px / (16 / 9) - 5px);
}
.ao-tags-cate.a2 {
  top: calc((694px / 4) / (16/9) - 20px);
}
.recom-list li:nth-child(1) .ao-tags-cate {
  background: var(--text-red-color);
}
.recom-list li:nth-child(2) .ao-tags-cate {
  background: #A777FF;
}
.recom-list li:nth-child(3) .ao-tags-cate {
  background: #0EC3DC;
}
.recom-list li:nth-child(4) .ao-tags-cate {
  background: var(--top-border-color-c);
}
.video-mainsj .recom-max>a {
  position: relative;
}
.video-mainsj .recom-max>a:hover::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url('../img/play-youtube.svg') no-repeat center center rgba(0,0,0,.3);
  background-size: 70px;
}
.video-mainsj .video-list.vlist-tjfour li {
  margin: 0 0 0 12px;
  width: calc(694px / 4);
}
.video-mainsj .video-list.vlist-tjfour li:nth-child(1) {
  margin-left: 0;
}
.video-mainsj .video-list.vlist-tjfour li img {
  height: calc((694px / 4) / (16/9));
}
.video-mainsj .video-list.vlist-tjfour li:hover>a::after {
  background-size: 30px;
}
.video-mainsj .video-list.video-listmt li:nth-child(n) {
  margin-top: 5px;
}
.video-mainsj .video-list.video-listmt li:nth-child(n + 4) {
  margin-top: 13px;
}
.video-mainsj .video-list li .vd-bqdiv {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  background: none;
  border: none;
}
.video-mainsj .video-list li .vd-bqdiv a {
  -webkit-line-clamp: 1;
  height: 24px;
  max-width: 120px;
  border-radius: 100px;
  color: var(--text-red-color);
  font-weight: 700;
  font-size: 13px;
  line-height: 24px;
}
.video-mainsj .video-list li .vd-bqdiv a:hover {
  color: #ea9629;
}
.video-mainsj .video-list li .vd-bqdiv span {
  font-size: 12px;
  color: var(--time-color);
}
.base-clelist li {
  padding: 14px;
  border-bottom: 1px solid #dcdcdc;
}
.base-clelist li:nth-child(2n) {
  background: rgba(17,162,182,.1);
}
.base-clelist li:hover {
  background: rgba(255,145,44,.1);
}
.base-clelist li .ct {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.base-clelist li .ct a {
  display: flex;
  align-items: center;
  color: var(--text-red-color);
  font-weight: 700;
  font-size: 14px;
}
.base-clelist li .ct a:hover {
  color: #ea9629;
}
.base-clelist li .ct em{
  margin-left: 15px;
  color: var(--time-color);
}
.base-clelist li .bt {
  margin-top: 10px;
}
.base-clelist li .bt a {
  position: relative;
  padding-left: 35px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
}
.base-clelist li .bt a::after {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background: var(--text-red-color);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 14px;
  border-radius: 3px;
}
.base-clelist li:nth-child(1) .bt a::after {
  content: "1";
}
.base-clelist li:nth-child(2) .bt a::after {
  content: "2";
}
.base-clelist li:nth-child(3) .bt a::after {
  content: "3";
}
.base-clelist li:nth-child(4) .bt a::after {
  content: "4";
}
.base-clelist li:nth-child(5) .bt a::after {
  content: "5";
}
.base-clelist li:nth-child(6) .bt a::after {
  content: "6";
}
.base-clelist li:nth-child(7) .bt a::after {
  content: "7";
}
.base-clelist li:nth-child(8) .bt a::after {
  content: "8";
}
.base-clelist li:nth-child(9) .bt a::after {
  content: "9";
}
.base-clelist li:nth-child(10) .bt a::after {
  content: "10";
}
.base-comment-list li {
  padding: 15px;
  border-bottom: 1px solid #dcdcdc;
}
.base-comment-list li:nth-child(2n) {
  background: rgba(167,119,255,.1);
}
.base-comment-list li:hover {
  background: rgba(255,145,44,.1);
}
.base-comment-list .bt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  color: #06c;
}
.base-comment-list .bt:hover {
  color: #ea9629;
}
.base-comment-list .ut {
  margin-top: 8px;
  display: flex;
}
.base-comment-list .ut .pic {
  margin-right: 10px;
  display: flex;
  width: 45px;
  height: 45px;
}
.base-comment-list .ut .pic img {
  width: 100%;
  height: 100%;
}
.base-comment-list .nt {
  width: calc(100% - 55px);
}
.base-comment-list .nt a, .base-comment-list .nt em {
  display: flex;
  align-items: center;
}
.base-comment-list .nt a {
  height: 25px;
  line-height: 25px;
  font-size: 13px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.base-comment-list .nt em {
  height: 20px;
  font-size: 12px;
  color: var(--time-color);
}
.base-reading-list li {
  padding: 10px;
  border-bottom: 1px solid #dcdcdc;
}
.base-reading-list li:nth-child(2n) {
  background: rgba(17,162,182,.1);
}
.base-reading-list li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  height: 30px;
  padding-left: 40px;
  font-weight: 700;
}
.base-reading-list li a::after,
.game-pmcon-list li a em::after {
  background-image: url('../img/sprite-ranks.png');
  background-repeat: no-repeat;
}
.base-reading-list li a::after {
  position: absolute;
  content: "";
  left: 0px;
  top: 0;
  width: 33px;
  height: 33px;
}
.base-reading-list li a span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.base-reading-list li a b {
  min-width: 40%;
  color: var(--text-red-color);
  text-align: right;
}
.base-reading-list li:nth-child(1) a::after {
  background-position: -10px -10px;
}
.base-reading-list li:nth-child(2) a::after {
  background-position: -63px -10px;
}
.base-reading-list li:nth-child(3) a::after {
  background-position: -10px -63px;
}
.base-reading-list li:nth-child(4) a::after {
  background-position: -63px -63px;
}
.base-reading-list li:nth-child(5) a::after {
  background-position: -116px -10px;
}
.base-reading-list li:nth-child(6) a::after {
  background-position: -116px -63px;
}
.base-reading-list li:nth-child(7) a::after {
  background-position: -10px -116px;
}
.base-reading-list li:nth-child(8) a::after {
  background-position: -63px -116px;
}
.base-reading-list li:nth-child(9) a::after {
  background-position: -116px -116px;
}
.base-reading-list li:nth-child(10) a::after {
  background-position: -169px -10px;
}
.refEmail{
  margin: 50px auto auto;
  background: #fff;
  padding: 30px;
  border-radius: 4px;
  width: 400px;
}
.refEmail ul{
  margin-top: 30px;
}
.refEmail input{
  height: 40px;
  padding: 0 10px;
  box-sizing: border-box;
}
.refEmail .email input{
  width: 100%;
  border-left: 1px solid #aaa;
  border-top: 1px solid #aaa;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.refEmail .btn{
  margin-top: 20px;
}
.refEmail .btn input{
  background:var(--botton-blue-bg);
  border: none;
  color: #fff;
  box-shadow: 0px 2px 0px 0px #097D8D;
  border-radius: 4px; width: 100%;
  cursor: pointer;
}
/*swiper*/
.swiper-container {
  position: relative;
  width: 100%;
  height: 200px;
  border-radius: 4px;
  overflow: hidden;
  --swiper-navigation-color: rgba(0,0,0,.6);
  --swiper-navigation-size: 30px;
}
.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {
  display: none;
}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev {
  display: block;
}
.swiper-container .swiper-button-next:hover, .swiper-container .swiper-button-prev:hover {
  --swiper-navigation-color: rgba(0,0,0,.9);
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  overflow:hidden;
}
.slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
}
.slide-inner img {
  width: 100%;
  height: 100%;
}
.companys {
  padding: 30px;
}
.companys .text h1 {
  font-size: 24px;
}
.companys .text p {
  margin-top: 10px;
}
.companys table {
  margin-top: 20px;
  border-left: 1px solid #C5C5C5;
  border-top: 1px solid #C5C5C5;
  width: 100%;
}
.companys table td, .companys table th {
  border-bottom: 1px solid #C5C5C5;
  border-right: 1px solid #C5C5C5;
  padding: 5px;
  vertical-align: middle;
}
.companys table td {
  padding: 6px 10px;
}
.companys table th {
  background: #f2f2f2;
  font-weight: 700;
  text-align: center;
}
/*zhuanti*/
.zhuanti {
  padding: 5px 0 0 0;
}
.zhuanti .bgbox {
  padding: 0 15px 15px 15px;
}
.zhuanti h1 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0 30px 0;
  font-size: 26px;
}
.zhuanti h1 span {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 320px;
  padding: 0 30px;
  height: 42px;
  border-radius: 100px;
  color: #fff;
  background: linear-gradient(to bottom, #b54eff, #8123ff);
}
.zhuanti .sort {
  display: flex;
  justify-content: flex-end;
}
.zhuanti .sort a {
  display: flex;
  align-items: center;
  font-weight: 700;
  color: #464646;
  padding: 0 20px;
  height: 33px;
  background: #F7F7F7;
  box-shadow: 0px 2px 0px 0px #BBCACC;
  border-left: 1px solid #DCDCDC;
}
.zhuanti .sort a:first-child {
  border-left: none;
  border-radius: 4px 0 0 4px;
}
.zhuanti .sort a:last-child {
  border-radius: 0 4px 4px 0;
}
.zhuanti .sort a.selected {
  color: #FFF;
  background: linear-gradient(180deg, #48B8D5 0%, #47B7D4 40.1%, #41A0B6 44.27%, #48B3BC 75%, #50CCC2 100%);
  box-shadow: 0px 2px 0px 0px #2C6F80;
}
.zhuanti .list ul {
  display: flex;
  flex-wrap: wrap;
}
.zhuanti .list li {
  position: relative;
  margin-top: 20px;
  width: calc((100% - 50px) / 3);
  background: #fff;
  overflow: hidden;
  border-radius: 10px 10px 5px 5px;
  background: #F0F0F0;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.20);
}
.zhuanti .list li:nth-child(3n - 1) {
  margin-left: 25px;
  margin-right: 25px;
}
.zhuanti .list li .pic {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  overflow: hidden;
}
.zhuanti .list li img {
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease-in-out; 
}
.zhuanti .list li a:hover img {
  transform: scale(1.1);
}
.zhuanti .list li .pd {
  position: relative;
  padding: 15px;
}
.zhuanti .list li .cate {
  position: absolute;
  left: 0;
  top: -15px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  color: #FF6464;;
  padding: 0 10px;
  font-size: 15px;
  font-weight: 700;
  border-radius: 0px 90px 90px 0px;
  background: #FFF;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.06);
}
.zhuanti .list li .title {
  margin-top: 15px;
  font-size: 15px;
  font-weight: 700;
}
.zhuanti .list li .recom {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 8px;
  height: 26px;
  background: #f37613;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  border-radius: 0 0 0 10px;
}
.zhuanti .list li .time {
  text-align: right;
  color: #C8C8C8;
  font-size: 13px;
}
.zhuanti .pager {
  padding-top: 40px;
}
.zhuanti .pager strong, .zhuanti .pager a:hover {
  background: #A777FF;
  border-color: #A777FF;
}
.zhuanti .pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
}
.zhuanti .pagination a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 196px;
  height: 36px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 5px;
  background: #F7F7F7;
  box-shadow: 0px 2px 0px 0px #BBCACC;
  transition: 0s all;
}
.zhuanti .pagination a:hover {
  background: linear-gradient(180deg, #48B8D5 0%, #47B7D4 40.1%, #41A0B6 44.27%, #48B3BC 75%, #50CCC2 100%);
  box-shadow: 0px 2px 0px 0px #2C6F80;
  color: #fff;
}
.zhuanti .neirong {
  padding: 0 30px;
}
.zhuanti .neirong .time {
  margin-bottom: 10px;
  text-align: right;
}
.zhuanti .neirong .content p {
  margin-bottom: 20px;
  line-height: 24px;
}
.zhuanti .neirong .content img {
  display: flex;
  margin: 0 auto;
  max-width: 100%;
}
.zhuanti .neirong .content h2, .zhuanti .neirong .content h3 {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding-left: 15px;
  height: 46px;
  font-size: 18px;
  border-left: 4px solid #A777FF;
  background: #a777ff2a;
}
.zhuanti .tougao-form ul li {
  align-items: flex-start;
}
.zhuanti .tougao-form ul li .th {
  height: 30px;
}
.zhuanti .tougao-form ul li .td {
  margin-bottom: 20px;
}
.zhuanti .tougao-form ul li input {
  border-left: 1px solid #aaa;
  border-top: 1px solid #aaa;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 3px 10px;
  height: 25px;
  line-height: 25px;
  width: calc(100% - 20px);
}
/*ji tai time sort*/
.jitai-h3com {
  display: flex;
  align-items: center;
  margin-top: 10px;
  height: 36px;
  font-size: 20px;
  font-weight: normal;
  background: rgba(167,119,255, 0.1);
  padding: 0 10px;
  color: var(--top-border-color-b);
  border-left: 4px solid var(--top-border-color-b);
}
.in-jitai-list.jitai-comtime {
  padding-bottom: 15px;
}
.in-jitai-list.jitai-comtime ul {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
.in-jitai-list.jitai-comtime li {
  padding: 10px;
  width: 50%;
  border: none;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  transition: .5s all;
}
.in-jitai-list.jitai-comtime li:hover {
  background: rgba(255,145,44,.1);
}
.in-jitai-list.jitai-comtime li:nth-child(2n) {
  padding: 10px;
}
.in-jitai-list.jitai-comtime li:nth-child(2n)::after {
  display: none;
}
.in-jitai-list.jitai-comtime li .pic {
  width: 80px;
  height: auto;
}
.in-jitai-list.jitai-comtime li .pic img {
  max-height: 135px;
}
.in-jitai-list.jitai-comtime li .tx {
  width: calc(100% - 95px);
}
.jitai-comtime-more {
  padding: 40px 0 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jitai-comtime-more a {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 0 20px;
  border-radius: 8px;
  background: #0EC3DC;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
.jitai-comtime-list {
  padding-bottom: 20px;
}
.jitai-comtime-list li {
  margin-top: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  line-height: 20px;
  max-height: 20px;
}
.jitai-comtime-list li:first-child {
  margin-top: 20px;
}
.jitai-comtime-list li:nth-child(5n + 6) {
  margin-top: 30px;
}
/*search-nbox*/
.search-nbox {
  display: flex;
  justify-content: space-between;
  height: 90px;
}
.search-nbox .sq {
  width: 760px;
}
.search-nbox .sq a, .search-nbox .sq img {
  display: block;
  width: 100%;
  height: 100%;
}
.search-nbox .sq img {
  border-radius: 5px;
}
.search-nbox .sr {
  display: flex;
  align-items: center;
  width: 425px;
  padding: 0 15px;
  box-sizing: border-box;
  border-radius: 5px;
}
.search-nbox .sr div {
  display: flex;
  align-items: center;
  width: 100%;
}
.search-nbox .sr input {
  width: calc(100% - 50px);
  height: 38px;
  border: 1px solid rgba(0,0,0,.2);
  box-shadow: 0px 2px 4px 0px #00000026 inset;
  border-radius: 4px 0 0 4px;
  text-indent: 10px;
  font-size: 14px;
  color: #999;
}
.search-nbox .sr span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 40px;
  background: var(--botton-red-bg);
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}
.jt-shinqueen {
  display: flex;
}
.jt-shinqueen img {
  width: 100%;
  border-radius: 4px;
}
.app-down {
  padding-bottom: 15px;
}
.app-down a {
  display: flex;
}
.app-down img {
  width: 100%;
  border-radius: 4px;
}
.pc-sidebar {
  position: fixed;
  top: 300px;
  width: 100px;
  height: 300px;
}
.pc-sidebar.left {
  left: 50%;
  margin-left: -730px;
}
.pc-sidebar.right {
  right: 50%;
  margin-right: -730px;
}
@media only screen and (max-width: 600px) {
  .pager label {
    display: flex;
    border: 1px solid #D9D9D9;
    min-width: 1.3rem;
  }
}