@charset "UTF-8";

.show {
  display: block;
}

.hide {
  display: none !important;
}

.inline_block {
  display: inline-block;
  vertical-align: middle;
}

.cursor {
  cursor: pointer;
}

.auto {
  margin: 0 auto;
}

.width {
  width: 1200px;
}


.breadcrumb-bar {
  height: 40px;
  line-height: 40px;
  position: relative;
  z-index: 1;
  background-color: #e5e5e5;
}

.breadcrumb-bar img {
  vertical-align: middle;
  top: 2px;
  position: relative;
}

.breadcrumb-bar ul {
  display: inline-block;
  vertical-align: middle;
}

.breadcrumb-bar ul li {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #808080;
  cursor: pointer;
}

.breadcrumb-bar ul li:after {
  content: ">";
  color: #808080;
  margin: 0 2px 0 6px;
}

.breadcrumb-bar ul li:last-of-type {
  cursor: text;
}

.breadcrumb-bar ul li:last-of-type:after {
  display: none;
}

.w-e-panel-container {
  width: 306px !important;
  border-top: 1px solid #ccc !important;
  z-index: 10002 !important;
}

.w-e-text-container {
  z-index: 0 !important;
  position: static !important;
}

.w-e-panel-tab-content {
  padding: 4px 0 !important;
}

.w-e-text {
  font-size: 14px;
  word-break: break-all;
  padding: 10px !important;
}

.w-e-text p {
  margin: 0 !important;
}

.w-e-text > P img {
  vertical-align: text-bottom;
}

.editorItem {
  position: relative;
  border-top: 1px solid #ccc !important;
}

.w-e-toolbar {
  border-top: none !important;
  width: 100%;
  height: 30px;
  line-height: 30px;
  position: absolute;
  bottom: -30px;
}

.w-e-menu {
  display: inline-block;
  vertical-align: middle;
  padding: 1px 10px 0 !important;
}

.tagList {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10001;
}

.tagList .tagMenu {
  width: 800px;
  overflow: hidden;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 10px;
}

.tagList .tagMenu .header {
  width: 100%;
  min-width: auto;
  height: 56px;
  line-height: 56px;
  background-color: #ffedef;
  text-align: center;
  color: #333;
  font-size: 18px;
}

.tagList .tagMenu .header .closeTag {
  position: absolute;
  right: 10px;
  top: 11px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: url("../img/postNode/close.png") no-repeat center/24px 24px;
  cursor: pointer;
}

.tagList .tagMenu .selected {
  height: 68px;
  line-height: 68px;
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  padding: 0 18px 0 22px;
  color: #333;
  font-size: 14px;
}

.tagList .tagMenu .selected .tagCheckedList {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}

.tagList .tagMenu .selected .tagCheckedList li {
  min-width: 112px;
  height: 34px;
  line-height: 32px;
  font-size: 14px;
  color: #ff425b;
  text-align: center;
  border: 1px solid #ffa2ad;
  margin-right: 12px;
  float: left;
  position: relative;
  text-align: left;
  padding-left: 10px;
  padding-right: 30px;
}

.tagList .tagMenu .selected .tagCheckedList li button {
  position: absolute;
  top: 9px;
  right: 9px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  background: url("../img/postNode/delete.png") no-repeat center/cover;
}

.tagList .tagMenu .selected .propTagInfo {
  color: #999;
}

.tagList .tagMenu .tagListContent .listMenu {
  width: 130px;
  padding: 16px 0;
  background-color: #f8f8f8;
}

.tagList .tagMenu .tagListContent .listMenu li {
  color: #333;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  padding-left: 22px;
  cursor: pointer;
}

.tagList .tagMenu .tagListContent .listMenu li .number {
  float: right;
  font-size: 12px;
  color: #fe4c5f;
  position: relative;
  right: 12px;
}

.tagList .tagMenu .tagListContent .listMenu li .number i {
  font-weight: 400;
  position: relative;
  top: 1px;
}

.tagList .tagMenu .tagListContent .listMenu li.active {
  background-color: #fff;
  color: #fe4c5f;
  border-left: 6px solid #fe4c5f;
  padding-left: 15px;
}

.tagList .tagMenu .tagListContent .listMenu li:hover {
  background-color: #fff;
  color: #fe4c5f;
  border-left: 6px solid #fe4c5f;
  padding-left: 15px;
}

.tagList .tagMenu .tagListContent .list {
  width: 670px;
  padding: 16px 25px;
  text-align: left;
}

.tagList .tagMenu .tagListContent .list .tag {
  float: left;
  min-width: 112px;
  height: 34px;
  line-height: 32px;
  font-size: 14px;
  color: #666666;
  text-align: center;
  border: 1px solid #b0b0b0;
  margin-right: 12px;
  margin-bottom: 12px;
  position: relative;
  text-align: left;
  padding-left: 10px;
  padding-right: 30px;
  cursor: pointer;
}

.tagList .tagMenu .tagListContent .list .tag:hover {
  border: none;
  color: #fff;
  background-color: #fe4c5f;
}

.tagList .tagMenu .tagListContent .list .tag:hover button.add,
.tagList .tagMenu .tagListContent .list .tag:hover button.delete {
  display: none;
}

.tagList .tagMenu .tagListContent .list .tag:hover button.hoverDelete {
  display: inline-block;
}

.tagList .tagMenu .tagListContent .list .tag.active {
  border-color: #ffa5af;
  color: #ff4c5f;
}

.tagList .tagMenu .tagListContent .list .tag.active button.add {
  display: none;
}

.tagList .tagMenu .tagListContent .list .tag.active button.delete {
  display: inline-block;
}

.tagList .tagMenu .tagListContent .list .tag.active:hover {
  color: #fff;
}

.tagList .tagMenu .tagListContent .list .tag.active:hover button.delete {
  display: inline-block;
}

.tagList .tagMenu .tagListContent .list .tag.active:hover button.add {
  display: none;
}

.tagList .tagMenu .tagListContent .list .tag button {
  position: absolute;
  top: 6px;
  right: 9px;
  cursor: pointer;
}

.tagList .tagMenu .tagListContent .list .tag button.add {
  top: 8px;
  width: 16px;
  height: 16px;
  background: url("../img/postNode/add_logo.png") no-repeat center/contain;
}

.tagList .tagMenu .tagListContent .list .tag button.delete {
  display: none;
  top: 9px;
  width: 14px;
  height: 14px;
  background: url("../img/postNode/delete.png") no-repeat center/cover;
}

.tagList .tagMenu .tagListContent .list .tag button.hoverDelete {
  display: none;
  top: 7px;
  width: 20px;
  height: 20px;
  background: url("../img/postNode/delete2.png") no-repeat center/cover;
}

.tagList .tagMenu .confirm {
  border-top: 1px solid #f3f3f3;
  height: 64px;
  line-height: 64px;
  text-align: center;
}

.tagList .tagMenu .confirm button {
  font-size: 18px;
  color: #fe4c5f;
  cursor: pointer;
}

.link-blue {
  color: #406599;
}

.search-type:hover {
  cursor: pointer;
}

/* 登录css */
.L-loginPage1 .L-accept {
  height: 40px !important;
}

.L-loginPage h3 {
  font-size: 18px;
  color: #333;
  font-weight: normal;
  text-align: center;
  line-height: 80px;
}

.L-loginPage {
  position: realtive;
}

#captcha2 canvas:first-of-type {
  background-color: #fff;
}

#captcha2 canvas:nth-of-type(2) {
  background-color: rgba(0, 0, 0, 0.3);
}

#captcha canvas:first-of-type {
  background-color: #fff;
}

#captcha canvas:nth-of-type(2) {
  background-color: rgba(0, 0, 0, 0.3);
}

.L-loginPage .closePage {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 20px;
  color: #ccc;
}

.L-password {
  position: relative;
}

.L-password .icon-ziyuan1 {
  font-size: 12px;
  position: absolute;
  right: 18px;
  top: 22px;
}

.L-password .icon-ziyuan2 {
  font-size: 18px;
  position: absolute;
  right: 20px;
  top: 19px;
}

.L-password .iconfont:hover {
  cursor: pointer;
}

/* 关闭ie下自带输入框按钮 */
.L-password input::-ms-clear,
.L-password input::-ms-reveal {
  display: none;
}

.L-loginPage .L-user input,
.L-loginPage .L-vercode input,
.L-loginPage .L-password input {
  width: 466px;
  height: 52px;
  border-radius: 8px;
  border: 1px solid #F2F2F2;
  padding-left: 20px;
  background: #FBFBFB;
  color: #333;
  box-sizing: border-box;
  font-size: 15px;
}

.L-loginPage .L-user input::-webkit-input-placeholder,
.L-loginPage .L-vercode input::-webkit-input-placeholder,
.L-loginPage .L-password input::-webkit-input-placeholder {
  color: #999;
}

.L-loginPage .L-user p,
.L-loginPage .L-vercode p,
.L-loginPage .L-password p {
  font-size: 12px;
  padding: 8px 0;
  color: #fe4c5f;
}

.L-loginPage .L-password p {
  /*padding-bottom: 14px;*/
}

.L-loginPage .L-vercode input {
  width: 290px;
}

.L-loginPage .L-vercode img,
.L-loginPage .L-telcode button,
.L-loginPage .L-vercode .L-codeimg {
  width: 164px;
  height: 52px;
  margin-left: 8px;
  display: inline-block;
  cursor: pointer;
  box-sizing: border-box;
}

.L-logbox {
  display: flex;
  justify-content: space-between;
}

.L-logbox .L-login {
  width: 100%;
  height: 50px;
  background: #FF4B60;
  color: #fff;
  font-size: 18px;
  border-radius: 8px;
  line-height: 50px;
  text-align: center;
}

.L-forget {
  /*margin-top: -5px;*/
  font-size: 16px;
  color: #999;
  margin-bottom: 18px;
}

.L-forget a {
  color: #406599;
}

.L-forget .cursor-forget {
  float: right;
  position: relative;
  right: 5px;
}

.L-otherlogin {
  color: #999999;
  position: relative;
}

.L-otherlogin span {
  text-align: center;
  background-color: #fff;
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  font-size: 12px;
  line-height: 26px;
  color: #999999;
}

.L-otherlogin p {
  padding: 30px 0;
}

.L-otherlogin p img {
  display: block;
  margin: 0 auto;
}

.L-question {
  font-size: 12px;
  text-align: center;
  color: #999999;
  line-height: 28px;
}

.L-layer {
  display: none;
}

.L-passbox {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -52%);
  width: 572px;
  height: 450px;
  z-index: 30;
  padding: 0 50px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 18px;
}

.L-passbox .L-passwrap h5 {
  font-size: 18px;
  color: #333;
  font-weight: normal;
  text-align: center;
  line-height: 80px;
}

.L-passbox .closePage {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 20px;
  color: #ccc;
}

.L-passcontain .L-mailbox input,
.L-passcontain .L-uname input {
  height: 60px;
  width: 464px;
  font-size: 15px;
  border-radius: 8px;
  border: 1px solid #f3f3f3;
  background: #fafafa;
  padding-left: 54px;
}

.L-passcontain .L-mailbox {
  position: relative;
}

.L-passcontain .L-mailbox img {
  position: absolute;
  left: 18px;
  top: 20px;
}

.L-passcontain .L-mailbox p,
.L-passcontain .L-uname p {
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  color: #fe4c5f;
}

.L-passcontain .L-btnbox {
  margin-bottom: 50px;
  margin-top: 40px;
  text-align: center;
}

.L-passcontain .L-btnbox button {
  width: 100px;
  height: 50px;
  text-align: center;
  border-radius: 6px;
  line-height: 50px;
  margin-right: 12px;
  cursor: pointer;
  font-size: 18px;
}

.L-passcontain .L-btnbox .L-confirm {
  color: #fff;
  background: #fe4c5f;
}

.L-passcontain .L-btnbox .L-cancel {
  background: #f2f2f2;
}

/*.L-passwrap{
	display: none;
}*/
.L-apply {
  padding-top: 48px;
  text-align: center;
  display: none;
}

.L-apply p {
  line-height: 28px;
}

.L-apply p:nth-child(2) {
  font-size: 20px;
  color: #F87683;
  padding-top: 16px;
  padding-bottom: 30px;
}

.L-applybtn {
  margin-bottom: 34px;
  margin-top: 40px;
  text-align: center;
}

.L-applybtn button {
  width: 100px;
  height: 50px;
  font-size: 18px;
  color: #fff;
  background: #fe4c5f;
  border-radius: 6px;
}

/* 注册css */
.L-register {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.L-loginPage {
  z-index: 20;
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -55%);
  background: #fff;
  width: 572px;
  /* height:510px; */
  margin: 16px auto;
  border-radius: 16px;
  padding: 0 50px;
  box-sizing: border-box;
  font-size: 16px;
}

.L-loginPage h3 {
  font-size: 18px;
  color: #333;
  font-weight: normal;
  text-align: center;
  line-height: 80px;
}

.L-loginPage canvas {
  /* background-color: rgba(0,0,0,0.3)!important; */
}

.L-loginPage .L-tel input,
.L-loginPage .L-vercode input,
.L-loginPage .L-telcode input {
  width: 466px;
  height: 52px;
  border-radius: 8px;
  border: 1px solid #F2F2F2;
  padding-left: 20px;
  background: #FBFBFB;
  color: #333;
  box-sizing: border-box;
  font-size: 15px;
}

.L-loginPage .L-tel input::-webkit-input-placeholder,
.L-loginPage .L-vercode input::-webkit-input-placeholder,
.L-loginPage .L-telcode input::-webkit-input-placeholder {
  color: #999;
}

.L-passcontain input::-webkit-input-placeholder {
  font-size: 16px;
}

.L-loginPage .L-tel p,
.L-loginPage .L-vercode p,
.L-loginPage .L-telcode p {
  font-size: 12px;
  padding: 8px 0;
  color: #fe4c5f;
}

.L-telcode p {
  /*padding-bottom: 14px !important;*/
}

.L-loginPage .L-vercode input,
.L-loginPage .L-telcode input {
  width: 290px;
}

.L-loginPage .L-vercode img,
.L-loginPage .L-telcode button,
.L-loginPage .L-vercode .L-codeimg {
  width: 164px;
  height: 52px;
  margin-left: 8px;
  display: inline-block;
  cursor: pointer;
  box-sizing: border-box;
}

.L-loginPage .L-telcode button {
  color: #af9554;
  border-radius: 8px;
  background: #fff6e3;
  font-size: 16px;
}

.L-loginPage .L-confirm {
  width: 466px;
  height: 50px;
  font-size: 18px;
  border-radius: 8px;
  color: #fff;
  background: #FF4B60;
}

.L-loginPage .L-accept {
  font-size: 12px;
  width: 466px;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #E6E6E6;
}

.L-loginPage .L-accept a {
  color: #406599;
  cursor: pointer;
}

.L-loginPage .L-accept a:hover {
  text-decoration: underline;
}

.L-loginPage .L-account {
  /*margin-top: -5px;*/
  margin-bottom: 14px;
  font-size: 16px;
  line-height: 21px;
}

.L-loginPage .L-account a {
  color: #406599;
}

.L-question {
  font-size: 12px;
  text-align: center;
  color: #999999;
  line-height: 28px;
}

.L-layer {
  display: none;
}

.L-laycontain {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 986px;
  height: 618px;
  z-index: 30;
  padding: 20px;
  background: #fff;
  border-radius: 18px;
}

.L-protocol {
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}

.L-protocol h5 {
  font-size: 18px;
  font-weight: normal;
  line-height: 30px;
  color: #333333;
}

.L-proc {
  margin-top: 18px;
  padding: 17px;
  font-size: 12px;
  line-height: 24px;
  color: #333;
  height: 440px;
  overflow-y: scroll;
  background-color: #f2f2f2;
}

.L-proc p {
  font-weight: 700;
  color: #333333;
}

.L-read {
  width: 140px;
  height: 50px;
  background: #fe4c5f;
  color: #fff;
  text-align: center;
  line-height: 50px;
  border-radius: 8px;
  font-size: 18px;
  margin: 0 auto;
  margin-top: 20px;
}

.user {
  margin-top: 12px;
}

.user a {
  display: inline-block;
  width: 60px;
  height: 40px;
  cursor: pointer;
  font-size: 15px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  border-radius: 20px;
  background: #6da2d4;
  font-family: "宋体";
}

.user .login {
  margin-right: 5px;
  background: #f8789a;
}

.user .login:hover {
  background: #ff8dab;
}

.user .register:hover {
  background: #81b5e6;
}

.usersbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.usersbox .usersicon {
  position: relative;
  width: 125px;
  height: 60px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 60px;
  font-size: 14px;
  text-align: right;
  font-family: "宋体";
}
.usersbox .usersicon a {
  display: inline-block;
  position: relative;
}
@keyframes shake {
  0% {
    transform: translateY(115%);
  }
  7.5% {
    transform: translateY(95%);
  }
  15% {
    transform: translateY(115%);
  }
  22.5% {
    transform: translateY(95%);
  }
  30% {
    transform: translateY(115%);
  }
  37.5% {
    transform: translateY(95%);
  }
  45% {
    transform: translateY(115%);
  }
  100% {
    transform: translateY(115%);
  }
}
.usersbox .usersicon .guide {
  position: absolute;
  right: -108%;
  bottom: 5px;
  transform: translateY(100%);
  animation: shake 5s linear infinite;
}
.usersbox .usersicon .guide .guideGirl {
  width: 68px;
  height: 68px;
  position: absolute;
  top: -25px;
  transform: translateX(100%);
  right: 25px;
  z-index: 1;
}
.usersbox .usersicon .guide .bindGuide {
  position: relative;
  background-color: #ffffff;
  border-radius: 10px;
  border: solid 3px #f8789a;
  width: 200px;
  padding: 10px;
  z-index: 2;
}
.usersbox .usersicon .guide .bindGuide .guideTriangle {
  position: absolute;
  top: 0;
  transform: translateY(-100%);
  left: 25px;
  height: 16px;
  z-index: 2;
}
.usersbox .usersicon .guide .bindGuide .bindText {
  text-align: left;
  font-size: 15px;
  line-height: normal;
  float: inherit;
  position: relative;
  z-index: 2;
  line-height: 23px;
}
.usersbox .usersicon .guide .bindGuide .bindText img {
  vertical-align: top;
}
.usersbox .usersicon .guide .bindGuide .bindText .guidePhone {
  width: 14px;
  height: 22px;
}
.usersbox .usersicon .guide .bindGuide .bindText .guideWechat {
  width: 22px;
  height: 22px;
}
.usersbox .usersicon .guide .bindGuide .getIt {
  display: block;
  line-height: normal;
  font-size: 14px;
  color: #f8789a;
  text-align: right;
  width: 100%;
}
.usersbox .usersicon .guide .bindGuide .getIt span:hover {
  cursor: pointer;
}

.usersiconImg2 {
  display: inline-block;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
  vertical-align: middle;
}
.usersiconImg2 img {
  vertical-align: top !important;
}

.usersbox .usersicon .usersiconImg {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  top: 10px;
  overflow: hidden;
}

.usersbox .usersicon img {
  width: 30px;
  height: 30px;
  object-fit: cover;
  vertical-align: middle;
}

.usersInfo {
  width: 80px;
  margin-left: 15px;
  padding-top: 17px;
}

.usersInfo p {
  width: 90px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 4px;
}

.usersInfo span {
  position: relative;
}

.usersInfo span i {
  position: absolute;
  border-radius: 13px;
  background-color: #ff301e;
  color: #fff;
  font-size: 8px;
  right: 8px;
  top: 2px;
  height: 10px;
  width: 10px;
  line-height: 12px;
}

.usersInfo img {
  margin-right: 9px;
}

.usersInfo img.quit {
  margin-right: 0;
  position: relative;
  top: 2px;
}

.usersInfo .setup img {
  position: relative;
  top: 2px;
}

/* 尾部css */
.footer {
  background: #f2f2f2;
  min-width: 1200px;
}

.footerbox {
  width: 1200px;
  margin: 0 auto;
  padding: 24px 0;
  box-sizing: border-box;
  display: flex;
}

.footercontain {
  margin-left: 40px;
  font-size: 12px;
  color: #989898;
  width: 768px;
  font-family: "宋体";
}

.footercontain a {
  color: #989898;
}

/* .about,.link,.copyright{
  height: 45px;
  line-height: 45px;
} */
.about span {
  margin-right: 8px;
}

.link {
  padding-top: 10px;
  padding-bottom: 4px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}

.link a {
  padding-right: 16px;
  color: #989898;
  padding-bottom: 6px;
  display: inline-block;
}

.about a:hover,
.link a:hover {
  color: #f8789a;
}

.copyright a {
  color: #989898;
  margin-left: 4px;
}

.copyright a:hover {
  text-decoration: underline;
}

.advisory {
  width: 266px;
  height: 100%;
  text-align: center;
  color: #F8789A;
  line-height: 26px;
  font-family: "宋体";
}

.advisory h3 {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
  font-family: "宋体";
}

.advisory p {
  font-size: 14px;
  color: #999;
  font-family: "宋体";
}

.advisory .contacts {
  width: 130px;
  height: 42px;
  background: url(../img/index/contacts_qq.png);
  padding-left: 40px;
  font-size: 15px;
  color: #f8789a;
  line-height: 42px;
  margin: 0 auto;
  text-align: left;
}

.advisory .contacts a {
  color: #f8789a;
}

.hearderbox div {
  float: left;
}

.hearderbox .header-logo {
  width: 146px;
  position: relative;
}

.hearderbox .header-logo h1 {
  position: absolute;
  top: 52%;
  transform: translateY(-50%);
}

.header-logo a img {
  vertical-align: top;
}

.header-logo a {
  display: inline-block;
  vertical-align: top;
}

/* 浏览器升级提醒 */
.browserPrompt {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  /* transform: translate(-50%, -50%); */
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 10000;
}

.browserPrompt .browserPromptIn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  padding-bottom: 20px;
  border-radius: 6px;
  background-color: #fff;
}

.browserPrompt .browserPromptIn .rocketLogo {
  width: 278px;
  height: 196rpx;
  display: block;
  margin: 37px auto 0;
}

.browserPrompt .browserPromptIn .iconfont {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 22px;
  cursor: pointer;
}

.browserPrompt .browserPromptIn .title {
  padding: 0 20px;
  box-sizing: border-box;
  font-size: 18px;
  color: #000;
  line-height: 30px;
  text-align: center;
  margin-top: 12px;
}

.browserPrompt .browserPromptIn .recommendBrowser {
  text-align: center;
}

.browserPrompt .browserPromptIn .recommendBrowser h4 {
  display: inline-pxblock;
  font-size: 14px;
  line-height: 18px;
  vertical-align: middle;
  position: relative;
  top: 10px;
  margin-right: 8px;
}

.browserPrompt .browserPromptIn .recommendBrowser ul {
  margin-top: 20px;
  display: inline-block;
  vertical-align: middle;
}

.browserPrompt .browserPromptIn .recommendBrowser ul li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}

.browserPrompt .browserPromptIn .recommendBrowser ul li img {
  width: 30px;
  height: 30px;
  vertical-align: top;
  cursor: pointer;
}

.rightShortCut {
  position: fixed;
  top: 41%;
  left: 50%;
  margin-left: 590px;
  width: 52px;
  z-index: 2;
}

.rightShortCut li {
  cursor: pointer;
  /* background-color: #f2f2f2; */
  padding: 0 6px;
  box-sizing: border-box;
}

.rightShortCut li:hover {
  /* background-image: linear-gradient(-10deg, #fe4c5f 0%, #ff6979 67%, #ff8592 100%), linear-gradient(#fe4c5f, #fe4c5f); */
  background: #F8789A;
  background-blend-mode: normal, normal;
}

.rightShortCut li:hover .toSendPost {
  border-bottom: none !important;
  color: #fff !important;
}

.rightShortCut li:hover .iconfont {
  /* color: #fff !important; */
}

.rightShortCut li:hover .downloadAppLogo {
  color: #fff !important;
  border-bottom: none !important;
}

.rightShortCut li:hover .downloadApp {
  display: block !important;
}

.rightShortCut li.title {
  height: 54px;
  background-color: #fe4c5f;
  padding: 7px 10px 0;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  cursor: default;
}

.rightShortCut li.app {
  position: relative;
}

.rightShortCut li.app .downloadAppLogo {
  width: 40px;
  height: 65px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #666;
  font-size: 16px;
  position: relative;
}

.rightShortCut li.app .downloadAppLogo img {
  margin: 18px auto;
  vertical-align: middle;
}

.rightShortCut li.app .downloadAppLogo .iconfont:after {
  display: inline-block;
}

.rightShortCut .downloadApp {
  width: 139px;
  height: 209px;
  background-color: #f9f9f9;
  font-size: 12px;
  color: #999;
  text-align: center;
  display: none;
  position: absolute;
  left: 53px;
  top: 0;
}

.rightShortCut .downloadApp img {
  width: 110px;
  display: block;
  margin: 16px auto 8px;
}

.rightShortCut .downloadApp .toPcDownload {
  margin-top: 8px;
  display: inline-block;
  width: 115px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  background-color: #f8789a;
  border-radius: 4px;
  font-size: 12px;
  color: #f9f9f9;
  font-family: "宋体";
}

.rightShortCut .downloadApp .toPcDownload:hover {
  background: #ff8dab;
}

.rightShortCut li.toSendPost {
  height: 65px;
}

.rightShortCut li.toSendPost .toSendPost {
  width: 40px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  height: 65px;
  text-align: center;
  position: relative;
  font-size: 16px;
  color: #666666;
}

.rightShortCut li.toSendPost .toSendPost img {
  margin: 13px auto;
}

.rightShortCut li.toSendPost .toSendPost .iconfont:after {
  display: inline-block;
}

.rightShortCut li.toTop {
  height: 65px;
  position: relative;
  padding-top: 10px;
}

.rightShortCut li.toTop img {
  display: block;
  margin: 22px auto 31px;
}

.rightShortCut li span {
  font-size: 13px;
  color: #fff;
  line-height: 22px;
  text-align: center;
  display: none;
  font-family: "宋体";
}

.rightShortCut li.toSendPost span {
  line-height: 65px;
}

.rightShortCut li.toTop .iconfont {
  font-size: 24px;
  display: block;
  text-align: center;
  /* padding-top: 10px; */
  color: #666;
}

.rightShortCut li.toTop .iconfont:after {
  display: inline-block;
}

.appDownloadDivIn {
  position: fixed;
  bottom: 0;
  z-index: 10004;
  height: 160px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  transform: translateX(0);
}

.appDownloadDivIn.appDownloadShow {
  animation: downloadAppShow 0.5s forwards;
}

.appDownloadDivIn.appDownloadHide {
  animation: downloadAppHide 0.5s forwards;
}

.appDownloadDivIn .appDownloadDivIn2 {
  width: 1200px;
  height: 160px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.appDownloadDivIn .appDownloadDivIn2 .haoyunlushang {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  left: 0;
  bottom: 0;
}

.appDownloadDivIn .appDownloadDivIn2 .erweimaList {
  display: inline-block;
  line-height: 160px;
  margin-left: 10px;
}

.appDownloadDivIn .appDownloadDivIn2 .erweimaList img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 40px;
}

.appDownloadDivIn .appDownloadDivIn2 .erweimaList img:nth-of-type(2) {
  margin-right: 20px;
}

.appDownloadDivIn .appDownloadDivIn2 .erweimaList img:last-of-type {
  margin-right: 0;
}

.appDownloadDivIn .appDownloadDivIn2 .closeOpenDiv {
  font-size: 23px;
  color: #fff;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

.openAppDownloadDiv {
  width: 172px;
  position: fixed;
  bottom: 0;
  left: -172px;
  z-index: 10002;
}

.openAppDownloadDiv.openAppDownloadDivHide {
  animation: openAppDownloadDivHide 0.5s forwards;
}

.openAppDownloadDiv.openAppDownloadDivShow {
  animation: openAppDownloadDivShow 0.5s forwards;
}

.openAppDownloadDiv img {
  vertical-align: middle;
  cursor: pointer;
}

@keyframes downloadAppShow {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes downloadAppHide {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes openAppDownloadDivShow {
  from {
    left: -172px;
  }
  to {
    left: 0;
  }
}
@keyframes openAppDownloadDivHide {
  from {
    left: 0;
  }
  to {
    left: -172px;
  }
}
.assessor {
  height: 24px;
  line-height: 20px;
  background-color: #89c997;
  border-radius: 12px;
  padding: 2px 8px 2px 2px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  font-size: 14px;
  color: #ffffff;
}

.assessor .headImg {
  display: inline-block;
  margin: 0 4px 0 0 !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50%;
  background-color: #ffffff;
  vertical-align: top;
  background: #fff url("https://www.tm51.com/web/img/icon/default_logo.jpg") no-repeat center/cover;
}

.assessor.c_1 {
  background-color: #BA55D3;
}

.assessor.c_2 {
  background-color: #4B0082;
}

.assessor.c_3 {
  background-color: #0000CD;
}

.assessor.ae_4 {
  background-color: #20B2AA;
}

.assessor.ae_5 {
  background-color: #FFA500;
}

.assessor.ae_6 {
  background-color: #800000;
}

a[title=站长统计] {
  display: none;
}



.link_box {
  width: 1200px;
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
  margin: 0 auto;
  padding: 16px 0;
}
.link_box p {
  font-family: SimSun;
  font-size: 12px;
  color: #f8789a;
  margin-bottom: 9px;
}
.link_box a {
  font-size: 12px;
  font-family: SimSun;
  color: #666;
  margin-right: 25px;
  padding-top: 6px;
}
.link_box a:hover {
  color: #f8789a;
}