/* 基础样式 */
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}
input,
textarea,
select {
  box-sizing: border-box;
}
table {
  table-layout: fixed;
}
ul,
ol {
  list-style: none;
}
input,
textarea,
select {
  max-width: 100%;
  outline: none;
}
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
  -webkit-appearance: none;
}
html,
body {
  height: 100%;
}
body {
  font: 0.426667rem /* 32/75 */ -apple-system-font, Helvetica Neue, Helvetica, sans-serif;
  color: var(--dbc-ac-1);
}
body.open {
  position: fixed;
  overflow: hidden;
  width: 100%;
}
a:link,
a:visited,
a:hover {
  text-decoration: none;
  color: var(--dbc-ac-1);
}
.z {
  float: left !important;
}
.y {
  float: right !important;
}
.cl:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.cl {
  zoom: 1;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pb-20 {
  padding-bottom: 0.266667rem /* 20/75 */ !important;
}
.pb-120 {
  padding-bottom: 1.6rem /* 120/75 */ !important;
}
.pl-20 {
  padding-left: 0.266667rem /* 20/75 */ !important;
}
.pl-30 {
  padding-left: 0.4rem /* 30/75 */ !important;
}
.pl-110 {
  padding-left: 1.466667rem /* 110/75 */ !important;
}
.pr-30 {
  padding-right: 0.4rem /* 30/75 */ !important;
}
.pr-50 {
  padding-right: 0.666667rem /* 50/75 */ !important;
}
.pt-20 {
  padding-top: 0.266667rem /* 20/75 */ !important;
}
.pt-80 {
  padding-top: 1.066667rem /* 80/75 */ !important;
}
.pt-100 {
  padding-top: 1.333333rem /* 100/75 */ !important;
}
.pt-180 {
  padding-top: 2.4rem /* 180/75 */ !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mr-5 {
  margin-right: 0.066667rem /* 5/75 */ !important;
}
.mr-10 {
  margin-right: 0.133333rem /* 10/75 */ !important;
}
.mr-15 {
  margin-right: 0.2rem /* 15/75 */ !important;
}
.mr-20 {
  margin-right: 0.266667rem /* 20/75 */ !important;
}
.mr-30 {
  margin-right: 0.4rem /* 30/75 */ !important;
}
.mr-60 {
  margin-right: 0.8rem /* 60/75 */ !important;
}
.ml-5 {
  margin-left: 0.066667rem /* 5/75 */ !important;
}
.ml-10 {
  margin-left: 0.133333rem /* 10/75 */ !important;
}
.ml-15 {
  margin-left: 0.2rem /* 15/75 */ !important;
}
.ml-20 {
  margin-left: 0.266667rem /* 20/75 */ !important;
}
.ml-30 {
  margin-left: 0.4rem /* 30/75 */ !important;
}
.mtm-10 {
  margin-top: -0.133333rem /* 10/75 */ !important;
}
.mt-10 {
  margin-top: 0.133333rem /* 10/75 */ !important;
}
.mt-20 {
  margin-top: 0.266667rem /* 20/75 */ !important;
}
.mt-30 {
  margin-top: 0.4rem /* 30/75 */ !important;
}
.mt-50 {
  margin-top: 0.666667rem /* 50/75 */ !important;
}
.mt-80 {
  margin-top: 1.066667rem /* 80/75 */ !important;
}
.mb-5 {
  margin-bottom: 0.066667rem /* 5/75 */ !important;
}
.mb-10 {
  margin-bottom: 0.133333rem /* 10/75 */ !important;
}
.mb-15 {
  margin-bottom: 0.2rem /* 15/75 */ !important;
}
.mb-20 {
  margin-bottom: 0.266667rem /* 20/75 */ !important;
}
.mb-30 {
  margin-bottom: 0.4rem /* 30/75 */ !important;
}
.mb-40 {
  margin-bottom: 0.533333rem /* 40/75 */ !important;
}
.mb-50 {
  margin-bottom: 0.666667rem /* 50/75 */ !important;
}
.vm {
  vertical-align: middle;
}
.lh-100 {
  line-height: 1.333333rem /* 100/75 */ !important;
}
.fs0 {
  font-size: 0.32rem /* 24/75 */ !important;
}
.fs1 {
  font-size: 0.373333rem /* 28/75 */ !important;
}
.fs2 {
  font-size: 0.48rem /* 36/75 */ !important;
}
.fs3 {
  font-size: 0.506667rem /* 38/75 */ !important;
}
.lh-60 {
  line-height: 0.8rem /* 60/75 */ !important;
}
.dfc {
  color: var(--dbc-main-color) !important;
}
.fc {
  display: block;
  padding: 0.266667rem /* 20/75 */ 0;
  text-align: center;
  background: var(--dbc-ac-0);
  color: var(--dbc-main-color) !important;
}
.locked .fc {
  display: inline;
}
.wg {
  background: var(--dbc-ac-0) !important;
}
.dbc-layout {
  min-width: 320px;
  background: var(--dbc-ac-4);
}
.dbc-btn {
  margin: 0 0.066667rem /* 5/75 */;
  width: 1.6rem /* 120/75 */;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  color: var(--dbc-ac-0) !important;
  border-radius: 0.133333rem /* 10/75 */;
  font-size: 0.373333rem /* 28/75 */;
  letter-spacing: normal;
  text-align: center;
  box-shadow: none;
  text-shadow: none;
  border: none;
}
.dbc-btn2 {
  display: block;
  width: 100%;
  height: 1.066667rem /* 80/75 */;
  line-height: 1.066667rem /* 80/75 */;
  color: var(--dbc-ac-0) !important;
  border-radius: 0.133333rem /* 10/75 */;
  font-size: 0.373333rem /* 28/75 */;
  box-shadow: none;
  text-shadow: none;
  border: none;
  outline: none;
  text-align: center;
}
.dbc-btn-confirm {
  background-color: var(--dbc-main-color);
}
.dbc-btn-confirm:active {
  background-color: var(--dbc-main-deep-color);
}
.dbc-btn-cancle {
  background-color: #606060;
}
.dbc-btn-cancle:active {
  background-color: var(--dbc-ac-1);
}
.btn-download {
  color: var(--dbc-main-color) !important;
}
.button2 {
  margin: 0 0.066667rem /* 5/75 */;
  width: 1.6rem /* 120/75 */;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  color: var(--dbc-ac-0);
  background-color: var(--dbc-main-color);
  border-radius: 0.133333rem /* 10/75 */;
  font-size: 0.373333rem /* 28/75 */;
  letter-spacing: normal;
  text-align: center;
  box-shadow: none;
  text-shadow: none;
  border: none;
}
.button2:active {
  background-color: var(--dbc-main-deep-color);
}
#nv_portal #page,
#nv_forum #page,
#nv_search #page,
#nv_home #page,
#nv_misc #page,
#nv_member #page,
#nv_group #page {
  position: relative;
  padding-top: 1.333333rem /* 100/75 */;
  height: 100%;
}
.sidebar {
  position: fixed;
  right: 0.133333rem /* 10/75 */;
  bottom: 2rem /* 150/75 */;
  z-index: 98;
  transition: height 0.3s;
}
.sidebar a {
  display: block;
  width: 1.066667rem /* 80/75 */;
  height: 1.066667rem /* 80/75 */;
  border: 1px solid #d8d8d8;
  background: var(--dbc-ac-0);
  text-align: center;
  border-radius: 50%;
  box-sizing: border-box;
}
.sidebar a i {
  line-height: 1.066667rem /* 80/75 */;
  font-size: 0.506667rem /* 38/75 */;
  color: var(--dbc-ac-2) !important;
}
.blocktitle {
  display: none;
}
.dbc-layout .mm-menu {
  width: 50%;
  min-width: 160px;
  max-width: none;
  color: rgba(255, 255, 255, 0.9);
}
.dbc-layout .mm-menu .mm-panel .mm-listview {
  line-height: normal;
}
.dbc-layout .mm-menu .mm-panel .mm-listview li,
.dbc-layout .mm-menu .mm-panel .mm-listview li.mm-selected {
  margin-right: 0.4rem /* 30/75 */;
}
.dbc-layout .mm-menu .mm-panel .mm-listview li a,
.dbc-layout .mm-menu .mm-panel .mm-listview li.mm-selected a {
  position: relative;
}
.dbc-layout .mm-menu .mm-panel .mm-listview li a .arr-right,
.dbc-layout .mm-menu .mm-panel .mm-listview li.mm-selected a .arr-right {
  float: auto;
  position: absolute;
  right: -0.066667rem /* 5/75 */;
  width: auto;
  font-size: 0.32rem /* 24/75 */;
  color: #e9e9e9;
}
.dbc-layout .mm-panels > .mm-panel:before,
.dbc-layout .mm-panels > .mm-panel:after {
  height: 0;
}
.mm-listview > li:after {
  left: 0.4rem /* 30/75 */ !important;
}
.dbc-layout .mm-listview > li > a {
  padding: 0 0 0 0.4rem /* 30/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-1);
  line-height: 1.2rem /* 90/75 */;
}
.dbc-layout .mm-listview > li > a i {
  float: left;
  width: 0.56rem /* 42/75 */;
  line-height: 1.2rem /* 90/75 */;
  font-size: 0.426667rem /* 32/75 */;
}
.dbc-layout .mm-listview > li > a img {
  float: left;
  margin-top: 0.386667rem /* 29/75 */;
  margin-right: 0.133333rem /* 10/75 */;
  width: 0.426667rem /* 32/75 */;
  height: 0.426667rem /* 32/75 */;
}
.menu-nav {
  display: none;
}
.menu-nav .mm-listview {
  margin: 0 !important;
}
.menu-nav .mm-panel {
  background: var(--dbc-ac-0) !important;
}
.menu-nav .utop {
  padding: 0 0.4rem /* 30/75 */;
  height: 2.666667rem /* 200/75 */;
  background: linear-gradient(var(--dbc-main-color), var(--dbc-ac-0));
  overflow: hidden;
}
.menu-nav .utop .userinfo,
.menu-nav .utop .login {
  display: block;
  margin-top: 0.533333rem /* 40/75 */;
  overflow: hidden;
}
.menu-nav .utop .userinfo .avatar,
.menu-nav .utop .login .avatar {
  float: left;
  width: 1.6rem /* 120/75 */;
  height: 1.6rem /* 120/75 */;
  border-radius: 50%;
}
.menu-nav .utop .userinfo .avatar img,
.menu-nav .utop .login .avatar img {
  width: 1.6rem /* 120/75 */;
  height: 1.6rem /* 120/75 */;
  border-radius: 50%;
  border-width: 0.053333rem /* 4/75 */;
  border-style: solid;
  border-color: rgba(24, 130, 216, 0.5);
  box-sizing: border-box;
}
.menu-nav .utop .userinfo span,
.menu-nav .utop .login span {
  position: relative;
  margin-top: 0.4rem /* 30/75 */;
  padding-left: 0.4rem /* 30/75 */;
  display: block;
  overflow: hidden;
  line-height: 0.8rem /* 60/75 */;
  color: var(--dbc-ac-0);
}
.menu-nav .utop .userinfo span i,
.menu-nav .utop .login span i {
  position: absolute;
  right: -0.066667rem /* 5/75 */;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.32rem /* 24/75 */;
  color: #e9e9e9;
}
.menu-nav .utop .login img {
  border: none !important;
}
.menu-nav .logout {
  display: block;
  margin: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  background: var(--dbc-main-color);
  color: var(--dbc-ac-0) !important;
  font-size: 0.373333rem /* 28/75 */;
  text-align: center;
  line-height: 0.8rem /* 60/75 */;
  border-radius: 0.133333rem /* 10/75 */;
}
.morebtn {
  display: block;
  margin: 0 0.4rem /* 30/75 */;
  height: 1.066667rem /* 80/75 */;
  line-height: 1.066667rem /* 80/75 */;
  font-size: 0.373333rem /* 28/75 */;
  text-align: center;
  color: var(--dbc-main-color) !important;
  border-top: 1px solid var(--dbc-bor-2);
}
.morebtn2 {
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  border: none;
}
.allcat {
  display: none;
  background: var(--dbc-ac-0) !important;
}
.allcat .mm-panels {
  top: 1.333333rem /* 100/75 */;
}
.allcat .navlist2 {
  padding: 0.533333rem /* 40/75 */ 0.266667rem /* 20/75 */ 0.266667rem /* 20/75 */;
  color: var(--dbc-ac-1);
}
.allcat .navlist2 .item,
.allcat .navlist2 .sub-item {
  display: inline-block;
  margin: 0.133333rem /* 10/75 */;
  padding: 0 0.346667rem /* 26/75 */;
  height: 1.066667rem /* 80/75 */;
  line-height: 1.066667rem /* 80/75 */;
  border-radius: 0.08rem /* 6/75 */;
  font-size: 0.373333rem /* 28/75 */;
  background: #f6f6f6;
}
.allcat .navlist2 .item.current,
.allcat .navlist2 .sub-item.current {
  color: var(--dbc-main-color);
  background: rgba(24, 130, 216, 0.1);
}
.allcat .navlist2 .subbox {
  display: block;
  background: transparent;
  height: auto;
}
.allcat .navlist2 .subbox .sub-tit {
  display: block;
  margin: 0.533333rem /* 40/75 */ 0 0.4rem /* 30/75 */;
  padding: 0 0.133333rem /* 10/75 */;
  font-size: 0.426667rem /* 32/75 */;
  font-weight: 500;
}
.quchlist {
  border-radius: 0.213333rem /* 16/75 */ 0.213333rem /* 16/75 */ 0 0;
}
.quchlist h3 {
  position: absolute;
  top: 0.266667rem /* 20/75 */;
  padding: 0 0.4rem /* 30/75 */;
  width: 100%;
  text-align: left;
  line-height: 1.066667rem /* 80/75 */;
  color: var(--dbc-ac-1);
  font-size: 0.453333rem /* 34/75 */;
  font-weight: normal;
  box-sizing: border-box;
}
.quchlist .closebtn {
  right: 0.4rem /* 30/75 */;
}
.quchlist .navlist2 {
  padding: 0.266667rem /* 20/75 */;
}
.allcat.mm-bottom {
  height: 50% !important;
}
.psearch {
  display: none;
  background: var(--dbc-ac-0) !important;
  color: var(--dbc-ac-1) !important;
}
.psearch .mm-panels {
  top: 2.4rem /* 180/75 */;
}
.graybg,
.cover {
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 98;
}
.grey {
  color: var(--dbc-ac-3);
}
.dbc-showimg {
  margin: 0.266667rem /* 20/75 */ 0;
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  width: 100%;
  background: var(--dbc-ac-0);
  box-sizing: border-box;
}
.dbc-showimg a img {
  width: 100%;
  height: auto;
  vertical-align: middle;
  border-radius: 0.133333rem /* 10/75 */;
}
.px::-webkit-input-placeholder {
  color: #bdbdc2;
}
.wrapbox {
  margin-bottom: 0.266667rem /* 20/75 */;
  background: var(--dbc-ac-0);
  overflow: hidden;
}
.wrapbox .dbc-ad {
  margin: 0.4rem /* 30/75 */ 0;
  padding: 0 0.4rem /* 30/75 */;
}
/* 模块样式 */
/*---- footer_menu ----*/
.dbc-btmenu {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 1.333333rem /* 100/75 */;
  z-index: 98;
  border-top: 1px solid var(--dbc-bor-1);
  background-color: var(--dbc-ac-0);
  box-sizing: border-box;
}
.dbc-btmenu ul {
  width: 100%;
  height: 100%;
}
.dbc-btmenu ul li {
  position: relative;
  float: left;
  width: 20%;
  height: 100%;
}
.dbc-btmenu ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.dbc-btmenu ul li a img {
  display: block !important;
  margin: 0 auto ;
  margin-top: 0.186667rem /* 14/75 */;
  width: 0.64rem /* 48/75 */;
  height: 0.64rem /* 48/75 */;
  line-height: 0.64rem /* 48/75 */;
}
.dbc-btmenu ul li a span {
  display: block;
  margin: 0 auto ;
  margin-top: 0.186667rem /* 14/75 */;
  width: 1.333333rem /* 100/75 */;
  height: 0.64rem /* 48/75 */;
  line-height: 0.64rem /* 48/75 */;
  font-size: 0.533333rem /* 40/75 */;
  text-align: center;
  color: #656565;
}
.dbc-btmenu ul li a p {
  margin-top: 0.053333rem /* 4/75 */;
  width: 100%;
  height: 0.426667rem /* 32/75 */;
  line-height: 0.426667rem /* 32/75 */;
  font-size: 0.266667rem /* 20/75 */;
  text-align: center;
}
.dbc-btmenu ul li a .newmsg {
  position: absolute;
  top: 0.08rem /* 6/75 */;
  left: 1.106667rem /* 83/75 */;
  padding: 0 0.133333rem /* 10/75 */;
  min-width: 0.48rem /* 36/75 */;
  height: 0.48rem /* 36/75 */;
  line-height: 0.48rem /* 36/75 */;
  border-radius: 0.24rem /* 18/75 */;
  font-size: 0.266667rem /* 20/75 */;
  background: red;
  text-align: center;
  color: var(--dbc-ac-0);
  box-sizing: border-box;
}
.dbc-btmenu ul li a.current span,
.dbc-btmenu ul li a.current p {
  color: var(--dbc-main-color);
}
/*----- portal -----*/
.dchuang-osan {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9998;
  width: 100%;
  height: 100%;
  background: #fff;
}
.dchuang-osan .display-img {
  display: block;
  width: 100%;
  height: 100%;
}
.dchuang-osan .display-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dchuang-osan .display-time {
  padding: 0 0.266667rem /* 20/75 */;
  position: fixed;
  right: 0.4rem /* 30/75 */;
  top: 1.066667rem /* 80/75 */;
  z-index: 9999;
  height: 0.666667rem /* 50/75 */;
  background: rgba(0, 0, 0, 0.5);
  line-height: 0.666667rem /* 50/75 */;
  font-size: 0.32rem /* 24/75 */;
  color: #fff;
  border-radius: 0.333333rem /* 25/75 */;
  text-align: center;
}
.dbc-banner {
  margin: 0.4rem /* 30/75 */;
  background: var(--dbc-ac-0);
  border-radius: 0.266667rem /* 20/75 */;
  overflow: hidden;
}
.dbc-banner .swiper-container {
  position: relative;
}
.dbc-banner .swiper-container .swiper-lazy-preloader {
  margin: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  background: #eaeaea;
  animation: none;
  border-radius: 0.266667rem /* 20/75 */;
}
.dbc-banner .swiper-container .swiper-pagination-bullets {
  left: 50%;
  bottom: 0.266667rem /* 20/75 */;
  transform: translateX(-50%);
  width: auto;
  color: var(--dbc-ac-0);
  font-size: 0;
}
.dbc-banner .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0 0 0.16rem /* 12/75 */;
  width: 0.106667rem /* 8/75 */;
  height: 0.106667rem /* 8/75 */;
  border-radius: 0.053333rem /* 4/75 */;
  background: #e6e8ec;
  opacity: 1;
  transition: width 0.3s ease-in;
}
.dbc-banner .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: 0.266667rem /* 20/75 */;
  background: var(--dbc-main-color);
}
.dbc-banner li {
  position: relative;
  width: 100%;
  height: 4.666667rem /* 350/75 */;
  border-radius: 0.266667rem /* 20/75 */;
  overflow: hidden;
}
.dbc-banner li .caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.94) 100%);
}
.dbc-banner li .caption p {
  margin-bottom: 0.533333rem /* 40/75 */;
  padding: 0 0.266667rem /* 20/75 */;
  height: 0.533333rem /* 40/75 */;
  text-align: center;
  font-size: 0.426667rem /* 32/75 */;
  color: var(--dbc-ac-0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dbc-banner img {
  width: 100%;
  height: 4.666667rem /* 350/75 */;
  object-fit: cover;
}
.pnav {
  margin: 0.4rem /* 30/75 */ 0 0.266667rem /* 20/75 */;
  background: var(--dbc-ac-0);
}
.pnav .pnavbox {
  padding-left: 0.133333rem /* 10/75 */;
  overflow: hidden;
}
.pnav .pnavbox ul li {
  float: left;
  margin-right: 0.266667rem /* 20/75 */;
  width: 1.6rem /* 120/75 */;
  text-align: center;
}
.pnav .pnavbox ul li i,
.pnav .pnavbox ul li .picon {
  display: block;
  margin: 0 auto;
  width: 1.066667rem /* 80/75 */;
  height: 1.066667rem /* 80/75 */;
  line-height: 1.066667rem /* 80/75 */;
  font-size: 0.533333rem /* 40/75 */;
  color: var(--dbc-ac-0);
  overflow: hidden;
  border-radius: 50%;
}
.pnav .pnavbox ul li .picon img {
  display: block;
  margin: 0.266667rem /* 20/75 */;
  width: 0.533333rem /* 40/75 */;
  height: 0.533333rem /* 40/75 */;
}
.pnav .pnavbox ul li p {
  margin-top: 0.2rem /* 15/75 */;
  padding: 0 0.066667rem /* 5/75 */;
  font-size: 0.346667rem /* 26/75 */;
  white-space: nowrap;
  overflow: hidden;
}
.pnav .pnavbox .swiper-scrollbar {
  position: relative;
  margin: 0.266667rem /* 20/75 */ auto 0;
  width: 6%;
  height: 0.08rem /* 6/75 */;
  background: #d8d8d7;
  z-index: 10;
}
.pnav .pnavbox .swiper-scrollbar .swiper-scrollbar-drag {
  background: var(--dbc-main-color);
}
.pnav2 {
  margin: 0.4rem /* 30/75 */ 0;
  background: var(--dbc-ac-0);
}
.pnav2 .pnavbox {
  overflow: hidden;
}
.pnav2 .pnavbox ul li {
  float: left;
  width: 20%;
  text-align: center;
}
.pnav2 .pnavbox ul li i {
  display: block;
  margin: 0 auto;
  width: 1.066667rem /* 80/75 */;
  height: 1.066667rem /* 80/75 */;
  line-height: 1.066667rem /* 80/75 */;
  font-size: 0.533333rem /* 40/75 */;
  color: var(--dbc-ac-0);
  border-radius: 50%;
}
.pnav2 .pnavbox ul li p {
  margin-top: 0.2rem /* 15/75 */;
  padding: 0 0.066667rem /* 5/75 */;
  font-size: 0.346667rem /* 26/75 */;
  white-space: nowrap;
  overflow: hidden;
}
.dbc-an1 {
  margin: 0.4rem /* 30/75 */ 0;
}
.dbc-an1 .wrap {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  background: #f5f5f5;
}
.dbc-an1 .wrap .icon {
  float: left;
  margin-right: 0.2rem /* 15/75 */;
  line-height: 0.533333rem /* 40/75 */;
  font-size: 0.426667rem /* 32/75 */;
  color: #d6914e;
}
.dbc-an1 .wrap div {
  height: 0.533333rem /* 40/75 */;
  overflow: hidden;
  font-size: 0.373333rem /* 28/75 */;
}
.dbc-an1 .wrap div li {
  height: 0.533333rem /* 40/75 */;
  line-height: 0.533333rem /* 40/75 */;
  font-size: 0.373333rem /* 28/75 */;
}
.dbc-an1 .wrap div li span {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dbc-an1 .wrap div li .date {
  float: right;
  margin-left: 0.266667rem /* 20/75 */;
  color: var(--dbc-ac-3);
}
.dbc-an2 {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--dbc-bor-1);
}
.dbc-an2 .wrap {
  background: transparent;
}
.dbc-erec {
  margin: 0 0.4rem /* 30/75 */;
  padding: 0 0 0.266667rem /* 20/75 */ 0;
  border-bottom: 1px solid var(--dbc-bor-1);
}
.dbc-erec .dbc-title {
  padding: 0.266667rem /* 20/75 */ 0;
  line-height: normal;
}
.dbc-erec .dbc-title h3 {
  font-size: 0.373333rem /* 28/75 */;
  font-weight: 500;
  color: var(--dbc-ac-3);
}
.dbc-erec .ebox {
  position: relative;
  overflow: hidden;
}
.dbc-erec .ebox .swiper-lazy-preloader {
  margin: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  background: #eaeaea;
  animation: none;
  border-radius: 0;
}
.dbc-erec .ebox ul li {
  float: left;
  margin-right: 0.266667rem /* 20/75 */;
  width: 3.733333rem /* 280/75 */;
  vertical-align: middle;
}
.dbc-erec .ebox ul li .item-pic {
  position: relative;
  width: 3.733333rem /* 280/75 */;
  height: 2.4rem /* 180/75 */;
}
.dbc-erec .ebox ul li .item-pic img {
  width: 3.733333rem /* 280/75 */;
  height: 2.4rem /* 180/75 */;
  border-radius: 0.106667rem /* 8/75 */;
  vertical-align: middle;
}
.dbc-erec .ebox ul li .title {
  margin-top: 0.2rem /* 15/75 */;
  line-height: 0.533333rem /* 40/75 */;
  white-space: normal;
  font-size: 0.373333rem /* 28/75 */;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mh {
  min-height: 2rem /* 150/75 */;
}
/*---- footer ----*/
.footer {
  margin-top: 0.133333rem /* 10/75 */;
  padding: 0.266667rem /* 20/75 */ 0 1.6rem /* 120/75 */;
  font-size: 0.373333rem /* 28/75 */;
  text-align: center;
  color: var(--dbc-ac-3);
  background: transparent;
}
.footer div {
  margin-bottom: 0.133333rem /* 10/75 */;
}
.footer a {
  color: var(--dbc-ac-3);
}
.statcode {
  display: none;
}
/*----- forum -----*/
.count-box {
  margin: 0.4rem /* 30/75 */ 0;
  background: var(--dbc-ac-0);
}
.count-box .count-item {
  float: left;
  width: 25%;
  text-align: center;
}
.count-box .count-item .item-title {
  margin-bottom: 0.066667rem /* 5/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
}
.count-box .count-item .item-data {
  height: 0.666667rem /* 50/75 */;
  line-height: 0.666667rem /* 50/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: #777;
}
.dbc-container {
  padding-bottom: 1.333333rem /* 100/75 */;
  width: 100%;
  background: var(--dbc-ac-0);
}
.dbc-container .sub-forum,
.dbc-container .sub-group {
  overflow: hidden;
}
.dbc-container .sub-forum .tit,
.dbc-container .sub-group .tit {
  margin: 0 0.4rem /* 30/75 */;
  line-height: 0.933333rem /* 70/75 */;
  border-bottom: 1px solid var(--dbc-bor-1);
}
.dbc-container .sub-forum .tit h2,
.dbc-container .sub-group .tit h2 {
  font-size: 0.426667rem /* 32/75 */;
  overflow: hidden;
}
.dbc-container .sub-forum ul,
.dbc-container .sub-group ul {
  padding: 0 0.4rem /* 30/75 */;
}
.dbc-container .sub-forum ul li,
.dbc-container .sub-group ul li {
  border-bottom: 1px solid var(--dbc-bor-2);
}
.dbc-container .sub-forum ul li .twrap,
.dbc-container .sub-group ul li .twrap {
  margin: 0 -0.4rem /* 30/75 */;
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
}
.dbc-container .sub-forum ul li .twrap2,
.dbc-container .sub-group ul li .twrap2 {
  margin: 0;
  padding: 0.266667rem /* 20/75 */;
}
.dbc-container .sub-forum ul li .twrap2 .forum-icon img,
.dbc-container .sub-group ul li .twrap2 .forum-icon img,
.dbc-container .sub-forum ul li .twrap2 .group-icon img,
.dbc-container .sub-group ul li .twrap2 .group-icon img {
  width: 1.066667rem /* 80/75 */;
  height: 1.066667rem /* 80/75 */;
  vertical-align: middle;
}
.dbc-container .sub-forum ul li .twrap2 .forum-info,
.dbc-container .sub-group ul li .twrap2 .forum-info,
.dbc-container .sub-forum ul li .twrap2 .group-info,
.dbc-container .sub-group ul li .twrap2 .group-info {
  height: 1.066667rem /* 80/75 */;
}
.dbc-container .sub-forum ul li .twrap2 .forum-info h3,
.dbc-container .sub-group ul li .twrap2 .forum-info h3,
.dbc-container .sub-forum ul li .twrap2 .group-info h3,
.dbc-container .sub-group ul li .twrap2 .group-info h3 {
  margin-top: 0;
  padding-right: 0.133333rem /* 10/75 */;
  font-weight: normal;
  font-size: 0.373333rem /* 28/75 */;
}
.dbc-container .sub-forum ul li .twrap2 .forum-info .pnum,
.dbc-container .sub-group ul li .twrap2 .forum-info .pnum,
.dbc-container .sub-forum ul li .twrap2 .group-info .pnum,
.dbc-container .sub-group ul li .twrap2 .group-info .pnum {
  color: var(--dbc-ac-3);
}
.dbc-container .sub-forum ul li .twrap2 .forum-info .pnum i,
.dbc-container .sub-group ul li .twrap2 .forum-info .pnum i,
.dbc-container .sub-forum ul li .twrap2 .group-info .pnum i,
.dbc-container .sub-group ul li .twrap2 .group-info .pnum i {
  margin-top: 0.053333rem /* 4/75 */;
  float: left;
}
.dbc-container .sub-forum ul li .twrap2 .forum-info .pnum em,
.dbc-container .sub-group ul li .twrap2 .forum-info .pnum em,
.dbc-container .sub-forum ul li .twrap2 .group-info .pnum em,
.dbc-container .sub-group ul li .twrap2 .group-info .pnum em {
  color: var(--dbc-ac-3);
}
.dbc-container .sub-forum ul li .arrow,
.dbc-container .sub-group ul li .arrow {
  margin: 0.426667rem /* 32/75 */ 0 0.426667rem /* 32/75 */ 0.133333rem /* 10/75 */;
  font-size: 0.48rem /* 36/75 */;
}
.dbc-container .sub-forum ul li .forum-icon,
.dbc-container .sub-group ul li .forum-icon,
.dbc-container .sub-forum ul li .group-icon,
.dbc-container .sub-group ul li .group-icon {
  margin-right: 0.266667rem /* 20/75 */;
}
.dbc-container .sub-forum ul li .forum-icon img,
.dbc-container .sub-group ul li .forum-icon img,
.dbc-container .sub-forum ul li .group-icon img,
.dbc-container .sub-group ul li .group-icon img {
  width: 1.333333rem /* 100/75 */;
  height: 1.333333rem /* 100/75 */;
  vertical-align: middle;
}
.dbc-container .sub-forum ul li .forum-info,
.dbc-container .sub-group ul li .forum-info,
.dbc-container .sub-forum ul li .group-info,
.dbc-container .sub-group ul li .group-info {
  position: relative;
  display: block;
  height: 1.333333rem /* 100/75 */;
  overflow: hidden;
}
.dbc-container .sub-forum ul li .forum-info h3,
.dbc-container .sub-group ul li .forum-info h3,
.dbc-container .sub-forum ul li .group-info h3,
.dbc-container .sub-group ul li .group-info h3 {
  margin-top: 0.066667rem /* 5/75 */;
  font-size: 0.426667rem /* 32/75 */;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dbc-container .sub-forum ul li .forum-info h3.nopnum,
.dbc-container .sub-group ul li .forum-info h3.nopnum,
.dbc-container .sub-forum ul li .group-info h3.nopnum,
.dbc-container .sub-group ul li .group-info h3.nopnum {
  margin-top: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.dbc-container .sub-forum ul li .forum-info .pnum,
.dbc-container .sub-group ul li .forum-info .pnum,
.dbc-container .sub-forum ul li .group-info .pnum,
.dbc-container .sub-group ul li .group-info .pnum,
.dbc-container .sub-forum ul li .forum-info .gdesc,
.dbc-container .sub-group ul li .forum-info .gdesc,
.dbc-container .sub-forum ul li .group-info .gdesc,
.dbc-container .sub-group ul li .group-info .gdesc {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  line-height: 0.426667rem /* 32/75 */;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.32rem /* 24/75 */;
  color: var(--dbc-ac-3);
}
.dbc-container .sub-forum ul li .forum-info .pnum em,
.dbc-container .sub-group ul li .forum-info .pnum em,
.dbc-container .sub-forum ul li .group-info .pnum em,
.dbc-container .sub-group ul li .group-info .pnum em,
.dbc-container .sub-forum ul li .forum-info .gdesc em,
.dbc-container .sub-group ul li .forum-info .gdesc em,
.dbc-container .sub-forum ul li .group-info .gdesc em,
.dbc-container .sub-group ul li .group-info .gdesc em {
  color: #555;
  font-style: normal;
}
.dbc-container .sub-forum ul li .forum-info .pnum .sline,
.dbc-container .sub-group ul li .forum-info .pnum .sline,
.dbc-container .sub-forum ul li .group-info .pnum .sline,
.dbc-container .sub-group ul li .group-info .pnum .sline,
.dbc-container .sub-forum ul li .forum-info .gdesc .sline,
.dbc-container .sub-group ul li .forum-info .gdesc .sline,
.dbc-container .sub-forum ul li .group-info .gdesc .sline,
.dbc-container .sub-group ul li .group-info .gdesc .sline {
  float: left;
  margin: 0.053333rem /* 4/75 */ 0.333333rem /* 25/75 */;
  width: 0.026667rem /* 2/75 */;
  height: 0.32rem /* 24/75 */;
  background: url(../images/sline.png) no-repeat 0 0;
  background-size: 0.026667rem /* 2/75 */ 0.32rem /* 24/75 */;
}
.dbc-container .sub-forum ul li .forum-info .num,
.dbc-container .sub-group ul li .forum-info .num,
.dbc-container .sub-forum ul li .group-info .num,
.dbc-container .sub-group ul li .group-info .num {
  float: right;
  padding: 0.026667rem /* 2/75 */ 0.266667rem /* 20/75 */;
  margin: 0.4rem /* 30/75 */ 0 0.4rem /* 30/75 */ 0.133333rem /* 10/75 */;
  text-align: center;
  font-size: 0.373333rem /* 28/75 */;
  border: 2px solid var(--dbc-bor-1);
  border-radius: 0.266667rem /* 20/75 */;
  color: var(--dbc-ac-0);
  background: var(--dbc-main-color);
}
.dbc-container .sub-forum ul li:last-child,
.dbc-container .sub-group ul li:last-child {
  border: none;
}
.dbc-container .sub-forum ul .twrap:active,
.dbc-container .sub-group ul .twrap:active {
  background-color: #f7f7f7;
}
.dbc-container .sub-forum ul .mlist,
.dbc-container .sub-group ul .mlist {
  float: left;
  margin-bottom: 0.266667rem /* 20/75 */;
  width: 4.466667rem /* 335/75 */;
  border-radius: 0.08rem /* 6/75 */;
  box-shadow: 0 0 0.266667rem /* 20/75 */ 0 rgba(0, 0, 0, 0.06);
  border: none;
}
.dbc-container .sub-group {
  margin-bottom: 0.266667rem /* 20/75 */;
  background: var(--dbc-ac-0);
}
.dbc-container .forumlist {
  overflow: hidden;
  background: var(--dbc-ac-0);
}
.dbc-container .forumlist .gname {
  padding: 0 0.4rem /* 30/75 */;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.426667rem /* 32/75 */;
  background: #f7f7f7;
}
.dbc-container .forumlist .flist {
  margin: 0.266667rem /* 20/75 */ 0 0.4rem /* 30/75 */;
  padding: 0 0.4rem /* 30/75 */;
}
.dbc-container .forumlist .flist .item {
  height: 1.6rem /* 120/75 */;
}
.dbc-container .forumlist .flist .item .ficon {
  float: left;
  margin: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */ 0.266667rem /* 20/75 */ 0;
}
.dbc-container .forumlist .flist .item .ficon img {
  width: 1.066667rem /* 80/75 */;
  height: 1.066667rem /* 80/75 */;
  border-radius: 0.08rem /* 6/75 */;
  vertical-align: middle;
}
.dbc-container .forumlist .flist .item .fname {
  line-height: 1.6rem /* 120/75 */;
  font-size: 0.373333rem /* 28/75 */;
  overflow: hidden;
}
.dbc-container .forumlist .sflist {
  position: relative;
  padding: 0.266667rem /* 20/75 */;
  border-radius: 0.08rem /* 6/75 */;
  background: #f6f6f6;
}
.dbc-container .forumlist .sflist .sitem {
  position: relative;
  height: 1.333333rem /* 100/75 */;
  font-size: 0.32rem /* 24/75 */;
  overflow: hidden;
}
.dbc-container .forumlist .sflist .sitem .sficon {
  float: left;
  margin: 0.266667rem /* 20/75 */ 0.266667rem /* 20/75 */ 0.266667rem /* 20/75 */ 0;
}
.dbc-container .forumlist .sflist .sitem .sficon img {
  width: 0.8rem /* 60/75 */;
  height: 0.8rem /* 60/75 */;
  border-radius: 0.08rem /* 6/75 */;
  vertical-align: middle;
}
.dbc-container .forumlist .sflist .sitem .sfname {
  line-height: 1.333333rem /* 100/75 */;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dbc-container .forumlist .sflist .dbc-arrow {
  position: absolute;
  top: 0;
  right: 0.4rem /* 30/75 */;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.186667rem /* 14/75 */ 0.186667rem /* 14/75 */ 0;
  border-color: var(--dbc-ac-0) transparent transparent;
  box-shadow: none;
}
.dbc-container .forumlist .sflist .pr {
  margin-top: 0.506667rem /* 38/75 */;
}
.dbc-container .forumlist .pr {
  margin-top: 0.64rem /* 48/75 */;
  float: right;
  width: 0.32rem /* 24/75 */;
  height: 0.32rem /* 24/75 */;
}
.addgroup {
  position: relative;
  display: block;
  margin: 0.666667rem /* 50/75 */ 0;
  padding-top: 3.2rem /* 240/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-main-color) !important;
  text-align: center;
}
.addgroup i {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2.773333rem /* 208/75 */;
  height: 2.773333rem /* 208/75 */;
  line-height: 2.773333rem /* 208/75 */;
  border: 0.026667rem /* 2/75 */ solid var(--dbc-main-color);
  font-size: 1.066667rem /* 80/75 */;
}
.dbc-container2 {
  background: var(--dbc-ac-0);
  width: 100%;
}
.dbc-container2 .nav {
  width: 2.666667rem /* 200/75 */;
  height: 100%;
  overflow: hidden;
  background: #f5f5f5;
}
.dbc-container2 .nav li {
  height: 1.333333rem /* 100/75 */;
  line-height: 1.333333rem /* 100/75 */;
  font-size: 0.373333rem /* 28/75 */;
  text-align: center;
  overflow: hidden;
}
.dbc-container2 .nav li span {
  display: block;
  padding: 0 0.133333rem /* 10/75 */;
  line-height: 1.333333rem /* 100/75 */;
  font-size: 0.373333rem /* 28/75 */;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dbc-container2 .nav li.current {
  background: var(--dbc-ac-0);
}
.dbc-container2 .nav li.current a {
  color: #58a7e8;
}
.dbc-container2 .forumlist {
  height: 100%;
  overflow: hidden;
}
.dbc-container2 .forumlist .sub-forum {
  height: 100%;
  overflow: hidden;
}
.dbc-container2 .forumlist .sub-forum ul {
  padding: 0 0.4rem /* 30/75 */;
}
.dbc-container2 .forumlist .sub-forum ul li {
  border-bottom: 1px solid var(--dbc-bor-2);
}
.dbc-container2 .forumlist .sub-forum ul li .twrap {
  margin: 0 -0.4rem /* 30/75 */;
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
}
.dbc-container2 .forumlist .sub-forum ul li .twrap .forum-icon {
  margin-right: 0.266667rem /* 20/75 */;
}
.dbc-container2 .forumlist .sub-forum ul li .twrap .forum-icon img {
  width: 1.333333rem /* 100/75 */;
  height: 1.333333rem /* 100/75 */;
}
.dbc-container2 .forumlist .sub-forum ul li .twrap .forum-info {
  position: relative;
  display: block;
  height: 1.333333rem /* 100/75 */;
  overflow: hidden;
}
.dbc-container2 .forumlist .sub-forum ul li .twrap .forum-info h3 {
  margin-top: 0.066667rem /* 5/75 */;
  font-size: 0.426667rem /* 32/75 */;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dbc-container2 .forumlist .sub-forum ul li .twrap .forum-info h3.nopnum {
  margin-top: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.dbc-container2 .forumlist .sub-forum ul li .twrap .forum-info .pnum {
  position: absolute;
  left: 0;
  bottom: 0;
  padding-right: 0.133333rem /* 10/75 */;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.32rem /* 24/75 */;
  color: var(--dbc-ac-3);
}
.dbc-container2 .forumlist .sub-forum ul li .twrap .forum-info .pnum em {
  color: #555;
  font-style: normal;
}
.dbc-container2 .forumlist .sub-forum ul li .twrap .forum-info .pnum .sline {
  float: left;
  margin: 0.053333rem /* 4/75 */ 0.333333rem /* 25/75 */;
  width: 0.026667rem /* 2/75 */;
  height: 0.32rem /* 24/75 */;
  background: url(../images/sline.png) no-repeat 0 0;
  background-size: 0.026667rem /* 2/75 */ 0.32rem /* 24/75 */;
}
.dbc-container2 .forumlist .sub-forum ul li .twrap .forum-info .num {
  float: right;
  padding: 0.026667rem /* 2/75 */ 0.266667rem /* 20/75 */;
  margin-top: 0.4rem /* 30/75 */;
  text-align: center;
  font-size: 0.373333rem /* 28/75 */;
  border: 2px solid var(--dbc-bor-1);
  border-radius: 0.266667rem /* 20/75 */;
  color: var(--dbc-ac-0);
  background: #58a7e8;
}
.dbc-container2 .forumlist .sub-forum ul li:last-child {
  border: none;
}
.dbc-container2 .forumlist .sub-forum ul .twrap:active {
  background-color: #f7f7f7;
}
.dbc-container2 .forumlist .sub-forum .sflist {
  margin-left: 0.666667rem /* 50/75 */;
  padding: 0;
}
.dbc-container2 .forumlist .sub-forum .sflist li {
  padding: 0 0 0 0.4rem /* 30/75 */;
  background: url(../images/bg_repno.png) no-repeat 0 0;
  border: none;
  background-size: 0.4rem /* 30/75 */ 2.2rem /* 165/75 */;
}
.dbc-container2 .forumlist .sub-forum .sflist li .wrap {
  padding: 0.266667rem /* 20/75 */;
  overflow: hidden;
}
.dbc-container2 .forumlist .sub-forum .sflist li .wrap .sf-icon {
  margin-right: 0.133333rem /* 10/75 */;
}
.dbc-container2 .forumlist .sub-forum .sflist li .wrap .sf-icon img {
  width: 0.933333rem /* 70/75 */;
  height: 0.933333rem /* 70/75 */;
  vertical-align: middle;
}
.dbc-container2 .forumlist .sub-forum .sflist li .wrap .sf-info {
  display: block;
  overflow: hidden;
}
.dbc-container2 .forumlist .sub-forum .sflist li .wrap .sf-info h3 {
  margin-top: 0.226667rem /* 17/75 */;
  padding-right: 0.133333rem /* 10/75 */;
  font-size: 0.373333rem /* 28/75 */;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dbc-container2 .forumlist .sub-forum .sflist li .wrap:active {
  background-color: #f7f7f7;
}
.dbc-container2 .forumlist .sub-forum .sflist li.last {
  background-position: 0 -1.466667rem /* 110/75 */;
}
/*----- forumdisplay -----*/
.visitclienttip1 .nav {
  height: 1.066667rem /* 80/75 */;
  line-height: 1.066667rem /* 80/75 */;
  text-align: center;
  font-size: 0.506667rem /* 38/75 */;
}
.clew-con {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
}
.clew-con .tit {
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.426667rem /* 32/75 */;
}
.clew-con p {
  margin: 0.266667rem /* 20/75 */ 0;
}
.clew-con .button {
  margin-left: 0.133333rem /* 10/75 */;
  background: var(--dbc-main-color);
  border: none;
  border-radius: 0.133333rem /* 10/75 */;
  padding: 0.133333rem /* 10/75 */ 0.266667rem /* 20/75 */;
  color: var(--dbc-ac-0);
  font-size: 0.373333rem /* 28/75 */;
}
.clew-con .button:active {
  background-color: var(--dbc-main-deep-color);
}
.visitclienttip2 {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  position: fixed;
  bottom: 1.333333rem /* 100/75 */;
  background: #a3cdef;
  width: 100%;
  z-index: 99;
  box-sizing: border-box;
}
.visitclienttip2 p {
  overflow: hidden;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-0);
}
.visitclienttip2 .btn-download {
  float: right;
  margin: 0.066667rem /* 5/75 */ 0 0 0.133333rem /* 10/75 */;
  background: var(--dbc-main-color);
  border-radius: 0.133333rem /* 10/75 */;
  padding: 0.133333rem /* 10/75 */ 0.266667rem /* 20/75 */;
  color: var(--dbc-ac-0) !important;
  font-size: 0.373333rem /* 28/75 */;
}
.visitclienttip2 .btn-download:active {
  background-color: var(--dbc-main-deep-color);
}
.visitclienttip2 .btn-close {
  float: left;
  margin: 0.146667rem /* 11/75 */ 0.133333rem /* 10/75 */ 0 0;
  font-size: 0.426667rem /* 32/75 */;
  color: var(--dbc-ac-0);
}
.fl-top {
  background: linear-gradient(180deg, var(--dbc-ac-0), #f0f5f9);
}
.fl-top .top {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
}
.fl-top .top .forum-icon {
  margin-right: 0.266667rem /* 20/75 */;
}
.fl-top .top .forum-icon img {
  width: 1.333333rem /* 100/75 */;
  height: 1.333333rem /* 100/75 */;
  vertical-align: middle;
}
.fl-top .top .forum-info {
  position: relative;
  padding-bottom: 0.533333rem /* 40/75 */;
  min-height: 1.333333rem /* 100/75 */;
  overflow: hidden;
  box-sizing: border-box;
}
.fl-top .top .forum-info h3 {
  height: 0.56rem /* 42/75 */;
  line-height: 0.56rem /* 42/75 */;
  font-size: 0.506667rem /* 38/75 */;
  overflow: hidden;
}
.fl-top .top .forum-info .datalist {
  position: absolute;
  bottom: 0;
  display: flex;
  height: 0.533333rem /* 40/75 */;
  line-height: 0.533333rem /* 40/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
  overflow: hidden;
}
.fl-top .top .forum-info .datalist .dbox span {
  color: #222;
  margin-left: 0.133333rem /* 10/75 */;
}
.fl-top .top .forum-info .tinfo img {
  margin: 0.066667rem /* 5/75 */ 0 0.08rem /* 6/75 */ 0.133333rem /* 10/75 */;
  height: 0.426667rem /* 32/75 */;
}
.fl-top .top .forum-info .tinfo .add-fav2,
.fl-top .top .forum-info .tinfo .del-fav2,
.fl-top .top .forum-info .tinfo .jbtn,
.fl-top .top .forum-info .tinfo .lgbtn {
  padding: 0 0.2rem /* 15/75 */;
  height: 0.56rem /* 42/75 */;
  line-height: 0.56rem /* 42/75 */;
  background: rgba(0, 0, 0, 0.2);
  color: var(--dbc-ac-0);
  font-size: 0.32rem /* 24/75 */;
  border: none;
  border-radius: 0.053333rem /* 4/75 */;
  outline: none;
}
.fl-top .top .forum-info .tinfo .add-fav2 i,
.fl-top .top .forum-info .tinfo .del-fav2 i,
.fl-top .top .forum-info .tinfo .jbtn i,
.fl-top .top .forum-info .tinfo .lgbtn i {
  margin: 0.12rem /* 9/75 */ 0.08rem /* 6/75 */ 0.12rem /* 9/75 */ 0;
  float: left;
}
.fl-top .top .forum-info .tinfo .del-fav2 i {
  color: #fabc55;
}
.fl-top .top .add-fav,
.fl-top .top .del-fav {
  float: right;
  margin: 0.226667rem /* 17/75 */ 0 0.226667rem /* 17/75 */ 0.266667rem /* 20/75 */;
  width: 0.88rem /* 66/75 */;
  height: 0.88rem /* 66/75 */;
  line-height: 0.88rem /* 66/75 */;
  overflow: hidden;
  text-align: center;
  background: #f0f5fc;
  border-radius: 0.08rem /* 6/75 */;
}
.fl-top .top .add-fav i,
.fl-top .top .del-fav i {
  font-size: 0.426667rem /* 32/75 */;
  color: #555;
}
.fl-top .top .del-fav i {
  color: #fabc55;
}
.fl-top .desc {
  padding: 0 0.4rem /* 30/75 */ 0.266667rem /* 20/75 */;
  line-height: 0.48rem /* 36/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-2);
}
.fl-top .joinrow {
  padding: 0 0.4rem /* 30/75 */ 0.266667rem /* 20/75 */;
  display: flex;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-2);
}
.fl-top .pipe {
  margin: 0.093333rem /* 7/75 */ 0.266667rem /* 20/75 */;
  width: 0.026667rem /* 2/75 */;
  height: 0.346667rem /* 26/75 */;
  background: var(--dbc-bor-1);
}
.dbc-an {
  margin-top: 0.266667rem /* 20/75 */;
  padding: 0 0.4rem /* 30/75 */;
  background: var(--dbc-ac-0);
}
.dbc-an .wrap {
  height: 1.066667rem /* 80/75 */;
  line-height: 1.066667rem /* 80/75 */;
  border-bottom: 1px solid var(--dbc-bor-1);
  overflow: hidden;
}
.dbc-an .wrap .icon {
  float: left;
  position: relative;
  margin-right: 0.133333rem /* 10/75 */;
  width: 0.533333rem /* 40/75 */;
  height: 1.066667rem /* 80/75 */;
  line-height: 1.066667rem /* 80/75 */;
  color: #d6914e;
}
.dbc-an .wrap p {
  overflow: hidden;
  font-size: 0.373333rem /* 28/75 */;
}
.stick {
  position: relative;
  padding: 0 0.4rem /* 30/75 */;
  background: var(--dbc-ac-0);
  overflow: hidden;
}
.stick h3 {
  line-height: 1.066667rem /* 80/75 */;
  font-size: 0.373333rem /* 28/75 */;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-top: 1px solid var(--dbc-bor-1);
}
.stick h3 span {
  float: left;
  margin-top: 0.32rem /* 24/75 */;
  width: 0.853333rem /* 64/75 */;
  height: 0.426667rem /* 32/75 */;
  line-height: 0.426667rem /* 32/75 */;
  font-size: 0.32rem /* 24/75 */;
  border-radius: 0.053333rem /* 4/75 */;
  color: var(--dbc-ac-0);
  text-align: center;
  box-sizing: border-box;
}
.stick h3 .topbg1 {
  background-color: #96cb33;
}
.stick h3 .topbg2 {
  background-color: #00bbee;
}
.stick h3 .topbg3 {
  background-color: #ffad00;
}
.stick::after {
  display: none;
  position: absolute;
  left: 0.4rem /* 30/75 */;
  bottom: 0;
  content: '';
  width: 9.2rem /* 690/75 */;
  border-bottom: 1px solid var(--dbc-bor-1);
}
.dbc-toggle-dp {
  margin-bottom: 0.266667rem /* 20/75 */;
  padding: 0 0.4rem /* 30/75 */;
  height: 1.066667rem /* 80/75 */;
  line-height: 1.066667rem /* 80/75 */;
  background: var(--dbc-ac-0);
  text-align: center;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
}
.dbc-toggle-dp .dbc-show-dp,
.dbc-toggle-dp .dbc-hide-dp {
  display: block;
  border-top: 1px solid var(--dbc-bor-1);
}
.dbc-toggle-dp .dbc-show-dp i,
.dbc-toggle-dp .dbc-hide-dp i {
  margin-left: 0.066667rem /* 5/75 */;
  line-height: 1.066667rem /* 80/75 */;
}
.dbc-sort {
  width: 70% !important;
  background: var(--dbc-ac-0) !important;
  border-top: 1px solid var(--dbc-bor-1);
}
.dbc-sort .dbc-sort-font,
.dbc-sort .dbc-sort-form {
  padding: 0.266667rem /* 20/75 */;
  width: 100%;
  font-size: 0.373333rem /* 28/75 */;
}
.dbc-sort .dbc-sort-font .item,
.dbc-sort .dbc-sort-form .item {
  margin-bottom: 0.266667rem /* 20/75 */;
}
.dbc-sort .dbc-sort-font .item label,
.dbc-sort .dbc-sort-form .item label {
  display: block;
  height: 1.066667rem /* 80/75 */;
  line-height: 1.066667rem /* 80/75 */;
  font-size: 0.426667rem /* 32/75 */;
  font-weight: 700;
  color: var(--dbc-ac-1);
}
.dbc-sort .dbc-sort-font li,
.dbc-sort .dbc-sort-form li {
  float: left;
  margin: 0.133333rem /* 10/75 */ 0.133333rem /* 10/75 */ 0.133333rem /* 10/75 */ 0;
  padding: 0 0.266667rem /* 20/75 */;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  border: 1px solid var(--dbc-bor-1);
  border-radius: 0.08rem /* 6/75 */;
}
.dbc-sort .dbc-sort-font li a,
.dbc-sort .dbc-sort-form li a {
  padding: 0;
  line-height: 0.8rem /* 60/75 */;
}
.dbc-sort .dbc-sort-font li:after,
.dbc-sort .dbc-sort-form li:after {
  display: none !important;
}
.dbc-sort .dbc-sort-font li.a,
.dbc-sort .dbc-sort-form li.a {
  border-color: var(--dbc-main-color);
}
.dbc-sort .dbc-sort-font li.a a,
.dbc-sort .dbc-sort-form li.a a {
  color: var(--dbc-main-color);
}
.dbc-sort .dbc-sort-font .subtsm,
.dbc-sort .dbc-sort-form .subtsm {
  margin-top: 0.133333rem /* 10/75 */;
  padding: 0.133333rem /* 10/75 */;
  border: 1px dashed var(--dbc-bor-1);
  border-radius: 0.08rem /* 6/75 */;
}
.dbc-sort .dbc-sort-font .px,
.dbc-sort .dbc-sort-form .px {
  padding-left: 0.133333rem /* 10/75 */;
  height: 0.8rem /* 60/75 */;
  width: 100%;
  border: 1px solid var(--dbc-bor-1);
  -webkit-appearance: none;
  font-size: 0.373333rem /* 28/75 */;
  border-radius: 0.133333rem /* 10/75 */;
}
.dbc-sort .dbc-sort-font .ps,
.dbc-sort .dbc-sort-form .ps {
  margin-bottom: 0.133333rem /* 10/75 */;
  padding: 0 0.64rem /* 48/75 */ 0 0.133333rem /* 10/75 */;
  max-width: 100%;
  height: 0.8rem /* 60/75 */;
  font-size: 0.373333rem /* 28/75 */;
  outline: none;
  -webkit-appearance: none;
  background: var(--dbc-ac-0) url(../images/arrow_down.png) no-repeat right center;
  background-size: 0.64rem /* 48/75 */;
  border-radius: 0.133333rem /* 10/75 */;
  border: 1px solid var(--dbc-bor-1);
}
.dbc-sort .dbc-sort-font .pc,
.dbc-sort .dbc-sort-form .pc {
  margin-bottom: 0.04rem /* 3/75 */;
  margin-right: 0.133333rem /* 10/75 */;
  width: 0.426667rem /* 32/75 */;
  height: 0.426667rem /* 32/75 */;
  vertical-align: text-bottom;
}
.dbc-sort .sort-search-btn {
  margin: 0.266667rem /* 20/75 */;
}
.sublist1 {
  margin-bottom: 0.266667rem /* 20/75 */;
  background: var(--dbc-ac-0);
}
.sublist1 .slbox {
  padding: 0.266667rem /* 20/75 */ 0 0.266667rem /* 20/75 */ 0.266667rem /* 20/75 */;
  overflow: hidden;
}
.sublist1 ul li {
  float: left;
  padding: 0 0.133333rem /* 10/75 */;
  width: 1.866667rem /* 140/75 */;
  box-sizing: border-box;
}
.sublist1 ul li .forum-icon img {
  width: 1.6rem /* 120/75 */;
  height: 1.6rem /* 120/75 */;
  border-radius: 0.08rem /* 6/75 */;
  vertical-align: middle;
}
.sublist1 ul li .forum-info h3 {
  margin-top: 0.133333rem /* 10/75 */;
  font-size: 0.32rem /* 24/75 */;
  font-weight: normal;
  line-height: 0.533333rem /* 40/75 */;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.subforum-list {
  background: var(--dbc-ac-0);
}
.subforum-list ul {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
}
.subforum-list ul li {
  float: left;
  margin-bottom: 0.133333rem /* 10/75 */;
  margin-right: 0.066667rem /* 5/75 */;
  padding: 0.266667rem /* 20/75 */;
  width: 4.533333rem /* 340/75 */;
  border: 1px solid var(--dbc-bor-1);
  border-radius: 0.133333rem /* 10/75 */;
}
.subforum-list ul li .forum-icon {
  margin-right: 0.266667rem /* 20/75 */;
}
.subforum-list ul li .forum-icon img {
  width: 1.333333rem /* 100/75 */;
  height: 1.333333rem /* 100/75 */;
  vertical-align: middle;
}
.subforum-list ul li .forum-info {
  display: block;
  overflow: hidden;
}
.subforum-list ul li .forum-info h3 {
  margin-top: 0.066667rem /* 5/75 */;
  margin-bottom: 0.266667rem /* 20/75 */;
  font-size: 0.426667rem /* 32/75 */;
  white-space: nowrap;
  overflow: hidden;
}
.subforum-list ul li .forum-info .num {
  padding-right: 0.133333rem /* 10/75 */;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
}
.subforum-list ul li .forum-info .num i {
  margin-right: 0.08rem /* 6/75 */;
  font-size: 0.32rem /* 24/75 */;
  color: var(--dbc-ac-3);
}
.subforum-list ul li:nth-child(2n) {
  margin-right: 0;
  margin-left: 0.066667rem /* 5/75 */;
}
/*----通知页----*/
.dhnav-box {
  margin-bottom: 0.266667rem /* 20/75 */;
  background: var(--dbc-ac-0);
}
.dhnav-box ul li {
  float: left;
  width: auto;
  line-height: 1.066667rem /* 80/75 */;
}
.dhnav-box ul li a {
  display: inline-block;
  margin: 0 0.2rem /* 15/75 */;
}
.dhnav-box ul .cur a {
  border-bottom: 0.053333rem /* 4/75 */ solid var(--dbc-main-color);
}
.annlist {
  background: var(--dbc-ac-0);
}
.annlist ul li {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  border-bottom: 1px solid var(--dbc-bor-2);
}
.annlist ul li h2 a {
  display: block;
  line-height: 0.48rem /* 36/75 */;
  overflow: hidden;
  font-size: 0.426667rem /* 32/75 */;
}
.annlist ul li h2 i {
  float: right;
  line-height: 0.48rem /* 36/75 */;
  font-size: 0.346667rem /* 26/75 */;
  color: #ddd;
}
.annlist ul li h3 {
  height: 0.666667rem /* 50/75 */;
  line-height: 0.666667rem /* 50/75 */;
  margin-top: 0.133333rem /* 10/75 */;
  font-size: 0.373333rem /* 28/75 */;
  overflow: hidden;
  color: var(--dbc-ac-3);
}
.annlist ul li h3 a {
  margin-left: 0.133333rem /* 10/75 */;
  color: var(--dbc-main-color);
}
.annlist-box {
  margin: 0.266667rem /* 20/75 */ 0 0.16rem /* 12/75 */;
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  background: #f3f3f3;
  color: var(--dbc-ac-2);
  line-height: 0.533333rem /* 40/75 */;
  border-radius: 0.133333rem /* 10/75 */;
}
/*----- 弹窗样式 -----*/
.tip {
  width: 8rem /* 600/75 */;
  height: auto;
  background: var(--dbc-ac-0);
  border-radius: 0.133333rem /* 10/75 */;
  overflow: hidden;
}
.tip p {
  margin-bottom: 0.133333rem /* 10/75 */;
}
.tip dt {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.426667rem /* 32/75 */;
}
.tip dt .da {
  margin: 0 0 0.133333rem /* 10/75 */ 0;
  border: 0.026667rem /* 2/75 */ dashed var(--dbc-bor-2);
}
.tip dt h3 {
  font-size: 0.426667rem /* 32/75 */;
}
.tip dd {
  padding: 0 0.266667rem /* 20/75 */ 0.266667rem /* 20/75 */;
  overflow: hidden;
}
.tip dd .dbc-btn {
  width: 48%;
}
.tip .px {
  padding-left: 0.133333rem /* 10/75 */;
  width: 100%;
  line-height: 0.666667rem /* 50/75 */;
  font-size: 0.426667rem /* 32/75 */;
  background: var(--dbc-ac-0);
  border: 1px solid var(--dbc-bor-1);
  border-radius: 0.133333rem /* 10/75 */;
  outline: none;
  -webkit-appearance: none;
  color: #555;
}
.tip .pr {
  margin-right: 0.133333rem /* 10/75 */;
  margin-bottom: 0.04rem /* 3/75 */;
  width: 0.4rem /* 30/75 */;
  height: 0.4rem /* 30/75 */;
  vertical-align: middle;
}
.tip .ps {
  padding: 0 0.64rem /* 48/75 */ 0 0.133333rem /* 10/75 */;
  max-width: 100%;
  height: 0.8rem /* 60/75 */;
  font-size: 0.373333rem /* 28/75 */;
  outline: none;
  -webkit-appearance: none;
  background: var(--dbc-ac-0) url(../images/arrow_down.png) no-repeat right center;
  background-size: 0.64rem /* 48/75 */;
  border-radius: 0.133333rem /* 10/75 */;
  border: 1px solid var(--dbc-bor-1);
}
.tip .txt {
  padding: 0.133333rem /* 10/75 */;
  width: 100%;
  min-height: 1.6rem /* 120/75 */;
  font-size: 0.426667rem /* 32/75 */;
  border: 1px solid var(--dbc-bor-1);
  -webkit-appearance: none;
  border-radius: 0.133333rem /* 10/75 */;
  color: #555;
}
.tip a {
  color: var(--dbc-main-color);
}
.tip2 {
  width: auto;
}
.loadingPrompt {
  display: none;
  position: fixed;
  left: 50%;
  bottom: 50%;
  z-index: 99;
  margin-left: -4rem /* 300/75 */;
  margin-bottom: -1.466667rem /* 110/75 */;
  background-color: var(--dbc-ac-0);
  border-radius: 0.133333rem /* 10/75 */;
  width: 8rem /* 600/75 */;
  height: 2.933333rem /* 220/75 */;
}
.loadingPrompt p {
  padding: 0.533333rem /* 40/75 */;
  text-align: center;
  font-size: 0.373333rem /* 28/75 */;
}
.loadingPrompt div {
  padding: 0.266667rem /* 20/75 */;
  border-top: 1px solid var(--dbc-bor-1);
  text-align: center;
}
.loadingPrompt div .dbc-btn {
  width: 48%;
}
/*----- viewthread -----*/
.sharebox,
.morebox {
  padding: 0.4rem /* 30/75 */;
  padding-top: 0.533333rem /* 40/75 */;
  border-radius: 8px 8px 0 0;
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 99;
  background-color: var(--dbc-ac-4);
  box-sizing: border-box;
}
.sharebox .share,
.morebox .share {
  font-size: 0;
}
.sharebox .share .icon-weibo,
.morebox .share .icon-weibo,
.sharebox .share .icon-weibo:hover,
.morebox .share .icon-weibo:hover {
  background: url(../images/weibo.png) no-repeat center 0;
  background-size: 1.466667rem /* 110/75 */;
}
.sharebox .share .icon-qq,
.morebox .share .icon-qq,
.sharebox .share .icon-qq:hover,
.morebox .share .icon-qq:hover {
  background: url(../images/qq.png) no-repeat center 0;
  background-size: 1.466667rem /* 110/75 */;
}
.sharebox .share .icon-wechat,
.morebox .share .icon-wechat {
  background: url(../images/wechat.png) no-repeat center 0;
  background-size: 1.466667rem /* 110/75 */;
}
.sharebox .share .icon-wechat:hover,
.morebox .share .icon-wechat:hover {
  background: url(../images/wechat.png) no-repeat center 0;
  background-size: 1.466667rem /* 110/75 */;
}
.sharebox .share .copyurl,
.morebox .share .copyurl,
.sharebox .share .copyurl:hover,
.morebox .share .copyurl:hover {
  background: url(../images/fasten.png) no-repeat center 0;
  background-size: 1.466667rem /* 110/75 */;
}
.sharebox .share .report,
.morebox .share .report,
.sharebox .share .report:hover,
.morebox .share .report:hover {
  background: url(../images/report.png) no-repeat center 0;
  background-size: 1.466667rem /* 110/75 */;
}
.sharebox .share .share-icon,
.morebox .share .share-icon {
  position: relative;
  margin: 0 0 0.266667rem /* 20/75 */;
  float: left;
  width: 25%;
  height: 2.133333rem /* 160/75 */;
  line-height: normal;
  border-radius: 0;
  font-size: 0;
  border: none;
}
.sharebox .share .share-icon span,
.morebox .share .share-icon span {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 0.32rem /* 24/75 */;
  color: var(--dbc-ac-1);
}
.sharebox .cancle-btn,
.morebox .cancle-btn {
  height: 1.066667rem /* 80/75 */;
  line-height: 1.066667rem /* 80/75 */;
  border-radius: 0.533333rem /* 40/75 */;
  text-align: center;
  color: var(--dbc-ac-3);
  background: var(--dbc-ac-0);
}
.morebox {
  background: var(--dbc-ac-0);
}
.morebox .cancle-btn {
  background: #fafafa;
  color: var(--dbc-ac-1);
}
.morebox a,
.morebox span {
  display: block;
  line-height: 1.333333rem /* 100/75 */;
  font-size: 0.373333rem /* 28/75 */;
  text-align: center;
  border-bottom: 1px solid #f5f5f5;
}
.morebox a img,
.morebox span img {
  margin-right: 0.133333rem /* 10/75 */;
  width: 0.32rem /* 24/75 */;
}
.morebox .copy {
  border: none;
}
.postlist .post-tit {
  background: var(--dbc-ac-0);
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */ 0;
}
.postlist .post-tit h2 {
  display: inline;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.506667rem /* 38/75 */;
}
.nocomment {
  height: 3.733333rem /* 280/75 */;
  background: url(../images/nocomment.png) no-repeat center center;
  background-color: var(--dbc-ac-0);
  background-size: 5.066667rem /* 380/75 */ 3.466667rem /* 260/75 */;
}
.reply,
.quote {
  margin-bottom: 0.266667rem /* 20/75 */;
  padding: 0.266667rem /* 20/75 */;
  line-height: 0.533333rem /* 40/75 */;
  background: var(--dbc-bor-1);
  border-radius: 0.133333rem /* 10/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
}
.reply font,
.quote font {
  font-size: 0.373333rem /* 28/75 */ !important;
}
.reply blockquote,
.quote blockquote {
  margin: 0;
}
.reply a,
.quote a {
  color: var(--dbc-main-color);
}
.reply em,
.quote em {
  font-style: normal;
}
.reply .jammer,
.quote .jammer {
  display: none;
}
.bl-line .reply {
  background: var(--dbc-ac-4);
}
.dbc-attach {
  margin: 0.266667rem /* 20/75 */ 0;
  padding: 0.266667rem /* 20/75 */;
  border: 1px solid var(--dbc-bor-1);
  border-radius: 0.133333rem /* 10/75 */;
}
.dbc-attach .attnm {
  margin-bottom: 0.2rem /* 15/75 */;
  font-weight: 500;
}
.dbc-attach .attnm img {
  width: 0.426667rem /* 32/75 */;
  vertical-align: text-bottom;
}
.dbc-attach .atti {
  margin-bottom: 0.2rem /* 15/75 */;
  line-height: 0.533333rem /* 40/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-2);
}
.dbc-attach .atti em {
  font-style: normal;
  color: #ff9358;
}
.dbc-attach .atti .sline {
  padding: 0 0.2rem /* 15/75 */;
  background: url(../images/sline.png) no-repeat center center;
  background-size: 0.026667rem /* 2/75 */ 0.32rem /* 24/75 */;
}
.dbc-attach .attdesc {
  padding: 0.2rem /* 15/75 */ 0;
  margin: 0;
  border-top: 1px solid var(--dbc-bor-1);
}
.dbc-attach .attop a {
  width: 48%;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  text-align: center;
  border: 1px solid var(--dbc-main-color);
  border-radius: 0.106667rem /* 8/75 */;
  color: var(--dbc-main-color);
  box-sizing: border-box;
}
.dbc-attach .attop a:active {
  background-color: #f7f7f7;
}
.attvl {
  margin: 0 auto;
  padding: 0.266667rem /* 20/75 */;
  min-width: 5.333333rem /* 400/75 */;
  font-size: 0.373333rem /* 28/75 */;
  background: var(--dbc-ac-0);
  border-radius: 0.133333rem /* 10/75 */;
}
.attvl h3 {
  position: relative;
  margin-bottom: 0.133333rem /* 10/75 */;
  line-height: 1.066667rem /* 80/75 */;
  text-align: center;
}
.attvl .attvl-wrap {
  overflow: auto;
  overflow-x: hidden;
}
.attvl .attvl-wrap .list {
  width: 100%;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-2);
}
.attvl .attvl-wrap .list th,
.attvl .attvl-wrap .list td {
  padding: 0.08rem /* 6/75 */ 0.133333rem /* 10/75 */;
  text-align: left;
}
.attpay {
  margin: 0 auto;
  padding: 0.266667rem /* 20/75 */;
  min-width: 5.333333rem /* 400/75 */;
  background: var(--dbc-ac-0);
  border-radius: 0.133333rem /* 10/75 */;
}
.attpay h3 {
  position: relative;
  margin-bottom: 0.133333rem /* 10/75 */;
  line-height: 1.066667rem /* 80/75 */;
  text-align: center;
}
.attpay .attpay-wrap .list {
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-2);
}
.attpay .attpay-wrap .list tr td {
  min-width: 3.066667rem /* 230/75 */;
  max-width: 6.4rem /* 480/75 */;
  overflow: hidden;
  padding: 0.08rem /* 6/75 */;
  text-align: left;
}
.attpay .attpay-op {
  margin-top: 0.266667rem /* 20/75 */;
}
.attpay .attpay-op label {
  display: block;
  margin: 0.133333rem /* 10/75 */ 0 0.266667rem /* 20/75 */;
  font-size: 0.373333rem /* 28/75 */;
}
.attpay .attpay-op label input {
  margin-right: 0.133333rem /* 10/75 */;
  width: 0.266667rem /* 20/75 */;
  height: 0.266667rem /* 20/75 */;
}
.attpay .attpay-op button {
  margin-bottom: 0.266667rem /* 20/75 */;
  display: block;
  width: 100%;
  height: 1.066667rem /* 80/75 */;
  line-height: 1.066667rem /* 80/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-0);
  border-radius: 4px;
  box-shadow: none;
  text-shadow: none;
  border: none;
}
.dbc-poll {
  margin: 0.266667rem /* 20/75 */ 0;
  padding: 0.266667rem /* 20/75 */;
  border-radius: 0.133333rem /* 10/75 */;
  background: #edf0f5;
}
.poll-info {
  padding: 0.266667rem /* 20/75 */;
  border-radius: 0.133333rem /* 10/75 */;
  background: var(--dbc-ac-0);
}
.poll-info .end-time {
  margin-bottom: 0.4rem /* 30/75 */;
  text-align: center;
}
.poll-info .end-time i {
  font-size: 0.426667rem /* 32/75 */;
  color: var(--dbc-main-color);
}
.poll-info .poll-count {
  width: 100%;
}
.poll-info .poll-count li {
  padding: 0 0.133333rem /* 10/75 */;
  position: relative;
  float: left;
  width: 33.33%;
  text-align: center;
  box-sizing: border-box;
}
.poll-info .poll-count li span {
  display: block;
  width: 100%;
}
.poll-info .poll-count li .item {
  line-height: 0.533333rem /* 40/75 */;
}
.poll-info .poll-count li .num {
  font-size: 0.506667rem /* 38/75 */;
  line-height: 0.8rem /* 60/75 */;
  font-weight: 700;
}
.poll-rule {
  padding: 0.266667rem /* 20/75 */ 0;
}
.vote-content {
  border-radius: 0.133333rem /* 10/75 */;
  overflow: hidden;
}
.vote-content .imglist {
  position: relative;
  padding: 0.266667rem /* 20/75 */;
}
.vote-content .imglist .imgitem {
  margin-bottom: 0.266667rem /* 20/75 */;
  width: 3.933333rem /* 295/75 */;
}
.vote-content .imglist .imgitem img {
  width: 100%;
}
.vote-content .imglist .imgitem .item-info {
  padding: 0.266667rem /* 20/75 */;
  background: #edf0f5;
  overflow: hidden;
}
.vote-content .imglist .imgitem .item-info .polloption {
  margin-bottom: 0.266667rem /* 20/75 */;
}
.vote-content .imglist .imgitem .item-info .polloption .pr {
  width: 0.4rem /* 30/75 */;
  height: 0.4rem /* 30/75 */;
  vertical-align: middle;
}
.vote-content .imglist .imgitem .item-info .poll-rs {
  padding: 0 0.133333rem /* 10/75 */;
  line-height: 0.666667rem /* 50/75 */;
  border-radius: 0 0.333333rem /* 25/75 */ 0.333333rem /* 25/75 */ 0;
}
.vote-content .item {
  margin-bottom: 0.266667rem /* 20/75 */;
  padding: 0.4rem /* 30/75 */ 0.266667rem /* 20/75 */;
  border-radius: 0.133333rem /* 10/75 */;
  overflow: hidden;
}
.vote-content .item input {
  margin-bottom: 0.04rem /* 3/75 */;
  width: 0.4rem /* 30/75 */;
  height: 0.4rem /* 30/75 */;
  vertical-align: text-bottom;
}
.vote-content .submitbtn {
  display: block;
  margin: 0.266667rem /* 20/75 */ 0;
  padding: 0.266667rem /* 20/75 */ 0;
  width: 100%;
  background: var(--dbc-main-color);
  border: none;
  border-radius: 0.133333rem /* 10/75 */;
  font-size: 0.426667rem /* 32/75 */;
  color: var(--dbc-ac-0);
}
.vote-content .submitbtn:active {
  background: var(--dbc-main-deep-color);
}
.vote-content .xg2 {
  line-height: 0.8rem /* 60/75 */;
  color: var(--dbc-ac-3);
  text-align: center;
  background: var(--dbc-ac-0);
  border-radius: 0.4rem /* 30/75 */;
}
.vote-content .xi1 {
  line-height: 0.8rem /* 60/75 */;
  color: var(--dbc-ac-3);
  text-align: center;
  background: var(--dbc-ac-0);
  border-radius: 0.4rem /* 30/75 */;
}
.warning a,
.xi1 a {
  color: var(--dbc-main-color) !important;
}
.dbc-debate {
  margin: 0.266667rem /* 20/75 */ 0;
  padding: 0.266667rem /* 20/75 */;
  background: #edf0f5;
  border-radius: 0.133333rem /* 10/75 */;
}
.dbc-debate .debate-rs {
  padding: 0.266667rem /* 20/75 */;
  margin-bottom: 0.266667rem /* 20/75 */;
  background: var(--dbc-ac-0);
  border-radius: 0.133333rem /* 10/75 */;
}
.dbc-debate .debate-rs p {
  margin-top: 0.133333rem /* 10/75 */;
}
.dbc-debate .debate-rs p:first-child {
  margin-top: 0;
}
.dbc-debate .debate-info {
  padding: 0.266667rem /* 20/75 */;
  margin-bottom: 0.266667rem /* 20/75 */;
  background: var(--dbc-ac-0);
  border-radius: 0.133333rem /* 10/75 */;
}
.dbc-debate .debate-info p {
  margin-top: 0.133333rem /* 10/75 */;
}
.dbc-debate .debate-info p:first-child {
  margin-top: 0;
}
.dbc-debate .db-middle {
  position: relative;
  background: var(--dbc-ac-0);
  border-radius: 0.133333rem /* 10/75 */;
}
.dbc-debate .db-middle .mline {
  position: absolute;
  top: 0;
  left: 50%;
  background: var(--dbc-bor-1);
  width: 1px;
  height: 100%;
}
.dbc-debate .db-middle .debate-point {
  position: relative;
  padding: 0.266667rem /* 20/75 */;
  border-bottom: 1px solid var(--dbc-bor-1);
  border-radius: 0.133333rem /* 10/75 */;
}
.dbc-debate .db-middle .debate-point .square {
  width: 48%;
}
.dbc-debate .db-middle .debate-point .square span {
  margin-bottom: 0.133333rem /* 10/75 */;
  display: block;
  color: #F04700;
  text-align: center;
  font-weight: 700;
}
.dbc-debate .db-middle .debate-point .nega {
  width: 48%;
}
.dbc-debate .db-middle .debate-point .nega span {
  margin-bottom: 0.133333rem /* 10/75 */;
  display: block;
  color: #0092C5;
  text-align: center;
  font-weight: 700;
}
.dbc-debate .db-middle .debaters {
  padding: 0.266667rem /* 20/75 */;
}
.dbc-debate .db-middle .debaters .square {
  width: 48%;
}
.dbc-debate .db-middle .debaters .square .top {
  margin-bottom: 0.266667rem /* 20/75 */;
}
.dbc-debate .db-middle .debaters .square .top a,
.dbc-debate .db-middle .debaters .square .top span {
  color: #F04700;
}
.dbc-debate .db-middle .debaters .square .debater-list li {
  padding: 0.133333rem /* 10/75 */;
  width: 50%;
  text-align: center;
}
.dbc-debate .db-middle .debaters .square .debater-list li p {
  margin-top: 0.133333rem /* 10/75 */;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dbc-debate .db-middle .debaters .square .debater-list li img {
  width: 0.8rem /* 60/75 */;
  border-radius: 50%;
}
.dbc-debate .db-middle .debaters .nega {
  width: 48%;
}
.dbc-debate .db-middle .debaters .nega .top {
  margin-bottom: 0.266667rem /* 20/75 */;
}
.dbc-debate .db-middle .debaters .nega .top a,
.dbc-debate .db-middle .debaters .nega .top span {
  color: #0092C5;
}
.dbc-debate .db-middle .debaters .nega .debater-list li {
  padding: 0.133333rem /* 10/75 */;
  width: 50%;
  text-align: center;
}
.dbc-debate .db-middle .debaters .nega .debater-list li p {
  margin-top: 0.133333rem /* 10/75 */;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dbc-debate .db-middle .debaters .nega .debater-list li img {
  width: 0.8rem /* 60/75 */;
  border-radius: 50%;
}
.dbc-debate .debate-count {
  padding: 0.266667rem /* 20/75 */ 0;
}
.dbc-debate .debate-count .square-num {
  margin-right: 0.266667rem /* 20/75 */;
  line-height: 0.8rem /* 60/75 */;
  color: #F04700;
  font-size: 0.64rem /* 48/75 */;
}
.dbc-debate .debate-count .dc-middle {
  overflow: hidden;
}
.dbc-debate .debate-count .dc-middle .chart {
  height: 0.8rem /* 60/75 */;
  border-radius: 0.4rem /* 30/75 */;
  border: 0.08rem /* 6/75 */ solid var(--dbc-ac-0);
}
.dbc-debate .debate-count .dc-middle .debate-btn {
  margin-top: 0.266667rem /* 20/75 */;
  padding: 0 0.266667rem /* 20/75 */;
}
.dbc-debate .debate-count .dc-middle .debate-btn a,
.dbc-debate .debate-count .dc-middle .debate-btn span {
  padding-left: 0.48rem /* 36/75 */;
  color: #F04700;
  font-weight: 700;
}
.dbc-debate .debate-count .dc-middle .debate-btn a i,
.dbc-debate .debate-count .dc-middle .debate-btn span i {
  margin-right: 0.066667rem /* 5/75 */;
  font-size: 0.4rem /* 30/75 */;
}
.dbc-debate .debate-count .dc-middle .debate-btn a:nth-child(2),
.dbc-debate .debate-count .dc-middle .debate-btn span:nth-child(2) {
  color: #0092C5;
}
.dbc-debate .debate-count .nega-num {
  margin-left: 0.266667rem /* 20/75 */;
  line-height: 0.8rem /* 60/75 */;
  color: #0092C5;
  font-size: 0.64rem /* 48/75 */;
}
.dbc-rinfo {
  margin-bottom: 0.266667rem /* 20/75 */;
  padding: 0.2rem /* 15/75 */ 0.4rem /* 30/75 */;
  line-height: 0.533333rem /* 40/75 */;
  background: #edf0f5;
  border-radius: 0.133333rem /* 10/75 */;
}
.dbc-rinfo .reward-gold {
  margin-top: 0.133333rem /* 10/75 */;
  padding: 0 0 0 0.48rem /* 36/75 */;
  background: url(../images/money.png) no-repeat 0 center;
  background-size: 0.373333rem /* 28/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: #ffba23;
}
.dbc-rinfo .reward-gold em {
  padding: 0 0.08rem /* 6/75 */;
  font-style: normal;
}
.dbc-rinfo .answer-btn {
  padding: 0 0.266667rem /* 20/75 */;
  line-height: 0.8rem /* 60/75 */;
  background: var(--dbc-main-color);
  border-radius: 0.133333rem /* 10/75 */;
  color: var(--dbc-ac-0);
  font-size: 0.373333rem /* 28/75 */;
}
.dbc-rinfo .answer-btn i {
  margin-right: 0.106667rem /* 8/75 */;
}
.dbc-rinfo .answer-btn:active {
  background-color: var(--dbc-main-deep-color);
}
.dbc-rinfo .reward-solved {
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-main-color);
}
.dbc-rinfo .reward-solved i {
  float: left;
  margin-right: 0.08rem /* 6/75 */;
  line-height: 0.533333rem /* 40/75 */;
}
.rwdbst {
  margin: 0.266667rem /* 20/75 */ 0;
  padding: 0.266667rem /* 20/75 */;
  background: #edf0f5;
  border-radius: 0.133333rem /* 10/75 */;
}
.rwdbst h3 {
  margin-bottom: 0.266667rem /* 20/75 */;
  line-height: 0.666667rem /* 50/75 */;
  font-size: 0.506667rem /* 38/75 */;
  background: url(../images/medal.png) no-repeat 2.133333rem /* 160/75 */ center;
  background-size: 0.506667rem /* 38/75 */;
  color: #f26c4f;
}
.rwdbst .pstl .psta {
  margin-right: 0.266667rem /* 20/75 */;
}
.rwdbst .pstl .psta img {
  width: 0.64rem /* 48/75 */;
  height: 0.64rem /* 48/75 */;
  border-radius: 50%;
}
.rwdbst .pstl .psti {
  margin-bottom: 0.266667rem /* 20/75 */;
  line-height: 0.64rem /* 48/75 */;
  font-size: 0.373333rem /* 28/75 */;
}
.rwdbst .pstl .psti .aname {
  margin-right: 0.266667rem /* 20/75 */;
}
.rwdbst .pstl .psti .pdate {
  color: var(--dbc-ac-3);
}
.rwdbst .fc-btn {
  display: block;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.373333rem /* 28/75 */;
  text-align: center;
  color: var(--dbc-main-color);
}
.rwdbst .fc-btn:active {
  color: var(--dbc-main-deep-color);
}
.dbc-trade {
  margin: 0.266667rem /* 20/75 */ 0;
  padding: 0.266667rem /* 20/75 */;
  background: #edf0f5;
  border-radius: 0.133333rem /* 10/75 */;
}
.dbc-trade .box {
  margin-bottom: 0.266667rem /* 20/75 */;
  padding: 0.266667rem /* 20/75 */;
  border-radius: 0.133333rem /* 10/75 */;
  background: var(--dbc-ac-0);
}
.dbc-trade .box .trade-pic {
  margin-bottom: 0.266667rem /* 20/75 */;
}
.dbc-trade .box .trade-pic img {
  width: 100%;
  background-position: 50%;
  background-size: 0.8rem /* 60/75 */;
  background-repeat: no-repeat;
  background-color: transparent !important;
}
.dbc-trade .box .trade-info {
  border-radius: 0.133333rem /* 10/75 */;
}
.dbc-trade .box .trade-info .trade-price {
  margin-bottom: 0.266667rem /* 20/75 */;
}
.dbc-trade .box .trade-info .trade-price strong {
  color: red;
}
.dbc-trade .box .trade-info .trade-price .old-price {
  margin-left: 0.133333rem /* 10/75 */;
  font-size: 0.373333rem /* 28/75 */;
}
.dbc-trade .box .trade-info h4 {
  margin-bottom: 0.266667rem /* 20/75 */;
  line-height: 0.533333rem /* 40/75 */;
}
.dbc-trade .box .trade-info dl dt {
  margin-bottom: 0.266667rem /* 20/75 */;
}
.dbc-trade .box .trade-info dl dt span {
  float: left;
  width: 2rem /* 150/75 */;
  color: var(--dbc-ac-3);
}
.dbc-trade .box em {
  font-style: normal;
}
.dbc-trade .trade-tip {
  line-height: 0.8rem /* 60/75 */;
  text-align: center;
  color: var(--dbc-ac-3);
}
.trade-edit {
  float: left;
  padding: 0 0.266667rem /* 20/75 */;
  line-height: 0.8rem /* 60/75 */;
  background: var(--dbc-main-color);
  color: var(--dbc-ac-0) !important;
  border-radius: 0.133333rem /* 10/75 */;
  font-size: 0.373333rem /* 28/75 */;
}
.trade-edit i {
  margin-right: 0.106667rem /* 8/75 */;
}
.trade-edit:active {
  background-color: var(--dbc-main-deep-color);
}
.dbc-activity {
  margin-bottom: 0.266667rem /* 20/75 */;
}
.dbc-activity .act-pic {
  margin-bottom: 0.266667rem /* 20/75 */;
  width: 100%;
}
.dbc-activity .act-pic img {
  width: 100%;
  background-size: 0.8rem /* 60/75 */;
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: transparent !important;
}
.dbc-activity dt {
  position: relative;
  padding: 0.266667rem /* 20/75 */ 0 0.266667rem /* 20/75 */ 2.4rem /* 180/75 */;
  border-bottom: 1px solid var(--dbc-bor-1);
}
.dbc-activity dt span {
  position: absolute;
  left: 0;
  width: 2.4rem /* 180/75 */;
  color: var(--dbc-ac-3);
}
.dbc-activity dt em {
  font-style: normal;
}
.dbc-activity .act-tips {
  padding-left: 0;
}
.dbc-activity .act-tips .px {
  padding-left: 0.133333rem /* 10/75 */;
  height: 0.8rem /* 60/75 */;
  width: 100%;
  border: 1px solid var(--dbc-bor-1);
  -webkit-appearance: none;
  font-size: 0.373333rem /* 28/75 */;
  border-radius: 0.133333rem /* 10/75 */;
}
.act-cancle {
  margin-bottom: 0.266667rem /* 20/75 */;
  padding: 0.266667rem /* 20/75 */;
  background: #edf0f5;
  border-radius: 0.133333rem /* 10/75 */;
}
.act-cancle .cancle-tit {
  margin-bottom: 0.266667rem /* 20/75 */;
  line-height: 0.8rem /* 60/75 */;
  text-align: center;
  font-weight: 700;
}
.act-cancle .cancle-txt {
  position: relative;
  margin-bottom: 0.266667rem /* 20/75 */;
  padding-left: 1.066667rem /* 80/75 */;
}
.act-cancle .cancle-txt span {
  position: absolute;
  left: 0;
  line-height: 0.8rem /* 60/75 */;
}
.act-cancle .cancle-txt .px {
  display: block;
  padding-left: 0.133333rem /* 10/75 */;
  width: 100%;
  line-height: 0.8rem /* 60/75 */;
  background: var(--dbc-ac-0);
  border: none;
  -webkit-appearance: none;
  border-radius: 0.133333rem /* 10/75 */;
  font-size: 0.426667rem /* 32/75 */;
  color: #555;
}
.act-cancle .cancle-btn {
  width: 100%;
  height: 1.066667rem /* 80/75 */;
  background: var(--dbc-main-color);
  border: none;
  border-radius: 0.133333rem /* 10/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-0);
}
.act-cancle .cancle-btn:active {
  background-color: var(--dbc-main-deep-color);
}
.act-join {
  margin-bottom: 0.266667rem /* 20/75 */;
  padding: 0.266667rem /* 20/75 */;
  background: #edf0f5;
  border-radius: 0.133333rem /* 10/75 */;
}
.act-join .xi2 {
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-main-color);
}
.act-join .join-tit {
  margin-bottom: 0.266667rem /* 20/75 */;
  line-height: 0.8rem /* 60/75 */;
  text-align: center;
  font-weight: 700;
}
.act-join .join-link {
  text-align: center;
  line-height: 0.8rem /* 60/75 */;
}
.act-join .join-link a {
  color: var(--dbc-main-color);
}
.act-join .join-tip {
  text-align: center;
  line-height: 0.8rem /* 60/75 */;
  color: var(--dbc-ac-3);
}
.act-join .join-pay {
  margin-bottom: 0.266667rem /* 20/75 */;
  padding: 0.133333rem /* 10/75 */;
  background: var(--dbc-ac-0);
  border-radius: 0.133333rem /* 10/75 */;
}
.act-join .join-pay span {
  margin-bottom: 0.066667rem /* 5/75 */;
  display: block;
  line-height: 0.8rem /* 60/75 */;
}
.act-join .join-pay label {
  display: block;
  width: 100%;
  line-height: 0.8rem /* 60/75 */;
}
.act-join .join-pay .pr {
  margin: 0 0.066667rem /* 5/75 */ 0.04rem /* 3/75 */ 0;
  width: 0.4rem /* 30/75 */;
  height: 0.4rem /* 30/75 */;
  vertical-align: text-bottom;
}
.act-join .join-pay .txt-s {
  margin: 0 0.066667rem /* 5/75 */;
  padding-left: 0.133333rem /* 10/75 */;
  line-height: 0.56rem /* 42/75 */;
  background: var(--dbc-ac-0);
  border: 1px solid var(--dbc-bor-1);
  -webkit-appearance: none;
  border-radius: 0.08rem /* 6/75 */;
  font-size: 0.426667rem /* 32/75 */;
  color: #555;
}
.act-join .join-txt {
  margin-bottom: 0.266667rem /* 20/75 */;
}
.act-join .join-txt span,
.act-join .join-txt strong {
  display: block;
  margin-bottom: 0.066667rem /* 5/75 */;
  line-height: 0.8rem /* 60/75 */;
}
.act-join .join-txt .px,
.act-join .join-txt .txt {
  display: block;
  padding-left: 0.133333rem /* 10/75 */;
  width: 100%;
  line-height: 0.8rem /* 60/75 */;
  background: var(--dbc-ac-0);
  border: none;
  -webkit-appearance: none;
  border-radius: 0.133333rem /* 10/75 */;
  font-size: 0.426667rem /* 32/75 */;
  color: #555;
}
.act-join .join-txt .txt {
  min-height: 1.6rem /* 120/75 */;
}
.act-join .join-btn {
  width: 100%;
  height: 1.066667rem /* 80/75 */;
  background: var(--dbc-main-color);
  border: none;
  border-radius: 0.133333rem /* 10/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-0);
}
.act-join .join-btn:active {
  background-color: var(--dbc-main-deep-color);
}
.act-appl {
  margin-bottom: 0.266667rem /* 20/75 */;
  padding: 0.266667rem /* 20/75 */;
  background: #edf0f5;
  border-radius: 0.133333rem /* 10/75 */;
}
.act-appl .appl-info {
  line-height: 0.8rem /* 60/75 */;
  font-weight: 700;
}
.act-appl .dt {
  width: 100%;
  border-collapse: collapse;
}
.act-appl .dt th,
.act-appl .dt td {
  padding: 0.133333rem /* 10/75 */ 0;
  border: 1px solid var(--dbc-ac-0);
  text-align: center;
}
.dbc-pay {
  position: relative;
  padding: 3.733333rem /* 280/75 */ 0.4rem /* 30/75 */ 1.333333rem /* 100/75 */;
  padding-top: 3.733333rem /* 280/75 */;
  background: var(--dbc-ac-0);
}
.dbc-pay h3 {
  font-size: 0.426667rem /* 32/75 */;
  text-align: center;
}
.dbc-pay i {
  position: absolute;
  top: 0.666667rem /* 50/75 */;
  left: 50%;
  transform: translateX(-50%);
  color: var(--dbc-main-color);
  font-size: 2.4rem /* 180/75 */;
}
.dbc-pwd {
  position: relative;
  padding: 3.733333rem /* 280/75 */ 0.4rem /* 30/75 */ 1.333333rem /* 100/75 */;
  background: var(--dbc-ac-0);
}
.dbc-pwd .px {
  padding-left: 0.133333rem /* 10/75 */;
  width: 100%;
  line-height: 1.066667rem /* 80/75 */;
  font-size: 0.426667rem /* 32/75 */;
  background: var(--dbc-ac-0);
  border: 1px solid var(--dbc-bor-1);
  -webkit-appearance: none;
  border-radius: 0.133333rem /* 10/75 */;
  outline: none;
  color: #555;
}
.dbc-pwd i {
  position: absolute;
  top: 0.666667rem /* 50/75 */;
  left: 50%;
  transform: translateX(-50%);
  color: var(--dbc-main-color);
  font-size: 2.4rem /* 180/75 */;
}
.tpay {
  margin: 0 auto;
  padding: 0.266667rem /* 20/75 */;
  font-size: 0.373333rem /* 28/75 */;
  background: var(--dbc-ac-0);
  border-radius: 0.133333rem /* 10/75 */;
}
.tpay h3 {
  position: relative;
  margin-bottom: 0.133333rem /* 10/75 */;
  line-height: 1.066667rem /* 80/75 */;
  text-align: center;
}
.tpay .tpay-wrap .list {
  width: 100%;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-2);
}
.tpay .tpay-wrap .list tr th,
.tpay .tpay-wrap .list tr td {
  min-width: 3.066667rem /* 230/75 */;
  max-width: 6.4rem /* 480/75 */;
  overflow: hidden;
  padding: 0.08rem /* 6/75 */ 0;
  text-align: left;
}
.tpv {
  margin: 0 auto;
  padding: 0.266667rem /* 20/75 */;
  min-width: 5.333333rem /* 400/75 */;
  font-size: 0.373333rem /* 28/75 */;
  background: var(--dbc-ac-0);
  border-radius: 0.133333rem /* 10/75 */;
}
.tpv h3 {
  position: relative;
  margin-bottom: 0.133333rem /* 10/75 */;
  line-height: 1.066667rem /* 80/75 */;
  text-align: center;
}
.tpv .tpv-wrap {
  overflow: auto;
  overflow-x: hidden;
}
.tpv .tpv-wrap .list {
  width: 100%;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-2);
}
.tpv .tpv-wrap .list th,
.tpv .tpv-wrap .list td {
  padding: 0.08rem /* 6/75 */ 0.133333rem /* 10/75 */;
  text-align: left;
}
.rate-detail {
  padding: 0 0.4rem /* 30/75 */ 0.4rem /* 30/75 */;
}
.rate-detail h3 {
  position: relative;
  margin: 0.266667rem /* 20/75 */ 0;
  line-height: 1.066667rem /* 80/75 */;
  text-align: center;
}
.rate-detail table {
  width: 100%;
  border-left: 1px solid var(--dbc-bor-1);
  border-top: 1px solid var(--dbc-bor-1);
}
.rate-detail th {
  padding: 0.133333rem /* 10/75 */;
  background-color: #f5f5f5;
  text-align: center;
  border-right: 1px solid var(--dbc-bor-1);
  border-bottom: 1px solid var(--dbc-bor-1);
}
.rate-detail td {
  padding: 0.133333rem /* 10/75 */;
  text-align: center;
  border-right: 1px solid var(--dbc-bor-1);
  border-bottom: 1px solid var(--dbc-bor-1);
}
.rate-detail .px {
  padding-left: 0.133333rem /* 10/75 */;
  width: 1.333333rem /* 100/75 */;
  line-height: 0.666667rem /* 50/75 */;
  border: 1px solid var(--dbc-bor-1);
  border-radius: 0.133333rem /* 10/75 */;
  font-size: 0.426667rem /* 32/75 */;
  outline: none;
  color: #555;
}
.rate-detail .tpclg {
  padding: 0.266667rem /* 20/75 */;
  background: #f5f5f5;
}
.rate-detail .tpclg .reasonselect {
  padding: 0.266667rem /* 20/75 */;
  background: var(--dbc-ac-0);
  border-radius: 0.133333rem /* 10/75 */;
}
.rate-detail .tpclg .reasonselect li {
  padding: 0 0.266667rem /* 20/75 */;
  line-height: 0.8rem /* 60/75 */;
  border-radius: 0.08rem /* 6/75 */;
}
.rate-detail .tpclg .reasonselect li:active {
  background: #f7f7f7;
}
.rate-detail .tpclg .px {
  width: auto;
}
.rate-detail .tpclg table,
.rate-detail .tpclg th,
.rate-detail .tpclg td {
  border: none;
}
.rate-detail .tpclg th,
.rate-detail .tpclg td {
  padding: 0.133333rem /* 10/75 */ 0;
  text-align: left;
}
.rate-detail .pc {
  margin-bottom: 0.04rem /* 3/75 */;
  margin-right: 0.133333rem /* 10/75 */;
  width: 0.426667rem /* 32/75 */;
  height: 0.426667rem /* 32/75 */;
  vertical-align: text-bottom;
}
.ratelog {
  margin-bottom: 0.4rem /* 30/75 */;
}
.ratelog ul {
  text-align: center;
}
.ratelog .ritem {
  display: inline-block;
  margin-bottom: 0.133333rem /* 10/75 */;
  width: 0.533333rem /* 40/75 */;
}
.ratelog .ritem img {
  max-width: 0.8rem /* 60/75 */ !important;
  width: 0.8rem /* 60/75 */;
  height: 0.8rem /* 60/75 */;
  border-radius: 50% !important;
}
.ratelog .totalrate {
  display: block;
  height: 0.426667rem /* 32/75 */;
  line-height: 0.426667rem /* 32/75 */;
  font-size: 0.373333rem /* 28/75 */;
  text-align: center;
  color: #888;
}
.ratelog .totalrate i {
  font-size: 0.32rem /* 24/75 */;
  color: var(--dbc-ac-3);
}
.dbc-report {
  padding: 0 0.4rem /* 30/75 */ 0.4rem /* 30/75 */;
}
.dbc-report h3 {
  position: relative;
  margin: 0.266667rem /* 20/75 */ 0;
  line-height: 1.066667rem /* 80/75 */;
  text-align: center;
}
.dbc-report .rbox label {
  margin: 0.133333rem /* 10/75 */ 0;
  display: inline-block;
}
.dbc-report .rbox label .pr {
  margin-bottom: 0.04rem /* 3/75 */;
  width: 0.426667rem /* 32/75 */;
  height: 0.426667rem /* 32/75 */;
  vertical-align: text-bottom;
}
.vt-footer {
  position: fixed;
  bottom: 0;
  padding: 0 0.4rem /* 30/75 */;
  width: 100%;
  height: 1.333333rem /* 100/75 */;
  z-index: 10;
  border-top: 1px solid var(--dbc-bor-1);
  background-color: var(--dbc-ac-0);
  box-sizing: border-box;
}
.vt-footer .fpbtn {
  display: block;
  margin-top: 0.266667rem /* 20/75 */;
  overflow: hidden;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  color: var(--dbc-ac-3);
  border-radius: 0.133333rem /* 10/75 */;
  background: #f4f4f4;
}
.vt-footer .fpbtn i {
  float: left;
  margin: 0.16rem /* 12/75 */ 0.133333rem /* 10/75 */ 0 0.266667rem /* 20/75 */;
  font-size: 0.48rem /* 36/75 */;
  color: var(--dbc-ac-3);
}
.vt-footer .vt-opbox {
  float: right;
  margin-top: 0.133333rem /* 10/75 */;
  padding-left: 0.266667rem /* 20/75 */;
}
.vt-footer .vt-opbox a,
.vt-footer .vt-opbox .item {
  float: left;
  height: 100%;
  min-width: 1.333333rem /* 100/75 */;
  background-repeat: no-repeat;
  background-size: 0.64rem /* 48/75 */;
  background-position: center 0;
  font-size: 0.266667rem /* 20/75 */;
  text-align: center;
  color: var(--dbc-ac-2);
}
.vt-footer .vt-opbox a i,
.vt-footer .vt-opbox .item i {
  display: block;
  margin: 0.066667rem /* 5/75 */ 0 0.133333rem /* 10/75 */;
  font-size: 0.506667rem /* 38/75 */;
  color: #293644;
}
.vt-footer .vt-avatar {
  float: left;
  margin: 0.266667rem /* 20/75 */ 0.266667rem /* 20/75 */ 0 0;
}
.vt-footer .vt-avatar img {
  width: 0.8rem /* 60/75 */;
  height: 0.8rem /* 60/75 */;
  border-radius: 50%;
  vertical-align: middle;
}
.sharebg {
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 130;
  background: rgba(0, 0, 0, 0.6) url(../images/sharebg.png) no-repeat 0 0;
  background-size: 10rem /* 750/75 */ 4rem /* 300/75 */;
}
/*-- 通用背景 --*/
.page {
  text-align: center;
  padding: 0.266667rem /* 20/75 */ 0;
  background: var(--dbc-ac-0);
}
.page a.grey {
  color: var(--dbc-ac-3);
}
.page a {
  display: inline-block;
  margin-right: 0.266667rem /* 20/75 */;
  padding: 0.066667rem /* 5/75 */ 0.186667rem /* 14/75 */ !important;
  background-color: var(--dbc-ac-0) !important;
  border: 1px solid #ddd !important;
  text-align: center !important;
  border-radius: 0.066667rem /* 5/75 */;
  text-indent: 0 !important;
}
.page #select_a {
  position: relative;
  margin: 0 0.266667rem /* 20/75 */ 0 0 !important;
  padding-right: 0.666667rem /* 50/75 */ !important;
  width: auto !important;
  height: auto !important;
  line-height: normal !important;
  background: url(../images/arrow_down.png) no-repeat right center !important;
  background-size: 0.64rem /* 48/75 */ !important;
}
.page #select_a select {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100% !important;
  height: 100% !important;
  text-align: center;
  border: 0;
}
.page #select_a select option {
  font-size: 0.426667rem /* 32/75 */;
}
.page label {
  display: none;
}
/*----- showmessage -----*/
.jump_c {
  padding: 2.666667rem /* 200/75 */ 0.266667rem /* 20/75 */;
  line-height: 0.8rem /* 60/75 */;
  text-align: center;
  background: var(--dbc-ac-0);
}
.closebtn {
  position: absolute;
  right: 0;
  top: 0.213333rem /* 16/75 */;
  width: 0.64rem /* 48/75 */;
  height: 0.64rem /* 48/75 */;
  line-height: 0.64rem /* 48/75 */;
  text-align: center;
  font-size: 0.426667rem /* 32/75 */;
  color: var(--dbc-ac-0);
  background: #f2f2f2;
  border-radius: 50%;
  border: none;
}
.closebtn2 {
  margin: 0.4rem /* 30/75 */ 0.266667rem /* 20/75 */ 0;
  display: block;
  height: 1.066667rem /* 80/75 */;
  line-height: 1.066667rem /* 80/75 */;
  font-size: 0.373333rem /* 28/75 */;
  border-radius: 0.133333rem /* 10/75 */;
  text-align: center;
  color: var(--dbc-ac-0) !important;
  background: #606060;
}
.closebtn2:active {
  background-color: var(--dbc-ac-1);
}
.closebtn3 {
  position: absolute;
  right: 0.4rem /* 30/75 */;
  top: 0.4rem /* 30/75 */;
  width: 0.64rem /* 48/75 */;
  height: 0.64rem /* 48/75 */;
  line-height: 0.64rem /* 48/75 */;
  text-align: center;
  font-size: 0.426667rem /* 32/75 */;
  color: var(--dbc-ac-0);
  background: #f2f2f2;
  border-radius: 50%;
}
/*---- post, post-infloat ----*/
.npheader {
  position: fixed;
  top: 0;
  height: 1.333333rem /* 100/75 */;
  width: 100%;
  background: var(--dbc-ac-0);
  border-bottom: 1px solid var(--dbc-bor-1);
  z-index: 1;
}
.npheader .pbtn {
  float: right;
  padding: 0 0.266667rem /* 20/75 */;
  height: 100%;
  line-height: 1.333333rem /* 100/75 */;
  text-align: center;
}
.npheader .back {
  float: left;
  width: 1.333333rem /* 100/75 */;
  height: 1.333333rem /* 100/75 */;
}
.npheader .back i {
  margin-left: 0.253333rem /* 19/75 */;
  line-height: 1.333333rem /* 100/75 */;
  font-size: 0.56rem /* 42/75 */;
  color: var(--dbc-ac-1);
}
.npheader .nptype {
  height: 1.333333rem /* 100/75 */;
  line-height: 1.333333rem /* 100/75 */;
  text-align: center;
  overflow: hidden;
}
.newpost {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 0;
  max-height: 90%;
  z-index: 99;
  background-color: var(--dbc-ac-0);
  border-radius: 0.213333rem /* 16/75 */ 0.213333rem /* 16/75 */ 0 0;
  overflow: auto !important;
}
.newpost .tip {
  width: 100%;
  background: transparent;
  box-sizing: border-box;
}
.newpost .loadbg {
  display: none;
}
.newpost .loadbg .loading {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-0.533333rem /* 40/75 */, -0.533333rem /* 40/75 */);
  width: 1.066667rem /* 80/75 */;
  height: 1.066667rem /* 80/75 */;
}
.newpost .loadbg .loading i {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/refresh.png) no-repeat 0 0;
  background-size: 1.066667rem /* 80/75 */;
  animation: refresh 0.8s linear infinite;
}
.newpost .cbox {
  height: 100%;
}
.pi-top {
  position: relative;
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  width: 100%;
  background: var(--dbc-ac-0);
  border-bottom: 1px solid var(--dbc-bor-1);
  box-sizing: border-box;
}
.pi-top .cancle {
  font-size: 0.373333rem /* 28/75 */;
  line-height: 0.8rem /* 60/75 */;
}
.postnew {
  height: 100%;
  background: var(--dbc-ac-0);
}
.ptlist {
  padding: 0 0.4rem /* 30/75 */;
  height: 1.066667rem /* 80/75 */;
  overflow: hidden;
  border-bottom: 1px solid var(--dbc-bor-1);
}
.ptlist ul {
  padding-bottom: 0.266667rem /* 20/75 */;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
}
.ptlist ul li {
  display: inline-block;
  margin-right: 0.133333rem /* 10/75 */;
  height: 1.066667rem /* 80/75 */;
  line-height: 1.066667rem /* 80/75 */;
}
.ptlist ul li a {
  display: inline-block;
  height: 100%;
}
.ptlist ul li a.a {
  color: var(--dbc-main-color);
  border-bottom: 2px solid var(--dbc-main-color);
}
.post-from {
  position: absolute;
  overflow: auto;
  top: 1.333333rem /* 100/75 */;
  left: 0;
  right: 0;
  bottom: 1.066667rem /* 80/75 */;
}
.post-from .bl-line {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  line-height: 1.066667rem /* 80/75 */;
  border-bottom: 1px solid var(--dbc-bor-1);
}
.post-from .bl-line .ptit {
  width: 100%;
  line-height: 1.066667rem /* 80/75 */;
  font-size: 0.373333rem /* 28/75 */;
  background: var(--dbc-ac-0);
  border: none;
  border-radius: 0.133333rem /* 10/75 */;
  outline: none;
  color: #555;
}
.post-from .bl-line .sort-sel {
  padding: 0 0.64rem /* 48/75 */ 0 0;
  width: 100%;
  height: 1.066667rem /* 80/75 */;
  font-size: 0.373333rem /* 28/75 */;
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: var(--dbc-ac-0) url(../images/arrow_down.png) no-repeat right center;
  background-size: 0.64rem /* 48/75 */;
  border: none;
  border-radius: 0.133333rem /* 10/75 */;
}
.post-from .bl-line .pc {
  width: 0.426667rem /* 32/75 */;
  height: 0.426667rem /* 32/75 */;
  vertical-align: middle;
}
.post-from .db-stand {
  padding: 0.266667rem /* 20/75 */;
  padding-top: 0;
}
.post-from .db-stand select {
  padding: 0 0.64rem /* 48/75 */ 0 0;
  width: 100%;
  height: 1.066667rem /* 80/75 */;
  font-size: 0.373333rem /* 28/75 */;
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: var(--dbc-ac-0) url(../images/arrow_down.png) no-repeat right center;
  background-size: 0.64rem /* 48/75 */;
  border: none;
  border-radius: 0.133333rem /* 10/75 */;
}
.post-from .bl-none {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  border-bottom: 1px solid var(--dbc-bor-1);
}
.post-from .bl-none .pt {
  padding: 0;
  border: none;
  font-size: 0.373333rem /* 28/75 */;
}
.post-from .post-imglist {
  padding-left: 0.4rem /* 30/75 */;
}
.post-from .post-imglist li {
  position: relative;
  float: left;
  margin: 0.133333rem /* 10/75 */ 0.133333rem /* 10/75 */ 0.133333rem /* 10/75 */ 0;
  width: 2.2rem /* 165/75 */;
  height: 2.2rem /* 165/75 */;
}
.post-from .post-imglist li .del {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.533333rem /* 40/75 */;
  height: 0.533333rem /* 40/75 */;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0 0 0 0.133333rem /* 10/75 */;
}
.post-from .post-imglist li .del i {
  line-height: 0.533333rem /* 40/75 */;
  color: var(--dbc-ac-0);
  font-size: 0.506667rem /* 38/75 */;
}
.post-from .post-imglist li .p-img {
  display: block;
  width: 100%;
  height: 100%;
}
.post-from .post-imglist li .p-img img {
  width: 100%;
  height: 100%;
}
.post-from .post-imglist li:nth-child(4n) {
  margin-right: 0;
}
.post-from .post-attlist {
  padding: 0 0.4rem /* 30/75 */;
}
.post-from .post-attlist li {
  position: relative;
  border-bottom: 1px solid var(--dbc-bor-2);
  overflow: hidden;
}
.post-from .post-attlist li .attinfo {
  padding-right: 0.733333rem /* 55/75 */;
  overflow: hidden;
}
.post-from .post-attlist li .attinfo img {
  margin: 0.04rem /* 3/75 */ 0.2rem /* 15/75 */ 0.04rem /* 3/75 */ 0;
  float: left;
  width: 0.48rem /* 36/75 */;
  height: 0.48rem /* 36/75 */;
}
.post-from .post-attlist li .kmbtn {
  margin-bottom: 0.4rem /* 30/75 */;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.32rem /* 24/75 */;
  background: var(--dbc-main-color);
  color: var(--dbc-ac-0);
  border-radius: 0.133333rem /* 10/75 */;
  text-align: center;
}
.post-from .post-attlist li .kmbtn i {
  margin-right: 0.133333rem /* 10/75 */;
  font-size: 0.373333rem /* 28/75 */;
  line-height: 0.8rem /* 60/75 */;
  display: inline-block;
  vertical-align: bottom;
}
.post-from .post-attlist li .del {
  position: absolute;
  top: 0.426667rem /* 32/75 */;
  right: 0;
  width: 0.533333rem /* 40/75 */;
  height: 0.533333rem /* 40/75 */;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}
.post-from .post-attlist li .del i {
  line-height: 0.533333rem /* 40/75 */;
  color: var(--dbc-ac-0);
  font-size: 0.426667rem /* 32/75 */;
}
.post-from .post-seccode {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  background: var(--dbc-ac-0);
}
.post-from .exfm {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  border-bottom: 1px solid var(--dbc-bor-1);
  overflow: hidden;
}
.post-from .exfm .item {
  position: relative;
  margin-bottom: 0.4rem /* 30/75 */;
}
.post-from .exfm .item .item-tit {
  float: left;
  margin-right: 0.133333rem /* 10/75 */;
  width: 2.4rem /* 180/75 */;
  min-height: 0.8rem /* 60/75 */;
  display: table;
  vertical-align: middle;
  font-size: 0.373333rem /* 28/75 */;
}
.post-from .exfm .item .item-tit label {
  line-height: 0.8rem /* 60/75 */;
}
.post-from .exfm .item .item-tit span {
  display: table-cell;
  vertical-align: middle;
}
.post-from .exfm .item .sortcat {
  line-height: 1.066667rem /* 80/75 */;
}
.post-from .exfm .item .item-c {
  position: relative;
  overflow: hidden;
  font-size: 0.373333rem /* 28/75 */;
}
.post-from .exfm .item .item-c .unit {
  position: absolute;
  right: 0.266667rem /* 20/75 */;
  top: 0.266667rem /* 20/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
}
.post-from .exfm .item .item-c .tips {
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
}
.post-from .exfm .item .item-c .tips .error {
  color: #f56c6c;
}
.post-from .exfm .item .item-c .upbtn {
  position: relative;
  height: 1.066667rem /* 80/75 */;
  line-height: 1.066667rem /* 80/75 */;
}
.post-from .exfm .item .item-c .upbtn span {
  display: inline-block;
  padding: 0 0.266667rem /* 20/75 */;
  background: var(--dbc-main-color);
  color: var(--dbc-ac-0);
  height: 100%;
  border-radius: 0.133333rem /* 10/75 */;
}
.post-from .exfm .item .item-c .upbtn input {
  display: none;
}
.post-from .exfm .item .item-c .spimg {
  margin-top: 0.266667rem /* 20/75 */;
  max-width: 100%;
  border-radius: 0.133333rem /* 10/75 */;
}
.post-from .exfm .item .item-c .px {
  width: 100%;
}
.post-from .exfm .item .item-c a {
  color: var(--dbc-main-color);
}
.post-from .exfm .item .checkbox {
  float: right;
  width: 0.8rem /* 60/75 */;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  text-align: center;
}
.post-from .exfm .item .checkbox img {
  width: 0.506667rem /* 38/75 */;
  height: 0.506667rem /* 38/75 */;
}
.post-from .exfm .item-last {
  margin-bottom: 0;
}
.post-from .exfm .item-last .item-c {
  padding-top: 0.16rem /* 12/75 */;
}
.post-from .exfm .px {
  padding-left: 0.133333rem /* 10/75 */;
  height: 0.8rem /* 60/75 */;
  border: 1px solid #ddd;
  -webkit-appearance: none;
  font-size: 0.373333rem /* 28/75 */;
  border-radius: 0.133333rem /* 10/75 */;
}
.post-from .exfm .pt {
  width: 100%;
  min-height: 2.4rem /* 180/75 */;
}
.post-from .exfm .pr,
.post-from .exfm .pc {
  margin-bottom: 0.013333rem /* 1/75 */;
  width: 0.373333rem /* 28/75 */;
  height: 0.373333rem /* 28/75 */;
  vertical-align: text-bottom;
}
.post-from .exfm .ps,
.post-from .exfm .sort_sel {
  margin-bottom: 0.133333rem /* 10/75 */;
  padding: 0 0.64rem /* 48/75 */ 0 0.133333rem /* 10/75 */;
  max-width: 100%;
  height: 0.8rem /* 60/75 */;
  font-size: 0.373333rem /* 28/75 */;
  outline: none;
  -webkit-appearance: none;
  background: var(--dbc-ac-0) url(../images/arrow_down.png) no-repeat right center;
  background-size: 0.64rem /* 48/75 */;
  border-radius: 0.133333rem /* 10/75 */;
  border: 1px solid var(--dbc-bor-1);
}
.post-from .exfm .rq {
  color: red;
}
.post-from .dbc-pdebate .checkbox {
  width: 0.8rem /* 60/75 */;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  text-align: center;
}
.post-from .dbc-pdebate .checkbox img {
  width: 0.506667rem /* 38/75 */;
  height: 0.506667rem /* 38/75 */;
}
.post-from .dbc-ppoll .dbc-pollop {
  margin-bottom: 0.266667rem /* 20/75 */;
}
.post-from .dbc-ppoll .dbc-pollop .px {
  width: 5.6rem /* 420/75 */;
}
.post-from .dbc-ppoll .dbc-pollop .dis {
  padding: 0;
  width: 0.8rem /* 60/75 */;
  text-align: center;
}
.post-from .dbc-ppoll .dbc-pollop .delbtn img {
  margin-top: 0.16rem /* 12/75 */;
  display: block;
  width: 0.506667rem /* 38/75 */;
  height: 0.506667rem /* 38/75 */;
}
.post-from .dbc-ppoll .dbc-pollop .pollimg {
  float: left;
  position: relative;
}
.post-from .dbc-ppoll .dbc-pollop .pollimg .addpollimg {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.8rem /* 60/75 */;
  height: 0.8rem /* 60/75 */;
  opacity: 0;
}
.post-from .dbc-ppoll .dbc-pollop .pollimg i {
  margin: 0 0.08rem /* 6/75 */;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.64rem /* 48/75 */;
  color: var(--dbc-ac-2);
}
.post-from .dbc-ppoll .dbc-pollop .spimg img {
  width: 0.8rem /* 60/75 */;
  height: 0.8rem /* 60/75 */;
  border-radius: 0.08rem /* 6/75 */;
  border: 0.026667rem /* 2/75 */ solid var(--dbc-bor-1);
}
.post-from .dbc-ppoll .sadd .px {
  width: 2.666667rem /* 200/75 */ !important;
}
.post-from .dbc-ppoll .sadd dt {
  line-height: 0.8rem /* 60/75 */;
}
.post-from .dbc-ppoll .addpollop {
  color: var(--dbc-main-color);
}
.post-from .dbc-preward .exp {
  padding: 0.266667rem /* 20/75 */ 0.133333rem /* 10/75 */;
  background: var(--dbc-ac-4);
  font-size: 0.373333rem /* 28/75 */;
  border-radius: 0.133333rem /* 10/75 */;
  color: var(--dbc-ac-3);
}
.post-from .dbc-pactivity .doubletime .px {
  width: 4.266667rem /* 320/75 */;
}
.post-from .dbc-pactivity .doubletime .con {
  line-height: 0.8rem /* 60/75 */;
  overflow: hidden;
  text-align: center;
}
.post-from .dbc-pactivity .bindclass {
  position: relative;
}
.post-from .dbc-pactivity .bindclass .ps {
  position: absolute;
  right: 0;
  color: var(--dbc-ac-3);
}
.post-from .dbc-pactivity .bindclass .extra {
  position: absolute;
  right: 0.133333rem /* 10/75 */;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
}
.post-from .dbc-pactivity .item-tit {
  line-height: 0.8rem /* 60/75 */;
}
.post-from .dbc-pactivity .activityimg {
  position: relative;
  display: block;
}
.post-from .dbc-pactivity .activityimg .addactivityimg {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.8rem /* 60/75 */;
  height: 0.8rem /* 60/75 */;
  opacity: 0;
}
.post-from .dbc-pactivity .activityimg i {
  margin: 0 0.08rem /* 6/75 */;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.64rem /* 48/75 */;
  color: var(--dbc-ac-2);
}
.post-from .dbc-pactivity #activityattach_image img {
  margin-top: 0.266667rem /* 20/75 */;
  max-width: 100%;
  border-radius: 0.133333rem /* 10/75 */;
}
.post-from .dbc-ptrade .bindclass {
  position: relative;
}
.post-from .dbc-ptrade .bindclass .ps {
  position: absolute;
  right: 0;
  color: var(--dbc-ac-3);
}
.post-from .dbc-ptrade .bindclass label {
  position: absolute;
  right: 0.133333rem /* 10/75 */;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
}
.post-from .dbc-ptrade .tradeimg {
  position: relative;
  display: block;
}
.post-from .dbc-ptrade .tradeimg .addtradeimg {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.8rem /* 60/75 */;
  height: 0.8rem /* 60/75 */;
  opacity: 0;
}
.post-from .dbc-ptrade .tradeimg i {
  margin: 0 0.08rem /* 6/75 */;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.64rem /* 48/75 */;
  color: var(--dbc-ac-2);
}
.post-from .dbc-ptrade #tradeattach_image img {
  margin-top: 0.266667rem /* 20/75 */;
  max-width: 100%;
  border-radius: 0.133333rem /* 10/75 */;
}
.post-controls {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 2;
  background: var(--dbc-ac-0);
}
.post-controls .right {
  position: relative;
  padding: 0.133333rem /* 10/75 */ 0 0.133333rem /* 10/75 */ 0.266667rem /* 20/75 */;
}
.post-controls .right a {
  position: relative;
  width: 0.8rem /* 60/75 */;
  height: 0.8rem /* 60/75 */;
  overflow: hidden;
}
.post-controls .right a i {
  margin: 0 0.08rem /* 6/75 */;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.64rem /* 48/75 */;
  color: var(--dbc-ac-2);
}
.post-controls .right a input {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.8rem /* 60/75 */;
  height: 0.8rem /* 60/75 */;
}
.post-controls .right:after {
  position: absolute;
  left: -0.266667rem /* 20/75 */;
  top: 0;
  content: '';
  width: 0.4rem /* 30/75 */;
  height: 1.066667rem /* 80/75 */;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--dbc-ac-0));
  z-index: 2;
}
.post-controls .smile-box {
  display: none;
}
.post-controls .smile-box .typelist {
  width: 100% !important;
  height: 1.066667rem /* 80/75 */;
  overflow: hidden;
  background: #f5f5f5;
}
.post-controls .smile-box .typelist ul {
  padding-bottom: 0.266667rem /* 20/75 */;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
}
.post-controls .smile-box .typelist ul li {
  display: inline-block;
  padding: 0 0.266667rem /* 20/75 */;
  height: 1.066667rem /* 80/75 */;
  line-height: 1.066667rem /* 80/75 */;
}
.post-controls .smile-box .typelist ul li.current {
  background: var(--dbc-ac-0);
}
.post-controls .smile-box .smilelist ul li span {
  float: left;
  padding: 0.2rem /* 15/75 */ 0;
  width: 12.5%;
  text-align: center;
}
.post-controls .smile-box .smilelist ul li span img {
  width: 0.666667rem /* 50/75 */;
  height: 0.666667rem /* 50/75 */;
}
.post-controls .smile-box .smilepage {
  padding-bottom: 0.133333rem /* 10/75 */;
  text-align: center;
}
.post-controls .smile-box .smilepage .swiper-pagination-bullet {
  margin: 0 0.08rem /* 6/75 */;
  width: 0.16rem /* 12/75 */;
  height: 0.16rem /* 12/75 */;
  background: #b0b0b0;
}
.post-controls .smile-box .smilepage .swiper-pagination-bullet-active {
  background: var(--dbc-main-color);
}
.post-controls .setbox {
  font-size: 0.373333rem /* 28/75 */;
}
.post-controls .setbox .expd {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
}
.post-controls .setbox table {
  width: 100%;
}
.post-controls .setbox table td {
  padding: 0.266667rem /* 20/75 */ 0.133333rem /* 10/75 */;
  border-bottom: 1px solid var(--dbc-bor-1);
}
.post-controls .setbox table td.xw1 {
  width: 3.066667rem /* 230/75 */;
  border-right: 1px solid var(--dbc-bor-1);
  text-align: center;
}
.post-controls .setbox label {
  display: inline-block;
  margin: 0.133333rem /* 10/75 */ 0.133333rem /* 10/75 */ 0.133333rem /* 10/75 */ 0;
  white-space: nowrap;
}
.post-controls .setbox .pc {
  margin-bottom: 0.04rem /* 3/75 */;
  margin-right: 0.133333rem /* 10/75 */;
  width: 0.426667rem /* 32/75 */;
  height: 0.426667rem /* 32/75 */;
  vertical-align: text-bottom;
}
.post-controls .setbox .ps {
  padding: 0 0.64rem /* 48/75 */ 0 0.133333rem /* 10/75 */;
  max-width: 100%;
  height: 0.8rem /* 60/75 */;
  font-size: 0.373333rem /* 28/75 */;
  outline: none;
  -webkit-appearance: none;
  background: var(--dbc-ac-0) url(../images/arrow_down.png) no-repeat right center;
  background-size: 0.64rem /* 48/75 */;
  border-radius: 0.133333rem /* 10/75 */;
  border: 1px solid var(--dbc-bor-1);
}
.post-controls .setbox .px {
  padding-left: 0.133333rem /* 10/75 */;
  height: 0.8rem /* 60/75 */;
  width: 1.6rem /* 120/75 */;
  border: 1px solid var(--dbc-bor-1);
  -webkit-appearance: none;
  font-size: 0.373333rem /* 28/75 */;
  border-radius: 0.133333rem /* 10/75 */;
}
.post-controls .setbox .item {
  padding: 0.133333rem /* 10/75 */ 0;
  border-bottom: 1px solid var(--dbc-bor-1);
}
.post-controls .setbox .rtime .px {
  width: 2.666667rem /* 200/75 */;
}
.post-controls .setbox .rtag .px {
  width: 6rem /* 450/75 */;
}
.post-controls .setbox a {
  color: var(--dbc-main-color);
}
.pbox {
  padding: 0 0.4rem /* 30/75 */;
}
.modt {
  width: 100%;
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-2);
}
.modt tr th {
  width: 1.6rem /* 120/75 */;
  text-align: left;
}
.modt tr td {
  overflow: hidden;
  padding: 0.08rem /* 6/75 */ 0;
  text-align: left;
}
.modt .ps {
  padding: 0 0.64rem /* 48/75 */ 0 0.133333rem /* 10/75 */;
  height: 0.666667rem /* 50/75 */;
  outline: none;
  -webkit-appearance: none;
  background: var(--dbc-ac-0) url(../images/arrow_down.png) no-repeat right center;
  background-size: 0.64rem /* 48/75 */;
  border-radius: 0.133333rem /* 10/75 */;
  font-size: 0.426667rem /* 32/75 */;
  border: 1px solid var(--dbc-bor-1);
}
/*----- seccheck -----*/
.seccode-box,
.secqaa-box {
  padding: 0.133333rem /* 10/75 */;
  width: 100%;
  height: 1.066667rem /* 80/75 */;
  background: var(--dbc-ac-0);
  border: 1px solid var(--dbc-bor-1);
  border-radius: 0.133333rem /* 10/75 */;
  box-sizing: border-box;
}
.seccode-box .txt,
.secqaa-box .txt {
  display: block;
  overflow: hidden;
  width: 3.866667rem /* 290/75 */ !important;
  height: 100%;
  font-size: 0.373333rem /* 28/75 */;
  border: none;
  -webkit-appearance: none;
}
.seccode-box .txt::-webkit-input-placeholder,
.secqaa-box .txt::-webkit-input-placeholder {
  color: #bdbdc2;
}
.seccode-box span,
.secqaa-box span {
  float: right;
  height: 100%;
  line-height: 0.773333rem /* 58/75 */;
}
.seccode-box span .seccodeimg,
.secqaa-box span .seccodeimg {
  height: 100%;
}
.seccode-box .sectip,
.secqaa-box .sectip {
  float: right;
  margin-top: 0.133333rem /* 10/75 */;
  margin-right: 0.133333rem /* 10/75 */;
  width: 0.533333rem /* 40/75 */;
  height: 0.533333rem /* 40/75 */;
  background-position: center center;
  background-size: 0.506667rem /* 38/75 */;
  background-repeat: no-repeat;
}
.seccode-box .sec-right,
.secqaa-box .sec-right {
  background-image: url(../images/check.png);
}
.seccode-box .sec-error,
.secqaa-box .sec-error {
  background-image: url(../images/x.png);
}
.rate {
  margin-bottom: 0.4rem /* 30/75 */;
  text-align: center;
}
.rate .ratebtn {
  display: inline-block;
  padding: 0 0.4rem /* 30/75 */;
  height: 1.066667rem /* 80/75 */;
  line-height: 1.066667rem /* 80/75 */;
  border-radius: 0.533333rem /* 40/75 */;
  background-image: linear-gradient(90deg, #f39c3f, #f7b978);
  color: var(--dbc-ac-0);
}
.tips {
  font-size: 0.426667rem /* 32/75 */;
}
/*---- end ----*/
/*---- space_profile ----*/
.sp-container {
  padding-bottom: 1.6rem /* 120/75 */;
}
.sp-container .top-infolist {
  margin: 0 auto;
  margin-bottom: 0.4rem /* 30/75 */;
  width: 9.066667rem /* 680/75 */;
  background: var(--dbc-ac-0);
  border-radius: 0.266667rem /* 20/75 */;
  box-shadow: 0 0.133333rem /* 10/75 */ 0.106667rem /* 8/75 */ rgba(0, 0, 0, 0.1);
}
.sp-container .top-infolist ul {
  padding: 0.4rem /* 30/75 */ 0;
}
.sp-container .top-infolist ul li {
  float: left;
  width: 25%;
  text-align: center;
  font-size: 0.32rem /* 24/75 */;
}
.sp-container .top-infolist ul li a {
  color: #555;
}
.sp-container .top-infolist ul li i {
  display: block;
  margin: 0 auto 0.133333rem /* 10/75 */;
  width: 0.8rem /* 60/75 */;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.64rem /* 48/75 */;
  color: #444;
  text-align: center;
  border-radius: 0.133333rem /* 10/75 */;
}
.sp-container .infolist {
  margin: 0 auto;
  margin-bottom: 0.666667rem /* 50/75 */;
  width: 9.066667rem /* 680/75 */;
  background: var(--dbc-ac-0);
  border-radius: 0.266667rem /* 20/75 */;
  box-shadow: 0 0.133333rem /* 10/75 */ 0.106667rem /* 8/75 */ rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.sp-container .infolist ul li {
  padding: 0 0.4rem /* 30/75 */;
  border-top: 1px solid #f5f5f5;
}
.sp-container .infolist ul li a {
  position: relative;
  display: block;
  padding: 0.4rem /* 30/75 */ 0 0.4rem /* 30/75 */ 0.64rem /* 48/75 */;
  font-size: 0.373333rem /* 28/75 */;
}
.sp-container .infolist ul li i,
.sp-container .infolist ul li img {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.48rem /* 36/75 */;
  height: 0.48rem /* 36/75 */;
  line-height: 0.48rem /* 36/75 */;
  font-size: 0.426667rem /* 32/75 */;
  text-align: center;
  color: #ff5656;
}
.sp-container .infolist ul li span {
  position: absolute;
  right: 0;
  top: 0.426667rem /* 32/75 */;
  height: 0.48rem /* 36/75 */;
  width: 0.48rem /* 36/75 */;
  line-height: 0.48rem /* 36/75 */;
  font-size: 0.426667rem /* 32/75 */;
  text-align: center;
  color: #c2c4ca;
}
.sp-container .infolist ul li:active {
  background: #f7f7f7;
}
.sp-container .exit-btn {
  margin: 0.4rem /* 30/75 */ auto 0;
  width: 9.066667rem /* 680/75 */;
  line-height: 1.2rem /* 90/75 */;
  font-size: 0.373333rem /* 28/75 */;
  text-align: center;
}
.sp-container .exit-btn a {
  display: block;
  border-radius: 0.266667rem /* 20/75 */;
  background: var(--dbc-main-color);
  color: var(--dbc-ac-0);
}
.sp-container .exit-btn a:active {
  background-color: var(--dbc-main-deep-color);
}
/*---- end ----*/
/*---- space_pm ----*/
.no-post,
.no-post2,
.nomsg,
.no-notice,
.no-fav {
  padding: 4.666667rem /* 350/75 */ 0.4rem /* 30/75 */ 0.8rem /* 60/75 */ !important;
  height: auto !important;
  line-height: 0.64rem /* 48/75 */;
  font-size: 0.426667rem /* 32/75 */;
  text-align: center;
  color: var(--dbc-ac-3);
  box-sizing: content-box;
  background: url(../images/nopost.png) no-repeat center 0 !important;
  background-color: var(--dbc-ac-0) !important;
  background-size: 4.666667rem /* 350/75 */ !important;
}
.no-post a,
.no-post2 a,
.nomsg a,
.no-notice a,
.no-fav a {
  color: var(--dbc-main-color);
}
.pmbox {
  padding: 2.533333rem /* 190/75 */ 0 1.6rem /* 120/75 */;
}
.pmbox ul li {
  padding: 0.4rem /* 30/75 */ 0 0 0.4rem /* 30/75 */;
  height: 2.4rem /* 180/75 */;
  background: var(--dbc-ac-0);
}
.pmbox ul li .avatar {
  position: relative;
  float: left;
  margin-right: 0.533333rem /* 40/75 */;
}
.pmbox ul li .avatar img {
  width: 1.6rem /* 120/75 */;
  height: 1.6rem /* 120/75 */;
  border-radius: 0.133333rem /* 10/75 */;
}
.pmbox ul li .avatar .num {
  position: absolute;
  right: -0.133333rem /* 10/75 */;
  top: -0.133333rem /* 10/75 */;
  padding: 0 0.106667rem /* 8/75 */;
  min-width: 0.266667rem /* 20/75 */;
  line-height: 0.48rem /* 36/75 */;
  text-align: center;
  border: 2px solid var(--dbc-ac-0);
  border-radius: 0.266667rem /* 20/75 */;
  background: #ff797c;
  font-size: 0.346667rem /* 26/75 */;
  color: var(--dbc-ac-0);
}
.pmbox ul li .avatar .newpm {
  position: absolute;
  right: -0.106667rem /* 8/75 */;
  top: -0.106667rem /* 8/75 */;
  width: 0.213333rem /* 16/75 */;
  height: 0.213333rem /* 16/75 */;
  border-radius: 50%;
  background: red;
}
.pmbox ul li .ibox {
  display: block;
  overflow: hidden;
  height: 2rem /* 150/75 */;
  border-bottom: 1px solid var(--dbc-ac-4);
}
.pmbox ul li .ibox .msg {
  padding-right: 1.6rem /* 120/75 */;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #9b9b9b;
}
.pmbox ul li .ibox .top {
  margin-bottom: 0.066667rem /* 5/75 */;
  padding-right: 0.4rem /* 30/75 */;
  line-height: 0.8rem /* 60/75 */;
}
.pmbox ul li .ibox .top .name {
  text-overflow: clip;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0.453333rem /* 34/75 */;
}
.pmbox ul li .ibox .top .time {
  float: right;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
}
.pmbox ul li:last-child .ibox {
  border: none;
}
.msg-wrap .msgbox {
  padding: 0.4rem /* 30/75 */ 0.4rem /* 30/75 */ 2.4rem /* 180/75 */;
}
.msg-wrap .msgbox .fmsg,
.msg-wrap .msgbox .smsg {
  padding: 0.266667rem /* 20/75 */ 0;
}
.msg-wrap .msgbox .fmsg .avat img,
.msg-wrap .msgbox .smsg .avat img {
  width: 1.2rem /* 90/75 */;
  height: 1.2rem /* 90/75 */;
  border-radius: 0.133333rem /* 10/75 */;
}
.msg-wrap .msgbox .fmsg .dialog,
.msg-wrap .msgbox .smsg .dialog {
  padding: 0.266667rem /* 20/75 */;
  border-radius: 0.266667rem /* 20/75 */;
  line-height: 0.666667rem /* 50/75 */;
  word-break: break-all;
  box-sizing: border-box;
}
.msg-wrap .msgbox .fmsg .date,
.msg-wrap .msgbox .smsg .date {
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
}
.msg-wrap .msgbox .smsg {
  background: url(../images/triangle_w.png) no-repeat 7.6rem /* 570/75 */ 0.666667rem /* 50/75 */;
  background-size: 0.2rem /* 15/75 */ 0.4rem /* 30/75 */;
}
.msg-wrap .msgbox .fmsg {
  position: relative;
  background: url(../images/triangle_g.png) no-repeat 1.4rem /* 105/75 */ 0.666667rem /* 50/75 */;
  background-size: 0.2rem /* 15/75 */ 0.4rem /* 30/75 */;
}
.msg-wrap .msgbox .dialog-green {
  margin-left: 0.4rem /* 30/75 */;
}
.msg-wrap .msgbox .dialog-green .dialog {
  max-width: 6rem /* 450/75 */;
  min-height: 1.2rem /* 90/75 */;
  background: #98e165;
}
.msg-wrap .msgbox .dialog-green .date {
  text-align: left;
}
.msg-wrap .msgbox .dialog-white {
  margin-right: 0.4rem /* 30/75 */;
}
.msg-wrap .msgbox .dialog-white .dialog {
  max-width: 6rem /* 450/75 */;
  min-height: 1.2rem /* 90/75 */;
  background: var(--dbc-ac-0);
}
.msg-wrap .msgbox .dialog-white .date {
  text-align: right;
}
.msg-wrap .msgbox .page {
  background: var(--dbc-ac-4);
  text-align: center;
}
.msg-wrap .pmform {
  position: fixed;
  bottom: 0;
  padding: 0.213333rem /* 16/75 */ 0.4rem /* 30/75 */;
  width: 100%;
  height: 1.6rem /* 120/75 */;
  background: #fafafa;
  border-top: 2px solid #dedde5;
  box-sizing: border-box;
}
.msg-wrap .pmform .reply-txt {
  float: left;
  height: 100%;
}
.msg-wrap .pmform .reply-txt .px {
  padding-left: 0.133333rem /* 10/75 */;
  height: 100%;
  width: 7.333333rem /* 550/75 */;
  border: 2px solid #e9e9e9;
  -webkit-appearance: none;
  border-radius: 0.266667rem /* 20/75 */;
  font-size: 0.426667rem /* 32/75 */;
  color: #555;
}
.msg-wrap .pmform .reply-btn {
  position: absolute;
  right: 0.4rem /* 30/75 */;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.msg-wrap .pmform .reply-btn .dbc-btn {
  height: 1.066667rem /* 80/75 */;
  line-height: 1.066667rem /* 80/75 */;
}
.post-msg-from .bl-line {
  padding: 0.266667rem /* 20/75 */;
  line-height: 0.8rem /* 60/75 */;
  border-bottom: 1px solid var(--dbc-bor-1);
}
.post-msg-from .bl-line .px {
  padding-left: 0.133333rem /* 10/75 */;
  width: 100%;
  line-height: 1.066667rem /* 80/75 */;
  font-size: 0.426667rem /* 32/75 */;
  background: var(--dbc-ac-0);
  border: none;
  -webkit-appearance: none;
  border-radius: 0.133333rem /* 10/75 */;
  outline: none;
}
.post-msg-from .bl-none {
  padding: 0.266667rem /* 20/75 */;
}
.pm-submit {
  display: block;
  padding: 0.266667rem /* 20/75 */;
}
/*---- login ----*/
.login-pop {
  position: relative;
  padding-top: 0.4rem /* 30/75 */ !important;
  width: 8rem /* 600/75 */;
  height: 8rem /* 600/75 */;
  background: var(--dbc-ac-0);
}
.login-pop .log-tit {
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.506667rem /* 38/75 */;
  text-align: center;
}
.login-pop .boxpop {
  position: absolute;
  padding-top: 0;
  left: 0;
  top: 1.466667rem /* 110/75 */;
  right: 0;
  bottom: 0;
  overflow: auto;
}
.loginbox {
  padding: 0.8rem /* 60/75 */ 0.4rem /* 30/75 */;
}
.loginbox li {
  margin-bottom: 0.666667rem /* 50/75 */;
}
.loginbox li strong {
  display: block;
  margin-bottom: 0.133333rem /* 10/75 */;
}
.loginbox li .px {
  padding-left: 0.133333rem /* 10/75 */;
  height: 1.066667rem /* 80/75 */;
  width: 100%;
  border: 1px solid var(--dbc-bor-1);
  -webkit-appearance: none;
  font-size: 0.426667rem /* 32/75 */;
  border-radius: 0.133333rem /* 10/75 */;
}
.loginbox li .ps {
  padding: 0 0.64rem /* 48/75 */ 0 0.133333rem /* 10/75 */;
  height: 1.066667rem /* 80/75 */;
  outline: none;
  -webkit-appearance: none;
  background: var(--dbc-ac-0) url(../images/arrow_down.png) no-repeat right center;
  background-size: 0.64rem /* 48/75 */;
  border-radius: 0.133333rem /* 10/75 */;
  font-size: 0.426667rem /* 32/75 */;
  border: 1px solid var(--dbc-bor-1);
}
.loginbox .pc {
  margin-bottom: 0.04rem /* 3/75 */;
  margin-right: 0.133333rem /* 10/75 */;
  width: 0.426667rem /* 32/75 */;
  height: 0.426667rem /* 32/75 */;
  vertical-align: text-bottom;
}
.loginbox .bcode a {
  color: var(--dbc-main-color);
}
.loginbox .rq {
  color: #dc0000;
}
.loginbox .reg-link {
  font-size: 0.373333rem /* 28/75 */;
  text-align: left;
  color: var(--dbc-ac-2);
}
.loginbox .getpwd {
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-2);
}
.loginbox .alink {
  margin-top: 1.333333rem /* 100/75 */;
  text-align: center;
  font-size: 0;
}
.loginbox .alink a {
  display: inline-block;
  width: 33.33%;
  height: 1.6rem /* 120/75 */;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 1.333333rem /* 100/75 */;
  background-position: center 0;
  vertical-align: middle;
}
.loginbox .alink .qqlogin {
  background-image: url(../images/qq.png);
}
.loginbox .alink .wclogin {
  background-image: url(../images/wechat.png);
}
.loginbox .xi2 {
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
}
.loginbox .ipbox {
  background: var(--dbc-ac-0);
  border: 1px solid var(--dbc-bor-1);
  border-radius: 0.133333rem /* 10/75 */;
}
.loginbox .ipbox em {
  float: right;
  margin-top: 0.266667rem /* 20/75 */;
  margin-right: 0.133333rem /* 10/75 */;
  width: 0.533333rem /* 40/75 */;
  height: 0.533333rem /* 40/75 */;
}
.loginbox .ipbox .px {
  border: none;
  background: transparent;
  width: 8rem /* 600/75 */;
}
.loginbox .ipbox .p_right {
  background: url(../images/check.png) center center no-repeat;
  background-size: 0.506667rem /* 38/75 */;
}
.loginbox .passlevel {
  padding-left: 1.733333rem /* 130/75 */;
  background: no-repeat 0 0.133333rem /* 10/75 */;
  background-size: 1.6rem /* 120/75 */ 0.16rem /* 12/75 */;
  background-image: linear-gradient(90deg, #f0efef, #f0efef);
}
.loginbox .passlevel1 {
  background-image: linear-gradient(90deg, #04e834 33%, #f0efef 33%);
}
.loginbox .passlevel2 {
  background-image: linear-gradient(90deg, #04e834 33%, #eeb043 33%, #eeb043 67%, #f0efef 67%);
}
.loginbox .passlevel3 {
  background-image: linear-gradient(90deg, #04e834 33%, #eeb043 33%, #eeb043 67%, #f0efef 67%, #ef6b6b 67%);
}
.logex li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid var(--dbc-bor-1);
}
.logex li .px {
  padding: 0;
  border: none;
  border-radius: 0;
}
.logex .ticon {
  margin-right: 0.106667rem /* 8/75 */;
  width: 0.48rem /* 36/75 */;
  height: 0.48rem /* 36/75 */;
}
.logex .ticon i {
  font-size: 0.48rem /* 36/75 */;
  color: var(--dbc-ac-3);
}
.logex .inner {
  position: relative;
  width: 100%;
  height: 1.066667rem /* 80/75 */;
  line-height: 1.066667rem /* 80/75 */;
  color: var(--dbc-ac-3);
  overflow: hidden;
}
.logex .inner i {
  margin-left: 0.106667rem /* 8/75 */;
  line-height: 1.066667rem /* 80/75 */;
}
.logex .inner .span-question {
  white-space: nowrap;
  overflow: hidden;
}
.logex .inner .hideShowPassword-toggle {
  margin-top: 0 !important;
  top: 0 !important;
}
.logex .sellist {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1.066667rem /* 80/75 */;
  opacity: 0;
}
.logex .seccode-box .seccodeimg {
  height: 0.8rem /* 60/75 */;
}
.logex .seccode-box,
.logex .secqaa-box {
  padding-right: 0;
  border: none;
  border-bottom: 1px solid var(--dbc-bor-1);
  border-radius: 0;
}
/*---- search ----*/
.search-tip {
  padding: 0.666667rem /* 50/75 */ 0.4rem /* 30/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
}
.search-tip em {
  font-style: normal;
}
.search-tip a {
  color: var(--dbc-main-color);
}
/* mod */
.mod-content {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  background: var(--dbc-ac-0);
}
.mod-content .txt {
  display: inline-block;
  padding-left: 0.133333rem /* 10/75 */;
  overflow: hidden;
  width: 4.8rem /* 360/75 */;
  height: 0.666667rem /* 50/75 */;
  font-size: 0.426667rem /* 32/75 */;
  border: 1px solid var(--dbc-bor-1);
  border-radius: 0.133333rem /* 10/75 */;
  -webkit-appearance: none;
}
.mod-content h1 {
  font-size: 0.506667rem /* 38/75 */;
}
.mod-content .notice a {
  color: var(--dbc-main-color);
}
/*---- list ----*/
.catlist {
  padding: 0 0.4rem /* 30/75 */;
  height: 1.066667rem /* 80/75 */;
  overflow: hidden;
  background: var(--dbc-ac-0);
}
.catlist ul {
  padding-bottom: 0.266667rem /* 20/75 */;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
}
.catlist ul li {
  display: inline-block;
  padding: 0 0.266667rem /* 20/75 */;
  height: 1.066667rem /* 80/75 */;
  line-height: 1.066667rem /* 80/75 */;
}
.catlist ul li a {
  display: block;
  height: 100%;
}
.catlist ul li a.active {
  border-bottom: 2px solid var(--dbc-main-color);
}
.actlist {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */ 0;
  background: var(--dbc-ac-0);
  overflow: hidden;
}
.actlist .item {
  margin-bottom: 0.4rem /* 30/75 */;
  background: var(--dbc-ac-0);
  border: 1px solid var(--dbc-ac-4);
  border-radius: 0.133333rem /* 10/75 */;
  overflow: hidden;
}
.actlist .item .item-top img {
  width: 100%;
  border-radius: 0.133333rem /* 10/75 */ 0.133333rem /* 10/75 */ 0 0;
  vertical-align: middle;
}
.actlist .item .item-info {
  padding: 0 0.266667rem /* 20/75 */ 0.266667rem /* 20/75 */;
}
.actlist .item .item-info .tit {
  display: block;
  margin: 0.133333rem /* 10/75 */ 0;
  line-height: 0.666667rem /* 50/75 */;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.actlist .item .item-info img {
  width: 0.8rem /* 60/75 */;
  height: 0.8rem /* 60/75 */;
  border-radius: 50%;
  vertical-align: middle;
  border: 1px solid #d9d9d9;
}
.actlist .item .item-info .author {
  display: inline-block;
  margin-left: 0.133333rem /* 10/75 */;
}
.actlist .item .item-info .join-btn {
  float: right;
  padding: 0 0.266667rem /* 20/75 */;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  background: var(--dbc-main-color);
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-0);
  border-radius: 0.133333rem /* 10/75 */;
}
.actlist .item .item-info .join-btn:active {
  background-color: var(--dbc-main-deep-color);
}
.actlist .item .item-bottom {
  padding: 0 0.266667rem /* 20/75 */;
  background: #f5f5f5;
}
.actlist .item .item-bottom .address {
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--dbc-ac-3);
}
.actlist .item .item-bottom .date {
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--dbc-ac-3);
}
.actlist .item a:active {
  color: var(--dbc-main-color);
}
/*----view----*/
.post .post-tit {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */ 0;
  background: var(--dbc-ac-0);
}
.post .post-tit h2 {
  font-size: 0.506667rem /* 38/75 */;
  line-height: 0.8rem /* 60/75 */;
}
.post .post-tit h2 em {
  font-style: normal;
}
.post .post-tit h2 .status {
  color: var(--dbc-ac-3);
  font-size: 0.426667rem /* 32/75 */;
  font-weight: normal;
}
.post .origin {
  padding: 0 0.4rem /* 30/75 */;
  line-height: 0.8rem /* 60/75 */;
  background: var(--dbc-ac-0);
  font-size: 0.32rem /* 24/75 */;
}
.interact {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  background: var(--dbc-ac-0);
}
.interact .atd {
  margin: 0.213333rem /* 16/75 */ 0 0.48rem /* 36/75 */;
  width: 100%;
}
.interact .atd img {
  margin-bottom: 0.266667rem /* 20/75 */;
  width: 1.013333rem /* 76/75 */;
}
.interact .atd td {
  vertical-align: bottom;
  text-align: center;
}
.interact .atd .atdc {
  position: relative;
  margin: 0 auto 0.266667rem /* 20/75 */;
  width: 0.666667rem /* 50/75 */;
  height: 1.6rem /* 120/75 */;
}
.interact .atd .atdc div {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0.666667rem /* 50/75 */;
  text-align: left;
}
.interact .atd .atdc em {
  position: absolute;
  margin: -0.8rem /* 60/75 */ 0 0 -0.133333rem /* 10/75 */;
  width: 0.933333rem /* 70/75 */;
  font-size: 0.346667rem /* 26/75 */;
  text-align: center;
  color: var(--dbc-ac-3);
}
.interact .atd .ac1 {
  background: #C30;
}
.interact .atd .ac2 {
  background: #0C0;
}
.interact .atd .ac3 {
  background: #f90;
}
.interact .atd .ac4 {
  background: #06F;
}
.interact .cul-tit {
  margin-top: 0.266667rem /* 20/75 */;
  font-size: 0.426667rem /* 32/75 */;
  color: var(--dbc-ac-3);
  font-weight: normal;
}
.interact .cul-tit a {
  color: var(--dbc-main-color);
}
.interact .cul-box li {
  float: left;
  width: 12.5%;
  padding: 0.266667rem /* 20/75 */ 0.266667rem /* 20/75 */ 0 0;
}
.interact .cul-box li .avt img {
  width: 100%;
  vertical-align: middle;
}
.rart {
  padding: 0.133333rem /* 10/75 */ 0.4rem /* 30/75 */ 0.4rem /* 30/75 */;
  background: var(--dbc-ac-0);
}
.rart .rtit {
  padding: 0.133333rem /* 10/75 */ 0;
  line-height: 0.8rem /* 60/75 */;
  text-align: left;
  z-index: 2;
}
.rart .rtit h3 {
  font-size: 0.48rem /* 36/75 */;
  font-weight: normal;
}
.rart .rcontent ul li {
  padding: 0.266667rem /* 20/75 */ 0;
  border-bottom: 1px solid var(--dbc-bor-1);
}
.rart .rcontent ul li a:active {
  color: var(--dbc-main-color);
}
.rart .rcontent ul li .info {
  position: relative;
  height: 2rem /* 150/75 */;
  overflow: hidden;
}
.rart .rcontent ul li .info .title {
  line-height: 0.533333rem /* 40/75 */;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.rart .rcontent ul li .info .bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: 0.373333rem /* 28/75 */;
}
.rart .rcontent ul li .info .npb {
  width: 100%;
  font-size: 0.373333rem /* 28/75 */;
}
.rart .rcontent ul li .item-pic {
  margin-left: 0.266667rem /* 20/75 */;
  width: 2.933333rem /* 220/75 */;
  height: 2rem /* 150/75 */;
}
.rart .rcontent ul li .item-pic img {
  width: 2.933333rem /* 220/75 */;
  height: 2rem /* 150/75 */;
  border-radius: 0.08rem /* 6/75 */;
  background-image: none !important;
  vertical-align: middle;
}
.rart .rcontent ul li:last-child {
  border: none;
}
.rart .rcontent ul .artli {
  line-height: 0.533333rem /* 40/75 */;
  border: none;
}
.rart .rcontent ul .artli a {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--dbc-ac-2);
}
.rart .rcontent ul .artli .date {
  margin-left: 0.133333rem /* 10/75 */;
  color: var(--dbc-ac-3);
  font-size: 0.373333rem /* 28/75 */;
}
.fcomment {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  background: var(--dbc-ac-0);
}
.fcextra {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
.fcextra .pt {
  min-height: auto;
}
.pcomment .show-comments {
  padding: 0.266667rem /* 20/75 */;
  background: var(--dbc-ac-0);
  text-align: center;
  font-size: 0.373333rem /* 28/75 */;
}
.pcomment .show-comments a {
  color: var(--dbc-main-color);
}
.pcomment .no-comment,
.pcomment .hidetip {
  padding: 0.4rem /* 30/75 */ 0.266667rem /* 20/75 */;
  text-align: center;
  background: var(--dbc-ac-0);
  color: var(--dbc-ac-3);
  font-size: 0.373333rem /* 28/75 */;
}
/*----列表样式1----*/
.dbc-list {
  padding-bottom: 1.333333rem /* 100/75 */;
}
.dbc-list ul {
  background: var(--dbc-ac-0);
}
.dbc-list ul .item {
  padding: 0 0.4rem /* 30/75 */;
}
.dbc-list ul .item .wrap {
  display: block;
  padding: 0.266667rem /* 20/75 */ 0;
  border-bottom: 1px solid var(--dbc-bor-1);
}
.dbc-list ul .item .item-content {
  overflow: hidden;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  align-items: center;
}
.dbc-list ul .item .item-content h3 {
  position: relative;
  line-height: 0.533333rem /* 40/75 */;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 0.4rem /* 30/75 */;
  font-weight: normal;
  word-break: break-all;
  word-wrap: break-word;
}
.dbc-list ul .item .item-content h3 span {
  margin-top: 0.053333rem /* 4/75 */;
  display: inline-block;
  width: 0.853333rem /* 64/75 */;
  height: 0.426667rem /* 32/75 */;
  line-height: 0.426667rem /* 32/75 */;
  font-size: 0.32rem /* 24/75 */;
  border-radius: 0.053333rem /* 4/75 */;
  color: var(--dbc-ac-0);
  text-align: center;
  box-sizing: border-box;
  vertical-align: top;
}
.dbc-list ul .item .item-content h3 .topbg1 {
  background-color: #96cb33;
}
.dbc-list ul .item .item-content h3 .topbg2 {
  background-color: #00bbee;
}
.dbc-list ul .item .item-content h3 .topbg3 {
  background-color: #ffad00;
}
.dbc-list ul .item .item-content h3 .icon-digest {
  background-color: #f7c206;
}
.dbc-list ul .item .item-content h3 .lock {
  background-color: #ff5656;
}
.dbc-list ul .item .item-content h3 i {
  margin: 0.053333rem /* 4/75 */ 0.133333rem /* 10/75 */ 0.053333rem /* 4/75 */ 0;
  display: inline-block;
  height: 0.426667rem /* 32/75 */;
  line-height: 0.426667rem /* 32/75 */;
  font-size: 0.32rem /* 24/75 */;
  border-radius: 0.053333rem /* 4/75 */;
  color: #FF9C00;
  text-align: center;
  vertical-align: top;
}
.dbc-list ul .item .item-content .mgbtn {
  float: right;
  margin-left: 0.266667rem /* 20/75 */;
  padding: 0 0.133333rem /* 10/75 */;
  height: 0.533333rem /* 40/75 */;
  line-height: 0.533333rem /* 40/75 */;
  font-size: 0.32rem /* 24/75 */;
  color: var(--dbc-ac-0);
  background-color: #fe9145;
  border-radius: 0.08rem /* 6/75 */;
}
.dbc-list ul .item .bitem {
  display: block;
  margin-bottom: 0.2rem /* 15/75 */;
}
.dbc-list ul .item .message {
  margin-bottom: 0.2rem /* 15/75 */;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: var(--dbc-ac-2);
  font-size: 0.373333rem /* 28/75 */;
}
.dbc-list ul .item .message strong {
  font-weight: normal;
}
.dbc-list ul .item .info {
  height: 0.533333rem /* 40/75 */;
  line-height: 0.533333rem /* 40/75 */;
  font-size: 0.32rem /* 24/75 */;
  color: var(--dbc-ac-3);
  overflow: hidden;
}
.dbc-list ul .item .info .fname {
  margin: 0.053333rem /* 4/75 */ 0.266667rem /* 20/75 */ 0.053333rem /* 4/75 */ 0;
  padding: 0 0.133333rem /* 10/75 */;
  line-height: 0.426667rem /* 32/75 */;
  font-size: 0.266667rem /* 20/75 */;
  background: rgba(24, 130, 216, 0.1);
  border-radius: 0.08rem /* 6/75 */;
  color: var(--dbc-main-color);
}
.dbc-list ul .item .info .authi {
  margin-right: 0.266667rem /* 20/75 */;
}
.dbc-list ul .item .info .authi img {
  float: left;
  margin: 0.026667rem /* 2/75 */ 0.106667rem /* 8/75 */ 0 0;
  width: 0.48rem /* 36/75 */;
  height: 0.48rem /* 36/75 */;
  border-radius: 50%;
}
.dbc-list ul .item .info .dot {
  margin: 0.186667rem /* 14/75 */ 0.106667rem /* 8/75 */;
  width: 0.16rem /* 12/75 */;
  height: 0.16rem /* 12/75 */;
  background: url(../images/dot.png) no-repeat 0 0;
  background-size: 0.16rem /* 12/75 */;
}
.dbc-list ul .item .info .reply-num i {
  float: left;
  margin-right: 0.106667rem /* 8/75 */;
  line-height: 0.533333rem /* 40/75 */;
  font-size: 0.293333rem /* 22/75 */;
  color: #979797;
}
.dbc-list ul .item .item-pic {
  margin-left: 0.266667rem /* 20/75 */;
  border-radius: 0.066667rem /* 5/75 */;
}
.dbc-list ul .item .item-pic img {
  float: left;
  width: 2.933333rem /* 220/75 */;
  height: 2rem /* 150/75 */;
  object-fit: cover;
  border-radius: 5px;
}
.dbc-list ul .item .gicon {
  margin-right: 0.2rem /* 15/75 */;
}
.dbc-list ul .item .gicon img {
  width: 1.493333rem /* 112/75 */;
  height: 1.493333rem /* 112/75 */;
  vertical-align: middle;
}
.dbc-list ul .item .ginfo {
  overflow: hidden;
}
.dbc-list ul .item .ginfo h3 {
  margin-bottom: 0.066667rem /* 5/75 */;
  line-height: 0.533333rem /* 40/75 */;
  font-size: 0.426667rem /* 32/75 */;
  font-weight: normal;
}
.dbc-list ul .item .ginfo .pnum {
  margin-bottom: 0.066667rem /* 5/75 */;
  font-size: 0.32rem /* 24/75 */;
  color: var(--dbc-ac-3);
}
.dbc-list ul .item .ginfo .pnum em {
  color: #555;
  font-style: normal;
}
.dbc-list ul .item .ginfo .pnum .sline {
  float: left;
  margin: 0.053333rem /* 4/75 */ 0.333333rem /* 25/75 */;
  width: 0.026667rem /* 2/75 */;
  height: 0.32rem /* 24/75 */;
  background: url(../images/sline.png) no-repeat 0 0;
  background-size: 0.026667rem /* 2/75 */ 0.32rem /* 24/75 */;
}
.dbc-list ul .item:active {
  background: #f7f7f7;
}
.dbc-list .rch {
  position: relative;
  height: 2rem /* 150/75 */;
}
.dbc-list .ploading {
  position: relative;
  width: 100%;
  height: 2.666667rem /* 200/75 */;
}
.dbc-list .ploading i {
  position: absolute;
  left: 4.6rem /* 345/75 */;
  top: 0.933333rem /* 70/75 */;
  width: 0.8rem /* 60/75 */;
  height: 0.8rem /* 60/75 */;
  background: url(../images/refresh.png) no-repeat 0 0;
  background-size: 0.8rem /* 60/75 */;
  animation: refresh 0.8s linear infinite;
}
.dbc-list .dbc-showimg {
  margin: 0 0.4rem /* 30/75 */;
  padding: 0.266667rem /* 20/75 */ 0;
  width: 9.2rem /* 690/75 */;
  border-bottom: 1px solid var(--dbc-bor-1);
}
.dbc-list .dbc-showimg img {
  border-radius: 0.066667rem /* 5/75 */;
}
.dbc-list .dialogbox,
.dbc-list .manage {
  width: 90%;
  background-color: var(--dbc-ac-0);
  border-radius: 0.133333rem /* 10/75 */;
  overflow: hidden;
}
.dbc-list .dialogbox .dbc-btn,
.dbc-list .manage .dbc-btn {
  float: left;
  margin: 2%;
  width: 46%;
}
.tag-search {
  padding: 0.666667rem /* 50/75 */ 0.4rem /* 30/75 */;
  background: var(--dbc-ac-0);
}
.tag-search .search {
  position: relative;
  height: 0.8rem /* 60/75 */;
  border-radius: 0.133333rem /* 10/75 */;
  overflow: hidden;
}
.tag-search .search i {
  margin-right: 0.133333rem /* 10/75 */;
  position: absolute;
  left: 0.213333rem /* 16/75 */;
  top: 0.213333rem /* 16/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
}
.tag-search .search .px {
  display: block;
  padding: 0 1.733333rem /* 130/75 */ 0 0.666667rem /* 50/75 */;
  width: 100%;
  height: 100%;
  font-size: 0.373333rem /* 28/75 */;
  border: none;
  -webkit-appearance: none;
  color: #555;
  background: #eaebed;
}
.tag-search .search .search-btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1.6rem /* 120/75 */;
  border: none;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-0);
  background-color: var(--dbc-main-color);
}
.tag-search .tips {
  margin-top: 0.4rem /* 30/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
}
.tag-search .tips a {
  color: var(--dbc-main-color);
}
.taglist {
  padding: 0 0.4rem /* 30/75 */ 1.6rem /* 120/75 */;
  background: var(--dbc-ac-0);
}
.taglist .tit {
  line-height: 1.066667rem /* 80/75 */;
  font-weight: 700;
}
.taglist a {
  display: inline-block;
  margin: 0 0.266667rem /* 20/75 */ 0.266667rem /* 20/75 */ 0;
  padding: 0 0.266667rem /* 20/75 */;
  line-height: 0.666667rem /* 50/75 */;
  background: #f5f5f5;
  color: #7f7f7f;
  border-radius: 0.333333rem /* 25/75 */;
}
.taglist .tips {
  padding: 0.266667rem /* 20/75 */ 0;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
}
.load-more-btn {
  position: relative;
  height: 1.066667rem /* 80/75 */;
  background: var(--dbc-ac-0);
  line-height: 1.066667rem /* 80/75 */;
  font-size: 0.373333rem /* 28/75 */;
  text-align: center;
  color: var(--dbc-ac-2) !important;
}
.load-more-btn a {
  color: var(--dbc-main-color);
}
.load-more-btn .loading {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.load-more-btn .loading i {
  float: left;
  margin-top: 0.386667rem /* 29/75 */;
  margin-right: 0.133333rem /* 10/75 */;
  width: 0.293333rem /* 22/75 */;
  height: 0.293333rem /* 22/75 */;
  background: url(../images/refresh.png) no-repeat 0 0;
  background-size: 0.293333rem /* 22/75 */;
  animation: refresh 0.8s linear infinite;
}
.load-more-btn2 {
  background: var(--dbc-ac-4);
}
@keyframes refresh {
  0% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
.no-more {
  line-height: 1.066667rem /* 80/75 */;
  font-size: 0.373333rem /* 28/75 */;
  text-align: center;
  background: var(--dbc-ac-0);
  color: #d6d6d6;
}
.no-more2 {
  line-height: 1.066667rem /* 80/75 */;
  font-size: 0.373333rem /* 28/75 */;
  text-align: center;
  background: var(--dbc-ac-4);
  color: var(--dbc-ac-3);
}
/*----列表样式2----*/
.dbc-list2 {
  margin-top: 0.266667rem /* 20/75 */;
  padding-bottom: 1.333333rem /* 100/75 */;
}
.dbc-list2 ul {
  background: var(--dbc-ac-0);
}
.dbc-list2 ul .item {
  padding: 0 0.4rem /* 30/75 */;
}
.dbc-list2 ul .item .wrap {
  display: block;
  padding: 0.266667rem /* 20/75 */ 0;
  border-bottom: 1px solid var(--dbc-bor-1);
}
.dbc-list2 ul .item table {
  width: 100%;
}
.dbc-list2 ul .item .qitem {
  float: left;
  padding: 0 0.08rem /* 6/75 */;
  min-width: 1.066667rem /* 80/75 */;
  color: #555666;
  text-align: center;
  flex-grow: 0;
  box-sizing: border-box;
}
.dbc-list2 ul .item .qitem .qnum {
  height: 0.666667rem /* 50/75 */;
  font-size: 0.426667rem /* 32/75 */;
  font-weight: 400;
  line-height: 0.666667rem /* 50/75 */;
}
.dbc-list2 ul .item .qitem p {
  height: 0.533333rem /* 40/75 */;
  font-size: 0.32rem /* 24/75 */;
  font-weight: 400;
  line-height: 0.533333rem /* 40/75 */;
}
.dbc-list2 ul .item .qitem p i {
  font-size: 0.32rem /* 24/75 */;
  color: #25a88a;
}
.dbc-list2 ul .item .qitem.rsolved {
  border: 1px solid #25a88a;
  color: #25a88a;
  border-radius: 3px;
}
.dbc-list2 ul .item .authi {
  margin-bottom: 0.266667rem /* 20/75 */;
  line-height: 0.56rem /* 42/75 */;
}
.dbc-list2 ul .item .authi img {
  float: left;
  width: 0.56rem /* 42/75 */;
  height: 0.56rem /* 42/75 */;
  border-radius: 50%;
}
.dbc-list2 ul .item .authi .aname {
  margin-left: 0.133333rem /* 10/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-2);
}
.dbc-list2 ul .item .authi .verify {
  margin-left: 0.133333rem /* 10/75 */;
  font-size: 0.346667rem /* 26/75 */;
  color: var(--dbc-ac-2);
}
.dbc-list2 ul .item .authi .verify img {
  float: left;
  margin-top: 0.093333rem /* 7/75 */;
  width: 0.346667rem /* 26/75 */;
  height: 0.346667rem /* 26/75 */;
}
.dbc-list2 ul .item .item-content {
  overflow: hidden;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.dbc-list2 ul .item .item-content h3 {
  position: relative;
  line-height: 0.533333rem /* 40/75 */;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 0.4rem /* 30/75 */;
  font-weight: normal;
  word-break: break-all;
  word-wrap: break-word;
}
.dbc-list2 ul .item .item-content h3 strong {
  font-weight: normal;
}
.dbc-list2 ul .item .item-content h3 .lock,
.dbc-list2 ul .item .item-content h3 .icon-digest {
  display: inline-block;
  padding-left: 0.133333rem /* 10/75 */;
  width: 0.693333rem /* 52/75 */;
  height: 0.533333rem /* 40/75 */;
  line-height: 0.533333rem /* 40/75 */;
  background: url(../images/digbg.png) no-repeat 0 center;
  background-size: 0.693333rem /* 52/75 */ 0.426667rem /* 32/75 */;
  font-size: 0.346667rem /* 26/75 */;
  color: var(--dbc-ac-0);
  vertical-align: top;
}
.dbc-list2 ul .item .item-content h3 .lock {
  margin: 0.053333rem /* 4/75 */ 0.133333rem /* 10/75 */ 0.053333rem /* 4/75 */ 0;
  padding: 0 0.133333rem /* 10/75 */;
  width: auto;
  height: 0.426667rem /* 32/75 */;
  line-height: 0.426667rem /* 32/75 */;
  border-radius: 0.053333rem /* 4/75 */;
  background: #ff5656;
}
.dbc-list2 ul .item .item-content h3 i {
  margin: 0.053333rem /* 4/75 */ 0.133333rem /* 10/75 */ 0.053333rem /* 4/75 */ 0;
  display: inline-block;
  height: 0.426667rem /* 32/75 */;
  line-height: 0.426667rem /* 32/75 */;
  font-size: 0.32rem /* 24/75 */;
  border-radius: 0.053333rem /* 4/75 */;
  color: #FF9C00;
  text-align: center;
  vertical-align: top;
}
.dbc-list2 ul .item .item-content .msg {
  margin-top: 0.2rem /* 15/75 */;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.346667rem /* 26/75 */;
  color: var(--dbc-ac-3);
}
.dbc-list2 ul .item .item-content .msg strong {
  font-weight: normal;
}
.dbc-list2 ul .item .info {
  height: 0.533333rem /* 40/75 */;
  line-height: 0.533333rem /* 40/75 */;
  font-size: 0.32rem /* 24/75 */;
  color: var(--dbc-ac-3);
  overflow: hidden;
}
.dbc-list2 ul .item .info .fname {
  margin: 0.053333rem /* 4/75 */ 0.266667rem /* 20/75 */ 0.053333rem /* 4/75 */ 0;
  padding: 0 0.133333rem /* 10/75 */;
  line-height: 0.426667rem /* 32/75 */;
  font-size: 0.266667rem /* 20/75 */;
  background: rgba(24, 130, 216, 0.1);
  border-radius: 0.08rem /* 6/75 */;
  color: var(--dbc-main-color);
}
.dbc-list2 ul .item .info .rprice {
  margin: 0.053333rem /* 4/75 */ 0.266667rem /* 20/75 */ 0.053333rem /* 4/75 */ 0;
  height: 0.426667rem /* 32/75 */;
  line-height: 0.426667rem /* 32/75 */;
  padding: 0 0.133333rem /* 10/75 */ 0 0.533333rem /* 40/75 */;
  font-size: 0.266667rem /* 20/75 */;
  background: #fff1d3 url(../images/money.png) no-repeat 0.133333rem /* 10/75 */ 0.053333rem /* 4/75 */;
  background-size: 0.32rem /* 24/75 */;
  color: #ffba23;
  border-radius: 0.08rem /* 6/75 */;
}
.dbc-list2 ul .item .info .dot {
  margin: 0.186667rem /* 14/75 */ 0.106667rem /* 8/75 */;
  width: 0.16rem /* 12/75 */;
  height: 0.16rem /* 12/75 */;
  background: url(../images/dot.png) no-repeat 0 0;
  background-size: 0.16rem /* 12/75 */;
}
.dbc-list2 ul .item .item-pic {
  margin-left: 0.266667rem /* 20/75 */;
  border-radius: 0.066667rem /* 5/75 */;
}
.dbc-list2 ul .item .item-pic img {
  float: left;
  width: 2.933333rem /* 220/75 */;
  height: 2rem /* 150/75 */;
  object-fit: cover;
  border-radius: 5px;
}
.dbc-list2 ul .item:active {
  background: #f7f7f7;
}
.dbc-list2 .waterfall {
  position: relative;
  margin: 0 0.4rem /* 30/75 */;
  padding: 0;
  background: transparent;
}
.dbc-list2 .waterfall .item {
  position: absolute;
  padding: 0;
  margin-bottom: 0.266667rem /* 20/75 */;
  width: 4.466667rem /* 335/75 */;
  background: var(--dbc-ac-0);
  border-radius: 0.133333rem /* 10/75 */;
  overflow: hidden;
}
.dbc-list2 .waterfall .item .content a {
  display: block;
  width: 100%;
}
.dbc-list2 .waterfall .item .content img {
  width: 100%;
  background-color: #ddd !important;
  vertical-align: middle;
}
.dbc-list2 .waterfall .item .title {
  margin: 0.266667rem /* 20/75 */ 0;
  padding: 0 0.266667rem /* 20/75 */;
  line-height: 0.666667rem /* 50/75 */;
  font-size: 0.426667rem /* 32/75 */;
  font-weight: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.dbc-list2 .waterfall .item .auth {
  margin-bottom: 0.266667rem /* 20/75 */;
  padding: 0 0.266667rem /* 20/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
}
.dbc-list2 .waterfall .item .auth .avatar {
  float: left;
  margin-right: 0.106667rem /* 8/75 */;
}
.dbc-list2 .waterfall .item .auth .avatar img {
  width: 0.533333rem /* 40/75 */;
  height: 0.533333rem /* 40/75 */;
  border-radius: 50%;
  vertical-align: middle;
}
.dbc-list2 .waterfall .item .auth .aname {
  display: block;
  line-height: 0.533333rem /* 40/75 */;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--dbc-ac-3);
}
.dbc-list2 .waterfall .item .auth .fav-num {
  float: right;
  margin-left: 0.133333rem /* 10/75 */;
  height: 0.533333rem /* 40/75 */;
  line-height: 0.533333rem /* 40/75 */;
  color: #888;
}
.dbc-list2 .waterfall .item .auth .fav-num i {
  margin-right: 0.106667rem /* 8/75 */;
  line-height: 0.533333rem /* 40/75 */;
  font-size: 0.32rem /* 24/75 */;
}
.dbc-list2 .waterfall .item:active {
  background: var(--dbc-ac-0);
}
.dbc-list2 .rch {
  position: relative;
  height: 2rem /* 150/75 */;
}
.dbc-list2 .ploading {
  position: relative;
  width: 100%;
  height: 2.666667rem /* 200/75 */;
}
.dbc-list2 .ploading i {
  position: absolute;
  left: 4.6rem /* 345/75 */;
  top: 0.933333rem /* 70/75 */;
  width: 0.8rem /* 60/75 */;
  height: 0.8rem /* 60/75 */;
  background: url(../images/refresh.png) no-repeat 0 0;
  background-size: 0.8rem /* 60/75 */;
  animation: refresh 0.8s linear infinite;
}
/*----列表样式3----*/
.dbc-list3 {
  padding-bottom: 1.6rem /* 120/75 */;
}
.dbc-list3 ul {
  background: var(--dbc-ac-0);
}
.dbc-list3 ul li {
  padding: 0 0.4rem /* 30/75 */;
}
.dbc-list3 ul li .item-content {
  display: block;
  padding: 0.266667rem /* 20/75 */ 0;
  border-bottom: 1px solid var(--dbc-bor-1);
}
.dbc-list3 ul li .item-content .item-info {
  overflow: hidden;
}
.dbc-list3 ul li .item-content .item-info .title {
  display: block;
  margin-bottom: 0.133333rem /* 10/75 */;
  padding-right: 0.4rem /* 30/75 */;
  line-height: 0.8rem /* 60/75 */;
}
.dbc-list3 ul li .item-content .item-info .date {
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
}
.dbc-list3 ul li .item-content .del-btn {
  float: right;
  width: 0.8rem /* 60/75 */;
  height: 0.8rem /* 60/75 */;
  color: var(--dbc-ac-3);
  background: url(../images/x.png) no-repeat right center;
  background-size: 0.506667rem /* 38/75 */;
}
.dbc-list3 ul li .item-content .num {
  float: right;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
}
.dbc-list3 ul li .item-content .num i {
  margin-right: 0.106667rem /* 8/75 */;
  font-size: 0.32rem /* 24/75 */;
  color: #979797;
}
/*----文章评论样式----*/
.postlist {
  padding-bottom: 1.333333rem /* 100/75 */;
}
.pitem {
  padding-top: 0.266667rem /* 20/75 */;
  background: var(--dbc-ac-0);
}
.pitem .authi {
  position: relative;
  padding: 0 0.4rem /* 30/75 */;
  overflow: hidden;
  font-size: 0.373333rem /* 28/75 */;
}
.pitem .authi .timg {
  width: 0.96rem /* 72/75 */ !important;
  height: 0.96rem /* 72/75 */ !important;
}
.pitem .authi .aimg {
  width: 0.64rem /* 48/75 */;
  height: 0.64rem /* 48/75 */;
}
.pitem .authi .tinfo {
  height: 0.96rem /* 72/75 */ !important;
  line-height: normal !important;
}
.pitem .authi .tinfo .verify img {
  margin-top: 0.066667rem /* 5/75 */ !important;
}
.pitem .authi .avatar {
  float: left;
  margin-right: 0.266667rem /* 20/75 */;
}
.pitem .authi .avatar img {
  width: 0.8rem /* 60/75 */;
  height: 0.8rem /* 60/75 */;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.426667rem /* 32/75 */;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
  vertical-align: middle;
  box-sizing: border-box;
}
.pitem .authi .info {
  padding-right: 0.266667rem /* 20/75 */;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  overflow: hidden;
}
.pitem .authi .info .pdate {
  margin-top: 0.066667rem /* 5/75 */;
  font-size: 0.32rem /* 24/75 */;
  color: var(--dbc-ac-3);
}
.pitem .authi .info .verify {
  margin-left: 0.133333rem /* 10/75 */;
  font-size: 0.346667rem /* 26/75 */;
  color: var(--dbc-ac-2);
}
.pitem .authi .info .verify img {
  float: left;
  margin-top: 0.226667rem /* 17/75 */;
  width: 0.346667rem /* 26/75 */;
  height: 0.346667rem /* 26/75 */;
}
.pitem .authi .info .floor a {
  float: left;
  margin: 0.186667rem /* 14/75 */ 0.213333rem /* 16/75 */ 0 0;
  width: 0.48rem /* 36/75 */;
  height: 0.48rem /* 36/75 */;
  line-height: 0.48rem /* 36/75 */;
  text-align: center;
  font-size: 0.426667rem /* 32/75 */;
  color: var(--dbc-ac-3);
}
.pitem .authi .info .deltips {
  margin-left: 0.066667rem /* 5/75 */;
  font-size: 0.346667rem /* 26/75 */;
  font-style: normal;
  color: var(--dbc-ac-3);
}
.pitem .authi .extra {
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.346667rem /* 26/75 */;
}
.pitem .authi .extra .floor {
  color: var(--dbc-ac-3);
}
.pitem .authi .extra .floor sup {
  display: none;
}
.pitem .authi .extra .btag {
  margin-top: 0.133333rem /* 10/75 */;
  padding: 0 0.133333rem /* 10/75 */;
  line-height: 0.533333rem /* 40/75 */;
  background: rgba(24, 130, 216, 0.1);
  border-radius: 0.08rem /* 6/75 */;
  color: var(--dbc-main-color);
}
.pitem .authi .extra .mgbtn {
  margin-left: 0.266667rem /* 20/75 */;
  color: var(--dbc-main-color);
}
.pitem .authi .extra .addfollow,
.pitem .authi .extra .delfollow {
  margin-top: 0.08rem /* 6/75 */;
  padding: 0 0.4rem /* 30/75 */;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  color: #1c1c1c;
  border-radius: 0.4rem /* 30/75 */;
  border: 0.026667rem /* 2/75 */ solid #ddd;
  box-sizing: border-box;
}
.pitem .authi .extra .delfollow {
  color: var(--dbc-ac-3);
}
.pitem .authi .extra .more {
  width: 0.426667rem /* 32/75 */;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.426667rem /* 32/75 */;
  color: #979797;
}
.pitem .authi .extra1 {
  height: 0.96rem /* 72/75 */;
  line-height: 0.96rem /* 72/75 */;
}
.pitem .authi .dialogbox,
.pitem .authi .manage {
  width: 90%;
  background-color: var(--dbc-ac-0);
  border-radius: 0.133333rem /* 10/75 */;
  overflow: hidden;
}
.pitem .authi .dialogbox .dbc-btn,
.pitem .authi .manage .dbc-btn {
  float: left;
  margin: 2%;
  width: 46%;
}
.pitem .origin {
  padding-left: 0.906667rem /* 68/75 */;
}
.pitem .origin .oauth {
  margin-right: 0.266667rem /* 20/75 */;
}
.pitem .sumbox {
  padding: 0 0.4rem /* 30/75 */;
}
.pitem .sumbox .sum {
  padding: 0.266667rem /* 20/75 */;
  line-height: 0.666667rem /* 50/75 */;
  background: var(--dbc-ac-4);
  color: var(--dbc-ac-2);
  border-radius: 0.08rem /* 6/75 */;
}
.pitem .content {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  font-size: 0.426667rem /* 32/75 */ !important;
  overflow: hidden;
}
.pitem .content img {
  max-width: 100%;
  border-radius: 0.066667rem /* 5/75 */;
  vertical-align: middle;
}
.pitem .content .message {
  margin-bottom: 0.266667rem /* 20/75 */;
  word-wrap: break-word;
  word-break: break-all;
}
.pitem .content .message img {
  max-width: 100%;
  border-radius: 0.066667rem /* 5/75 */;
  vertical-align: middle;
}
.pitem .content .message .locked {
  padding: 0.266667rem /* 20/75 */;
  border: 1px solid var(--dbc-bor-1);
  border-radius: 0.133333rem /* 10/75 */;
}
.pitem .content .message .locked .px {
  padding-left: 0.133333rem /* 10/75 */;
  width: 6.666667rem /* 500/75 */;
  line-height: 1.066667rem /* 80/75 */;
  font-size: 0.426667rem /* 32/75 */;
  background: var(--dbc-ac-0);
  border: 1px solid var(--dbc-bor-1);
  -webkit-appearance: none;
  border-radius: 0.133333rem /* 10/75 */;
  outline: none;
  color: #555;
}
.pitem .content .message .viewsort {
  margin-bottom: 0.266667rem /* 20/75 */;
  padding: 0.266667rem /* 20/75 */;
  background: #edf0f5;
  border-radius: 0.133333rem /* 10/75 */;
}
.pitem .content .message .viewsort table {
  width: 100%;
}
.pitem .content .message .viewsort table caption {
  line-height: 0.933333rem /* 70/75 */;
  font-size: 0.506667rem /* 38/75 */;
  text-align: center;
  font-weight: 700;
  border-bottom: 1px solid var(--dbc-ac-0);
}
.pitem .content .message .viewsort table tr {
  width: 100%;
  padding: 0.133333rem /* 10/75 */ 0;
}
.pitem .content .message .viewsort table tr th,
.pitem .content .message .viewsort table tr td {
  white-space: normal;
}
.pitem .content .message .viewsort table tr th {
  padding: 0.266667rem /* 20/75 */ 0.133333rem /* 10/75 */ 0.266667rem /* 20/75 */ 0;
  width: 2.4rem /* 180/75 */;
  border-right: 1px solid var(--dbc-ac-0);
  border-bottom: 1px solid var(--dbc-ac-0);
  text-align: left;
}
.pitem .content .message .viewsort table tr td {
  padding: 0.266667rem /* 20/75 */ 0 0.266667rem /* 20/75 */ 10px;
  border-bottom: 1px solid var(--dbc-ac-0);
  text-align: left;
}
.pitem .content .message .showhide {
  padding: 0.266667rem /* 20/75 */;
  background: #edf0f5;
  border: 1px solid var(--dbc-bor-1);
  border-radius: 0.133333rem /* 10/75 */;
}
.pitem .content .message .showhide h4 {
  line-height: 0.666667rem /* 50/75 */;
  text-align: center;
}
.pitem .content .message .pstatus {
  font-style: normal;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
}
.pitem .content .message .media {
  margin: 0.266667rem /* 20/75 */ 0;
}
.pitem .content .message .media .media_tips {
  margin-top: 0.133333rem /* 10/75 */;
}
.pitem .content .message .media .media_tips a {
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-main-color);
}
.pitem .content .message .jammer {
  color: var(--dbc-ac-0);
}
.pitem .content .message h2 {
  margin-bottom: 0.266667rem /* 20/75 */;
}
.pitem .content .message .blockcode {
  padding: 0.266667rem /* 20/75 */ 0.266667rem /* 20/75 */ 0.266667rem /* 20/75 */ 0.8rem /* 60/75 */;
  overflow: hidden;
  background: #f3f3f3 repeat-y 0 0;
  font-size: 0.373333rem /* 28/75 */;
  background-image: linear-gradient(90deg, #ededed, #ededed);
  background-size: 0.746667rem /* 56/75 */;
  color: #666;
  border-radius: 0.08rem /* 6/75 */;
}
.pitem .content .message .blockcode li {
  list-style-type: decimal-leading-zero;
  line-height: 0.666667rem /* 50/75 */;
}
.pitem .content .message .blockcode .copybtn {
  padding: 0.066667rem /* 5/75 */ 0.133333rem /* 10/75 */;
  color: #fff;
  border-radius: 0.04rem /* 3/75 */;
  font-style: normal;
  background: #b13f35;
}
.pitem .content font {
  font-size: 0.426667rem /* 32/75 */ !important;
}
.pitem .content .attimg img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 0.8rem /* 60/75 */;
  background-color: transparent !important;
  border-radius: 0.066667rem /* 5/75 */;
}
.pitem .content .img-one,
.pitem .content .img-list {
  margin-bottom: 0.4rem /* 30/75 */;
}
.pitem .content .img-one li,
.pitem .content .img-list li {
  margin-bottom: 0.133333rem /* 10/75 */;
}
.pitem .content .img-one a,
.pitem .content .img-list a {
  display: inline-block;
}
.pitem .content .img-one a img,
.pitem .content .img-list a img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 0.8rem /* 60/75 */;
  background-color: transparent !important;
  border-radius: 0.066667rem /* 5/75 */;
}
.pitem .content .dbc-tags {
  margin-bottom: 0.4rem /* 30/75 */;
  font-size: 0.373333rem /* 28/75 */;
}
.pitem .content .dbc-tags a {
  display: inline-block;
  padding: 0 0.266667rem /* 20/75 */;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-2);
  border-radius: 0.4rem /* 30/75 */;
  border: 1px solid var(--dbc-bor-1);
}
.pitem .content .dbc-tags a:active {
  background: #f7f7f7;
}
.pitem .content .reply font {
  font-size: 0.373333rem /* 28/75 */ !important;
}
.pitem .content .pgtit {
  font-weight: 600;
  font-size: 0.48rem /* 36/75 */;
  line-height: 0.8rem /* 60/75 */;
}
.pitem .bline {
  margin: 0 0.4rem /* 30/75 */;
  height: 1px;
  background: var(--dbc-bor-1);
}
.pbottom {
  line-height: 0.426667rem /* 32/75 */;
  font-size: 0.32rem /* 24/75 */;
  color: var(--dbc-ac-3);
}
.pbottom .viewnum {
  line-height: 0.8rem /* 60/75 */;
}
.pbottom .replybtn,
.pbottom .editbtn {
  margin-left: 0.4rem /* 30/75 */;
  font-size: 0.426667rem /* 32/75 */;
  color: #979797;
}
.pbottom .opbtn {
  padding-right: 0.266667rem /* 20/75 */;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  color: var(--dbc-ac-2);
  border: 1px solid var(--dbc-bor-1);
  border-radius: 0.4rem /* 30/75 */;
  box-sizing: border-box;
}
.pbottom .opbtn i {
  float: left;
  margin: 0.226667rem /* 17/75 */ 0.133333rem /* 10/75 */ 0 0.266667rem /* 20/75 */;
  font-size: 0.346667rem /* 26/75 */;
  color: var(--dbc-ac-2);
}
.pbottom .replyadd {
  margin-left: 0.4rem /* 30/75 */;
  line-height: 0.426667rem /* 32/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: #979797;
}
.pbottom .replyadd i {
  float: left;
  font-size: 0.426667rem /* 32/75 */;
}
/*----头部样式----*/
.dbc-header {
  position: fixed;
  top: 0;
  z-index: 11;
  width: 100%;
  height: 1.333333rem /* 100/75 */;
  background-color: var(--dbc-ac-0);
  border-bottom: 1px solid var(--dbc-bor-1);
  box-sizing: border-box;
}
.dbc-header .npbtn {
  width: 1.333333rem /* 100/75 */;
  height: 1.333333rem /* 100/75 */;
}
.dbc-header .npbtn i {
  margin-left: 0.333333rem /* 25/75 */;
  line-height: 1.333333rem /* 100/75 */;
  font-size: 0.64rem /* 48/75 */;
  color: var(--dbc-ac-2);
}
.dbc-header .logo {
  margin: 0.266667rem /* 20/75 */;
  display: block;
  width: auto;
  height: 0.8rem /* 60/75 */;
  overflow: hidden;
  text-align: center;
}
.dbc-header .logo img {
  height: 0.8rem /* 60/75 */;
}
.dbc-header .user img {
  margin-top: 0.346667rem /* 26/75 */;
  margin-left: 0.266667rem /* 20/75 */;
  width: 0.64rem /* 48/75 */;
  height: 0.64rem /* 48/75 */;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.48rem /* 36/75 */;
  border-radius: 50%;
  vertical-align: middle;
}
.dbc-header .ulog {
  margin-top: 0.346667rem /* 26/75 */;
  margin-left: 0.266667rem /* 20/75 */;
  width: 0.64rem /* 48/75 */;
  height: 0.64rem /* 48/75 */;
  border-radius: 50%;
  background: var(--dbc-ac-2);
  text-align: center;
}
.dbc-header .ulog i {
  line-height: 0.64rem /* 48/75 */;
  font-size: 0.346667rem /* 26/75 */;
  color: var(--dbc-ac-0);
}
.dbc-header .h-search {
  overflow: hidden;
}
.dbc-header .h-search a {
  margin: 0.266667rem /* 20/75 */ auto;
  padding-left: 0.4rem /* 30/75 */;
  display: block;
  height: 0.8rem /* 60/75 */;
  width: 100%;
  background: #f2f3f6;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
  border-radius: 0.4rem /* 30/75 */;
  overflow: hidden;
  box-sizing: border-box;
}
.dbc-header .h-search a i {
  float: left;
  margin: 0.213333rem /* 16/75 */ 0.106667rem /* 8/75 */ 0 0;
}
.pblist {
  position: fixed;
  padding: 0.133333rem /* 10/75 */ 0;
  right: 0.2rem /* 15/75 */;
  top: 1.2rem /* 90/75 */;
  background: var(--dbc-ac-0);
  font-size: 0.373333rem /* 28/75 */;
  border: 1px solid var(--dbc-bor-1);
  border-radius: 0.08rem /* 6/75 */;
  z-index: 120;
}
.pblist li {
  padding: 0 0.4rem /* 30/75 */;
}
.pblist li a {
  display: block;
  width: auto;
  line-height: 1.066667rem /* 80/75 */;
  border-bottom: 1px solid var(--dbc-bor-1);
}
.pblist li a i,
.pblist li a img {
  margin-right: 0.266667rem /* 20/75 */;
  float: left;
  line-height: 1.066667rem /* 80/75 */;
  font-size: 0.48rem /* 36/75 */;
  color: var(--dbc-ac-2);
}
.pblist li a img {
  margin-top: 0.293333rem /* 22/75 */;
  width: 0.48rem /* 36/75 */;
  height: 0.48rem /* 36/75 */;
}
.pblist li a p {
  overflow: hidden;
}
.pblist li:active {
  background: #f7f7f7;
}
.pblist li:last-child a {
  border: none;
}
.pblist .dbc-arrow {
  position: absolute;
  top: -0.186667rem /* 14/75 */;
  right: 0.306667rem /* 23/75 */;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.186667rem /* 14/75 */ 0.186667rem /* 14/75 */;
  border-color: transparent transparent var(--dbc-ac-0);
  box-shadow: none;
}
.dbc-header2 {
  position: fixed;
  top: 0;
  width: 100%;
  height: 1.333333rem /* 100/75 */;
  background-color: var(--dbc-ac-0);
  border-bottom: 1px solid var(--dbc-bor-1);
  box-sizing: border-box;
  z-index: 10;
}
.dbc-header2 a {
  width: 1.333333rem /* 100/75 */;
  height: 1.333333rem /* 100/75 */;
  line-height: 1.333333rem /* 100/75 */;
}
.dbc-header2 a i {
  margin-left: 0.48rem /* 36/75 */;
  line-height: 1.333333rem /* 100/75 */;
  font-size: 0.48rem /* 36/75 */;
  color: var(--dbc-ac-1);
}
.dbc-header2 .icon-back i {
  margin-left: 0.253333rem /* 19/75 */;
  font-size: 0.56rem /* 42/75 */;
}
.dbc-header2 h1 {
  height: 1.333333rem /* 100/75 */;
  line-height: 1.333333rem /* 100/75 */;
  font-size: 0.506667rem /* 38/75 */;
  color: var(--dbc-ac-1);
  text-align: center;
  overflow: hidden;
}
.dbc-header2 h1 .fdl i {
  margin-left: 0.133333rem /* 10/75 */;
  font-size: 0.373333rem /* 28/75 */;
  line-height: 1.333333rem /* 100/75 */;
  color: var(--dbc-ac-1);
}
.fdl-menu {
  position: relative;
  padding: 0.4rem /* 30/75 */;
  padding-bottom: 0;
  font-size: 0.373333rem /* 28/75 */;
  background: var(--dbc-ac-0);
  z-index: 99;
}
.fdl-menu li {
  position: relative;
  margin-bottom: 0.133333rem /* 10/75 */;
  padding-left: 1.333333rem /* 100/75 */;
}
.fdl-menu li span {
  position: absolute;
  left: 0;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  font-weight: 700;
}
.fdl-menu li a {
  float: left;
  margin: 0 0.133333rem /* 10/75 */ 0.266667rem /* 20/75 */;
  padding: 0 0.266667rem /* 20/75 */;
  background: #f5f5f5;
  border-radius: 0.133333rem /* 10/75 */;
  width: auto;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
}
.fdl-menu li a.cur,
.fdl-menu li a.xi1 {
  background: var(--dbc-main-color);
  color: var(--dbc-ac-0);
}
.fdl-menu .ugli {
  padding-left: 2.4rem /* 180/75 */;
}
.fdl-extra {
  max-height: 9.333333rem /* 700/75 */;
  overflow-y: auto !important;
}
.dbc-header3 {
  margin-top: -1.333333rem /* 100/75 */;
  margin-bottom: 0.4rem /* 30/75 */;
  padding-top: 1.333333rem /* 100/75 */;
  background: url(../images/sbg.png) no-repeat 0 0/10rem 5.68rem, linear-gradient(#1882d8 0%, #efefef 100%);
  box-sizing: border-box;
  z-index: 10;
}
.dbc-header3 .hdc {
  position: fixed;
  top: 0;
  width: 100%;
  height: 1.333333rem /* 100/75 */;
  z-index: 10;
}
.dbc-header3 .hdc a {
  width: 1.333333rem /* 100/75 */;
  height: 1.333333rem /* 100/75 */;
}
.dbc-header3 .hdc a i {
  margin-left: 0.386667rem /* 29/75 */;
  line-height: 1.333333rem /* 100/75 */;
  font-size: 0.48rem /* 36/75 */;
  color: var(--dbc-ac-0);
}
.dbc-header3 .hdc .icon-back i {
  margin-left: 0.32rem /* 24/75 */;
  font-size: 0.56rem /* 42/75 */;
}
.dbc-header3 .hdc h2 {
  line-height: 1.333333rem /* 100/75 */;
  overflow: hidden;
  text-align: center;
  font-size: 0.506667rem /* 38/75 */;
  color: var(--dbc-ac-0);
}
.dbc-header3 .infobox {
  margin: 0 auto;
  margin-top: 0.4rem /* 30/75 */;
  width: 9.066667rem /* 680/75 */;
  background: var(--dbc-ac-0);
  border-radius: 0.266667rem /* 20/75 */;
  box-shadow: 0 0.133333rem /* 10/75 */ 0.106667rem /* 8/75 */ rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.dbc-header3 .infobox .avatar {
  margin: 0.4rem /* 30/75 */;
  margin-bottom: 0;
}
.dbc-header3 .infobox .avatar img {
  width: 1.68rem /* 126/75 */;
  height: 1.68rem /* 126/75 */;
  border: 0.026667rem /* 2/75 */ solid var(--dbc-bor-1);
  border-radius: 50%;
  vertical-align: middle;
  box-sizing: border-box;
}
.dbc-header3 .infobox .userinfo {
  position: relative;
  margin-top: 0.4rem /* 30/75 */;
  height: 1.68rem /* 126/75 */;
  overflow: hidden;
}
.dbc-header3 .infobox .userinfo .top {
  margin-top: 0.2rem /* 15/75 */;
  padding-right: 0.4rem /* 30/75 */;
  line-height: 0.56rem /* 42/75 */;
}
.dbc-header3 .infobox .userinfo .top .uname {
  font-size: 0.48rem /* 36/75 */;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dbc-header3 .infobox .userinfo .top a {
  margin-left: 0.133333rem /* 10/75 */;
  float: right;
  font-size: 0.373333rem /* 28/75 */;
}
.dbc-header3 .infobox .userinfo .top a i {
  font-size: 0.293333rem /* 22/75 */;
}
.dbc-header3 .infobox .userinfo .signature {
  position: absolute;
  bottom: 0.213333rem /* 16/75 */;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.32rem /* 24/75 */;
  color: var(--dbc-ac-3);
}
.dbc-header3 .infobox .userinfo .signature a {
  color: var(--dbc-ac-3);
}
.dbc-header3 .infobox .user-count {
  margin: 0.533333rem /* 40/75 */ auto 0;
  height: 1.333333rem /* 100/75 */;
  width: 9.066667rem /* 680/75 */;
  background: var(--dbc-ac-0);
}
.dbc-header3 .infobox .user-count ul li {
  float: left;
  width: 25%;
  text-align: center;
}
.dbc-header3 .infobox .user-count ul li strong {
  font-size: 0.373333rem /* 28/75 */;
}
.dbc-header3 .infobox .user-count ul li p {
  margin: 0.213333rem /* 16/75 */ 0;
  font-size: 0.32rem /* 24/75 */;
  color: var(--dbc-ac-3);
}
.dbc-header3 .infobox2 {
  position: relative;
  margin: 1.866667rem /* 140/75 */ auto 0.266667rem /* 20/75 */;
  padding-top: 1.733333rem /* 130/75 */;
  background: var(--dbc-ac-0);
  border-radius: 0.266667rem /* 20/75 */ 0.266667rem /* 20/75 */ 0 0;
}
.dbc-header3 .infobox2 .avatar {
  position: absolute;
  left: 0.4rem /* 30/75 */;
  top: -1.2rem /* 90/75 */;
}
.dbc-header3 .infobox2 .avatar img {
  width: 2.4rem /* 180/75 */;
  height: 2.4rem /* 180/75 */;
  border: 0.026667rem /* 2/75 */ solid var(--dbc-bor-1);
  border-radius: 50%;
  vertical-align: middle;
  box-sizing: border-box;
}
.dbc-header3 .infobox2 .editbtn,
.dbc-header3 .infobox2 .verbtn {
  position: absolute;
  right: 3.066667rem /* 230/75 */;
  top: 0.4rem /* 30/75 */;
  width: 2.4rem /* 180/75 */;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.373333rem /* 28/75 */;
  text-align: center;
  color: #777;
  border-radius: 0.4rem /* 30/75 */;
  border: 0.026667rem /* 2/75 */ solid #555;
  box-sizing: border-box;
}
.dbc-header3 .infobox2 .verbtn {
  right: 0.4rem /* 30/75 */;
  border: none;
  color: var(--dbc-ac-0);
  background: #eb6143;
}
.dbc-header3 .infobox2 .addfollow,
.dbc-header3 .infobox2 .delfollow {
  position: absolute;
  right: 1.466667rem /* 110/75 */;
  top: 0.4rem /* 30/75 */;
  padding: 0 0.4rem /* 30/75 */;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: #1c1c1c;
  border-radius: 0.4rem /* 30/75 */;
  border: 0.026667rem /* 2/75 */ solid #ddd;
}
.dbc-header3 .infobox2 .delfollow {
  color: var(--dbc-ac-3);
}
.dbc-header3 .infobox2 .interact {
  position: absolute;
  right: 0.4rem /* 30/75 */;
  top: 0.4rem /* 30/75 */;
  padding: 0;
  width: 0.8rem /* 60/75 */;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  border-radius: 50%;
  font-size: 0.426667rem /* 32/75 */;
  text-align: center;
  background: #888aa3;
  color: var(--dbc-ac-0);
}
.dbc-header3 .infobox2 .interact i {
  line-height: 0.8rem /* 60/75 */;
}
.dbc-header3 .infobox2 .userinfo2 {
  padding: 0 0.4rem /* 30/75 */;
  background: var(--dbc-ac-0);
}
.dbc-header3 .infobox2 .userinfo2 .uname {
  margin-bottom: 0.333333rem /* 25/75 */;
  line-height: 0.64rem /* 48/75 */;
}
.dbc-header3 .infobox2 .userinfo2 .uname h2 {
  margin-right: 0.133333rem /* 10/75 */;
  font-size: 0.56rem /* 42/75 */;
  color: var(--dbc-ac-1);
}
.dbc-header3 .infobox2 .userinfo2 .uname .verify {
  font-size: 0.32rem /* 24/75 */;
  overflow: hidden;
}
.dbc-header3 .infobox2 .userinfo2 .uname .verify .vitem {
  float: left;
  margin-right: 0.133333rem /* 10/75 */;
  color: #555;
}
.dbc-header3 .infobox2 .userinfo2 .uname .verify .vitem img {
  margin-top: 0.16rem /* 12/75 */;
  float: left;
  width: 0.32rem /* 24/75 */;
  height: 0.32rem /* 24/75 */;
}
.dbc-header3 .infobox2 .userinfo2 .gtitle {
  margin-bottom: 0.4rem /* 30/75 */;
  font-size: 0.32rem /* 24/75 */;
  color: var(--dbc-ac-3);
}
.dbc-header3 .infobox2 .userinfo2 .signature {
  font-size: 0.32rem /* 24/75 */;
  line-height: 0.533333rem /* 40/75 */;
  color: #555;
}
.dbc-header3 .infobox2 .user-count2 {
  margin: 0.266667rem /* 20/75 */ 0 0.533333rem /* 40/75 */;
  overflow: hidden;
}
.dbc-header3 .infobox2 .user-count2 ul li {
  margin-top: 0.266667rem /* 20/75 */;
  float: left;
  width: 25%;
  text-align: center;
}
.dbc-header3 .infobox2 .user-count2 ul li p {
  margin-top: 0.2rem /* 15/75 */;
  font-size: 0.293333rem /* 22/75 */;
  color: var(--dbc-ac-3);
}
.dbc-header3 .infobox2 .user-count2 ul li strong {
  font-size: 0.373333rem /* 28/75 */;
}
.dbc-header3 .infobox2 .mbtn {
  padding: 0 0.4rem /* 30/75 */;
}
.dbc-header3 .infobox2 .mbtn a {
  position: relative;
  display: block;
  padding: 0.4rem /* 30/75 */ 0 0.4rem /* 30/75 */ 0.533333rem /* 40/75 */;
  border-top: 1px solid #f5f5f5;
  font-size: 0.373333rem /* 28/75 */;
}
.dbc-header3 .infobox2 .mbtn a i {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.373333rem /* 28/75 */;
  height: 0.48rem /* 36/75 */;
  line-height: 0.48rem /* 36/75 */;
  text-align: center;
  color: #4b82e3;
}
.dbc-header3 .infobox2 .mbtn a span {
  position: absolute;
  right: 0;
  top: 0.426667rem /* 32/75 */;
  width: 0.48rem /* 36/75 */;
  height: 0.48rem /* 36/75 */;
  line-height: 0.48rem /* 36/75 */;
  text-align: center;
  color: #b2b2b2;
}
.myinfo-list {
  margin-bottom: 0;
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  font-size: 0.373333rem /* 28/75 */;
  background: var(--dbc-ac-0);
}
.myinfo-list li {
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  overflow: hidden;
  border-top: 1px solid var(--dbc-bor-2);
}
.myinfo-list li span {
  float: right;
  color: #aaa;
}
.myinfo-list li:first-child {
  border-top: none;
}
.dbc-header4 {
  position: fixed;
  top: 0;
  width: 100%;
  height: 2.4rem /* 180/75 */;
  background: var(--dbc-ac-0);
  border-bottom: 1px solid var(--dbc-bor-1);
  box-sizing: border-box;
  z-index: 10;
}
.dbc-header4 .hdc {
  height: 1.333333rem /* 100/75 */;
}
.dbc-header4 .hdc .icon-back {
  float: left;
  height: 1.333333rem /* 100/75 */;
  width: 1.333333rem /* 100/75 */;
}
.dbc-header4 .hdc .icon-back i {
  margin-left: 0.32rem /* 24/75 */;
  line-height: 1.333333rem /* 100/75 */;
  font-size: 0.56rem /* 42/75 */;
  color: var(--dbc-ac-1);
}
.dbc-header4 .hdc .sform {
  overflow: hidden;
  height: 100%;
}
.dbc-header4 .hdc .sform .stxt {
  margin-top: 0.266667rem /* 20/75 */;
  padding-left: 0.24rem /* 18/75 */;
  width: 6.933333rem /* 520/75 */;
  height: 0.8rem /* 60/75 */;
  border-radius: 0.133333rem /* 10/75 */;
  overflow: hidden;
  background: #eaebed;
  box-sizing: border-box;
}
.dbc-header4 .hdc .sform .stxt i {
  float: left;
  margin: 0.213333rem /* 16/75 */ 0.106667rem /* 8/75 */ 0 0;
  font-size: 0.373333rem /* 28/75 */;
  color: #979797;
}
.dbc-header4 .hdc .sform .stxt .px {
  float: left;
  width: 4.266667rem /* 320/75 */;
  height: 100%;
  font-size: 0.373333rem /* 28/75 */;
  overflow: hidden;
  border: none;
  -webkit-appearance: none;
  background: #eaebed;
}
.dbc-header4 .hdc .sbtn {
  float: right;
  margin: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */ 0 0;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.426667rem /* 32/75 */;
  background: transparent !important;
  border: none;
}
.dbc-header5 {
  margin-top: -1.333333rem /* 100/75 */;
  margin-bottom: 0.4rem /* 30/75 */;
  padding-top: 1.333333rem /* 100/75 */;
  background: linear-gradient(var(--dbc-main-color), var(--dbc-ac-4));
  box-sizing: border-box;
  z-index: 10;
}
.dbc-header5 .icon-home,
.dbc-header5 .icon-back {
  position: fixed;
  right: 0;
  top: 0;
  width: 1.333333rem /* 100/75 */;
  height: 1.333333rem /* 100/75 */;
  z-index: 10;
}
.dbc-header5 .icon-home i,
.dbc-header5 .icon-back i {
  margin-left: 0.386667rem /* 29/75 */;
  line-height: 1.333333rem /* 100/75 */;
  font-size: 0.48rem /* 36/75 */;
}
.dbc-header5 .icon-back {
  right: auto;
  left: 0;
}
.dbc-header5 .icon-back i {
  margin-left: 0.32rem /* 24/75 */;
  font-size: 0.56rem /* 42/75 */;
}
.dbc-header5 .hdc {
  position: fixed;
  top: 0;
  width: 100%;
  height: 1.333333rem /* 100/75 */;
  background: var(--dbc-ac-0);
  border-bottom: 1px solid var(--dbc-bor-1);
  opacity: 0;
  z-index: 10;
}
.dbc-header5 .hdc h2 {
  line-height: 1.333333rem /* 100/75 */;
  overflow: hidden;
  text-align: center;
  font-size: 0.506667rem /* 38/75 */;
}
.dbc-header5 .infobox {
  position: relative;
  height: 2.666667rem /* 200/75 */;
}
.dbc-header5 .infobox .avatar {
  position: absolute;
  top: -0.64rem /* 48/75 */;
  left: 50%;
}
.dbc-header5 .infobox .avatar img {
  width: 1.76rem /* 132/75 */;
  height: 1.76rem /* 132/75 */;
  transform: translateX(-50%);
  border-radius: 50%;
  vertical-align: middle;
}
.dbc-header5 .infobox .uname {
  position: absolute;
  top: 1.466667rem /* 110/75 */;
  width: 100%;
  font-size: 0.48rem /* 36/75 */;
  text-align: center;
}
.shot {
  margin-bottom: 1.6rem /* 120/75 */;
  padding: 0.4rem /* 30/75 */;
  background: var(--dbc-ac-0);
}
.shot .shtit {
  margin-bottom: 0.133333rem /* 10/75 */;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
}
.shot .shtit i {
  float: left;
  margin: 0.24rem /* 18/75 */ 0.133333rem /* 10/75 */ 0.24rem /* 18/75 */ 0;
  font-size: 0.32rem /* 24/75 */;
  color: #ff4d31;
}
.shot .shc a {
  position: relative;
  float: left;
  padding-left: 0.533333rem /* 40/75 */;
  width: 50%;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.373333rem /* 28/75 */;
}
.shot .shc a em {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
  font-style: normal;
}
/*----文本框样式----*/
.pt {
  padding: 0.133333rem /* 10/75 */;
  width: 100%;
  min-height: 4rem /* 300/75 */;
  resize: none;
  font-size: 0.426667rem /* 32/75 */;
  border: 1px solid var(--dbc-bor-1);
  border-radius: 0.133333rem /* 10/75 */;
  -webkit-appearance: none;
}
/*----标题样式----*/
.dbc-title {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */ 0.133333rem /* 10/75 */;
  line-height: 0.8rem /* 60/75 */;
  background: var(--dbc-ac-0);
  text-align: left;
  z-index: 2;
}
.dbc-title .titbox {
  padding-bottom: 0.133333rem /* 10/75 */;
  border-bottom: 1px solid var(--dbc-bor-1);
}
.dbc-title .titbox h3 {
  font-size: 0.48rem /* 36/75 */;
}
.dbc-title h3 {
  position: relative;
  font-size: 0.48rem /* 36/75 */;
  font-weight: normal;
}
.dbc-title h3 em {
  margin-left: 0.133333rem /* 10/75 */;
  font-style: normal;
  font-size: 0.426667rem /* 32/75 */;
  color: var(--dbc-ac-2);
}
.dbc-title .flbtn {
  font-size: 0.373333rem /* 28/75 */;
}
.dbc-title .flbtn i {
  margin-right: 0.08rem /* 6/75 */;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-1);
}
.dbc-title .viewbtn {
  font-size: 0.373333rem /* 28/75 */;
}
.dbc-title .viewbtn i {
  margin-right: 0.08rem /* 6/75 */;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.4rem /* 30/75 */;
  color: var(--dbc-ac-1);
}
.dbc-title .more {
  color: var(--dbc-main-color);
}
/*---- 评论样式 ----*/
.pc-content {
  padding: 0.666667rem /* 50/75 */ 0.266667rem /* 20/75 */ 0.266667rem /* 20/75 */;
  background: var(--dbc-ac-0);
}
.pc-content .pc {
  margin-bottom: 0.04rem /* 3/75 */;
  margin-right: 0.133333rem /* 10/75 */;
  width: 0.426667rem /* 32/75 */;
  height: 0.426667rem /* 32/75 */;
  vertical-align: text-bottom;
}
.pc-submit {
  padding: 0.266667rem /* 20/75 */ 0.266667rem /* 20/75 */ 0.666667rem /* 50/75 */;
  background: var(--dbc-ac-0);
}
.pc-seccode {
  padding: 0.266667rem /* 20/75 */;
  background: var(--dbc-ac-0);
}
/*---- 积分记录 ----*/
.hcl-list {
  background: var(--dbc-ac-0);
}
.hcl-list h2 {
  margin: 0 0.4rem /* 30/75 */;
  padding: 0.266667rem /* 20/75 */ 0;
  font-size: 0.506667rem /* 38/75 */;
  border-bottom: 1px solid var(--dbc-bor-1);
}
.hcl-list li {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  border-bottom: 1px solid var(--dbc-bor-2);
}
.hcl-list li .hcl-detail {
  white-space: nowrap;
}
.hcl-list li .hcl-detail .xi1 {
  color: #FF5656;
}
.hcl-list li .hcl-detail .xg1 {
  color: green;
}
.hcl-list li .txt {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--dbc-ac-3);
}
.hcl-list li .txt a {
  color: var(--dbc-ac-3);
}
.hcl-list li .mtime {
  margin-left: 0.266667rem /* 20/75 */;
  white-space: nowrap;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
}
.creditl {
  padding: 0 0.4rem /* 30/75 */ 0.266667rem /* 20/75 */;
  background: var(--dbc-ac-0);
}
.creditl li {
  margin-top: 0.266667rem /* 20/75 */;
  padding-left: 4.5%;
  float: left;
  width: 30%;
  border-left: 1px solid var(--dbc-bor-1);
}
.creditl li p {
  margin: 0.213333rem /* 16/75 */ 0;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-2);
}
.creditl li strong {
  font-size: 0.48rem /* 36/75 */;
}
.creditl li:nth-child(3n+1) {
  padding-left: 0;
  border-left: none;
}
.creditl u {
  text-decoration: none;
}
.ctotal {
  margin: 0 0.4rem /* 30/75 */;
  padding: 0.266667rem /* 20/75 */ 0;
  border-top: 1px solid var(--dbc-bor-1);
}
.ctotal .tit {
  margin-bottom: 0.266667rem /* 20/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-2);
}
.ctotal .num {
  display: block;
  margin-bottom: 0.266667rem /* 20/75 */;
  font-size: 0.56rem /* 42/75 */;
}
.ctotal .tips {
  font-size: 0.346667rem /* 26/75 */;
  color: var(--dbc-ac-3);
}
.ctotal .tips u {
  text-decoration: none;
}
.dbc-cbuy {
  padding: 0.4rem /* 30/75 */;
  background: var(--dbc-ac-0);
}
.dbc-cbuy .item {
  position: relative;
  margin-bottom: 0.4rem /* 30/75 */;
}
.dbc-cbuy .item .item-tit,
.dbc-cbuy .item .item-unit {
  float: left;
  margin-right: 0.133333rem /* 10/75 */;
  width: 2.133333rem /* 160/75 */;
  min-height: 0.8rem /* 60/75 */;
  display: table;
  vertical-align: middle;
}
.dbc-cbuy .item .item-tit label,
.dbc-cbuy .item .item-unit label {
  line-height: 0.8rem /* 60/75 */;
}
.dbc-cbuy .item .item-tit span,
.dbc-cbuy .item .item-unit span {
  display: table-cell;
  vertical-align: middle;
  font-size: 0.373333rem /* 28/75 */;
}
.dbc-cbuy .item .item-tit .rq,
.dbc-cbuy .item .item-unit .rq {
  margin-right: 0.066667rem /* 5/75 */;
  color: red;
}
.dbc-cbuy .item .item-unit {
  float: right;
  margin: 0;
  text-align: center;
}
.dbc-cbuy .item .item-c {
  line-height: 0.8rem /* 60/75 */;
  overflow: hidden;
}
.dbc-cbuy .item .item-c .pr {
  margin-right: 0.133333rem /* 10/75 */;
  width: 0.4rem /* 30/75 */;
  height: 0.4rem /* 30/75 */;
  vertical-align: middle;
}
.dbc-cbuy .item .item-c .px {
  padding-left: 0.133333rem /* 10/75 */;
  height: 0.8rem /* 60/75 */;
  width: 100%;
  border: 1px solid var(--dbc-bor-1);
  -webkit-appearance: none;
  font-size: 0.373333rem /* 28/75 */;
  border-radius: 0.133333rem /* 10/75 */;
}
.dbc-cbuy .item .item-c .px1 {
  width: 1.6rem /* 120/75 */;
}
.dbc-cbuy .item .item-c .px2 {
  width: 3.333333rem /* 250/75 */;
}
.dbc-cbuy .item .item-c .ps {
  margin-bottom: 0.133333rem /* 10/75 */;
  padding: 0 0.64rem /* 48/75 */ 0 0.133333rem /* 10/75 */;
  max-width: 100%;
  height: 0.8rem /* 60/75 */;
  font-size: 0.373333rem /* 28/75 */;
  outline: none;
  -webkit-appearance: none;
  background: var(--dbc-ac-0) url(../images/arrow_down.png) no-repeat right center;
  background-size: 0.64rem /* 48/75 */;
  border-radius: 0.133333rem /* 10/75 */;
  border: 1px solid var(--dbc-bor-1);
}
.dbc-cbuy .cbuy-tips {
  margin-bottom: 0.266667rem /* 20/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
  overflow: hidden;
}
.dbc-cbuy .seccode-box {
  margin-bottom: 0.4rem /* 30/75 */;
  height: 0.8rem /* 60/75 */;
  font-size: 0.373333rem /* 28/75 */;
}
.dbc-cbuy .seccode-box span {
  line-height: normal;
}
/*---- 顶部导航样式 ----*/
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 1.333333rem /* 100/75 */;
  z-index: 97;
}
.navbox {
  padding: 0 0.4rem /* 30/75 */;
  width: 100%;
  border-bottom: 1px solid var(--dbc-bor-2);
  background: var(--dbc-ac-0);
  box-sizing: border-box;
}
.navbox .shownav,
.navbox .mgroup {
  position: relative;
  float: right;
  padding: 0 0.4rem /* 30/75 */ 0 0.266667rem /* 20/75 */;
  width: 1rem /* 75/75 */;
  height: 1.066667rem /* 80/75 */;
  text-align: center;
}
.navbox .shownav i,
.navbox .mgroup i {
  line-height: 1.066667rem /* 80/75 */;
  font-size: 0.333333rem /* 25/75 */;
  color: #b4b4b4;
}
.navbox .mgroup {
  padding: 0 0 0 0.266667rem /* 20/75 */;
  width: auto;
  line-height: 1.066667rem /* 80/75 */;
  font-size: 0.373333rem /* 28/75 */;
}
.navbox .shownav::after,
.navbox .mgroup::after {
  position: absolute;
  left: -0.4rem /* 30/75 */;
  top: 0;
  content: '';
  width: 0.4rem /* 30/75 */;
  height: 1.066667rem /* 80/75 */;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--dbc-ac-0));
  z-index: 2;
}
.navbox .filterbtn {
  position: relative;
  float: right;
  margin: 0.266667rem /* 20/75 */;
  margin-right: 0;
  padding: 0 0.213333rem /* 16/75 */;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  text-align: center;
  font-size: 0.373333rem /* 28/75 */;
  border-radius: 0.4rem /* 30/75 */;
  border: 1px solid #f3f3f3;
  color: var(--dbc-ac-2);
}
.navbox .filterbtn i {
  margin: 0 0.16rem /* 12/75 */;
  font-size: 0.32rem /* 24/75 */;
  color: var(--dbc-ac-1);
}
.navbox .filterbtn::after {
  position: absolute;
  left: -0.666667rem /* 50/75 */;
  top: 0;
  content: '';
  width: 0.4rem /* 30/75 */;
  height: 1.066667rem /* 80/75 */;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--dbc-ac-0));
}
.navbox .showch {
  float: right;
  height: 1.066667rem /* 80/75 */;
  line-height: 1.066667rem /* 80/75 */;
  font-size: 0.346667rem /* 26/75 */;
  color: var(--dbc-ac-3);
}
.navbox .showch i {
  float: right;
  margin-left: 0.04rem /* 3/75 */;
  line-height: 1.066667rem /* 80/75 */;
  font-size: 0.32rem /* 24/75 */;
  color: var(--dbc-ac-3);
}
.dbc-nav {
  width: 100%;
  border-bottom: 1px solid var(--dbc-bor-2);
  background: var(--dbc-ac-0);
}
.dbc-nav li {
  height: 1.066667rem /* 80/75 */;
  line-height: 1.066667rem /* 80/75 */;
  text-align: center;
}
.dbc-nav li a {
  position: relative;
  display: inline-block;
  height: 100%;
  font-size: 0.373333rem /* 28/75 */;
}
.dbc-nav li.current a {
  color: var(--dbc-main-color);
}
.dbc-nav li.current a::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0.4rem /* 30/75 */;
  height: 0.066667rem /* 5/75 */;
  content: '';
  transform: translateX(-0.2rem /* 15/75 */);
  border-radius: 0.04rem /* 3/75 */;
  background: var(--dbc-main-color);
}
.dbc-nav2 {
  position: relative;
  overflow: hidden;
}
.dbc-nav2 ul {
  background: transparent;
}
.dbc-nav2 ul li {
  float: left;
  margin-right: 0.8rem /* 60/75 */;
  width: auto;
  height: 1.066667rem /* 80/75 */;
  line-height: 1.066667rem /* 80/75 */;
  text-align: center;
  font-size: 0.373333rem /* 28/75 */;
}
.dbc-nav2 ul li span,
.dbc-nav2 ul li a {
  position: relative;
  display: inline-block;
  height: 100%;
}
.dbc-nav2 ul li span em,
.dbc-nav2 ul li a em {
  font-style: normal;
}
.dbc-nav2 ul li:last-child {
  margin-right: 0;
}
.dbc-nav2 ul li.current span,
.dbc-nav2 ul li.current a {
  color: var(--dbc-main-color);
}
.dbc-nav2 ul li.current span::after,
.dbc-nav2 ul li.current a::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0.4rem /* 30/75 */;
  content: '';
  height: 0.066667rem /* 5/75 */;
  transform: translateX(-0.2rem /* 15/75 */);
  border-radius: 0.04rem /* 3/75 */;
  background: var(--dbc-main-color);
}
.dbc-nav3 {
  padding: 0.266667rem /* 20/75 */ 0;
  overflow: hidden;
}
.dbc-nav3 ul {
  height: 0.8rem /* 60/75 */;
}
.dbc-nav3 ul li {
  float: left;
  margin-right: 0.2rem /* 15/75 */;
  width: auto;
  height: 0.8rem /* 60/75 */;
}
.dbc-nav3 ul li a,
.dbc-nav3 ul li span {
  display: block;
  padding: 0 0.266667rem /* 20/75 */;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  border: 1px solid var(--dbc-bor-1);
  border-radius: 0.08rem /* 6/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-2);
  box-sizing: border-box;
}
.dbc-nav3 ul li .num {
  margin-left: 0.08rem /* 6/75 */;
  padding: 0 0.08rem /* 6/75 */;
  background: var(--dbc-ac-3);
  color: var(--dbc-ac-0);
  font-size: 0.32rem /* 24/75 */;
  font-style: normal;
  border-radius: 0.04rem /* 3/75 */;
}
.dbc-nav3 ul .current a,
.dbc-nav3 ul .current span {
  color: var(--dbc-main-color);
  border: 1px solid var(--dbc-main-color);
}
.dbc-nav3 ul .current .num {
  background: var(--dbc-main-color);
}
.flex-box {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: flex !important;
  -webkit-box-align: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.flex {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.justify-content-between {
  justify-content: space-between;
}
/*---- 修改资料 ----*/
.spcbox {
  padding-bottom: 1.6rem /* 120/75 */;
}
.edit-avatar {
  height: 4.933333rem /* 370/75 */;
  background: var(--dbc-ac-0);
  overflow: hidden;
  border-bottom: 1px solid var(--dbc-bor-2);
}
.edit-avatar .avatar {
  margin-top: 0.933333rem /* 70/75 */;
  text-align: center;
}
.edit-avatar .avatar img {
  height: 2.533333rem /* 190/75 */;
  width: 2.533333rem /* 190/75 */;
  vertical-align: middle;
  border-radius: 50%;
}
.edit-avatar .avatar p {
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-main-color);
}
.dbc-profilelist {
  width: 100%;
  background: var(--dbc-ac-0);
}
.dbc-profilelist tr {
  width: 100%;
  line-height: 0.533333rem /* 40/75 */;
}
.dbc-profilelist th {
  padding: 0.266667rem /* 20/75 */ 0 0.266667rem /* 20/75 */ 0.266667rem /* 20/75 */;
  width: 2.666667rem /* 200/75 */;
  font-weight: normal;
  color: #888;
  font-size: 0.373333rem /* 28/75 */;
  text-align: left;
  border-bottom: 1px solid var(--dbc-bor-2);
}
.dbc-profilelist td {
  padding: 0.133333rem /* 10/75 */ 0 0.133333rem /* 10/75 */ 0.133333rem /* 10/75 */;
  border-bottom: 1px solid var(--dbc-bor-2);
  font-size: 0.373333rem /* 28/75 */;
}
.dbc-profilelist td .px {
  width: 4.266667rem /* 320/75 */;
  padding: 0.106667rem /* 8/75 */ 0.133333rem /* 10/75 */;
  line-height: 0.426667rem /* 32/75 */;
  font-size: 0.373333rem /* 28/75 */;
  border: 1px solid var(--dbc-bor-2);
}
.dbc-profilelist td .px2 {
  width: 2rem /* 150/75 */;
}
.dbc-profilelist td select {
  margin: 0.066667rem /* 5/75 */ 0;
  padding: 0.093333rem /* 7/75 */ 0.48rem /* 36/75 */ 0.093333rem /* 7/75 */ 0.133333rem /* 10/75 */;
  -webkit-appearance: none;
  background: var(--dbc-ac-0) url(../images/arrow_down.png) no-repeat right center;
  background-size: 0.48rem /* 36/75 */;
  border-radius: 0.08rem /* 6/75 */;
  border: 1px solid var(--dbc-bor-1);
  font-size: 0.373333rem /* 28/75 */;
}
.dbc-profilelist td .pc {
  margin: 0 0.133333rem /* 10/75 */;
  width: 0.373333rem /* 28/75 */;
  height: 0.373333rem /* 28/75 */;
  vertical-align: text-bottom;
}
.dbc-profilelist td a {
  color: #888;
}
.dbc-profilelist td .d {
  margin-top: 0.133333rem /* 10/75 */;
  font-size: 0.32rem /* 24/75 */;
  color: var(--dbc-ac-3);
}
.dbc-profilelist #td_qq .xi2 {
  display: none;
}
.dbc-profilelist .dbc-profilelist-y {
  width: 2.4rem /* 180/75 */;
}
.psbtn {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  background: var(--dbc-ac-0);
}
.tbms {
  margin: 0.266667rem /* 20/75 */ 0;
  padding: 0 0.4rem /* 30/75 */;
  line-height: 0.48rem /* 36/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-2);
}
.tbms i {
  margin-right: 0.106667rem /* 8/75 */;
  color: #c6001b;
}
.tbms-r i {
  color: #25a88a;
}
/*---- 修改头像 ----*/
.avatardesigner {
  padding-bottom: 1.333333rem /* 100/75 */;
  height: 100%;
  background: var(--dbc-ac-0);
}
.avatardesigner .top {
  position: fixed;
  top: 0;
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  width: 100%;
  background: var(--dbc-ac-0);
  box-sizing: border-box;
}
.avatardesigner .top .cancle {
  font-size: 0.373333rem /* 28/75 */;
  line-height: 0.8rem /* 60/75 */;
}
.avatardesigner .bottom {
  position: fixed;
  bottom: 0;
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  width: 100%;
  background: var(--dbc-ac-0);
  box-sizing: border-box;
}
.avatardesigner .bottom .opbtn {
  margin-top: 0.133333rem /* 10/75 */;
  font-size: 0.533333rem /* 40/75 */;
  color: var(--dbc-ac-2);
}
.choosebtn {
  padding: 0 0.213333rem /* 16/75 */;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  border-radius: 0.133333rem /* 10/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-0);
  background-color: var(--dbc-main-color);
}
.avatar-design-box {
  width: 100%;
  height: 100%;
  background: #f1f1f1;
}
.avatar-tips {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8.4rem /* 630/75 */;
  height: 1.6rem /* 120/75 */;
  line-height: 1.6rem /* 120/75 */;
  border-radius: 0.133333rem /* 10/75 */;
  background: var(--dbc-ac-0);
  text-align: center;
  font-size: 0.373333rem /* 28/75 */;
  display: none;
  z-index: 99;
}
.avatar-tips .loading {
  position: absolute;
  left: 1.653333rem /* 124/75 */;
}
.avatar-tips .loading i {
  float: left;
  margin: 0.533333rem /* 40/75 */ 0.133333rem /* 10/75 */ 0 0;
  width: 0.533333rem /* 40/75 */;
  height: 0.533333rem /* 40/75 */;
  background: url(../images/refresh.png) no-repeat 0 0;
  background-size: 0.533333rem /* 40/75 */;
  animation: refresh 0.8s linear infinite;
}
/* 提醒 */
.imglist,
.msglist {
  padding: 1.066667rem /* 80/75 */ 0 1.6rem /* 120/75 */;
}
.imglist li,
.msglist li {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  overflow: hidden;
  border-bottom: 1px solid var(--dbc-bor-2);
  background-color: var(--dbc-ac-0);
}
.imglist li .mimg,
.msglist li .mimg {
  position: relative;
  float: left;
  margin-right: 0.213333rem /* 16/75 */;
  width: 1.066667rem /* 80/75 */;
  height: 1.066667rem /* 80/75 */;
}
.imglist li .mimg img,
.msglist li .mimg img {
  width: 1.066667rem /* 80/75 */;
  height: 1.066667rem /* 80/75 */;
  border-radius: 50%;
  vertical-align: middle;
}
.imglist li .mimg .olicon,
.msglist li .mimg .olicon {
  position: absolute;
  right: 0;
  bottom: 0.106667rem /* 8/75 */;
  width: 0.213333rem /* 16/75 */;
  height: 0.213333rem /* 16/75 */;
  border-radius: 50%;
  background: #09f175;
}
.imglist li .addfollow,
.msglist li .addfollow,
.imglist li .delfollow,
.msglist li .delfollow {
  margin-top: 0.186667rem /* 14/75 */;
  padding: 0 0.333333rem /* 25/75 */;
  border-radius: 0.333333rem /* 25/75 */;
  line-height: 0.666667rem /* 50/75 */;
  font-size: 0.32rem /* 24/75 */;
  color: var(--dbc-main-color);
  border: 1px solid var(--dbc-main-color);
  box-sizing: border-box;
}
.imglist li .delfollow,
.msglist li .delfollow {
  color: var(--dbc-ac-3);
  border-color: var(--dbc-ac-3);
}
.imglist li .uinfo,
.msglist li .uinfo {
  overflow: hidden;
}
.imglist li .mtit,
.msglist li .mtit {
  height: 0.533333rem /* 40/75 */;
  line-height: 0.533333rem /* 40/75 */;
  font-size: 0.373333rem /* 28/75 */;
  overflow: hidden;
}
.imglist li .mico,
.msglist li .mico {
  float: right;
  margin-left: 0.133333rem /* 10/75 */;
  padding: 0 0.133333rem /* 10/75 */;
  height: 0.533333rem /* 40/75 */;
  line-height: 0.533333rem /* 40/75 */;
  font-size: 0.346667rem /* 26/75 */;
  color: var(--dbc-ac-0);
  background-color: #fe9145;
  border-radius: 0.08rem /* 6/75 */;
}
.imglist li .mico2,
.msglist li .mico2 {
  margin: 0.266667rem /* 20/75 */ 0 0.266667rem /* 20/75 */ 0.133333rem /* 10/75 */;
}
.imglist li .mtxt,
.msglist li .mtxt {
  margin-top: 0.066667rem /* 5/75 */;
  font-size: 0.373333rem /* 28/75 */;
  overflow: hidden;
  color: var(--dbc-ac-3);
}
.imglist li .mtxt2,
.msglist li .mtxt2 {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.imglist li .oprow,
.msglist li .oprow {
  float: right;
}
.imglist li .mbody,
.msglist li .mbody {
  margin-top: 0.066667rem /* 5/75 */;
  overflow: hidden;
}
.imglist li .mbody a.lit,
.msglist li .mbody a.lit {
  display: none;
}
.imglist li .mbody2,
.msglist li .mbody2 {
  padding-left: 1.28rem /* 96/75 */;
}
.imglist li a,
.msglist li a {
  color: var(--dbc-main-color);
}
.imglist li .quote,
.msglist li .quote {
  margin-top: 0.266667rem /* 20/75 */;
}
.imglist .oprow2,
.msglist .oprow2,
.imglist .opbtn,
.msglist .opbtn {
  padding: 0 0.4rem /* 30/75 */ 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  border-bottom: 1px solid var(--dbc-bor-1);
}
.imglist .oprow2 a,
.msglist .oprow2 a,
.imglist .opbtn a,
.msglist .opbtn a {
  color: var(--dbc-main-color);
}
.imglist .opbtn,
.msglist .opbtn {
  padding: 0.266667rem /* 20/75 */ 0.266667rem /* 20/75 */ 0 1.28rem /* 96/75 */;
  border: none;
}
.msglist li {
  position: relative;
  padding-left: 1.68rem /* 126/75 */;
}
.msglist li .mimg {
  position: absolute;
  left: 0.4rem /* 30/75 */;
  margin-right: 0;
}
.msglist li .pipe {
  padding: 0 0.2rem /* 15/75 */;
}
.msglist li p {
  margin-bottom: 0.133333rem /* 10/75 */;
  line-height: 0.666667rem /* 50/75 */;
}
.empty-box {
  padding: 0.666667rem /* 50/75 */ 0.4rem /* 30/75 */;
  background: var(--dbc-ac-0);
}
.empty-box h4 {
  line-height: 0.666667rem /* 50/75 */;
  font-size: 0.426667rem /* 32/75 */;
  font-weight: normal;
  text-align: center;
  color: var(--dbc-ac-3);
}
/*---- 任务 ----*/
.task-list-jd {
  position: relative;
  margin: 0.266667rem /* 20/75 */ 0;
  width: 100%;
  height: 0.666667rem /* 50/75 */;
  background: #e8e8e8;
  border-radius: 0 0.333333rem /* 25/75 */ 0.333333rem /* 25/75 */ 0;
}
.task-list-jd .task-pdr {
  display: block;
  height: 0.666667rem /* 50/75 */;
  background: #5aaf4a;
  border-radius: 0 0.333333rem /* 25/75 */ 0.333333rem /* 25/75 */ 0;
}
.task-list-jd .task-csc {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 5%;
  width: 90%;
  line-height: 0.666667rem /* 50/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-0);
}
.taskbox {
  padding-top: 1.066667rem /* 80/75 */;
  background: var(--dbc-ac-0);
}
.taskbox .tasklist .item {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
}
.taskbox .tasklist .item .task-icon {
  float: left;
  margin-right: 0.133333rem /* 10/75 */;
}
.taskbox .tasklist .item .task-icon img {
  float: left;
  width: 1.066667rem /* 80/75 */;
  height: 1.066667rem /* 80/75 */;
}
.taskbox .tasklist .item .task-body {
  overflow: hidden;
}
.taskbox .tasklist .item .task-body h3 {
  font-size: 0.426667rem /* 32/75 */;
}
.taskbox .tasklist .item .task-body span {
  color: #fe9145;
  font-size: 0.373333rem /* 28/75 */;
}
.taskbox .tasklist .item .task-body .task-list-jd {
  margin: 0.133333rem /* 10/75 */ 0 0 0;
  height: 0.426667rem /* 32/75 */;
  border-radius: 0 0.2rem /* 15/75 */ 0.2rem /* 15/75 */ 0;
}
.taskbox .tasklist .item .task-body .task-list-jd .task-pdr {
  height: 0.426667rem /* 32/75 */;
  border-radius: 0 0.2rem /* 15/75 */ 0.2rem /* 15/75 */ 0;
}
.taskbox .tasklist .item .task-body .task-list-jd .task-csc {
  line-height: 0.426667rem /* 32/75 */;
  font-size: 0.293333rem /* 22/75 */;
}
.taskbox .tasklist .item .task-body .task-list-jd .task-csc span {
  font-size: 0.293333rem /* 22/75 */;
  color: var(--dbc-ac-0);
}
.taskbox .tasklist .item i {
  float: right;
  margin-top: 0.32rem /* 24/75 */;
  font-size: 0.426667rem /* 32/75 */;
  color: var(--dbc-ac-3);
}
.taskview {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  background: var(--dbc-ac-0);
}
.taskview .task-viewbox {
  position: relative;
  padding: 0 0 0.266667rem /* 20/75 */ 0;
  border-bottom: 1px solid var(--dbc-bor-2);
  overflow: hidden;
}
.taskview .task-viewbox .notice-avt {
  float: left;
  margin-right: 0.133333rem /* 10/75 */;
  width: 1.066667rem /* 80/75 */;
  height: 1.066667rem /* 80/75 */;
  border-radius: 50%;
}
.taskview .task-viewbox .notice-avt img {
  float: left;
  width: 1.066667rem /* 80/75 */;
}
.taskview .task-viewbox .taskus {
  height: 1.066667rem /* 80/75 */;
  overflow: hidden;
}
.taskview .task-viewbox .taskus .taskname {
  line-height: 1.066667rem /* 80/75 */;
  font-size: 0.48rem /* 36/75 */;
}
.taskview .task-viewbox .taskus .taskreward {
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
}
.taskview .task-viewbox .taskjs {
  line-height: 0.666667rem /* 50/75 */;
  color: var(--dbc-ac-3);
}
.taskview table {
  width: 100%;
}
.taskview table th {
  padding: 0.266667rem /* 20/75 */ 0;
  width: 4.266667rem /* 320/75 */;
  border-bottom: 1px solid var(--dbc-bor-2);
  border-right: 1px solid var(--dbc-bor-2);
  font-weight: normal;
  color: var(--dbc-ac-3);
  text-align: left;
}
.taskview table td {
  padding: 0.133333rem /* 10/75 */ 0 0.133333rem /* 10/75 */ 0.133333rem /* 10/75 */;
  border-bottom: 1px solid var(--dbc-bor-2);
}
.taskview table td li,
.taskview table td p {
  line-height: 0.666667rem /* 50/75 */;
}
.taskview table td li a,
.taskview table td p a {
  color: var(--dbc-main-color);
}
.taskview .task-debtn {
  margin-top: 0.266667rem /* 20/75 */;
  color: var(--dbc-ac-3);
}
.taskview .task-debtn a {
  float: left;
  margin-right: 0.4rem /* 30/75 */;
  padding: 0 0.266667rem /* 20/75 */;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  background-color: var(--dbc-main-color);
  font-size: 0.373333rem /* 28/75 */;
  border-radius: 0.133333rem /* 10/75 */;
  color: var(--dbc-ac-0);
  text-align: center;
}
.taskview .task-debtn .gbtn {
  background: #606060;
}
.seperate-box {
  height: 0.266667rem /* 20/75 */;
  background: var(--dbc-ac-4);
  overflow: hidden;
}
.task-taskid .taskid-tit {
  padding: 0 0.4rem /* 30/75 */;
  font-size: 0.48rem /* 36/75 */;
  height: 1.066667rem /* 80/75 */;
  line-height: 1.066667rem /* 80/75 */;
  font-weight: 400;
  border-bottom: 1px solid var(--dbc-bor-2);
  overflow: hidden;
}
.task-taskid .task-parterlist {
  padding: 0 0.4rem /* 30/75 */ 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  overflow: hidden;
}
.task-taskid .task-parterlist li {
  float: left;
  margin: 0 2%;
  width: 12.66%;
}
.task-taskid .task-parterlist li a {
  display: block;
  margin-top: 0.266667rem /* 20/75 */;
  text-align: center;
}
.task-taskid .task-parterlist li a img {
  margin: 0 auto;
  width: 100%;
  margin-bottom: 0.133333rem /* 10/75 */;
  border-radius: 50%;
  vertical-align: middle;
}
.task-taskid .task-parterlist li a p {
  display: block;
  width: 100%;
  height: 0.666667rem /* 50/75 */;
  line-height: 0.666667rem /* 50/75 */;
  color: var(--dbc-ac-2);
  text-align: center;
  overflow: hidden;
}
/*---- end ----*/
/*---- 访问推广 ----*/
.promotion-tips {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  line-height: 0.533333rem /* 40/75 */;
  background: var(--dbc-ac-0);
  font-size: 0.373333rem /* 28/75 */;
  border-bottom: 1px solid var(--dbc-bor-2);
  color: var(--dbc-ac-2);
}
.promotion-tips span {
  color: #f60;
}
.promotion-box {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  background: var(--dbc-ac-0);
  color: var(--dbc-ac-2);
}
.promotion-box .item-tit {
  margin-bottom: 0.133333rem /* 10/75 */;
  font-size: 0.48rem /* 36/75 */;
  font-weight: 500;
  color: var(--dbc-ac-1);
}
.promotion-box .item-c i {
  margin: 0 0.066667rem /* 5/75 */;
  font-size: 0.373333rem /* 28/75 */;
}
.promotion-box .item-c a {
  color: var(--dbc-main-color);
}
.promotion-box .item-url {
  position: relative;
}
.promotion-box .item-url .px {
  display: block;
  padding: 0.133333rem /* 10/75 */;
  width: 8.133333rem /* 610/75 */;
  border: none;
  background: #f8f8f8;
  font-size: 0.426667rem /* 32/75 */;
  overflow: hidden;
  border-radius: 0.08rem /* 6/75 */ 0 0 0.08rem /* 6/75 */;
}
.promotion-box .item-url .copybtn {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 0.213333rem /* 16/75 */;
  height: 0.746667rem /* 56/75 */;
  line-height: 0.746667rem /* 56/75 */;
  font-size: 0.373333rem /* 28/75 */;
  border-radius: 0 0.08rem /* 6/75 */ 0.08rem /* 6/75 */ 0;
  background: var(--dbc-main-color);
  color: var(--dbc-ac-0);
  border: none;
}
/*---- end ----*/
/*---- 密码安全 ----*/
.profile-tips {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  line-height: 0.533333rem /* 40/75 */;
  background: var(--dbc-ac-0);
  font-size: 0.373333rem /* 28/75 */;
  border-bottom: 1px solid var(--dbc-bor-2);
  color: var(--dbc-ac-2);
}
.profile-box {
  width: 100%;
  background: var(--dbc-ac-0);
}
.profile-box th {
  width: 2.933333rem /* 220/75 */;
  padding: 0.266667rem /* 20/75 */ 0 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  border: 1px solid var(--dbc-bor-2);
  font-weight: normal;
  color: var(--dbc-ac-3);
  text-align: left;
  box-sizing: border-box;
}
.profile-box th .rq {
  color: red;
}
.profile-box td {
  padding: 0.133333rem /* 10/75 */ 0 0.133333rem /* 10/75 */ 0.133333rem /* 10/75 */;
  border: 1px solid var(--dbc-bor-2);
  box-sizing: border-box;
}
.profile-box td .px {
  padding-left: 0.133333rem /* 10/75 */;
  width: 6.666667rem /* 500/75 */;
  line-height: 0.666667rem /* 50/75 */;
  font-size: 0.426667rem /* 32/75 */;
  background: var(--dbc-ac-0);
  border: 1px solid var(--dbc-bor-1);
  border-radius: 0.133333rem /* 10/75 */;
  outline: none;
  -webkit-appearance: none;
  color: #555;
}
.profile-box td p {
  margin-top: 0.133333rem /* 10/75 */;
  width: 6.666667rem /* 500/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
}
.profile-box td p a {
  color: var(--dbc-main-color);
}
.profile-box td .pextra {
  margin: 0;
  color: var(--dbc-ac-1);
}
.profile-box td select {
  padding: 0.12rem /* 9/75 */ 0.48rem /* 36/75 */ 0.12rem /* 9/75 */ 0.066667rem /* 5/75 */;
  -webkit-appearance: none;
  max-width: 6.666667rem /* 500/75 */;
  background: var(--dbc-ac-0) url(../images/arrow_down.png) no-repeat right center;
  background-size: 0.48rem /* 36/75 */;
  border-radius: 0.08rem /* 6/75 */;
  border: 1px solid var(--dbc-bor-1);
  font-size: 0.373333rem /* 28/75 */;
}
.profile-btn {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  background: var(--dbc-ac-0);
}
/*---- end ----*/
/*---- 勋章页 ----*/
.mbox {
  margin: 0 0.4rem /* 30/75 */ 0.8rem /* 60/75 */;
  padding-top: 0.533333rem /* 40/75 */;
  border-radius: 0.266667rem /* 20/75 */;
  background: var(--dbc-ac-0);
}
.mbox li {
  position: relative;
  float: left;
  margin: 0 0.4rem /* 30/75 */ 0.533333rem /* 40/75 */ 0.4rem /* 30/75 */;
  width: 2.266667rem /* 170/75 */;
}
.mbox li .mg-img {
  width: 2.266667rem /* 170/75 */;
  height: 2.266667rem /* 170/75 */;
  line-height: 2.266667rem /* 170/75 */;
  background: url(../images/mdf.png) no-repeat 0 0;
  background-size: 2.266667rem /* 170/75 */;
  text-align: center;
}
.mbox li .mg-img img {
  max-width: 1.2rem /* 90/75 */;
  max-height: 1.2rem /* 90/75 */;
  vertical-align: middle;
}
.mbox li .mname {
  margin-top: 0.2rem /* 15/75 */;
  line-height: 0.666667rem /* 50/75 */;
  font-size: 0.346667rem /* 26/75 */;
  text-align: center;
}
.mbox li .mstatus {
  width: 100%;
  height: 0.426667rem /* 32/75 */;
  line-height: 0.373333rem /* 28/75 */;
  text-align: center;
  font-size: 0.266667rem /* 20/75 */;
  background: var(--dbc-ac-0);
  color: #d8893e;
  border: 0.026667rem /* 2/75 */ solid #d8893e;
  border-radius: 0.213333rem /* 16/75 */;
}
.mbox li .mstatus i {
  line-height: 0.373333rem /* 28/75 */;
}
.mbox .emp {
  padding: 0.4rem /* 30/75 */ 0 0.933333rem /* 70/75 */;
  font-size: 0.373333rem /* 28/75 */;
  text-align: center;
  color: var(--dbc-ac-2);
}
.mdbox {
  padding: 4.666667rem /* 350/75 */ 0.4rem /* 30/75 */ 1.6rem /* 120/75 */;
  border-radius: 8px 8px 0 0;
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 99;
  background-color: var(--dbc-ac-0);
  text-align: center;
  box-sizing: border-box;
}
.mdbox .closebtn {
  position: absolute;
  right: 0.4rem /* 30/75 */;
  top: 0.266667rem /* 20/75 */;
  width: 0.64rem /* 48/75 */;
  height: 0.64rem /* 48/75 */;
  line-height: 0.64rem /* 48/75 */;
  text-align: center;
  font-size: 0.426667rem /* 32/75 */;
  color: var(--dbc-ac-0);
  background: #f2f2f2;
  border-radius: 50%;
}
.mdbox .md-img {
  position: absolute;
  top: 1.733333rem /* 130/75 */;
  left: 50%;
  transform: translateX(-50%);
  width: 2.266667rem /* 170/75 */;
  height: 2.266667rem /* 170/75 */;
  line-height: 2.266667rem /* 170/75 */;
  background: url(../images/mdf.png) no-repeat 0 0;
  background-size: 2.266667rem /* 170/75 */;
  text-align: center;
}
.mdbox .md-img img {
  max-width: 1.2rem /* 90/75 */;
  max-height: 1.2rem /* 90/75 */;
  vertical-align: middle;
}
.mdbox .mdname {
  margin-bottom: 0.333333rem /* 25/75 */;
  font-size: 0.48rem /* 36/75 */;
}
.mdbox .mddesc {
  margin-bottom: 0.266667rem /* 20/75 */;
  line-height: 0.533333rem /* 40/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-2);
}
.mdbox .mdext {
  font-size: 0.32rem /* 24/75 */;
  color: var(--dbc-ac-3);
}
.mdbox .mdext strong {
  font-size: 0.426667rem /* 32/75 */;
  color: #f26c4f;
}
.mdbox .opbtn {
  margin-top: 0.533333rem /* 40/75 */;
}
.mdbox .mlog {
  margin-top: 0.533333rem /* 40/75 */;
  padding: 0 0.4rem /* 30/75 */;
  position: relative;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
}
.mdbox .mlog .lq,
.mdbox .mlog .rq {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.266667rem /* 20/75 */;
}
.mdbox .mlog .rq {
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
}
/*---- end ----*/
/*---- 道具 ----*/
.medallist {
  background: var(--dbc-ac-0);
}
.medallist .minfo {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  background: var(--dbc-ac-4);
  font-size: 0.373333rem /* 28/75 */;
  line-height: 0.533333rem /* 40/75 */;
}
.medallist .minfo .xi1 {
  color: #FF5656;
}
.medallist .minfo a {
  color: var(--dbc-main-color);
}
.medallist ul {
  padding: 0 0.4rem /* 30/75 */;
}
.medallist ul .item {
  padding: 0.266667rem /* 20/75 */ 0;
  border-bottom: 1px solid var(--dbc-bor-1);
}
.medal-top .mg-img {
  float: left;
  display: flex;
  margin-right: 0.2rem /* 15/75 */;
  width: 1.066667rem /* 80/75 */;
  height: 1.066667rem /* 80/75 */;
  box-shadow: 0 0 0.106667rem /* 8/75 */ var(--dbc-ac-3);
  border-radius: 0.066667rem /* 5/75 */;
  align-items: center;
  justify-content: center;
}
.medal-top .mg-img img {
  max-width: 0.8rem /* 60/75 */;
  max-height: 0.8rem /* 60/75 */;
}
.medal-top .mg-tit {
  line-height: 1.066667rem /* 80/75 */;
}
.medal-top .mg-tit h3 {
  margin-right: 0.133333rem /* 10/75 */;
  font-size: 0.426667rem /* 32/75 */;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.medal-top .mg-tit h3 span {
  margin-left: 0.133333rem /* 10/75 */;
  font-weight: normal;
}
.medal-top .mg-tit .xi1 {
  color: #ff5656;
}
.medal-top .mg-tit em {
  font-style: normal;
}
.medal-top .mg-tit2 {
  line-height: normal;
  overflow: hidden;
  padding-right: 0.8rem /* 60/75 */;
}
.medal-btn {
  padding: 0.266667rem /* 20/75 */ 0 0;
  border: none;
}
.medal-btn a {
  color: var(--dbc-main-color);
}
.medal-msg {
  margin-top: 0.2rem /* 15/75 */;
  font-size: 0.373333rem /* 28/75 */;
}
.last-medal {
  background: var(--dbc-ac-0);
}
.last-medal li {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  border-top: 1px solid var(--dbc-bor-1);
  line-height: 0.64rem /* 48/75 */;
  font-size: 0.373333rem /* 28/75 */;
}
.last-medal li img {
  float: left;
  margin-top: 0.08rem /* 6/75 */;
  width: 0.48rem /* 36/75 */;
  height: 0.48rem /* 36/75 */;
  border-radius: 50%;
}
.medal-detail {
  position: relative;
  padding: 0.4rem /* 30/75 */;
}
.medal-detail .closebtn {
  right: 0.4rem /* 30/75 */;
  top: 0.346667rem /* 26/75 */;
}
.medal-detail li,
.medal-detail .ts {
  margin: 0.133333rem /* 10/75 */ 0;
}
.medal-detail li .medal-tip,
.medal-detail .ts .medal-tip {
  margin-left: 0.133333rem /* 10/75 */;
  color: red;
}
.medal-detail li .mgnum,
.medal-detail .ts .mgnum,
.medal-detail li .px,
.medal-detail .ts .px,
.medal-detail li .crl,
.medal-detail .ts .crl {
  float: left;
  margin: 0 0.133333rem /* 10/75 */;
  padding-left: 0.133333rem /* 10/75 */;
  width: 2.666667rem /* 200/75 */;
  height: 0.666667rem /* 50/75 */;
  border: 1px solid #eee;
  font-size: 0.373333rem /* 28/75 */;
  border-radius: 0.08rem /* 6/75 */;
}
.medal-detail li .px,
.medal-detail .ts .px,
.medal-detail li .crl,
.medal-detail .ts .crl {
  margin-left: 0;
}
.medal-detail li .tit,
.medal-detail .ts .tit {
  min-width: 2.133333rem /* 160/75 */;
}
.medal-detail li .mbn,
.medal-detail .ts .mbn {
  float: left;
  margin-bottom: 0.133333rem /* 10/75 */;
}
.medal-detail li .dpbtn,
.medal-detail .ts .dpbtn {
  position: relative;
  float: left;
  margin-left: 0.2rem /* 15/75 */;
  width: 2.666667rem /* 200/75 */;
  height: 0.533333rem /* 40/75 */;
  background: #999;
  color: #fff;
  border-radius: 3px;
  font-size: 0;
}
.medal-detail li .dpbtn::after,
.medal-detail .ts .dpbtn::after {
  position: absolute;
  left: 0.213333rem /* 16/75 */;
  content: '点击选择颜色';
  font-size: 0.373333rem /* 28/75 */;
}
.medal-detail li #highlight_color_show,
.medal-detail .ts #highlight_color_show {
  display: none;
}
.medal-detail li #highlight_color_menu a,
.medal-detail .ts #highlight_color_menu a {
  float: left;
  margin: 0.4rem /* 30/75 */ 0.546667rem /* 41/75 */ 0 0;
  width: 0.533333rem /* 40/75 */;
  height: 0.533333rem /* 40/75 */;
  border-radius: 50%;
}
.medal-detail li #highlight_color_menu a:last-child,
.medal-detail .ts #highlight_color_menu a:last-child {
  margin-right: 0;
}
.magic-log-list table {
  font-size: 0.373333rem /* 28/75 */;
}
.magic-log-list table tr {
  text-align: center;
}
.magic-log-list table tr th,
.magic-log-list table tr td {
  padding: 0.133333rem /* 10/75 */;
  box-sizing: border-box;
}
.magic-log-list table tr th a,
.magic-log-list table tr td a {
  color: var(--dbc-main-color);
}
.magic-log-list table .alt th,
.magic-log-list table .alt td {
  background: #f8f8f8;
}
.mgcl {
  padding: 0.266667rem /* 20/75 */ 0 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  overflow: hidden;
}
.mgcl li {
  margin: 0 0.266667rem /* 20/75 */ 0 0;
  padding: 0.2rem /* 15/75 */;
  float: left;
  width: 2.133333rem /* 160/75 */;
  background: var(--dbc-ac-0);
  text-align: center;
  border-radius: 0.08rem /* 6/75 */;
}
.mgcl li .mg-img {
  margin-bottom: 0.2rem /* 15/75 */;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.066667rem /* 80/75 */;
}
.mgcl li .mg-img img {
  max-height: 0.8rem /* 60/75 */;
}
.mgcl li p {
  line-height: 0.533333rem /* 40/75 */;
  font-size: 0.373333rem /* 28/75 */;
  white-space: nowrap;
  overflow: hidden;
}
/*---- end ----*/
/*---- 群组 ----*/
.gbox {
  padding-bottom: 1.6rem /* 120/75 */;
}
.gbox .gbanner {
  width: 100%;
  vertical-align: middle;
}
.gbox .cgform {
  width: 100%;
  background: var(--dbc-ac-0);
}
.gbox .cgform tr {
  width: 100%;
  line-height: 0.533333rem /* 40/75 */;
}
.gbox .cgform th {
  padding: 0.266667rem /* 20/75 */ 0 0.266667rem /* 20/75 */ 0.266667rem /* 20/75 */;
  width: 2.8rem /* 210/75 */ !important;
  font-weight: normal;
  color: #888;
  font-size: 0.373333rem /* 28/75 */;
  text-align: left;
  border-bottom: 1px solid var(--dbc-bor-2);
}
.gbox .cgform th .rq {
  color: red;
}
.gbox .cgform td {
  padding: 0.133333rem /* 10/75 */ 0.133333rem /* 10/75 */ 0.133333rem /* 10/75 */ 0;
  border-bottom: 1px solid var(--dbc-bor-2);
  font-size: 0.373333rem /* 28/75 */;
}
.gbox .cgform td input {
  width: 4.266667rem /* 320/75 */;
  padding: 0.106667rem /* 8/75 */ 0.133333rem /* 10/75 */;
  line-height: 0.426667rem /* 32/75 */;
  font-size: 0.373333rem /* 28/75 */;
  border: 1px solid var(--dbc-bor-2);
}
.gbox .cgform td select {
  margin: 0.066667rem /* 5/75 */ 0;
  padding: 0.093333rem /* 7/75 */ 0.48rem /* 36/75 */ 0.093333rem /* 7/75 */ 0.133333rem /* 10/75 */;
  -webkit-appearance: none;
  background: var(--dbc-ac-0) url(../images/arrow_down.png) no-repeat right center;
  background-size: 0.48rem /* 36/75 */;
  border-radius: 0.08rem /* 6/75 */;
  border: 1px solid var(--dbc-bor-2);
  font-size: 0.373333rem /* 28/75 */;
}
.gbox .cgform td a {
  color: #888;
}
.gbox .cgform td .px {
  border-radius: 0.133333rem /* 10/75 */;
  -webkit-appearance: none;
}
.gbox .cgform td .pr,
.gbox .cgform td .pc {
  margin-right: 0.133333rem /* 10/75 */;
  width: 0.4rem /* 30/75 */;
  height: 0.4rem /* 30/75 */;
  vertical-align: text-bottom;
}
.gbox .cgform td .tips {
  font-size: 0.346667rem /* 26/75 */;
  color: #f56c6c;
}
.gbox .cgform td .tips2 {
  font-size: 0.346667rem /* 26/75 */;
  color: var(--dbc-ac-3);
}
.gbox .cgform td .lb {
  margin-bottom: 0.133333rem /* 10/75 */;
  display: block;
}
.gbox .cgform td .gbanner {
  width: 100%;
}
.gbox .cgform td .gicon {
  width: 0.64rem /* 48/75 */;
}
.gbox .cgform td .pf {
  padding: 0;
  margin-bottom: 0.133333rem /* 10/75 */;
  width: auto;
  line-height: normal;
  border: none;
  font-size: 0.32rem /* 24/75 */;
  color: var(--dbc-ac-2);
}
.gbox .mlbox {
  background: var(--dbc-ac-0);
}
.gbox .mlbox h2 {
  margin: 0 0.4rem /* 30/75 */;
  height: 0.96rem /* 72/75 */;
  line-height: 0.96rem /* 72/75 */;
  font-size: 0.48rem /* 36/75 */;
  border-bottom: 0.026667rem /* 2/75 */ solid var(--dbc-bor-1);
}
.gbox .mlbox li {
  padding: 0 0.4rem /* 30/75 */;
}
.gbox .mlbox li a {
  position: relative;
  display: block;
  padding: 0.266667rem /* 20/75 */ 0;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.373333rem /* 28/75 */;
  border-bottom: 1px solid #f5f5f5;
}
.gbox .mlbox li a img {
  float: left;
  width: 0.8rem /* 60/75 */;
  height: 0.8rem /* 60/75 */;
  border-radius: 50%;
}
.gbox .mlbox li a .memtit,
.gbox .mlbox li a .memstatus {
  margin: 0.186667rem /* 14/75 */ 0 0.186667rem /* 14/75 */ 0.133333rem /* 10/75 */;
  padding: 0 0.133333rem /* 10/75 */;
  height: 0.426667rem /* 32/75 */;
  line-height: 0.426667rem /* 32/75 */;
  font-size: 0.32rem /* 24/75 */;
  font-style: normal;
  border-radius: 0.08rem /* 6/75 */;
  color: var(--dbc-ac-0);
  background: #ff9900;
}
.gbox .mlbox li a .memstatus {
  background: #09f175;
}
.gbox .mlbox li a i,
.gbox .mlbox li a .pc {
  position: absolute;
  right: 0;
  top: 0.453333rem /* 34/75 */;
  height: 0.48rem /* 36/75 */;
  width: 0.48rem /* 36/75 */;
  line-height: 0.48rem /* 36/75 */;
  font-size: 0.426667rem /* 32/75 */;
  text-align: center;
  color: #c2c4ca;
}
.gbox .mlbox li a .pc {
  top: 0.466667rem /* 35/75 */;
  width: 0.4rem /* 30/75 */;
  height: 0.4rem /* 30/75 */;
}
.gbox .mlbox li:active {
  background: #f7f7f7;
}
.gbox .oprow {
  display: flex;
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  justify-content: space-between;
  background: var(--dbc-ac-0);
}
.gbox .oprow .dbc-btn {
  margin: 0;
  padding: 0 0.133333rem /* 10/75 */;
  width: auto;
  height: 0.666667rem /* 50/75 */;
  line-height: 0.666667rem /* 50/75 */;
  font-size: 0.32rem /* 24/75 */;
}
.gbox .sbox {
  padding: 0.266667rem /* 20/75 */ 0;
  background: var(--dbc-ac-0);
  display: flex;
  justify-content: center;
}
.gbox .sbox .stxt {
  margin-right: 0.2rem /* 15/75 */;
  padding-left: 0.24rem /* 18/75 */;
  width: 6.933333rem /* 520/75 */;
  height: 0.8rem /* 60/75 */;
  border-radius: 0.133333rem /* 10/75 */;
  overflow: hidden;
  background: var(--dbc-bor-2);
}
.gbox .sbox .stxt i {
  float: left;
  margin: 0.213333rem /* 16/75 */ 0.106667rem /* 8/75 */ 0 0;
  font-size: 0.373333rem /* 28/75 */;
  color: #979797;
}
.gbox .sbox .stxt .px {
  float: left;
  width: 4.266667rem /* 320/75 */;
  height: 100%;
  font-size: 0.373333rem /* 28/75 */;
  overflow: hidden;
  border: none;
  background: #eaeded;
  -webkit-appearance: none;
}
.gbox .sbox .sbtn {
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.426667rem /* 32/75 */;
  background: transparent;
  border: none;
}
.gbox .mgbox {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  background: var(--dbc-ac-0);
}
.gbox .mgbox .emp {
  padding: 0.4rem /* 30/75 */ 0;
  font-size: 0.373333rem /* 28/75 */;
  text-align: center;
  color: var(--dbc-ac-2);
}
.gbox .mgbox .trow {
  padding-bottom: 0.133333rem /* 10/75 */;
  border-bottom: 1px solid var(--dbc-bor-1);
}
.gbox .mgbox .trow .dbc-btn {
  margin: 0;
  width: 1.866667rem /* 140/75 */;
  height: 0.666667rem /* 50/75 */;
  line-height: 0.666667rem /* 50/75 */;
  font-size: 0.346667rem /* 26/75 */;
}
.gbox .mgbox li {
  padding: 0.266667rem /* 20/75 */ 0;
  border-bottom: 1px solid var(--dbc-bor-1);
}
.gbox .mgbox li .avt {
  float: left;
  margin-right: 0.266667rem /* 20/75 */;
}
.gbox .mgbox li .avt img {
  width: 0.96rem /* 72/75 */;
  height: 0.96rem /* 72/75 */;
  border: 1px solid #d9d9d9;
  vertical-align: middle;
  border-radius: 50%;
}
.gbox .mgbox li .info {
  margin-right: 0.133333rem /* 10/75 */;
  overflow: hidden;
}
.gbox .mgbox li .info .aname {
  font-size: 0.373333rem /* 28/75 */;
}
.gbox .mgbox li .info .date {
  margin-top: 0.066667rem /* 5/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-3);
}
.gbox .mgbox li .extra {
  float: right;
}
.gbox .mgbox li .extra .dbc-btn {
  margin-top: 0.24rem /* 18/75 */;
  width: 1.6rem /* 120/75 */;
  height: 0.533333rem /* 40/75 */;
  line-height: 0.533333rem /* 40/75 */;
  font-size: 0.32rem /* 24/75 */;
}
.gbox .mtbox {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  background: var(--dbc-ac-0);
}
.gbox .mtbox .cgform th {
  width: 2.933333rem /* 220/75 */ !important;
}
.gbox .mtbox .cgform td .lb {
  display: inline-block;
}
.gbox .mtbox .cgform td .px {
  width: auto;
}
.gbox .mtbox .cgform .tlist th {
  padding-left: 0;
}
.gbox .mtbox .cgform .tlist td {
  padding-right: 0;
}
.gbox .mtbox .cgform .addrow {
  margin: 0.08rem /* 6/75 */ 0.106667rem /* 8/75 */ 0.08rem /* 6/75 */ 0;
  float: left;
  color: #e68a1a;
}
.gbox .mtbox h2 {
  padding: 0.133333rem /* 10/75 */ 0;
  height: 0.96rem /* 72/75 */;
  line-height: 0.96rem /* 72/75 */;
  font-size: 0.48rem /* 36/75 */;
  border-bottom: 0.026667rem /* 2/75 */ solid var(--dbc-bor-1);
  box-sizing: content-box;
}
.gbox .mdbox2 {
  padding: 0 0.4rem /* 30/75 */ 0.266667rem /* 20/75 */;
  background: var(--dbc-ac-0);
}
.gbox .mdbox2 h2 {
  padding: 0.133333rem /* 10/75 */ 0;
  height: 0.96rem /* 72/75 */;
  line-height: 0.96rem /* 72/75 */;
  font-size: 0.48rem /* 36/75 */;
  box-sizing: content-box;
}
.gbox .mdbox2 .dtips {
  padding: 0 0.4rem /* 30/75 */;
}
.gbox .mdbox2 .dtips p {
  color: var(--dbc-ac-3);
  font-size: 0.346667rem /* 26/75 */;
}
.gbox .mdbox2 .cgform th {
  padding-left: 0;
  width: 2.933333rem /* 220/75 */ !important;
}
.gbox .mdbox2 .tit {
  padding: 0.266667rem /* 20/75 */ 0;
  border-bottom: 1px solid var(--dbc-bor-1);
}
.gbox .mdbox2 li a {
  position: relative;
  display: block;
  padding: 0.266667rem /* 20/75 */ 0;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.373333rem /* 28/75 */;
  border-bottom: 1px solid #f5f5f5;
}
.gbox .mdbox2 li a img {
  float: left;
  width: 0.8rem /* 60/75 */;
  height: 0.8rem /* 60/75 */;
  border-radius: 50%;
}
.gbox .mdbox2 li a .pr {
  position: absolute;
  right: 0;
  top: 0.466667rem /* 35/75 */;
  width: 0.4rem /* 30/75 */;
  height: 0.4rem /* 30/75 */;
}
.gbox .mdbox2 .px {
  padding: 0.106667rem /* 8/75 */ 0.133333rem /* 10/75 */;
  width: 100%;
  line-height: 0.426667rem /* 32/75 */;
  font-size: 0.373333rem /* 28/75 */;
  border-radius: 0.133333rem /* 10/75 */;
  border: 1px solid var(--dbc-bor-2);
}
.gbox .mdbox2 .gpwd {
  padding: 0.266667rem /* 20/75 */ 0;
  border-bottom: 1px solid var(--dbc-bor-2);
}
/*---- end ----*/
/*---- 用户组 ----*/
.ugbox {
  padding-top: 1.066667rem /* 80/75 */;
  background: var(--dbc-ac-0);
}
.ugbox .ginfo {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  background: linear-gradient(180deg, var(--dbc-ac-0), #f0f5f9);
}
.ugbox .ginfo .avatar {
  margin-right: 0.266667rem /* 20/75 */;
  float: left;
}
.ugbox .ginfo .avatar img {
  width: 1.2rem /* 90/75 */;
  height: 1.2rem /* 90/75 */;
  border-radius: 50%;
  vertical-align: middle;
}
.ugbox .ginfo p {
  overflow: hidden;
}
.ugbox .ginfo p .pipe {
  float: left;
  margin: 0.026667rem /* 2/75 */ 0.333333rem /* 25/75 */;
}
.ugbox .ginfo p a {
  color: var(--dbc-main-color);
}
.ugbox .ginfo .credit {
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-2);
}
.ugbox ul {
  float: left;
  width: 50%;
}
.ugbox ul li {
  padding: 0.2rem /* 15/75 */ 0.4rem /* 30/75 */;
  min-height: 0.96rem /* 72/75 */;
  line-height: 0.56rem /* 42/75 */;
  font-size: 0.373333rem /* 28/75 */;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: var(--dbc-ac-0);
  box-sizing: border-box;
}
.ugbox ul li i {
  float: left;
  line-height: 0.56rem /* 42/75 */;
  font-size: 0.426667rem /* 32/75 */;
}
.ugbox ul li:nth-child(even) {
  background: #f8f8f8;
}
.ugbox table {
  font-size: 0.373333rem /* 28/75 */;
}
.ugbox table tr {
  text-align: center;
}
.ugbox table tr th,
.ugbox table tr td {
  padding: 0.133333rem /* 10/75 */;
  box-sizing: border-box;
}
.ugbox table tr th a,
.ugbox table tr td a {
  color: var(--dbc-main-color);
}
.ugbox table .alt th,
.ugbox table .alt td {
  background: #f8f8f8;
}
.ugbox .valid {
  color: #7CBE00;
}
.ugbox .invalid {
  color: #FF512C;
}
.ugbox .tinfo {
  padding: 0.266667rem /* 20/75 */ 0.133333rem /* 10/75 */;
  font-size: 0.373333rem /* 28/75 */;
}
.ugbox .tinfo .xi1 {
  color: #F26C4F;
}
.ugbox .tinfo .ps {
  margin-bottom: 0.133333rem /* 10/75 */;
  padding: 0 0.64rem /* 48/75 */ 0 0.133333rem /* 10/75 */;
  max-width: 100%;
  height: 0.8rem /* 60/75 */;
  font-size: 0.373333rem /* 28/75 */;
  outline: none;
  -webkit-appearance: none;
  background: var(--dbc-ac-0) url(../images/arrow_down.png) no-repeat right center;
  background-size: 0.64rem /* 48/75 */;
  border-radius: 0.133333rem /* 10/75 */;
  border: 1px solid var(--dbc-bor-1);
}
.ugtips {
  padding: 0.133333rem /* 10/75 */ 0.4rem /* 30/75 */;
  line-height: 0.56rem /* 42/75 */;
  font-size: 0.373333rem /* 28/75 */;
}
.ugtips i {
  float: left;
  line-height: 0.56rem /* 42/75 */;
  font-size: 0.426667rem /* 32/75 */;
}
.ugtips .valid {
  color: #7CBE00;
}
.ugtips .invalid {
  color: #FF512C;
}
.opugbox {
  margin: 0 auto;
  padding: 0.266667rem /* 20/75 */;
  font-size: 0.373333rem /* 28/75 */;
  background: var(--dbc-ac-0);
  border-radius: 0.133333rem /* 10/75 */;
}
.opugbox h3 {
  position: relative;
  margin-bottom: 0.133333rem /* 10/75 */;
  line-height: 1.066667rem /* 80/75 */;
  text-align: center;
}
.opugbox .wrap .list {
  width: 100%;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-2);
}
.opugbox .wrap .list th,
.opugbox .wrap .list td {
  padding: 0.08rem /* 6/75 */ 0.133333rem /* 10/75 */;
  text-align: left;
}
.opugbox .wrap .list th .px,
.opugbox .wrap .list td .px {
  padding-left: 0.133333rem /* 10/75 */;
  height: 0.56rem /* 42/75 */;
  width: 1.2rem /* 90/75 */;
  border: 1px solid var(--dbc-bor-1);
  -webkit-appearance: none;
  font-size: 0.373333rem /* 28/75 */;
  border-radius: 0.08rem /* 6/75 */;
}
/*---- end ----*/
/*---- 订单支付 ----*/
.pay-group {
  position: relative;
  margin: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */ 0.666667rem /* 50/75 */;
  background: var(--dbc-ac-0);
  overflow: hidden;
  border-radius: 0.106667rem /* 8/75 */;
}
.pay-item {
  position: relative;
  display: flex;
  padding: 0.133333rem /* 10/75 */ 0.266667rem /* 20/75 */;
  width: 100%;
  line-height: 0.666667rem /* 50/75 */;
  overflow: hidden;
  color: #323232;
  font-size: 0.373333rem /* 28/75 */;
  box-sizing: border-box;
  background-color: var(--dbc-ac-0);
}
.pay-item .pay-tit {
  width: 2rem /* 150/75 */;
  color: var(--dbc-ac-3);
}
.pay-item .pay-tit img {
  height: 0.533333rem /* 40/75 */;
  vertical-align: middle;
}
.pay-item .pay-val {
  flex: 1;
  position: relative;
  overflow: hidden;
  text-align: right;
  vertical-align: middle;
  word-wrap: break-word;
}
.pay-item .pay-val em {
  font-size: 0.56rem /* 42/75 */;
  font-style: normal;
}
.pay-item .pay-val input {
  width: 0.32rem /* 24/75 */;
  height: 0.32rem /* 24/75 */;
}
.pay-btn {
  margin-bottom: 0.4rem /* 30/75 */;
  padding: 0 0.4rem /* 30/75 */;
}
/*---- end ----*/
/*---- 隐私筛选 ----*/
.prbox {
  padding: 1.066667rem /* 80/75 */ 0 0.4rem /* 30/75 */;
  background: var(--dbc-ac-0);
}
.prbox table {
  width: 100%;
  font-size: 0.373333rem /* 28/75 */;
}
.prbox table tr {
  text-align: left;
}
.prbox table tr th {
  width: 2.4rem /* 180/75 */;
}
.prbox table tr th,
.prbox table tr td {
  padding: 0.133333rem /* 10/75 */ 0.4rem /* 30/75 */;
}
.prbox table tr th a,
.prbox table tr td a {
  color: var(--dbc-main-color);
}
.prbox table tr th select,
.prbox table tr td select {
  padding: 0 0.64rem /* 48/75 */ 0 0.133333rem /* 10/75 */;
  max-width: 100%;
  height: 0.8rem /* 60/75 */;
  font-size: 0.373333rem /* 28/75 */;
  outline: none;
  -webkit-appearance: none;
  background: var(--dbc-ac-0) url(../images/arrow_down.png) no-repeat right center;
  background-size: 0.64rem /* 48/75 */;
  border-radius: 0.133333rem /* 10/75 */;
  border: 1px solid var(--dbc-bor-1);
}
.prbox table tr th .d,
.prbox table tr td .d {
  margin-top: 0.133333rem /* 10/75 */;
  font-size: 0.32rem /* 24/75 */;
  color: var(--dbc-ac-3);
}
.prbox table tr th label,
.prbox table tr td label {
  display: inline-block;
  margin: 0 0.2rem /* 15/75 */ 0.133333rem /* 10/75 */ 0;
  white-space: nowrap;
}
.prbox table tr th label .pc,
.prbox table tr td label .pc {
  margin-bottom: 0.04rem /* 3/75 */;
  margin-right: 0.133333rem /* 10/75 */;
  width: 0.346667rem /* 26/75 */;
  height: 0.346667rem /* 26/75 */;
  vertical-align: text-bottom;
}
.prbox table h2 {
  padding: 0.133333rem /* 10/75 */ 0.4rem /* 30/75 */;
  font-size: 0.48rem /* 36/75 */;
  text-align: left;
}
.prtips {
  margin: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  padding: 0.133333rem /* 10/75 */;
  line-height: 0.56rem /* 42/75 */;
  background: var(--dbc-ac-4);
  font-size: 0.373333rem /* 28/75 */;
  text-align: left;
  border-radius: 0.08rem /* 6/75 */;
}
/*---- end ----*/
/*---- ranklist ----*/
.rankbox {
  margin-top: 0.266667rem /* 20/75 */;
}
.rankbox .ritem {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  background: var(--dbc-ac-0);
}
.rankbox .ritem .rtit {
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.373333rem /* 28/75 */;
  border-bottom: 1px solid var(--dbc-bor-2);
}
.rankbox .ritem .rcontent .ulist li {
  padding: 0.266667rem /* 20/75 */ 0;
  height: 0.8rem /* 60/75 */;
  border-bottom: 1px solid var(--dbc-bor-2);
  box-sizing: content-box;
}
.rankbox .ritem .rcontent .ulist li .number {
  margin: 0.133333rem /* 10/75 */ 0.2rem /* 15/75 */ 0.133333rem /* 10/75 */ 0;
  position: relative;
  float: left;
  width: 0.533333rem /* 40/75 */;
  height: 0.533333rem /* 40/75 */;
  line-height: 0.533333rem /* 40/75 */;
  font-size: 0.32rem /* 24/75 */;
  color: var(--dbc-ac-2);
  text-align: center;
}
.rankbox .ritem .rcontent .ulist li .number2 {
  margin: 0.373333rem /* 28/75 */ 0.2rem /* 15/75 */ 0.373333rem /* 28/75 */ 0;
}
.rankbox .ritem .rcontent .ulist li .avatar {
  position: relative;
  float: left;
  margin-right: 0.2rem /* 15/75 */;
}
.rankbox .ritem .rcontent .ulist li .avatar img {
  width: 0.8rem /* 60/75 */;
  height: 0.8rem /* 60/75 */;
  border-radius: 50%;
}
.rankbox .ritem .rcontent .ulist li .avatar .olicon {
  position: absolute;
  right: 0;
  bottom: 0.106667rem /* 8/75 */;
  width: 0.213333rem /* 16/75 */;
  height: 0.213333rem /* 16/75 */;
  border-radius: 50%;
  background: #09f175;
}
.rankbox .ritem .rcontent .ulist li .tit {
  display: block;
  line-height: 0.8rem /* 60/75 */;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rankbox .ritem .rcontent .ulist li .name,
.rankbox .ritem .rcontent .ulist li .num {
  line-height: 0.8rem /* 60/75 */;
  font-size: 0.373333rem /* 28/75 */;
}
.rankbox .ritem .rcontent .ulist li .crown {
  float: right;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
}
.rankbox .ritem .rcontent .ulist li .uinfo {
  line-height: 0.533333rem /* 40/75 */;
  font-size: 0.373333rem /* 28/75 */;
  overflow: hidden;
}
.rankbox .ritem .rcontent .ulist li .uinfo .aname {
  line-height: 0.8rem /* 60/75 */;
}
.rankbox .ritem .rcontent .ulist li .uinfo a {
  color: var(--dbc-main-color);
}
.rankbox .ritem .rcontent .ulist li .opbtn {
  margin-left: 0.2rem /* 15/75 */;
}
.rankbox .ritem .rcontent .ulist li .opbtn a {
  display: block;
  padding: 0 0.133333rem /* 10/75 */;
  height: 0.533333rem /* 40/75 */;
  line-height: 0.533333rem /* 40/75 */;
  font-size: 0.346667rem /* 26/75 */;
  color: var(--dbc-ac-0);
  background-color: #fe9145;
  border-radius: 0.08rem /* 6/75 */;
}
.rankbox .ritem .rcontent .ulist li .tcontent {
  overflow: hidden;
}
.rankbox .ritem .rcontent .ulist li .tcontent .title {
  margin-bottom: 0.2rem /* 15/75 */;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rankbox .ritem .rcontent .ulist li .tcontent .msg {
  margin-bottom: 0.2rem /* 15/75 */;
  line-height: 0.533333rem /* 40/75 */;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-2);
}
.rankbox .ritem .rcontent .ulist li .tcontent .msg2 {
  margin-bottom: 0.2rem /* 15/75 */;
  line-height: 0.533333rem /* 40/75 */;
  font-size: 0.373333rem /* 28/75 */;
  color: var(--dbc-ac-2);
}
.rankbox .ritem .rcontent .ulist li .tcontent .msg2 em {
  font-style: normal;
}
.rankbox .ritem .rcontent .ulist li .tcontent .info {
  line-height: 0.533333rem /* 40/75 */;
  font-size: 0.373333rem /* 28/75 */;
}
.rankbox .ritem .rcontent .ulist li .tcontent .info .avatar {
  margin-top: 0.026667rem /* 2/75 */;
}
.rankbox .ritem .rcontent .ulist li .tcontent .info .avatar img {
  display: block !important;
  width: 0.48rem /* 36/75 */;
  height: 0.48rem /* 36/75 */;
}
.rankbox .ritem .rcontent .ulist li .pic {
  margin-left: 0.2rem /* 15/75 */;
}
.rankbox .ritem .rcontent .ulist li .pic img {
  float: left;
  width: 2.933333rem /* 220/75 */;
  height: 2rem /* 150/75 */;
  object-fit: cover;
  border-radius: 0.066667rem /* 5/75 */;
}
.rankbox .ritem .rcontent .plist li {
  float: left;
  margin: 0.133333rem /* 10/75 */ 0.2rem /* 15/75 */ 0.133333rem /* 10/75 */ 0;
  width: 2.933333rem /* 220/75 */;
  position: relative;
}
.rankbox .ritem .rcontent .plist li .number {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.533333rem /* 40/75 */;
  height: 0.533333rem /* 40/75 */;
  line-height: 0.533333rem /* 40/75 */;
  font-size: 0.32rem /* 24/75 */;
  color: var(--dbc-ac-0);
  text-align: center;
}
.rankbox .ritem .rcontent .plist li .pic img {
  width: 2.933333rem /* 220/75 */;
  height: 2.933333rem /* 220/75 */;
  object-fit: cover;
}
.rankbox .ritem .rcontent .plist li p {
  width: 2.933333rem /* 220/75 */;
  line-height: 0.533333rem /* 40/75 */;
  text-align: center;
  font-size: 0.373333rem /* 28/75 */;
  white-space: nowrap;
  overflow: hidden;
}
.rankbox .ritem .rcontent .plist li:nth-child(3n) {
  margin-right: 0;
}
.rankbox .ritem .rcontent .number i {
  position: absolute;
  left: 0;
  font-size: 0.533333rem /* 40/75 */;
  z-index: 0;
}
.rankbox .ritem .rcontent .number .index {
  position: absolute;
  left: 0;
  width: 0.533333rem /* 40/75 */;
  text-align: center;
  line-height: 0.533333rem /* 40/75 */;
  z-index: 1;
}
.rankbox .ritem .rcontent .first .number,
.rankbox .ritem .rcontent .second .number,
.rankbox .ritem .rcontent .third .number,
.rankbox .ritem .rcontent .four .number {
  color: var(--dbc-ac-0);
}
.rankbox .ritem .rcontent .first i {
  color: #ffd78c;
}
.rankbox .ritem .rcontent .second i {
  color: #d3d3d3;
}
.rankbox .ritem .rcontent .third i {
  color: #ddb09b;
}
.rankbox .ritem .rcontent .four i {
  color: #cccccc;
}
.rankbox .ritem .dbc-title {
  padding: 0;
}
.rankbox .ritem table {
  width: 100%;
  background: var(--dbc-ac-0);
}
.rankbox .ritem table tr {
  width: 100%;
  line-height: 0.533333rem /* 40/75 */;
}
.rankbox .ritem table th {
  padding: 0.266667rem /* 20/75 */ 0;
  width: 2.666667rem /* 200/75 */;
  font-weight: normal;
  color: #888;
  font-size: 0.373333rem /* 28/75 */;
  text-align: left;
  border-bottom: 1px solid var(--dbc-bor-2);
}
.rankbox .ritem table td {
  padding: 0.133333rem /* 10/75 */ 0 0.133333rem /* 10/75 */ 0.133333rem /* 10/75 */;
  border-bottom: 1px solid var(--dbc-bor-2);
  font-size: 0.373333rem /* 28/75 */;
}
.rankbox .ritem table td input {
  width: 4.266667rem /* 320/75 */;
  padding: 0.106667rem /* 8/75 */ 0.133333rem /* 10/75 */;
  line-height: 0.426667rem /* 32/75 */;
  font-size: 0.373333rem /* 28/75 */;
  border: 1px solid var(--dbc-bor-2);
}
.rankbox .ritem table td select {
  margin: 0.066667rem /* 5/75 */ 0;
  padding: 0.093333rem /* 7/75 */ 0.48rem /* 36/75 */ 0.093333rem /* 7/75 */ 0.133333rem /* 10/75 */;
  -webkit-appearance: none;
  background: var(--dbc-ac-0) url(../images/arrow_down.png) no-repeat right center;
  background-size: 0.48rem /* 36/75 */;
  border-radius: 0.08rem /* 6/75 */;
  border: 1px solid var(--dbc-bor-1);
  font-size: 0.373333rem /* 28/75 */;
}
.rankbox .ritem table td a {
  color: var(--dbc-main-color);
}
.rankbox .ritem table td .d {
  margin-top: 0.133333rem /* 10/75 */;
  font-size: 0.32rem /* 24/75 */;
  color: var(--dbc-ac-3);
}
.rankbox .filter-wrap {
  padding: 0 0.4rem /* 30/75 */;
  height: 0.8rem /* 60/75 */;
  line-height: 0.8rem /* 60/75 */;
  border-bottom: 1px solid var(--dbc-bor-2);
  background: var(--dbc-ac-0);
}
.rankbox .filter-wrap a {
  margin-right: 0.266667rem /* 20/75 */;
  color: var(--dbc-ac-2);
  font-size: 0.373333rem /* 28/75 */;
}
.rankbox .filter-wrap .current {
  display: inline-block;
  height: 0.773333rem /* 58/75 */;
  font-weight: 500;
  color: var(--dbc-ac-1);
  border-bottom: 0.026667rem /* 2/75 */ solid var(--dbc-ac-1);
}
.rankbox .notice {
  padding: 0.266667rem /* 20/75 */ 0.4rem /* 30/75 */;
  line-height: 0.56rem /* 42/75 */;
  font-size: 0.373333rem /* 28/75 */;
}
.rankbox .notice i {
  float: left;
  margin: 0.093333rem /* 7/75 */ 0.133333rem /* 10/75 */ 0.093333rem /* 7/75 */ 0;
  color: #F26C4F;
}
.pokeinfo {
  margin-bottom: 0.2rem /* 15/75 */;
  line-height: 0.8rem /* 60/75 */;
}
.pokeinfo .avt {
  margin-right: 0.266667rem /* 20/75 */;
}
.pokeinfo .avt img {
  float: left;
  width: 0.8rem /* 60/75 */;
  height: 0.8rem /* 60/75 */;
  border-radius: 50%;
}
.pokeinfo p {
  margin-bottom: 0;
  overflow: hidden;
}
.pokeinfo .px {
  display: block;
  overflow: hidden;
  width: auto;
}
.poke li {
  float: left;
  width: 50%;
  line-height: 0.666667rem /* 50/75 */;
}
.poke li img {
  height: 0.4rem /* 30/75 */;
  vertical-align: middle;
}
/*---- end ----*/
/*---- friend ----*/
.fbox table {
  width: 100%;
}
.fbox table .avt {
  width: 1rem /* 75/75 */;
  text-align: left;
}
.fbox table .avt img {
  width: 0.8rem /* 60/75 */;
  height: 0.8rem /* 60/75 */;
  border-radius: 50%;
}
.fbox table .item {
  padding: 0.133333rem /* 10/75 */ 0;
  font-size: 0.373333rem /* 28/75 */;
}
.cfbox {
  margin-top: 0;
  padding: 0;
  background: var(--dbc-ac-0);
  overflow: hidden;
}
.cfbox .flist {
  padding: 0 0.4rem /* 30/75 */;
}
.cfbox .flist li {
  float: left;
  margin-bottom: 0.266667rem /* 20/75 */;
  width: 25%;
}
.cfbox .flist li .avt {
  display: block;
  text-align: center;
}
.cfbox .flist li .avt img {
  width: 1.066667rem /* 80/75 */;
  height: 1.066667rem /* 80/75 */;
  border-radius: 50%;
  vertical-align: middle;
}
.cfbox .flist li .uname {
  display: block;
  margin-top: 0.133333rem /* 10/75 */;
  text-align: center;
  line-height: 0.533333rem /* 40/75 */;
}
/*---- end ----*/