.home {
  width: 100%;
  margin: 0 auto;
  background: #f7f8fc;
  position: relative;
  min-height: 600px;
  font-size: 14px;
  padding-top: 20px;
}
.home .el-button {
  min-height: 40px;
  height: 40px;
  line-height: 40px;
}
.home__model {
  background: #f7f8fc;
}
.home__model > div {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.home__model__side {
  width: 270px;
  background: #fff;
  border-radius: 10px;
  /* position: absolute;
  left: 0;
  top: 0; */
}
.home__model__side > p a {
  display: block;
}
.home__model__side > p {
  background: #fff;
  color: #333;
  line-height: 59.4px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
.home__model__side > p {
  background: #fff;
  color: #333;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  cursor: pointer;
  white-space: nowrap;
}
.home__model__side > p > span {
  display: block;
}
.home__model__side > p:hover span,
.home__model__side > p:hover a {
  color: #fff;
  background: #10a9f4;
}
.home__model__side > p:hover .new__a .new__a__center > span:nth-child(1) {
  color: #fff !important;
}
.home__model__side > p:hover .new__a .new__a__center > span:nth-child(2) {
  color: #fff !important;
}
.home__model__side > p:hover .new__a i {
  color: #fff !important;
}
.home__model__side .active {
  line-height: 41.4px;
  color: #fff;
  background: #10a9f4;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px 0;
}
.home__model__side .active a {
  display: inline-block;
}
.home__model__side .active a {
  display: inline-block;
  width: 33%;
  text-align: center;
  color: #fff;
}
.home__model__side .new__a {
  width: calc(100% - 60px);
  padding: 10.79px 0;
  border-bottom: 1px solid #e4e9ed;
  margin: 0 auto;
}
.home__model__side > p:hover .new__a {
  border-color: #10a9f4;
}
.home__model__side > p:last-child .new__a {
  border-bottom: none;
}
.home__model__side .new__a .new__a__center {
  width: 90%;
  font-size: 14px;
  display: inline-block;
  line-height: 23px;
  text-align: left;
}
.home__model__side .new__a .new__a__center > span:nth-child(1) {
  display: inline-block;
  width: 100%;
  color: #343536;
}
.home__model__side .new__a .new__a__center > span:nth-child(1) > i {
  font-size: 20px;
  margin-right: 4px;
  color: #343536;
  vertical-align: bottom;
}
.home__model__side .new__a .new__a__center > span:nth-child(2) {
  display: block;
  width: 100%;
  color: #7d8183;
  font-size: 12px;
}
.home__model__side .new__a > i {
  color: #7d8183;
  float: right;
  margin-top: 15px;
}
.home__model__side .active a:nth-child(1) {
  border-right: 1px solid #fff;
}
.home__model__side .active a:nth-child(2) {
  border-right: 1px solid #fff;
}
.home__model__side .side_box .side_item {
  display: flex;
  padding: 10px 19px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.home__model__side .side_box a:last-of-type .side_item {
  border: none;
}
.home__model__side .side_box .side_item:hover {
  background: #fff9e1;
}
.home__model__side .side_box .side_item .img {
  width: 33px;
  height: 32px;
  margin-right: 20px;
}
.home__model__side .side_box .side_item .img > img {
  display: block;
  width: 33px;
  height: 32px;
}
.home__model__side .side_box .side_item .title {
  font-size: 14px;
  font-weight: 600;
  color: #202631;
  margin-bottom: 2px;
}
.home__model__side .side_box .side_item .tips {
  font-size: 12px;
  font-weight: 300;
  color: #a1a1a1;
}
.nwe__public {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
  width: 1200px;
  margin: 30px auto;
  background: #fff;
  border-radius: 10px;
  align-items: center;
  line-height: 30px;
  box-shadow: 0 0 5px #eaeced;
  position: relative;
  margin-top: 20px;
}
.nwe__public > .fl {
  width: 70%;
  font-size: 14px;
}
.nwe__public > .fl > img {
  width: 30px;
  vertical-align: middle;
  margin-right: 10px;
}
.nwe__public > .fl > span {
  color: #333333;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  padding-right: 30px;
  border-right: 1px solid #bfbfbf;
}
.nwe__public > .fl > .u-f1 {
  padding-left: 20px;
  color: #121213;
  font-size: 14px;
  position: absolute;
  left: 162px;
  top: 11px;
  display: inline-block;
  width: 800px;
}
.nwe__public > .fl > span > span {
  color: red;
}
.nwe__public > .fr {
  text-align: right;
  width: 30%;
}
.nwe__public > .fr > a {
  color: #3499f8;
}
.new__img {
  display: flex;
  width: 1200px;
  margin: 0 auto;
}
.new__img > img {
  width: calc(25% - 20px);
  margin-right: 20px;
  cursor: pointer;
}
.hot {
  position: absolute;
  right: -18px;
  top: -10px;
  font-size: 12px;
  display: inline-block;
  padding: 0 4px;
  border-radius: 4px;
  color: #fff;
}
.home__model > div > .fl {
  width: 695px;
  float: left;
  height: 480px;
  background: #fff;
  position: relative;
}
.home__model > div > .fl .fl__nav {
  position: absolute;
  top: -40px;
  left: 0;
  font-size: 16px;
  width: 100%;
}
.home__model > div > .fl .fl__nav > p {
  width: 14.2857%;
  float: left;
}
.home__model > div > .fl .fl__nav > p,
.home__model > div > .fl .fl__nav > p a {
  cursor: pointer;
  text-align: center;
  position: relative;
  color: #666;
}
.home__model > div > .fl .fl__nav > p:hover {
  color: #f8423f;
}
.home__banner {
  width: 100%;
  overflow-x: hidden;
  height: 508px;
  position: relative;
}
.home__banner a,
.home__banner a img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
}
.home__model > div > .fr {
  float: right;
  width: 265px;
  height: 477px;
  background: #fff;
  padding: 10px;
  margin-top: 3px;
}
.home__model > div > .fr .user_info img {
  width: 70px;
  height: 70px;
  vertical-align: middle;
}
.home__model > div > .fr .user_info > .fr {
  width: calc(100% - 80px);
  padding: 16px 0;
  float: right;
  color: #333;
  font-size: 14px;
}
.home__model > div > .fr .user_info > .fr > span {
  display: inline-block;
  margin-top: 2px;
  color: #999;
}
.home__model > div > .fr .user_info > .fr > span span:hover {
  cursor: pointer;
  color: #333;
}
.home__model > div > .fr .fr__btn {
  margin-top: 20px;
}
.home__model > div > .fr .fr__btn .el-button {
  width: 90px;
  background: #fdf4eb;
  color: #ff5c01 !important;
  border: 1px solid #ff5c01;
  border-radius: 20px;
  height: 30px;
  min-height: 30px;
  line-height: 30px;
}
.home__model > div > .fr .fr__btn .el-button.active {
  background: #ff5c01;
  color: #fff !important;
  margin-left: 20px;
}
.home__model > div > .fr .fr__btn .fr {
  float: right;
  margin-right: 20px;
}
.home__model > div > .fr .news__type {
  color: #333;
  border-top: 1px solid #ebedef;
  text-align: center;
  margin-top: 25px;
}
.home__model > div > .fr .news__type span {
  display: inline-block;
  padding: 10px 0;
  cursor: pointer;
  box-sizing: border-box;
  margin: 0 0;
}
.home__model > div > .fr .news__type .active {
  border-bottom: 1px solid #ebedef;
  width: 100%;
  color: #ff5c01;
}
.home__model > div > .fr .news__list {
  margin-top: 10px;
  min-height: 200px;
}
.home__model > div > .fr .news__list > p {
  line-height: 32px;
}
.home__model > div > .fr .news__list > p a {
  display: block;
}
.home__model > div > .fr .news__list > p .fl {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  float: left;
  cursor: pointer;
}
.report__cooperation {
  display: flex;
  justify-content: space-between;
  text-align: center;
  border-top: 1px solid #ebedef;
  padding: 4px 10px;
}
.report__cooperation > a {
  width: 50%;
  display: block;
  padding: 8px 0;
}
.report__cooperation > a:nth-child(1) {
  border-right: 1px solid #ebedef;
}
.report__cooperation > a > img {
  width: 30px;
  margin-right: 4px;
}
.home__model > div > .fr .news__list > p .fr {
  color: #999;
  float: right;
  display: block;
  width: 30%;
  text-align: right;
}
.home__model > div > .fr .btn__report {
  width: 40%;
  margin: 0 5%;
  background: #ff5c01;
  color: #fff !important;
  margin-top: 10px;
}

.home__content {
  background-color: #f2f3f5;
  padding: 60px 0;
  padding-top: 20px;
  background: #f7f8fc;
}
.home__input {
  width: 1200px;
  margin: 0 auto;
  background: #fff;
  padding: 20px;
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
.home__input > div {
  width: 50%;
  padding: 0 30px;
}
.home__input > div .inp {
  width: calc(100% - 98px);
}
.home__input > div .btn_1 {
  background: #ff5c01;
  color: #fff !important;
  border-radius: 0;
}
.home__input > div .el-input__inner {
  border-radius: 0;
  margin-top: 0 !important;
  height: 39px;
  background: #eeefef;
}
.home__placard {
  background: #fcead3;
  padding: 20px 60px;
  width: 1200px;
  margin: 20px auto;
  cursor: pointer;
  font-size: 14px;
}
.home__placard > img {
  width: 22px;
  margin-right: 10px;
  vertical-align: middle;
}
.home__placard > img:nth-child(2) {
  width: 30px;
}
.home__icon {
  padding: 20px;
}
.home__icon > div {
  width: 1200px;
  margin: 30px auto;
  padding: 20px;
  background: url("../images/home/bj2.png") no-repeat 0 0;
  background-size: 100% 100%;
  box-shadow: 0 0 5px #ccc;
}
.home__icon > div > .overflow {
  color: #333;
  position: relative;
}
.home__icon > div > .overflow h4 {
  width: 140px;
  padding: 10px;
  font-size: 18px;
  text-align: center;
}
.home__icon > div > .overflow h4 img {
  width: 40px;
}
.home__icon > div > .overflow > a {
  display: inline-block;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 4px;
  color: #3499f8;
}
.home__icon .list {
  display: flex;
  justify-content: left;
  width: 92%;
  margin: 0 auto;
  flex-wrap: wrap;
}
.home__icon .list > .box {
  width: 189px;
  height: 208px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #cbd3da;
  padding: 20px;
  margin-right: 30px;
  margin-bottom: 30px;
  box-sizing: border-box;
}
.home__icon .list > .box:nth-child(5n) {
  margin-right: 0;
}
.home__icon .list > .box:hover {
  background: url("../images/home/bj3.png") no-repeat 0 0;
  background-size: 100% 100%;
  box-shadow: 0 0 4px #58aff4;
}
.home__icon .list > .box:hover h4 {
  color: #fff;
}
.home__icon .list > .box:hover span {
  color: #fff;
}
.home__icon .list > .box img {
  width: 88px;
  height: 88px;
}
.home__icon .list > .box h4 {
  margin: 10px 0;
  color: #040404;
}
.home__icon .list > .box span {
  font-size: 12px;
  margin: 10px 0;
  color: #78797a;
}
/* .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
} */
/* .swiper-button-prev,
.swiper-button-next {
  color: #fff;
  font-size: 16px;
  width: 38px !important;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 0 4px;
  display: none !important;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: 42px;
  height: 36px !important;
  line-height: 36px;
  z-index: 100;
  cursor: pointer;
  top: calc(50% - 20px);
} */
/* .swiper-button-prev {
  left: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAABTklEQVRIib3XvUrEQBDA8cFWGzkvamEhiiiCglxjK9qJ3Cm+hK2FiKIv4Lv4KiL4BFqJX1ha+JfBC5zjbnKb7O7AFHeZyy8zm2Q58QXQNBeAE2BSfx8cDdE54JnfuAW2fe5E+CV5oxCRBxHpDgv2RGQndcfzwAd/41THnRKeBd4MelkeTwXPAC8GvR6tSQG7xntm62LDhWO8F67amPA08GrQK199LFif0/e68caGuw70vO5eaAt3mqBt4cKxppXjjQF3xnlkYsNHwJ1Bj0PQKrhqk9D37JT57im8hcAYXvES8G26HqQedZkrwJfBD3PAmsuOzsfC28Kaq03GHgPWXHfgBzngcs0t3s8Ba67xP5xjjw1rbjrw/RxwueY2+jng2s5TwppbDnw3B6y5YeBP3bN954/5T+JeRHojn3VDeQw+S4OOy+wBN8Cid9Qi8gNCryGlJbwR1wAAAABJRU5ErkJggg==)
    no-repeat center;
  background-size: 20% 20%;
  background-color: rgba(0, 0, 0, 0.4);
}
.swiper-button-next {
  right: 0 !important;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAABP0lEQVRIicXVsSuFURzG8efqZiFluUbTnaxCyWTklr9ARJnsBqv8EUopmzKQwaYMullkU8KslIy3+OrUG8dxet9X556fp571fHrPe87vqCxAB+gCR4D+0qTwM5eW8F2AH1vB48BbgO9ZwK4TwEeA71rArnP8zoYF7DofwZctYNelCL5gAbuuRfApC9h1K4B7QNsCVnGt/LwAYxaw62mAPwFDFrDrVYDfAAMWcLPA/SFzXrV2owqumVFJz5KaXws3GqVrp23Jdw59VFI3abWaW30S/ONHYDg3vB+5Uq3cp3qnbIjkglciY3M69+RajKCd3LN6NoKu5n6dJoH3AN3M/R63i8PjZ7vs8PUDbhXXxM9B1VVLhUeAhwA9qzNYUuGLAL2uOc2SYT/3wGC/4KpHYl3Sq6RbSTOSemmf8t+R9AnFVAmfmGVjUAAAAABJRU5ErkJggg==)
    no-repeat center;
  background-size: 20% 20%;
  background-color: rgba(0, 0, 0, 0.4);
} */
/* .swiper:hover .swiper-button-prev,
.swiper:hover .swiper-button-next {
  display: block !important;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  font-size: 16px;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 0 !important;
} */
.home__commodity {
  width: 1200px;
  margin: 30px auto;
  margin-top: 0;
  display: flex;
  justify-self: left;
  flex-wrap: wrap;
}
.home__commodity .left {
  /* width: 880px;
    margin-right: 20px; */
  background: #fff;
  padding: 20px;
  width: 100%;
}
.home__commodity .right {
  width: calc(100% - 900px);
  background: #fff;
  padding: 20px;
}
.home__commodity .left .left__top {
  display: flex;
  justify-self: left;
  flex-wrap: wrap;
  position: relative;
}
.home__commodity .left .left__top > h4 {
  width: 150px;
  padding: 10px;
  font-size: 18px;
  text-align: center;
}
.home__commodity .left .left__top > h4 > img {
  width: 40px;
}
.home__commodity .left .left__top > .cls {
  margin-left: 10px;
  max-width: 940px;
  overflow-x: auto;
  overflow-y: hidden;
  height: 40px;
}
.home__commodity .left .left__top > .cls div {
  margin: 0 15px;
  cursor: pointer;
  position: relative;
}
.home__commodity .left .left__top > .cls div:hover {
  color: #fd7c03;
}
.home__commodity .left .left__top > .cls div.active {
  color: #fd7c03;
}
.home__commodity .left .left__top > .cls div.active::after {
  position: absolute;
  content: "";
  width: 35px;
  height: 2px;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -4px;
  background-color: #fd7c03;
}
.home__commodity .left .left__top > a {
  display: inline-block;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
  color: #3499f8;
}
.home__commodity .left .left__list {
  margin-top: 10px;
  display: flex;
  justify-self: left;
  flex-wrap: wrap;
}
.home__commodity .left .left__list > div {
  cursor: pointer;
  width: 25%;
  padding: 10px 6px;
  margin-bottom: 10px;
}
.home__commodity .left .left__list > div.el-empty,
.home__commodity .left .left__list > div.mloading {
  width: 100%;
}
.home__commodity .left .left__list > div.el-empty:hover,
.home__commodity .left .left__list > div.mloading:hover {
  box-shadow: 0 0 0;
}
.home__commodity .left .left__list > div:hover {
  box-shadow: 0 0 6px #ccc;
}
.home__commodity .left .left__list > div > a {
  display: block;
}
.home__commodity .left .left__list > div > a > img {
  width: 100%;
  height: 167px;
  border-radius: 10px;
}
.home__commodity .left .left__list > div > a > p {
  color: #333;
  line-height: 24px;
  font-size: 14px;
  height: 68px;
  margin-bottom: 20px;
}
.home__commodity .left .left__list > div > a > p > img {
  width: 70px;
  margin-right: 2px;
  vertical-align: middle;
}
.home__commodity .left .left__list > div > a > div {
  margin-top: 10px;
  white-space: nowrap;
}
.home__commodity .left .left__list > div > a > div > span {
  display: inline-block;
  color: #868482;
}
.home__commodity .left .left__list > div > a > div i {
  margin-left: 3px;
  color: #fa4c4c;
  font-size: 18px;
}
.home__commodity .left .left__list > div > a > div > span {
  display: inline-block;
  color: #868482;
}
.home__commodity .left .left__list > div > a > div > span:nth-child(3) {
  color: #868482;
  display: inline-block;
}
.home__commodity .left .left__list > div > a > div > span:nth-child(3) > span {
  color: #f7403d;
  font-weight: 600;
}
.home__commodity .right > h4 {
  font-size: 20px;
}
.home__commodity .right > img {
  width: 72px;
  height: 18px;
}
.home__commodity .right .right_list {
  margin-top: 24px;
  display: flex;
  justify-self: left;
  flex-wrap: wrap;
  height: 1300px;
  overflow: hidden;
}
.home__commodity .right .right_list > div {
  width: 100%;
  padding: 10px 6px;
  margin-bottom: 6px;
  border-bottom: 2px solid #eee;
}
.home__commodity .right .right_list > div > p {
  color: #333;
  line-height: 30px;
  font-size: 14px;
}
.home__commodity .right .right_list > div > p > img {
  width: 70px;
  margin-right: 6px;
  vertical-align: middle;
}
.home__commodity .right .right_list > div > div {
  margin-top: 10px;
}
.home__commodity .right .right_list > div > div > span {
  display: inline-block;
  color: #666;
}
.home__commodity .right .right_list > div > div > span {
  display: inline-block;
  color: #666;
}
.home__commodity .right .right_list > div > div > span:nth-child(2) {
  float: right;
  color: #999;
  display: inline-block;
}
.home__commodity .right .right_list > div > div > span:nth-child(2) > span {
  color: #f7403d;
  font-weight: 600;
}
.swiper-pagination-bullet {
  padding: 0 10px;
  margin: 0 !important;
  cursor: pointer;
  -webkit-box-flex: 1;
  flex: 1;
  height: 100% !important;
  line-height: 30px;
  border-radius: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-wrap: nowrap;
  white-space: nowrap;
  color: #e2e2e2 !important;
  font-size: 12px;
  display: block;
  text-align: center;
  opacity: 1 !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(78, 78, 78, 0.4);
  color: #fff !important;
}
.pagination {
  position: absolute;
  top: calc(100% - 30px);
  right: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: #181818;
  opacity: 1;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  z-index: 11;
}
.home__icon > .list .swiper {
  width: 97%;
  margin: 0 auto;
  overflow: hidden;
}
.swiper-wrapper {
  height: 100%;
}
.swiper-wrapper .swiper-slide {
  height: 100%;
}
.bx-wrapper .bx-controls-direction a {
  margin-top: -36px !important;
}
.bx-wrapper .bx-viewport {
  padding-top: 10px;
}
.top_box {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.right_box {
  width: 910px;
}
.center_nav {
  width: 100%;
  background: #fff;
  border-radius: 4px;
  margin-bottom: 15px;
}
.center_nav > a {
  display: block;
  width: calc(100% / 7);
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-weight: 500;
  color: #555555;
}
.center_nav > a:hover {
  background: #f3f4f5;
  border-radius: 4px;
  border: 1px solid #edeeef;
}
.center_nav .nav_item {
  text-align: center;
  position: relative;
}
.swiper-bottom-box {
  width: 100%;
  height: 90px;
  box-sizing: border-box;
  padding: 30px 30px 20px 30px;
  background: rgba(255,255,255,0.96);
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.swiper-button {
  position: relative;
  width: 90px;
}
.swiper-button > .prev,
.swiper-button > .next {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: #c0bfc1;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-button .arrow-img {
  display: block;
  width: 18px;
  height: 18px;
}
.swiper-button > .prev:hover,
.swiper-button > .next:hover {
  background: #f9b65f;
}
.bottom-box-left {
}
.bottom-box-left .banne-title {
  color: #222;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
.bottom-box-left .point-box {
  width: 300px;
}
.bottom-box-left .point-box .point-item {
  width: 30px;
  height: 6px;
  border-radius: 2px;
  background: #ddd;
}
.bottom-box-left .point-box .point-item.active {
  width: 50px;
  background: #ffa325;
}
.center_box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 45px;
}
.center_box .order_box {
  width: 468px;
  background: #fff;
  padding: 20px 0;
  border-radius: 10px;
  box-sizing: border-box;
}
.center_box .order_box .order_hand_box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 0 23px;
}
.center_box .order_box .order_hand_box .hand_left {
  display: flex;
}
.center_box .order_box .order_hand_box .hand_left .icon_img {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
.center_box .order_box .order_hand_box .hand_left .icon_img > img {
  display: block;
  width: 24px;
  height: 24px;
}
.center_box .order_box .order_hand_box .hand_left .title_box {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
}
.center_box .order_box .order_hand_box .hand_left .title_box .title {
  margin-bottom: 4px;
}
.center_box .order_box .order_hand_box .hand_left .title_box .desc {
  font-size: 12px;
  font-weight: 400;
  color: #7a7a7a;
}
.home__model .order_right {
  width: 83px;
  height: 34px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e3e5e7;
}
.home__model .order_right > a {
  font-size: 12px;
  font-weight: 400;
  color: #414141;
}
.home__model .order_right > a > span {
  margin-right: 5px;
}
.order_content_box .order_item {
  padding: 10px 23px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.order_content_box .order_item:hover{
  background: #fff9e1;
}
.order_content_box .order_item:last-of-type {
  border: none;
  padding-bottom: 0;
}
.order_content_box .order_item .order_img {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  margin-right: 20px;
}
.order_content_box .order_item .order_img > img {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 10px;
}
.order_content_box .order_item .order_item_right {
  width: 100%;
}
.order_content_box .order_item .order_item_right .hand {
  margin-bottom: 7px;
}
.order_content_box .order_item .order_item_right .hand .tag {
  width: 26px;
  height: 17px;
  text-align: center;
  line-height: 17px;
  background: linear-gradient(90deg, #2dd8ff 0%, #0087ff 100%);
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
}
.order_content_box .order_item .order_item_right .hand .title {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  width: 335px;
  margin-left: 5px;
}
.order_content_box .order_item .order_item_right .bottom {
}
.order_content_box .order_item .order_item_right .bottom .bottom_left {
  font-size: 12px;
  font-weight: 400;
  color: #7a7a7a;
}
.order_content_box .order_item .order_item_right .bottom .bottom_left > .price {
  font-size: 14px;
  color: #ed6c6c;
}
.order_content_box .order_item .order_item_right .bottom .line {
  width: 1px;
  height: 10px;
  background: #9d9e9c;
  border: 1px solid #9d9e9c;
  margin: 0 13px;
}
.order_content_box .order_item .order_item_right .bottom .order_num {
  font-size: 12px;
  font-weight: 400;
  color: #7a7a7a;
}
.new_box {
  width: 460px;
  background: #fff;
  border-radius: 10px;
}
.new_box .new_hand {
  padding: 0 20px;
}
.new_box .new_box_nav {
  border-bottom: 1px solid #f6f6f6;
  width: calc(100% - 120px);
}
.new_box .new_box_nav .nav_item {
  font-size: 16px;
  font-weight: 500;
  color: #9e9e9e;
  padding: 20px 0 13px 0;
  position: relative;
  cursor: pointer;
}
.new_box .new_box_nav .nav_item::after {
  content: "";
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  background: transparent;
}
.new_box .new_box_nav .nav_item.active {
  font-weight: 600;
  color: #202631;
}
.new_box .new_box_nav .nav_item.active::after {
  background: #ffae00;
}
.app_code{
  position: relative;
}
.app_code:hover .down_app_code {
  display: block;
  transition: 0.4s;
}
.new_box .new_content {
  padding-top: 10px;
}
.new_box .new_content .new_item {
  padding: 8px 20px;
  width: 100%;
  cursor: pointer;
}
.new_box .new_content .new_item:hover {
  background: #fff9e1;
}
.new_box .new_content .new_item .new_item_left {
  /* width: calc(100% - 70px); */
}
.new_box .new_content .new_item .new_item_left .tag {
  width: 28px;
  text-align: center;
  height: 16px;
  line-height: 16px;
  font-size: 10px;
  color: #fff;
  border-radius: 2px;
  margin-right: 4px;
  background: #547dfa;
}
.new_box .new_content .new_item .new_item_left .tag.top {
  background: #ff8e3c !important;
}
.new_box .new_content .new_item .new_item_left .title {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  width: 300px;
}
.new_box .new_content .new_item .new_item_right {
  font-size: 14px;
  font-weight: 400;
  color: #949494;
  text-align: right;
  /* min-width: 150px; */
  flex: 1;
}
.user_box {
  background: #fff;
  width: 232px;
  height: 355px;
  border-radius: 10px;
  padding: 24px;
  position: relative;
}
.user_box .user_img {
  width: 66px;
  height: 66px;
  margin: 0 auto;
}
.user_box .user_img > img {
  display: block;
  width: 66px;
  height: 66px;
}
.user_box .name_login {
  margin-top: 8px;
  text-align: center;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.user_box .name_login .name {
  font-size: 16px;
  font-weight: 600;
  color: #202631;
  margin-bottom: 14px;
}
.user_box .name_login .user_center {
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  color: #9a9a9a;
}
.user_box .name_login .user_center > img {
  vertical-align: middle;
  margin-left: 2px;
}
.user_box .btn_boxs {
  padding: 23px 0;
}
.user_box .btn_boxs .btn_item {
  text-align: center;
  cursor: pointer;
}
.user_box .btn_boxs .btn_item img {
  margin: 0 auto;
  display: block;
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
}
.user_box .btn_boxs .btn_item .text {
  font-size: 12px;
  font-weight: 400;
  color: #4e4e4e;
}
.user_box .login_out_box {
  cursor: pointer;
  position: absolute;
  left: 50%;
  margin-left: -95px;
  bottom: 22px;
  width: 190px;
  height: 34px;
  background: #f7f8fc;
  border-radius: 8px;
  border: 1px solid #e3e5e7;
}
.user_box .login_out_box > div {
  width: 100%;
  height: 100%;
}
.user_box .login_out_box img {
  display: block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
}
.user_box .login_out_box span {
  font-size: 14px;
  font-weight: 400;
  color: #61666d;
}
.user_box .no_login {
}
.user_box .no_login .name {
  font-size: 14px;
  font-weight: 600;
  color: #202631;
  text-align: center;
  margin-bottom: 42px;
  margin-top: 24px;
}
.user_box .no_login .login_btn {
  width: 189px;
  text-align: center;
  height: 34px;
  line-height: 34px;
  background: #f7f8fc;
  border-radius: 8px;
  border: 1px solid #e3e5e7;
  font-size: 14px;
  font-weight: 400;
  color: #61666d;
  margin-bottom: 30px;
}
.show_box {
  display: block;
}
.hide_box {
  display: none;
}
.game_box {
}
.game_hand {
  margin-bottom: 30px;
}
.game_hand .game_hand_left img {
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 5px;
}
.game_hand .game_hand_left .title {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
}
.game_box .game_list_box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px;
}
.game_box .game_list_box .game_item {
  width: 224px;
  background: #fff;
  border-radius: 10px;
  cursor: pointer;
}
.game_box .game_list_box .game_item:hover {
  box-shadow: 0 0px 5px 1px #cfcfcf;
  transition: 0.4s;
}
.game_box .game_list_box .game_item:hover .cover_img > img {
  transform: scale(1.1);
  transition: 0.4s;
}

.game_box .game_list_box .game_item .cover_img {
  width: 100%;
  height: 152px;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

.game_box .game_list_box .game_item .cover_img > img {
  display: block;
  width: 100%;
  height: 152px;
  border-radius: 10px 10px 0 0;
}
.game_box .game_list_box .game_item .game_bottom {
  padding: 12px 10px;
}
.game_box .game_list_box .game_item .game_bottom .game_img {
  width: 44px;
  height: 44px;
  margin-right: 14px;
}

.game_box .game_list_box .game_item .game_bottom .game_img > img {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 10px;
}
.game_box .game_list_box .game_item .game_bottom .game_info {
  width: calc(100% - 58px);
}
.game_box .game_list_box .game_item .game_bottom .game_info .title {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}
.game_box .game_list_box .game_item .game_bottom .game_info .desc {
  font-size: 12px;
  font-weight: 400;
  color: #8a8a8a;
}
.new_game_box {
  margin-top: 20px;
  background: #fff;
  border-radius: 10px;
  padding: 32px 0;
  box-sizing: border-box;
}
.new_game_box .game_hand{
  padding: 0 24px;
}
.new_game_box .hot_tag_box {
  margin-bottom: 6px;
  padding: 0 24px;
  display: flex;
  flex-wrap: wrap;
}
.new_game_box .hot_tag_box .hot_item {
  background: #f7f8fc;
  border-radius: 6px;
  border: 1px solid #edeeef;
  font-size: 14px;
  font-weight: 400;
  color: #2d2d2d;
  padding: 6px 15px;
  margin-right: 14px;
  cursor: pointer;
  margin-bottom: 10px;
}
.new_game_box .hot_tag_box .hot_item > img {
  display: block;
  width: 14px;
  height: 14px;
  margin-right: 3px;
}
.new_game_box .hot_tag_box .hot_item:hover {
  background: #ff952a;
  color: #fff;
}
.new_game_box .hot_tag_box .hot_item.active {
  background: #ff952a;
  color: #fff;
}
.new_game_content {
}
.game_content_right {
  width: calc(100% - 254px);
}

.new_game_content .game_content_item {
  display: flex;
  padding: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.new_game_content .game_content_item:hover{
  background: #fff9e1;
}
.new_game_content .game_content_item .game_img {
  width: 226px;
  height: 186px;
  margin-right: 28px;
  border-radius: 8px;
  position: relative;
}
.new_game_content .game_content_item .game_img .length_pic {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 32px;
  line-height: 32px;
  color: rgb(255, 255, 255, 0.7);
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0px 10px 0px 8px;
  font-size: 14px;
  font-weight: 600;
  padding: 0 16px;
  box-sizing: border-box;
}
.new_game_content .game_content_item .game_img > img {
  display: block;
  width: 226px;
  height: 186px;
  border-radius: 8px;
}
.new_game_content .game_content_item .game_title {
  height: 56px;
  line-height: 28px;
  font-size: 16px;
  font-weight: 600;
  color: #383b40;
  margin-bottom: 5px;
}
.new_game_content .game_content_item .server_box {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #93999f;
  margin-bottom: 10px;
}
.new_game_content .game_content_item .server_box .line {
  width: 2px;
  height: 12px;
  background: #93999f80;
  margin: 0 8px;
}
.new_game_content .game_content_item .top_tags_box {
  margin-bottom: 22px;
}
.new_game_content .game_content_item .top_tags_box .top_tag_item {
  margin-right: 10px;
  background: #f4f8f9;
  border-radius: 6px;
  border: 1px solid #dbdcdc;
  font-size: 12px;
  font-weight: 400;
  color: #5f666c;
  padding: 6px 8px;
}
.new_game_content .game_content_item .bottom_content {
}
.new_game_content .game_content_item .bottom_content .bottom_tags_box {
  height: 34px;
  width: calc(100% - 340px);
  flex-wrap: wrap;
}
.new_game_content
  .game_content_item
  .bottom_content
  .bottom_tags_box
  .bottom_tag_item {
  border-radius: 6px;
  padding: 6px 7px;
  font-size: 12px;
  font-weight: 500;
  margin-right: 10px;
  border-width: 1px;
  border-style: solid;
}

.new_game_content .game_content_item .bottom_content .bottom_content_right {
  width: 320px;
}
.new_game_content
  .game_content_item
  .bottom_content
  .bottom_content_right
  .price {
  font-size: 14px;
  color: #ff6262;
}
.new_game_content
  .game_content_item
  .bottom_content
  .bottom_content_right
  .price
  .num {
  font-size: 20px;
  font-weight: 600;
}
.new_game_content
  .game_content_item
  .bottom_content
  .bottom_content_right
  .check_detail {
  cursor: pointer;
  width: 140px;
  text-align: center;
  height: 38px;
  line-height: 38px;
  background: #52b7ff;
  border-radius: 45px;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}
.new_game_more {
  cursor: pointer;
  margin: 0 auto;
  width: 366px;
  height: 34px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #e3e5e7;
  margin-top: 48px;
}
.new_game_more > div {
  font-size: 12px;
  font-weight: 400;
  color: #414141;
}
.new_game_more > div > span {
  margin-right: 5px;
}
.down_app_code {
  display: none;
  width: 166px;
  height: 230px;
  position: absolute;
  right: -20px;
  top: 40px;
  z-index: 99;
}
.down_app_code > img {
  display: block;
  width: 166px;
  height: 230px;
}
.red_point_news{
  position: absolute;
  right: 2px;
  top: -2px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 18px;
  text-align: center;
  padding: 0 5px;
  border-radius: 18px;
  background: #FF4B4B;
  border: 1px solid #FFFFFF;
  font-size: 8px;
  font-weight: 600;
  color: #FFFFFF;
  box-sizing: border-box;
}
.new_game_more_loading{
  padding-top: 20px;
  text-align: center;
  font-size: 18px;
  color: #ccc;
}
.new-popup-dialog {
  display: none;
}

.new-popup-dialog .new-popup {
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 1000000;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.new-popup-dialog .new-popup .new-popup-content {
  width: 842px;
  height: 440px;
  border-radius: 8px;
  background: #FFFFFF;
  position: relative;
}

.new-popup-dialog .new-popup .popup-del {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}

.new-popup-title {
  font-family: Source Han Sans;
  font-size: 16px;
  font-weight: 500;
  color: #262728;
  margin-top: 16px;
  margin-bottom: 16px;
  font-weight: 500;
  text-align: center;
}


/* 封禁提示弹窗 */
.prohibit-popup-dialog,.auth-popup-dialog {
  display: none;
}
.prohibit-popup-dialog .prohibit-popup,.auth-popup-dialog .prohibit-popup {
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 1000000;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.prohibit-popup-content .canner-icon{
  width: 120px;
  height: 120px;
  margin-top: 25px;
} 
.auth-group .prohibit-popup-content .prohibit-popup-title{
  font-weight: 500 !important;
}
.auth-group .prohibit-popup-content{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 0px 35px !important;
}
.auth-info{
  margin-top: 20px;
  margin-bottom: 20px;
}
.auth-btn{
  display: flex;
  margin-top: 20px;
  gap: 20px;
}
.auth-btn .not-auth-user{
  border: 1px solid #EEEEEE;
  background: #FFFFFF;
}
.auth-btn .auth-user{
  background: #FFD90F;
}
.auth-btn div{
  width: 140px;
  height: 40px;
  border-radius: 60px;
  color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.auth-group .prohibit-popup-content .content-text{
  font-size: 11px;
  color: #333333;
  text-align: center;
}
.prohibit-popup-dialog .prohibit-popup .prohibit-popup-content,.auth-popup-dialog .prohibit-popup .prohibit-popup-content {
  /* width: 842px; */
  /* height: 440px; */
  padding: 0 50px 30px;
  border-radius: 8px;
  background: #FFFFFF;
  position: relative;
}
.prohibit-popup-dialog .prohibit-popup .popup-del {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.prohibit-popup-title {
  font-family: Source Han Sans;
  font-size: 20px;
  font-weight: 500;
  color: #262728;
  margin-top: 16px;
  margin-bottom: 16px;
  font-weight: bold;
  text-align: center;
}
.prohibit-con{
  text-align: center;
  font-size: 16px;
}
 .prohibit-btn{
  position: absolute;
  right: 10px;
  background-color: #FFD90F;
  color: #000;
  bottom: 10px;
  border: 0;
  border-radius: 10px;
  padding: 10px;
} 

.select-box {
  display: flex;
  justify-content: space-between;
  padding: 30px 36px 40px;
}

.select-box .select-item {
  width: 271px;
  height: 325px;
  border-radius: 10px;
  background: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid #eee;
  display: flex;
  flex-direction: column;
  padding:0 26px;
  box-sizing: border-box;
  margin-right: 30px;
  cursor: pointer;
}
.select-box .select-item:last-child {
  margin-right:0 !important
}
.select-box .select-item:hover{
  background: rgba(253, 168, 35, 0.05);
  border: 1px solid #FDA823;
}

.select-item .select-img {
  width: 64px;
  height:64px;
  margin: 25px auto 15px;
}

.select-item .select-title {
  color: #262728;
  font-family: Source Han Sans;
  font-size: 16px;
  font-weight: normal;
  margin: 20px 0;
  text-align: center;
}

.select-item .select-text {
  font-family: Source Han Sans;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  color: #999;
}