@charset "UTF-8";



.header {

  border-bottom: 1px solid #eee;

  position: sticky;

  top: 0;

  z-index: 22;

  padding: 3px 0;

  background: #fff

}



.header .logo {

  height: 56px

}



.header .logo .txt1 {

  color: var(--color);

  height: 18px;

  margin: 7px 0 0 -30px

}



.header .hdr .search {

  height: 33px;

  padding: 0 10px

}



.header .hdr .search input {

  width: 0;

  transition: all ease .3s

}



.header .hdr .search button {

  background: 0 0;

  border: 0

}



.header .hdr .search.on {

  border: 1px solid #ddd;

  border-radius: 5px

}



.header .hdr .search.on input {

  width: 178px

}



.header .hdr .lang {

  height: 56px;

  margin: 0 25px

}



.header .hdr .drop {

  position: relative

}



.header .hdr .drop ul {

  position: absolute;

  display: none;

  top: 100%;

  left: 50%;

  width: 100px;

  transform: translateX(-50%);

  background: #fff;

  border: 1px solid #eee;

  text-align: center

}



.header .hdr .drop ul li {

  border-bottom: 1px solid #eee

}



.header .hdr .drop ul li a {

  padding: 8px 0;

  display: block

}



.header .hdr .drop ul li:last-child {

  border-bottom: 0

}



.header .hdr .drop:hover ul {

  display: block

}



.header .hdr .login {

  width: 98px;

  height: 32px;

  background: linear-gradient(90deg,#628bff 0,#3f6ffe 100%);

  border-radius: 6px;

  color: #fff

}



.header .hdr .login a {

  color: #fff;

  margin: 0 3px

}



.header .hdr .login a:hover {

  color: rgba(255,255,255,.9)

}



.header .hdr .user img {

  width: 32px;

  height: 32px;

  border-radius: 50%

}



.main {

  padding: 18px 0 0 0

}



.main .crumbs {

  margin-bottom: 29px;

  color: #b3b3b3

}



.main .crumbs a {

  color: #b3b3b3

}



.main .crumbs span {

  color: #000

}



.main .sidebar {

  width: 185px;

  float: left;

  position: sticky;

  top: 75px;

  margin-right: 40px

}



.main .sidebar li {

  border-radius: 6px;

  margin-bottom: 10px

}



.main .sidebar li i {

  width: 20px;

  height: 20px;

  margin-right: 13px;

  display: inline-block;

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%

}



.main .sidebar li a {

  display: flex;

  padding: 0 14px;

  color: #222529;

  height: 40px;

  align-items: center

}



.main .sidebar li.on {

  background: #f0f3fc

}



.main .sidebar li.on a,.main .sidebar li:hover a {

  color: var(--color)

}



.main .sidebar li:nth-child(1) i {

  background-image: url(../images/icon_s1.png)

}



.main .sidebar li:nth-child(1).on i {

  background-image: url(../images/icon_s01.png)

}



.main .sidebar li:nth-child(2) i {

  background-image: url(../images/icon_s2.png)

}



.main .sidebar li:nth-child(2).on i {

  background-image: url(../images/icon_s02.png)

}



.main .sidebar li:nth-child(3) i {

  background-image: url(../images/icon_s3.png)

}



.main .sidebar li:nth-child(3).on i {

  background-image: url(../images/icon_s03.png)

}



.main .sidebar li:nth-child(4) i {

  background-image: url(../images/icon_s4.png)

}



.main .sidebar li:nth-child(4).on i {

  background-image: url(../images/icon_s04.png)

}



.main .sidebar li:nth-child(5) i {

  background-image: url(../images/icon_s5.png)

}



.main .sidebar li:nth-child(5).on i {

  background-image: url(../images/icon_s05.png)

}



.main .maincont {

  overflow: hidden

}



.main .maincont .search {

  height: 100px

}



.main .maincont .search .form {

  width: 100%;

  margin-left: -9%;

  max-width: 713px;

  height: 40px;

  background: #fff;

  border-radius: 6px;

  padding: 0 0 0 14px

}



.main .maincont .search .form .fl {

  flex: 1;

  overflow: hidden

}



.main .maincont .search .form .fl i {

  color: rgba(34,37,41,.4)

}



.main .maincont .search .form .fl input {

  flex: 1;

  margin-left: 16px;

  overflow: hidden

}



.main .maincont .search .form .fl input::-webkit-input-placeholder {

  color: rgba(34,37,41,.4)

}



.main .maincont .search .form button {

  width: 75px;

  background: 0 0;

  color: var(--color);

  position: relative

}



.main .maincont .search .form button::before {

  content: "";

  width: 1px;

  height: 20px;

  background: #eee;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%)

}



.main .maincont .d-type {

  margin-bottom: 20px

}



.main .maincont .d-type .tit .num {

  color: var(--color)

}



.main .maincont .d-type .link {

  cursor: pointer

}



.main .maincont .d-type .link i {

  margin-left: 10px

}



.main .maincont .d-type .link a {

  color: rgba(0,0,0,.6)

}



.main .maincont .d-type .link a:hover {

  color: var(--color)

}



.main .maincont .d-box1 .recommend {

  margin-top: 30px;

  flex: 1;

  overflow: hidden

}



.main .maincont .d-box1 .recommend .brand-list .tabs {

  margin-bottom: 12px

}



.main .maincont .d-box1 .recommend .brand-list .tabs .label {

  width: 49px;

  flex-shrink: 0;

  height: 25px;

  margin-right: 10px;

  background: #3f6ffe;

  border-radius: 4px;

  color: #fff

}



.main .maincont .d-box1 .recommend .brand-list .tabs .hd li {

  padding: 0 12px;

  cursor: pointer;

  color: #222529

}



.main .maincont .d-box1 .recommend .brand-list .tabs .hd li.on {

  color: var(--color)

}



.main .maincont .d-box1 .recommend .brand-list .tabs-cont {

  height: 226px;

  background: url(../images/bgk1.png) no-repeat left top;

  background-size: 100% 100%;

  padding: 24px 30px

}



.main .maincont .d-box1 .recommend .brand-list .tabs-cont ul {

  overflow: hidden

}



.main .maincont .d-box1 .recommend .brand-list .tabs-cont ul li {

  margin: 6px 10px 5px 0

}



.main .maincont .d-box1 .recommend .brand-list .tabs-cont ul li a {

  display: flex;

  align-items: center;

  padding: 5px 14px;

  border-radius: 5px

}



.main .maincont .d-box1 .recommend .brand-list .tabs-cont ul li a img {

  width: 20px;

  margin-right: 5px

}



.main .maincont .d-box1 .recommend .brand-list .tabs-cont ul li:hover a {

  background: #f0f1f5

}



.main .maincont .d-box1 .recommend .Heavy-car {

  margin-top: 35px

}



.main .maincont .d-box1 .recommend .Heavy-car .d-type {

  margin-bottom: 19px

}



.main .maincont .d-box1 .recommend .Heavy-car .list li {

  width: 33.33%

}



.main .maincont .d-box1 .recommend .Heavy-car .list li .item {

  background: url(../images/bg_hev.png) no-repeat;

  background-size: 100% 100%

}



.main .maincont .d-box1 .recommend .Heavy-car .list li .item .item-txt {

  padding: 16px

}



.main .maincont .d-box1 .recommend .Heavy-car .list li .item .item-txt .tags span {

  height: 25px;

  background: #222529;

  border-radius: 4px;

  color: #fff;

  margin-right: 10px;

  display: flex;

  padding: 0 6px;

  align-items: center;

  justify-content: center

}



.main .maincont .d-box1 .recommend .Heavy-car .list li .item .item-txt .tags span:nth-child(2) {

  background: var(--color)

}



.main .maincont .d-box1 .recommend .Heavy-car .list li .item .item-txt .infos {

  margin-top: 10px

}



.main .maincont .d-box1 .recommend .Heavy-car .list li .item .item-txt .infos .attr {

  flex: 1;

  overflow: hidden

}



.main .maincont .d-box1 .recommend .Heavy-car .list li .item .item-txt .infos .attr .name {

  color: #222529

}



.main .maincont .d-box1 .recommend .Heavy-car .list li .item .item-txt .infos .attr .price {

  color: var(--color);

  margin-top: 4px

}



.main .maincont .d-box1 .recommend .Heavy-car .list li .item .item-txt .infos .item-pic {

  max-width: 40%

}



.main .maincont .d-box1 .recommend .Heavy-car .list li .item .item-tit {

  padding: 19px 16px;

  border-top: 1px solid #eee

}



.main .maincont .d-box1 .recommend .Heavy-car .list li .item .item-tit .tit {

  flex: 1;

  overflow: hidden;

  color: rgba(34,37,41,.6)

}



.main .maincont .d-box1 .recommend .Heavy-car .list li .item .item-tit .link {

  margin-left: 42px;

  flex-shrink: 0

}



.main .maincont .d-box1 .recommend .Heavy-car .list li .item .item-tit .link i {

  color: rgba(0,0,0,.6)

}



.main .maincont .d-box1 .paihang {

  margin: 35px 0 0 20px;

  max-width: 372px;

  flex-shrink: 0;

  margin-left: 40px;

  background: #fafafa;

  padding: 20px;

  border-radius: 6px

}



.main .maincont .d-box1 .paihang .d-type {

  margin-bottom: 30px

}



.main .maincont .d-box1 .paihang .list li {

  padding: 20px 0;

  border-bottom: 1px solid #eee

}



.main .maincont .d-box1 .paihang .list li .item .item-fl {

  flex: 1;

  overflow: hidden

}



.main .maincont .d-box1 .paihang .list li .item .item-pic {

  position: relative;

  margin-right: 12px;

  flex-shrink: 0;

  width: 42.45%;

  /*padding-top: 15px*/

}



.main .maincont .d-box1 .paihang .list li .item .item-pic .xh {

  font-family: YouSheBiaoTiHei;

  color: #c3c3c3;

  position: absolute;

  left: 0;

  top: 0

}



.main .maincont .d-box1 .paihang .list li .item .item-info {

  overflow: hidden

}



.main .maincont .d-box1 .paihang .list li .item .item-info .tit {

  color: #000

}



.main .maincont .d-box1 .paihang .list li .item .item-info .price {

  color: var(--color);

  margin-top: 5px

}



.main .maincont .d-box1 .paihang .list li .item .item-sale {

  width: 65px;

  margin-left: 10px;

  text-align: right;

  color: #000

}



.main .maincont .d-box1 .paihang .list li .item .item-sale .sale-num {

  padding-right: 12px

}



.main .maincont .d-box1 .paihang .list li .item .item-sale .sale-tit {

  white-space: nowrap;

  margin-top: 5px;

  display: flex;

  align-items: center;

  justify-content: center

}



.main .maincont .d-box1 .paihang .list li .item .item-sale .sale-tit i {

  color: rgba(0,0,0,.6)

}



.main .maincont .d-box1 .paihang .list li:nth-child(1) .xh {

  color: var(--color)!important

}



.main .maincont .d-box1 .paihang .list li:nth-child(2) .xh {

  color: #628bff!important

}



.main .maincont .d-box1 .paihang .list li:nth-child(3) .xh {

  color: #222529!important

}



.main .maincont .d-box1 .paihang .list li:last-child {

  border-bottom: 0;

  padding-bottom: 10px

}



.main .maincont .d-box2 {

  margin-top: 30px

}



.main .maincont .d-box3 {

  margin: 50px 0 36px

}



.main .maincont .d-box3 .col {

  width: 32%;

  max-width: 460px

}



.main .maincont .d-box3 .col .top-news .item-pic {

  width: 37%;

  margin-right: 20px;

  flex-shrink: 0;

  overflow: hidden

}



.main .maincont .d-box3 .col .top-news .item-pic .fitImg {

  height: 112px

}



.main .maincont .d-box3 .col .top-news .item-info {

  flex: 1;

  overflow: hidden

}



.main .maincont .d-box3 .col .top-news .item-info li {

  position: relative

}



.main .maincont .d-box3 .col .top-news .item-info li:nth-child(1) {

  padding-bottom: 8px;

  margin-bottom: 8px;

  border-bottom: 1px solid #eee

}



.main .maincont .d-box3 .col .top-news .item-info li .item-tit {

  color: #575b66;

  margin-bottom: 3px

}



.main .maincont .d-box3 .col .top-news .item-info li .item-time {

  font-weight: 400;

  color: #575b66;

  opacity: .6;

  padding-left: 14px

}



.main .maincont .d-box3 .col .top-news .item-info li:hover .item-tit {

  color: var(--color)

}



.main .maincont .d-box3 .d-type {

  border-bottom: 1px solid #eee;

  padding-bottom: 20px

}



.main .maincont .d-box4 {

  background: #fafbff;

  margin: 0 0 50px 0;

  padding: 50px 30px

}



.main .maincont .d-box4 .d-type {

  margin-bottom: 45px

}



.main .maincont .d-box4 .wl-cont .wl-left ul {

  border-left: 1px solid #eee

}



.main .maincont .d-box4 .wl-cont .wl-left li {

  padding-bottom: 78px;

  position: relative

}



.main .maincont .d-box4 .wl-cont .wl-left li .item-time {

  flex-shrink: 0;

  width: 108px;

  margin-right: 28px;

  text-align: right;

  height: 32px;

  padding-bottom: 13px;

  border-bottom: 1px solid #eee

}



.main .maincont .d-box4 .wl-cont .wl-left li .item-info .item-tit {

  margin-bottom: 18px

}



.main .maincont .d-box4 .wl-cont .wl-left li .item-info .item-cont {

  color: rgba(0,0,0,.6);

  line-height: 24px

}



.main .maincont .d-box4 .wl-cont .wl-left li:last-child {

  padding-bottom: 0

}



.main .maincont .d-box4 .wl-cont .wl-left li::before {

  content: "";

  width: 15px;

  height: 15px;

  background: url(../images/dot1.png) no-repeat;

  background-size: 100% 100%;

  position: absolute;

  left: -8px;

  top: 24px

}



.main .maincont .d-box4 .wl-cont .wl-img {

  width: 51.4%;

  margin-left: 37px

}



.main .maincont .d-box5 {

  margin-bottom: 48px

}



.main .maincont .d-box5 li {

  text-align: center;

  position: relative

}



.main .maincont .d-box5 li::after {

  content: "";

  width: 1px;

  height: 85px;

  background: #eee;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: -100%

}



.main .maincont .d-box5 li .icon {

  height: 60px

}



.main .maincont .d-box5 li .tit {

  margin: 20px 0 8px

}



.main .maincont .d-box5 li .desc {

  color: rgba(0,0,0,.6)

}



.main .maincont .d-box5 li:last-child::after {

  display: none

}



.pro-list ul li {

  width: 25%

}



.pro-list ul li .item .item-pic {

  position: relative;

  border: 1px solid transparent;

  border-radius: 5px;

  transition: all ease .3s

}



.pro-list ul li .item .item-pic .fitImg {

  padding-top: 59.5%;

  border-radius: 5px

}



.pro-list ul li .item .item-pic .ks {

  width: 68px;

  height: 25px;

  padding: 0 10px;

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  left: 13px;

  top: 13px;

  z-index: 1;

  background: rgba(255,255,255,.4);

  border-radius: 4px

}



.pro-list ul li .item .item-pic .mark {

  cursor: pointer;

  position: absolute;

  right: 13px;

  top: 13px;

  z-index: 1;

  opacity: 0

}



.pro-list ul li .item .item-pic .mark i {

  color: var(--color)

}



.pro-list ul li .item .item-pic .mark.checked {

  opacity: 1

}



.pro-list ul li .item .item-pic .mark.checked i::before {

  content: "\e6b6"

}



.pro-list ul li .item .item-tit {

  margin: 18px 0 0

}



.pro-list ul li .item .item-tags {

  margin: 14px 0 10px;

  flex-wrap: wrap

}



.pro-list ul li .item .item-tags span {

  height: 25px;

  display: flex;

  align-items: center;

  justify-content: center;

  min-width: 70px;

  margin-bottom: 10px;

  text-align: center;

  border: 1px solid #eee;

  border-radius: 4px;

  padding: 0 7px;

  color: rgba(0,0,0,.6);

  margin-right: 10px;

  cursor: pointer

}



.pro-list ul li .item .item-tags span:hover,.pro-list ul li .item .item-tags span:nth-child(1) {

  border-color: var(--color);

  color: var(--color)

}



.pro-list ul li .item .item-price {

  color: var(--color);

  align-items: flex-end

}



.pro-list ul li .item .item-price span {

  margin: 10px 5px -3px 0;

  font-family: DIN;

  font-weight: 500;

  color: #3f6ffe

}



.pro-list ul li .item:hover .mark {

  opacity: 1

}



.pro-list ul li .item:hover .item-pic {

  border-color: var(--color)

}



.news-list {

  padding-top: 16px

}



.news-list li {

  padding: 14px 0

}



.news-list li .tit {

  flex: 1;

  overflow: hidden;

  color: #575b66

}



.news-list li .time {

  color: rgba(87,91,102,.6);

  flex-shrink: 0;

  margin-left: 28px

}



.news-list li:hover .tit {

  color: var(--color)

}



.pages {

  padding: 65px 0

}



.pages .go {

  margin-right: 30px

}



.pages .go input {

  width: 36px;

  height: 36px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 4px;

  border: 1px solid #eee;

  margin: 0 15px;

  text-align: center

}



.pages ul li {

  margin-left: 15px;

  width: 36px;

  height: 36px;

  border-radius: 4px;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid #eee;

  transition: all ease .3s

}



.pages ul li a {

  display: block

}



.pages ul li.disabled {

  background: #f7f7f7!important

}



.pages ul li.disabled a {

  color: #000!important

}



.pages ul li.on,.pages ul li:hover {

  background: linear-gradient(90deg,#618aff 0,#3f6ffe 100%);

  border-radius: 4px;

  border-color: transparent

}



.pages ul li.on a,.pages ul li:hover a {

  color: #fff

}



.footer {

  background: #575b66;

  color: #fff

}



.footer .ft1 {

  padding: 38px 0 50px;

  color: rgba(255,255,255,.4)

}



.footer .ft1 a {

  color: rgba(255,255,255,.4)

}



.footer .ft1 a:hover {

  color: rgba(255,255,255,.8)

}



.footer .ft1 .ft1-nav {

  width: 53.58%;

  max-width: 900px

}



.footer .ft1 .ft1-nav .tit {

  color: #fff;

  margin-bottom: 12px

}



.footer .ft1 .ft1-nav .tit a {

  color: #fff

}



.footer .ft1 .ft1-nav .sub p {

  margin-bottom: 16px

}



.footer .ft1 .ft1-contact {

  width: 100%;

  max-width: 426px

}



.footer .ft1 .ft1-contact .share {

  border-bottom: 1px solid rgba(255,255,255,.1);

  padding-bottom: 18px;

  margin-bottom: 22px

}



.footer .ft1 .ft1-contact .share li {

  margin-right: 35px

}



.footer .ft1 .ft1-contact .share li:last-child {

  margin-right: 0

}



.footer .ft1 .ft1-contact .msg li {

  margin-bottom: 14px

}



.footer .ft1 .ft1-contact .msg li .tit {

  flex-shrink: 0

}



.footer .copyright {

  border-top: 1px solid rgba(255,255,255,.1);

  padding: 24px 0;

  color: rgba(255,255,255,.4)

}



.footer .copyright a {

  color: rgba(255,255,255,.4)

}



.footer .copyright a:hover {

  color: rgba(255,255,255,.8)

}



.bg-img-box {

  width: 100%;

  height: calc(100vh - 360px)

}



.bg-img-box .bg-img {

  width: 100%;

  height: 100%;

  object-fit: cover

}



.dialog {

  width: 385px;

  position: fixed;

  right: 5%;

  top: 38%;

  transform: translate(-50%,-50%);

  z-index: 24

}



.dialog .dialog-right {

  flex: 1;

  min-height: 377px;

  overflow: hidden;

  box-shadow: 0 0 10px 0 rgba(0,0,0,.1);

  border-radius: 10px;

  padding: 5px 20px 20px 20px

}



.dialog .dialog-right .bg-maoboli {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  backdrop-filter: blur(5px);

  border: 1px solid rgba(255,255,255,.3)

}



.dialog .dialog-right .tabs {

  border-bottom: 1px solid #eee;

  margin-bottom: 15px;

  position: relative;

  z-index: 10

}



.dialog .dialog-right .tabs li {

  padding: 14px 0;

  cursor: pointer;

  color: rgba(0,0,0,.8);

  margin-right: 28px

}



.dialog .dialog-right .tabs li.on a {

  color: var(--color);

  font-weight: 700;

  font-size: 18px

}



.dialog .dialog-right .tablist {

  position: relative;

  z-index: 10

}



.dialog .dialog-right .tablist li {

  height: 50px;

  width: 100%;

  background: #fafafa;

  border: 1px solid transparent;

  padding: 0 14px;

  border-radius: 6px;

  margin-bottom: 16px;

  transition: all ease .3s

}



.dialog .dialog-right .tablist .type-btn-box {

  width: 100%;

  display: flex;

  margin-bottom: 10px

}



.dialog .dialog-right .tablist .type-btn-box .type-btn {

  width: 48%;

  height: 45px;

  border-radius: 5px;

  background: #fff;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 16px;

  color: #2a2a2a;

  cursor: pointer

}



.dialog .dialog-right .tablist .type-btn-box .type-btn:first-child {

  margin-right: 4%

}



.dialog .dialog-right .tablist .type-btn-box .type-btn-cur {

  background: #3f6ffe;

  color: #fff

}



.dialog .dialog-right .tablist .form-code-box {

  position: relative

}



.dialog .dialog-right .tablist .form-code-box .login-checkimg {

  width: 120px;

  position: absolute;

  right: 6px;

  top: 5px;

  height: 40px;

  z-index: 10;

  cursor: pointer

}



.dialog .dialog-right .tablist li .icon {

  width: 30px;

  height: 50px;

  flex-shrink: 0

}



.newstitle {

  width: 100%

}



.dialog .dialog-right .tablist li .intbox {

  flex: 1;

  position: relative

}







.dialog .dialog-right .tablist li .intbox input {

  width: 100%;

  background: 0 0;

  height: 50px

}



.dialog .dialog-right .tablist li:hover {

  border-color: var(--color)

}



.dialog .dialog-right .tablist li .getcode {

  width: 140px;

  text-align: center;

  color: var(--color);

  background: 0 0;

  border-left: 1px solid #eee

}



.dialog .dialog-right .tablist li.yzm {

  padding-right: 0

}



.dialog .dialog-right .tablist .btn {

  margin-top: 20px

}



.dialog .dialog-right .tablist .btn button {

  display: flex;

  align-items: center;

  justify-content: center;

  height: 50px;

  background: #3f6ffe;

  border-radius: 6px;

  color: #fff;

  width: 100%

}



.dialog .dialog-right .tablist .xieyi {

  color: #fff;

  margin-top: 15px;

  text-align: center

}



.dialog .dialog-right .tablist .xieyi a {

  color: var(--color)

}



.dialog .dialog-right .tablist .tab-cont.denglu .xieyi {

  margin-top: 30px;

  text-align: center;

  color: #fff

}



.meb-center {

  background: #fafafa;

  box-shadow: 0 0 15px 1px rgba(0,0,0,.04);

  border-radius: 10px;

  margin-bottom: 20px;

  margin-top: -9px

}



.meb-center .meb-left {

  width: 260px;

  float: left;

  background: #fafafa;

  border-radius: 10px 0 0 10px;

  z-index: 1;

  position: sticky;

  top: 60px

}



.meb-center .meb-left .user-info {

  margin: 30px 0 50px

}



.meb-center .meb-left .user-info .uimg {

  position: relative

}



.meb-center .meb-left .user-info .uimg img {

  width: 75px;

  height: 75px;

  border-radius: 50%

}



.meb-center .meb-left .user-info .uimg .sex {

  width: 17px;

  height: 17px;

  border-radius: 50%;

  position: absolute;

  right: 4px;

  bottom: 4px;

  background: var(--color);

  color: #fff

}



.meb-center .meb-left .user-info .uimg .sex i {

  font-size: 12px

}



.meb-center .meb-left .user-info .uname {

  margin: 20px 0 10px;

  color: #222529

}



.meb-center .meb-left .user-info .utel {

  color: rgba(34,37,41,.8)

}



.meb-center .meb-left .user-menu li a {

  display: flex;

  height: 50px;

  padding: 0 30px;

  align-items: center;

  color: #222529;

  transition: all ease .3s;

  background-repeat: no-repeat;

  background-position: right 30px center;

  background-image: url(../images/icon_jt1.png)

}



.meb-center .meb-left .user-menu li.on a,.meb-center .meb-left .user-menu li:hover a {

  background-image: url(../images/icon_jt2.png)

}



.meb-center .meb-left .user-menu li:hover a {

  color: var(--color)

}



.meb-center .meb-left .user-menu li.on a {

  border-left: 4px solid var(--color);

  background-color: #fff;

  color: var(--color)

}



.meb-center .meb-left .user-menu .ruzhu-tag-no {

  font-size: 12px;

  color: #9a9aa1;

  margin-left: 10px;

  margin-top: 2px;

}



.meb-center .meb-left .user-menu .ruzhu-tag-ok {

  font-size: 12px;

  color: #01972d;

  margin-left: 10px;

  margin-top: 2px;

}



.meb-center .meb-cont {

  overflow: hidden;

  background: #fff;

  min-height: 600px;

}



.meb-center .meb-cont .wrapper {

  width: 90%;

  max-width: 870px;

  margin: 0 auto;

  margin-top: 40px

}



.meb-center .fabu .fabu-tit {

  padding-bottom: 30px;

  border-bottom: 1px solid #eee

}



.meb-center .fabu .fabu-dl1 .dd {

  width: 100%;

  margin-top: 40px;

  display: flex;

  align-items: center

}



.meb-center .fabu .fabu-dl1 .dd .label {

  width: 88px;

  flex-shrink: 0;

  color: rgba(34,37,41,.8)

}



.meb-center .fabu .fabu-dl1 .dd .intbox {

  flex: 1;

  overflow: hidden;

  height: 40px;

  background: #fff;

  border-radius: 5px;

  border: 1px solid #f2f2f2;

  display: flex;

  align-items: center;

  padding: 0 20px

}



.meb-center .fabu .fabu-dl1 .dd .intbox input {

  width: 100%;

  height: 100%

}



.meb-center .fabu .fabu-dl1 .dl.w50 {

  flex-wrap: wrap

}



.meb-center .fabu .fabu-dl1 .dl.w50 .dd {

  width: 46%

}



.meb-center .fabu .fabu-dl1 .uplist {

  align-items: flex-start

}



.meb-center .fabu .fabu-dl1 .uplist .intbox {

  border: 0;

  height: auto;

  padding-left: 0

}



.meb-center .fabu .fabu-dl1 .uplist .intbox li {

  width: 70px;

  height: 70px;

  background: #fafafa;

  border-radius: 6px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 10px;

  position: relative

}



.meb-center .fabu .fabu-dl1 .uplist .intbox li img {

  width: 70px;

  height: 70px;

  border-radius: 6px

}



.meb-center .fabu .fabu-dl1 .uplist .intbox li.up {

  position: relative

}



.meb-center .fabu .fabu-dl1 .uplist .intbox li.up img {

  width: 12px;

  height: 12px

}



.meb-center .fabu .fabu-dl1 .uplist .intbox li.up input {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  opacity: 0

}



.meb-center .fabu .fabu-dl1 .uplist .intbox li .close {

  width: 14px;

  height: 14px;

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  top: 2px;

  right: 2px;

  background: #fff;

  border-radius: 50%;

  z-index: 1

}



.meb-center .fabu .fabu-dl1 .uplist .intbox li .close i {

  font-size: 12px;

  transform: scale(.9)

}



.meb-center .fabu .fabu-dl2 .fabu-tit2 {

  color: rgba(0,0,0,.8);

  margin: 54px 0 20px;

  padding-left: 12px;

  position: relative

}



.meb-center .fabu .fabu-dl2 .fabu-tit2::before {

  content: "";

  width: 3px;

  height: 20px;

  background: #3f6ffe;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%)

}



.meb-center .fabu .fabu-dl2 .table table {

  border-collapse: collapse

}



.meb-center .fabu .fabu-dl2 .table table td {

  height: 40px;

  background: #fafbff;

  border-radius: 1px;

  color: #999ba8;

  border: 1px solid #eee;

  padding: 0 18px

}



.meb-center .fabu .fabu-dl2 .table table td:nth-child(2n+1) {

  background: #fafbff

}



.meb-center .fabu .fabu-dl2 .table table td input {

  width: 100%;

  background: 0 0;

  border: 0

}



.meb-center .fabu .fabu-dl2 .table table td input::-webkit-input-placeholder {

  color: rgba(99,100,109,.4)

}



.meb-center .fabu .fabu-dl2 .fabu-btn {

  margin: 40px 0

}



.meb-center .fabu .fabu-dl2 .fabu-btn button {

  width: 120px;

  height: 40px;

  background: linear-gradient(90deg,#618aff 0,#3f6ffe 100%);

  border-radius: 20px;

  color: #fff

}



.meb-center .fabu .fabu-dl2 .fabu-btn button:hover {

  opacity: .88

}



.d-type2 {

  padding-left: 20px;

  position: relative;

  margin-bottom: 20PX

}



.d-type2::before {

  content: "";

  width: 5px;

  height: 100%;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  background: #3f6ffe

}



.checklist .dd {

  color: #222529;

  margin-bottom: 25px

}



.checklist .dd .label {

  width: 63px;

  flex-shrink: 0

}



.checklist .dd .intbox {

  flex: 1;

  overflow: hidden

}



.checklist .dd .intbox ul li {

  margin-right: 10px;

  cursor: pointer;

}



.checklist .dd .intbox ul li a {

  color: #222529;

  height: 25px;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0 6px;

  border-radius: 4px

}



.checklist .dd .intbox ul li a.zimu-cur {

  font-weight: bold;

  color: #0a58ca;

}



.checklist .dd .intbox ul li:hover a {

  color: var(--color)

}



.checklist .dd .intbox ul li.on a {

  background: #3f6ffe;

  color: #fff

}



.checklist .dd.jiage .zdy {

  margin-left: 25px

}



.checklist .dd.jiage input {

  width: 65px;

  height: 25px;

  background: #fff;

  border-radius: 4px;

  border: 1px solid #eee;

  text-align: center

}



.checklist .dd.jiage span {

  padding: 0 5px

}



.checklist .dd.jiage button {

  width: 65px;

  height: 25px;

  margin-left: 20px;

  background: #f7f7f7;

  border-radius: 4px;

  display: flex;

  align-items: center;

  justify-content: center

}



.checklist .dd1 .hd li {

  cursor: pointer;

  color: #222529

}



.checklist .dd1 .hd li.on {

  color: var(--color)

}



.checklist .dd1 .hd li a {

  white-space: nowrap

}



.checklist .brand-list2 {

  margin-left: 63px;

  margin-bottom: 20px;

  margin-top: 10px;

  padding: 10px 15px;

  background: url(../images/bgk1.png) no-repeat;

  background-size: 100% 100%

}



.checklist .brand-list2 ul {

  overflow: hidden

}



.checklist .brand-list2 ul li {

  margin: 6px 10px 5px 0

}



.checklist .brand-list2 ul li a {

  display: flex;

  align-items: center;

  padding: 5px 14px;

  border-radius: 5px

}



.checklist .brand-list2 ul li a img {

  width: 20px;

  margin-right: 5px

}



.checklist .brand-list2 ul li.on a{

  background: #f0f1f5

}



/*.checklist .brand-list2 ul li:hover a {*/

/*  background: #f0f1f5*/

/*}*/



.check-result {

  padding: 13px 20px;

  background: #fafafa;

  border-radius: 6px;

  margin-bottom: 30px

}



.check-result .tit {

  margin-right: 20px

}



.check-result .cont ul {

  display: flex;

  align-items: center

}



.check-result .cont ul a {

  height: 25px;

  padding: 0 25px 0 10px;

  min-width: 80px;

  margin-right: 11px;

  display: flex;

  align-items: center;

  background: #f0f3fc;

  cursor: pointer;

  border-radius: 4px;

  border: 1px solid #3f6ffe;

  color: var(--color);

  position: relative

}



.check-result .cont ul a::after {

  content: "\e6e9";

  font-family: iconfont;

  position: absolute;

  right: 5px;

  top: 50%;

  transform: translateY(-50%)

}



.detail .d-box1 {

  margin-bottom: 50px

}



.detail .d-box1 .d-box1-left {

  flex: 1;

  overflow: hidden;

  background: #fafafa;

  border-radius: 6px;

  padding: 30px 20px

}



.detail .d-box1 .d-box1-left .slides {

  flex: 1;

  overflow: hidden

}



.detail .d-box1 .d-box1-left .slides .d-box1 {

  padding-left: 20px

}



.detail .d-box1 .d-box1-left .slides .d-box1 .fl .icon {

  width: 62px;

  margin-right: 18px

}



.detail .d-box1 .d-box1-left .slides .d-box1 .fl .info .desc {

  color: rgba(0,0,0,.8)

}



.detail .d-box1 .d-box1-left .slides .d-box1 .total {

  height: 32px;

  background: rgba(205,207,222,.2);

  border-radius: 16px;

  padding: 0 26px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #c0c1cf

}



.detail .d-box1 .d-box1-left .slides .d-box2 {

  background: url(../images/bg_k1.png) no-repeat center;

  background-size: 100% 100%

}



.detail .d-box1 .d-box1-left .slides .d-box2 .gallery-top {

  padding: 80px 0 70px

}



.detail .d-box1 .d-box1-left .slides .d-box2 .gallery-thumbs .swiper-slide .item-pic {

  border: 1px solid transparent;

  border-radius: 6px

}



.detail .d-box1 .d-box1-left .slides .d-box2 .gallery-thumbs .swiper-slide .item-pic img {

  border-radius: 6px

}



.detail .d-box1 .d-box1-left .slides .d-box2 .gallery-thumbs .swiper-slide-thumb-active .item-pic {

  border-color: var(--color)

}



.detail .d-box1 .d-box1-left .proinfo {

  margin-left: 22px;

  width: 28.2%;

  background: #fff;

  border-radius: 6px;

  padding: 30px 20px 0 20px

}



.detail .d-box1 .d-box1-left .proinfo .title .mark i {

  color: var(--color)

}



.detail .d-box1 .d-box1-left .proinfo .price {

  padding: 20px 0;

  align-items: flex-end;

  border-bottom: 1px solid #eee

}



.detail .d-box1 .d-box1-left .proinfo .price .xj {

  color: var(--color)

}



.detail .d-box1 .d-box1-left .proinfo .price .xj span {

  margin: -10px 0 0 5px

}



.detail .d-box1 .d-box1-left .proinfo .price .yj {

  margin-left: 18px;

  color: rgba(0,0,0,.4);

  text-decoration: line-through

}



.detail .d-box1 .d-box1-left .proinfo .attrs {

  padding: 10px 0

}



.detail .d-box1 .d-box1-left .proinfo .attrs li {

  padding: 14px 0

}



.detail .d-box1 .d-box1-left .proinfo .attrs li .label {

  width: 99px;

  color: rgba(0,0,0,.6)

}



.detail .d-box1 .d-box1-left .proinfo .attrs li .info {

  flex: 1;

  overflow: hidden;

  color: rgba(0,0,0,.8)

}



.detail .d-box1 .d-box1-left .proinfo .link-more a {

  color: var(--color)

}



.detail .d-box1 .d-box1-left .proinfo .btn-list {

  margin-top: 30px

}



.detail .d-box1 .d-box1-left .proinfo .btn-list a {

  width: calc(50% - 10px);

  height: 40px;

  border-radius: 6px;

  border: 1px solid #cdcfde;

  color: #999ba8;

  display: flex;

  align-items: center;

  justify-content: center

}



.detail .d-box1 .d-box1-left .proinfo .btn-list a.btn2 {

  background: var(--color);

  color: #fff;

  border-color: var(--color)

}



.detail .d-box1 .d-box1-right {

  width: 25%;

  margin-left: 20px;

  background: #fafafa;

  border-radius: 6px;

  padding: 30px 20px

}



.detail .d-box1 .d-box1-right ul li {

  padding: 28px 0;

  border-bottom: 1px solid #eee

}



.detail .d-box1 .d-box1-right ul li .item .item-pic {

  width: 28.35%;

  margin-right: 20px

}



.detail .d-box1 .d-box1-right ul li .item .item-info {

  flex: 1;

  overflow: hidden

}



.detail .d-box1 .d-box1-right ul li .item .item-info .item-tit .tit {

  width: 60%

}



.detail .d-box1 .d-box1-right ul li .item .item-info .item-tit .price {

  color: var(--color)

}



.detail .d-box1 .d-box1-right ul li .item .item-info .item-btns {

  margin-top: 14px;

  justify-content: flex-start

}



.detail .d-box1 .d-box1-right ul li .item .item-info .item-btns a {

  min-width: 67px;

  margin-right: 9px;

  padding: 0 10px;

  height: 26px;

  color: #999ba8;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 4px;

  border: 1px solid #cdcfde

}



.detail .d-box1 .d-box1-right ul li .item .item-info .item-btns a.btn3 {

  background: linear-gradient(90deg,#618aff 0,#3f6ffe 100%);

  border-color: transparent;

  color: #fff!important

}



.detail .d-box1 .d-box1-right ul li .item .item-info .item-btns a:hover {

  border-color: var(--color);

  color: var(--color)

}



.detail .d-box1 .d-box1-right ul li:last-child {

  border-bottom: 0;

  padding-bottom: 0

}



.detail .det-box2 table {

  width: 100%;

  border-collapse: collapse

}



.detail .det-box2 table td {

  border: 1px solid #eee;

  padding: 13px 18px;

  color: #999ba8

}



.detail .det-box3 {

  padding-bottom: 25px;

  border-bottom: 1px solid #fafafa

}



.detail .det-box3 table {

  width: 100%;

  border-collapse: collapse;

  text-align: center

}



.detail .det-box3 table .tr1 {

  background: #fafafa;

  border-radius: 1px;

  color: #999ba8

}



.detail .det-box3 table .tr1 td:nth-child(1) {

  color: #010101

}



.detail .det-box3 table td:nth-child(1) {

  text-align: left;

  padding: 18px 0;

  padding-left: 38px

}



.detail .det-box3 table td .gray {

  color: #999ba8

}



.detail .det-box3 table td .pz a {

  margin: 0 13px;

  text-decoration: underline

}



.detail .det-box3 table td .pz a.gray {

  text-decoration: none

}



.detail .det-box3 table td .price {

  color: var(--color)

}



.detail .det-box3 table td .btn a {

  width: 67px;

  height: 26px;

  display: flex;

  text-align: center;

  align-items: center;

  justify-content: center;

  border-radius: 4px;

  color: #999ba8;

  border: 1px solid #cdcfde

}



.detail .det-box3 table td .btn a.btn2 {

  background: linear-gradient(90deg,#618aff 0,#3f6ffe 100%);

  margin-left: 8px;

  border-color: transparent;

  color: #fff

}



.detail .det-box4 .det4-cont {

  padding-left: 5px

}



.detail .det-box4 .det4-cont .det4-list1 {

  padding-left: 25px;

  margin: 35px 0

}



.detail .det-box4 .det4-cont .det4-list1 li {

  margin-bottom: 40px

}



.detail .det-box4 .det4-cont .det4-list1 li .icon {

  margin-right: 14px

}



.detail .det-box4 .det4-cont .det4-list1 li .info .tit {

  color: var(--color)

}



.detail .det-box4 .det4-cont .det4-list1 li .info .desc {

  color: rgba(0,0,0,.8);

  margin-top: 10px;

  line-height: 20px

}



.detail .det-box4 .det4-cont .det4-list2 li {

  margin-bottom: 38px

}



.detail .det-box4 .det4-cont .det4-list2 li .tit {

  color: var(--color);

  margin-bottom: 11px

}



.detail .det-box4 .det4-cont .det4-list2 li .desc {

  color: rgba(0,0,0,.8);

  line-height: 20px;

  margin-top: 12px

}



.zhongbang {

  font-weight: 600

}



.leixing li {

  padding: 3px 15px;

  border-radius: 5px;

  margin-right: 20px;

  cursor: pointer;

}



.xuanzhong {

  background-color: #618aff

}



.xuanzhong a {

  color: #fff

}



.flex-st {

  display: flex;

  align-items: flex-start;

  justify-content: flex-start;

  width: 100%;

}



.paihangleft {

  width: 74%;

  background: #fafafa;

  border-radius: 3px;

  margin-top: 20px;

  margin-right: 40px

}



.paihangright {

  width: 23.6%;

  height: 565px;

  background: #fafafa;

  border-radius: 3px;

  margin-top: 20px

}



.paihangbang {

  width: 100%;

}



.phitem {

  display: flex;

  justify-content: space-between;

  width: 100%;

}



.phitem .left-box {

  display: flex;

  width: 60%;

}



.xuhao {

  font-size: 24px;

  margin-right: 30px;

  font-weight: 600

}



.phitem img {

  width: 150px;

  height: auto;

  margin-right: 25px;

  margin-top: 10px

}



.jiage {

  /*margin-right: 280px*/

}



.jiage h6 {

  font-family: Microsoft YaHei;

  font-weight: 500;

  font-size: 18px;

  color: #3f6ffe

}



.jiage p {

  font-weight: 400;

  font-size: 12px;

  color: #000;

  opacity: .6;

  margin-top: 5px

}



.xiaoliang {

  display: flex;

  flex-direction: column;

  align-items: center;

  margin-top: 20px;

  justify-content: center;

}



.xiaoliang h5 {

  font-family: DIN;

  font-weight: 600;

  font-size: 18px;

  color: #000

}



.xiaoliang p {

  font-weight: 400;

  font-size: 16px;

  color: #000;

  opacity: .8

}



.dijia {

  width: 84px;

  background: #f1f4ff;

  border: 1px solid #3f6ffe;

  text-align: center;

  height: 30px;

  padding: 3px;

  margin-top: 25px

}



.dijia:hover {

  background: #0638eb;

  color: #fff!important

}



.fgx {

  border-bottom: 1px solid #eee;

  margin-left: 6%;

  margin-right: 0;

  margin-top: 28px;

  margin-bottom: 28px

}



.rexiao {

  margin-bottom: 20px;

  padding: 30px 20px;

  background: #fafafa;

  border-radius: 6px

}



.phbang {

  padding: 0 0!important;

  background: #fff!important

}



.tjnews img {

  width: 100%

}



.tjnews h3 {

  position: relative;

  bottom: 45px;

  color: #fff;

  padding: 8px;

  z-index: 11;

  background: #00000075;

  border-radius: 6px;

  font-weight: 400

}



.newslist {

  display: flex;

  margin-top: 30px;

  border-bottom: 1px solid #ccc;

  width: 84%;

  padding-bottom: 30px

}



.date {

  margin-right: 60px

}



.day {

  font-family: DIN;

  font-weight: 600;

  font-size: 36px;

  color: #000

}



.year {

  font-family: DIN;

  font-weight: 500;

  font-size: 12px;

  color: #000;

  width: 50px

}



.newstitle h4 {

  margin-bottom: 20px

}



.tuijiannews li a {

  line-height: 24px;

  font-weight: 500

}



.content {

  width: 60%;

  margin: 0 auto

}



.contitle h3 {

  font-size: 20px;

  text-align: center;

  line-height: 40px;

  margin-bottom: 20px

}



.author {

  display: flex;

  justify-content: center

}



.author p {

  margin-right: 10%;

  font-size: 14px;

  color: #999;

  margin-bottom: 40px

}



article p {

  line-height: 30px

}



article img {

  max-width: 100%;

  margin: 0 auto;

  margin: 30px 0

}



.biaoti {

  display: flex;

  justify-content: space-between

}



.newsjt02 {

  display: none;

  width: 24px;

  height: 24px

}



.newsjt01 {

  width: 24px;

  height: 24px

}



.biaoti:hover img.newsjt01 {

  display: none

}



.biaoti:hover img.newsjt02 {

  display: block

}



.newsimg {

  margin-right: 20px

}



.newsimg img {

  width: 217px

}



.newstime {

  font-size: 14px;

  color: #999;

  margin-top: -10px;

  margin-bottom: 3px

}



.qiugou {

  background-color: #fff!important;

  padding: 0 0!important

}



.qglist li {

  background-color: #fafafa;

  margin-bottom: 30px;

  padding: 30px 20px

}



.qglist li:hover {

  background-color: #f0f0f0

}



.qgclick {

  margin-bottom: 20px

}



.qgclick:hover {

  color: inherit

}



.qgchexing {

  display: flex

}



.qgchexing p {

  padding: 2px 10px;

  color: #fff;

  background-color: #3f6ffe;

  text-align: center;

  margin-right: 15px;

  border-radius: 4px

}



.qgxq {

  margin-top: 20px;

  display: flex

}



.qginfo {

  width: 95px

}



.qginfo2 {

  line-height: 24px

}



.qgtag {

  margin-top: 12px

}



.qgtag span {

  background: #f0f3fc;

  border-radius: 4px;

  border: 1px solid #618aff;

  padding: 2px 10px;

  color: #3f6ffe;

  margin-right: 10px;

  font-size: 14px;

  font-weight: 400

}



.qdtime {

  font-weight: 400;

  font-size: 14px;

  color: #000;

  line-height: 24px

}



.qgtitle {

  display: flex;

  justify-content: space-between

}



.about {

  display: flex;

  justify-content: space-around;

  margin-top: 24px;

  align-items: center

}



.about img {

  margin-right: 60px

}



.jianjie {

  margin-right: 5%;

  margin-left: 20px

}



.jianjie p {

  font-size: 16px;

  line-height: 30px

}



.aboutbg {

  background-image: url(../images/aboutbg.png);

  margin-top: 67px

}



.zizhi {

  display: flex;

  justify-content: space-around

}



.zizhi li {

  display: flex;

  padding: 63px 0

}



.zizhi2 {

  display: flex;

  flex-direction: column;

  margin-left: 27px

}



.zizhi2 h4 {

  font-family: DIN #000;

  font-weight: 400;

  font-size: 30px;

  color: #fff;

  line-height: 36px

}



.zizhi li img {

  width: 44px;

  height: 44px

}



.zizhi2 span {

  font-family: Microsoft YaHei;

  font-weight: 400;

  font-size: 14px;

  color: #fff;

  line-height: 36px

}



.zizhi2 p {

  font-family: Microsoft YaHei;

  font-weight: 400;

  font-size: 14px;

  color: #fff;

  line-height: 36px

}



.hwzt h3 {

  margin-top: 52px;

  margin-bottom: 31px

}



.zhantin {

  display: flex;

  justify-content: space-between

}



.zhantin2 {

  width: 23%

}



.zhantin2 p {

  font-weight: 400;

  font-size: 14px;

  color: #4e4e4e;

  margin-top: 10px

}



.zhantin2 h4 {

  margin-top: 15px

}



.fabu-btn0 {

  margin-left: 71px;

  margin-bottom: 265px

}



.intbox select {

  border: none;

  box-shadow: none;

  width: 100%;

  height: 40px

}



.intbox select:focus {

  outline: 0

}



.duohang {

  height: 200px!important

}



.duohang textarea {

  display: block;

  margin: 200px auto 20px

}



.info404 {

  height: 400px

}



.info404 img {

  display: block;

  margin: 200px auto 20px

}



.info404 p {

  text-align: center

}



@media (min-width:1501px) {

  .pro-list ul li:nth-child(21) {

    display: none

  }

}



@media (max-width:1830px) {

  .common-service li::after {

    right: -60%

  }



  .detail .d-box1 .d-box1-right ul li .item .item-info .item-btns a {

    min-width: auto;

    padding: 0 10px

  }

}



@media (max-width:1700px) {

  .detail .d-box1 .d-box1-left .slides .d-box2 .gallery-top {

    padding: 75px 0

  }



  .detail .d-box1 .d-box1-left .proinfo .attrs {

    font-size: 14px

  }



  .detail .d-box1 .d-box1-left .proinfo .attrs li {

    padding: 9px 0

  }



  .detail .d-box1 .d-box1-left .proinfo .attrs li .label {

    width: 72px

  }



  .detail .d-box1 .d-box1-right {

    width: 28%

  }



  .detail .d-box1 .d-box1-right ul li {

    padding: 20px 0

  }

}



@media (max-width:1500px) {

  .main .sidebar {

    margin-right: 20px

  }



  .detail .d-box1 .d-box1-left .proinfo {

    width: 32%

  }



  .detail .d-box1 .d-box1-left .slides .d-box2 .gallery-top {

    padding: 95px 0

  }



  .detail .d-box1 .d-box1-right {

    width: 31%

  }



  .detail .d-box1 .d-box1-right ul li {

    padding: 17px 0

  }

}



.ym-pagination-box {

  display: flex;

  justify-content: center;

  margin: 30px 0;

  height: 45px;

  align-items: center

}



.pagination {

  list-style: none;

  padding: 0;

  margin: 0;

  display: flex

}



.pagination li {

  margin: 0 5px

}



.pagination li a {

  text-decoration: none;

  padding: 5px 12px;

  color: #007bff;

  border: 1px solid #007bff;

  border-radius: 5px;

  transition: background-color .3s,color .3s

}



.pagination li a:hover {

  background-color: #007bff;

  color: #fff

}



.pagination li.active span {

  background-color: #007bff;

  color: #fff;

  padding: 6px 13px;

  border-radius: 5px

}



.pagination li.disabled span {

  color: #6c757d;

  padding: 5px 12px;

}



@media (max-width:600px) {

  .pagination li a {

    padding: 5px 12px;

    font-size: 14px

  }

}