/* 面包屑最后一个取消箭头 */
.details .location .txts>a:last-child:after {
    background: none;
}

/* 优化相册，防止图片过大或者过小导致排版错位 */
.dj-gallery {
    display: grid;
    grid-template-columns: repeat(3, calc(33.33% - 6.67px));
    gap: 10px;
}

.details .cont .dj-text {
    padding-top: 15px;
}

.dj-text h2 {
    font-size: 18px;
    padding-left: 15px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: bold;
    border-left: 7px solid #ed1c24;
}

.dj-text img {
    max-width: 100%;
    height: auto;
	border-radius: 10px;
}

.alignleft {
    float: left;
    margin: 0.5em 1em 0.5em 0;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignright {
    float: right;
    margin: 0.5em 0 0.5em 1em;
}

.details .cont .text p {
    line-height: 30px;
    font-size: 16px;
    text-align: justify;
    margin: 0 0 25px 0;
    color: #525252;
}

.details .cont .author .conts h5 a {
    margin-right: 10px;
    color: #006cdd;
    position: relative;
}

.dj-remember {
    margin-top: 10px;
}

.dj-remember label {
    font-size: 14px;
    font-weight: normal;
    color: #333;
}

.dj-remember input[type="checkbox"] {
    position: relative;
    top: 1px;
}

.inform .data .conts .box .input input {
    width: 75%;
}

#reply-title {
    padding: 0 35px;
}

#cancel-comment-reply-link {
    padding-left: 10px;
}

.dj-box {
    display: flex;
    gap: 0 10px;
}

.dj-readonly {
    background-color: #eee;
}

.dj-readonly input {
    cursor: not-allowed;
}

.nav-links .page-numbers {
    padding: 5px 10px;
    text-decoration: none;
    color: #333;
}

.nav-links .current {
    background-color: #ff0100;
    color: #fff;
    border-radius: 5px;
}


.inform .paging a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    min-width: 30px;
    padding: 0 10px;
    text-align: center;
    font-size: 16px;
    margin: 0 6px;
    border-radius: 15px;
    font-family: arial;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.inform .paging a:hover {
    color: #fff;
}

.dj-more {
    display: none;
}

.dj-icp {
    color: #333;
    text-decoration: none;
}

.dj-icp:hover {
    text-decoration: none;
    opacity: 0.8;
}

.banns {
    padding-bottom: 30px;
}

.inform {
    padding-top: 0;
}

.inform .data {
    margin-top: 0;
}

.dj-recommend .lists ul li .txts {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.swiper-button-disabled {
    display: none;
}

#dj-icp {
    color: #7f777f;
}

.dj-bottom-menu .dj-b-item {
    color: #7f777f;
    text-decoration: none;
    padding-left: 5px;
}

.dj-bottom-menu .dj-b-item:hover {
    text-decoration: none;
    opacity: 0.8;
}

#comments {
    margin-top: 30px;
}

#nocomment {
    text-align: center;
    margin: 30px 0;
}

.dj-official {
    border-radius: 4px;
    padding: 0 6px;
    background-color: #4E6EF2;
    line-height: 18px;
    height: 18px;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-style: normal;
    color: #fff;
    overflow: hidden;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    top: -1px;
}

.alert .alert-reward .type .dj-pay-type {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.pay-body {
    padding: 20px;
}

.pay-title {
    text-align: center;
    font-weight: 600;
    font-size: 32px;
    margin-top: -10px;
    margin-bottom: 10px;
}

.pay-title>small {
    font-size: 60%;
}

.pay-qrcode {
    width: 220px;
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px dashed #ccc;
    border-radius: 5px;
    padding: 5px;
}

.pay-qrcode img {
    max-width: 100%;
    height: auto;
}

.pay-tips {

    text-align: center;
    margin-top: 10px;
}

.pay-error {
    color: red;
}

.pay-success {
    color: green;
}

.pay-normal {
    color: #646970;
}

.dj-quote {
    width: 100%;
    background-color: #f3f6f6;
    padding: 12px 20px 20px 0;
    border-radius: 8px;
    padding-left: 50px;
    position: relative;
    margin-bottom: 20px;
}

.dj-quote:after {
    content: "";
    position: absolute;
    left: 15px;
    top: 18px;
    width: 24px;
    height: 18px;
    background: url(../img/7c5a63_24x18.png) center no-repeat;
}

.dj-quote a {
    text-decoration: none;
}

.dj-quote h2 {
    font-size: 18px;
    color: #333;
    line-height: 21px;

    padding-left: revert;
    margin-top: revert;
    margin-bottom: revert;
    font-weight: normal;
    border-left: revert;
}

.dj-quote .txts {
    width: 100%;
    line-height: 26px;
    font-size: 14px;
    color: #828487;
    position: relative;
    padding-right: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.dj-quote .txts:after {
    content: "";
    position: absolute;
    right: 0;
    top: 13px;
    width: 14px;
    height: 14px;
    background: url(../img/f3453b_8x14.png) center no-repeat;
}

.inform .list ul li .intr .dj-nopic {
    width: 100%;
    padding-left: 0;
}

.details .cont .intr .dj-nopic {
    width: 100%;
    padding-left: 10px;
}

/* 产品力品牌力 */
.dj-cont .rank-hide {
    display: none;
}

.dj-lock {
    font-size: 24px;
}

.rank-payment {
    margin-top: 25px;
    float: left;
    width: 100%;
    position: relative;
    background-color: #fffbe5;
    border: 2px dashed #f5eabc;
    border-radius: 8px;
    text-align: center;
    padding: 20px;
    color: #de9e0e;
    font-style: normal;
    font-size: 14px;
}

.payment-desc {
    line-height: 30px;
}

.payment-btn {
    margin-top: 30px;
    display: flex;
    gap: 20px;
    justify-content: center;
}

.payment-btn a {
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    padding: 10px 25px;
    font-size: 12px;
    display: inline-block;
}

.payment-btn a:hover {
    opacity: 0.8;
}

.payment-preview {
    background-color: #4f5a67;
}

.payment-pay {
    background-color: #de9e0e;
}

#preview-container {
    position: fixed;
    display: none;
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 8px;
    z-index: 97;
}

#preview-container .preview-head {
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    margin-bottom: 15px;
}

#preview-container .preview-title {
    font-weight: bold;
}

#preview-container .icon-close {
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
}

#preview-container img {
    max-width: 100%;
    height: auto;
    display: block;
}

#preview-container .preview-foot a {
    color: #fff;
    background-color: #4B94FF;
    font-weight: bold;
    text-align: center;
    padding: 13px;
    border-radius: 8px;
    display: block;
    transition: all 0.3s;
}

#preview-container .preview-foot a:hover {
    text-decoration: none;
    opacity: 0.8;
}

#preview-container .preview-foot a:focus {
    text-decoration: none;
}

.dashang {
    display: none;
}

/* 弹窗圆角 */
.layui-layer.dj-payment-alert {
    border-radius: 8px;
}

.alert-payment {
    padding: 20px 30px;
}

.alert-platfotm {
    width: 200px;
    height: 80px;
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.alert-platfotm:hover {
    opacity: 0.6;
    transition: all 0.3s ease;
}

.alert-payment .alert-platfotm+.alert-platfotm {
    border-top: 1px solid #e6e6e6;
}

.alert-platfotm button {
    width: 80px;
    background-color: #fff;
    text-align: center;
    font-size: 20px;
    color: #545454;
}

.alert-platfotm button:hover {
    color: #1990fc;
}

.alert-platfotm img {
    width: 35px;
    height: auto;
}

.rank-wrap {
    margin-top: 25px;
    float: left;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 7.5px));
    gap: 15px;
}

.rank-header {
    display: flex;
    align-items: center;
    color: #fff;
    padding: 11px 15px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.rank-title {
    flex-grow: 1;
    min-width: 0;
    padding-right: 10px;
    line-height: 0;
}

.rank-title .first {
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
}

.title-large {
    height: 63px;
}

.title-large .first {
    font-size: 18px;
}

.rank-title .second {
    display: inline-block;
    max-width: 100%;
    margin: 8px 0 0 0;
    font-size: 12px;
    line-height: normal;
    color: #eee;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rank-score {
    display: flex;
    align-items: center;
    gap: 10px;
}

.rank-score span {
    background-image: url('../img/star-white.png');
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
    font-size: 23px;
    image-rendering: -webkit-optimize-contrast;
}

.rank-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px 15px;
    border-radius: 10px;
    margin-bottom: 10px;
    background-color: #F6F6F6;
}

.rank-logo {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;

}

.rank-logo img {
    max-width: 100%;
    height: auto;

}

.rank-name-wrap1 {
    width: 100%;
    margin-bottom: 0;
    overflow: hidden;
}

.rank-name-wrap2 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    overflow: hidden;
    gap: 10px;
}

.rank-name {
    font-weight: bold;
    flex-grow: 1;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rank-name-wrap2 .rank-name::after {
    content: "";
    display: block;
    width: 80px;
    height: 15px;
    margin-top: 3px;
    background-size: 80px auto;
    background-image: url('../img/star9.png');
    background-position: 0 -135px;
    background-repeat: no-repeat;
    image-rendering: -webkit-optimize-contrast;
}

.rank-name-wrap2 .rank-star50::after {
    background-position: 0 0;
}

.rank-name-wrap2 .rank-star45::after {
    background-position: 0 -15px;
}

.rank-name-wrap2 .rank-star40::after {
    background-position: 0 -31px;
}

.rank-name-wrap2 .rank-star35::after {
    background-position: 0 -45px;
}

.rank-name-wrap2 .rank-star30::after {
    background-position: 0 -62px;
}

.rank-name-wrap2 .rank-star25::after {
    background-position: 0 -77px;
}

.rank-name-wrap2 .rank-star20::after {
    background-position: 0 -92px;
}

.rank-name-wrap2 .rank-star15::after {
    background-position: 0 -107px;
}

.rank-name-wrap2 .rank-star10::after {
    background-position: 0 -122px;
}

.rank-desc {
    margin-top: 3px;
    font-size: 12px;
    font-weight: bold;
}

.rank-desc span {
    max-width: 100%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rank-badge {
    flex-shrink: 0;
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1;
    min-width: 10px;
    font-size: 12px;
    border-radius: 6px;
    max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dj-types {
    display: flex;
    gap: 10PX;
}


.dj-types .cont .prev, .dj-types .cont .next {
    outline: none;
}

.dj-types .tits {
    width: revert;
    flex-shrink: 0;
}

.dj-types .cont {
    overflow: hidden;
    flex-grow: 1;
}

.the-excerpt {
    float: left;
    line-height: 30px;
    font-size: 15px;
    text-align: justify;
    margin: 25px 0 0 0;
    color: #ffffff;
    background-color: #707d8c;
    padding: 20px 20px;
    border-radius: 8px;
}

.the-excerpt p:last-child {
    margin-bottom: 0;
}

.friend {
    margin-bottom: -10px;
}

.friend a {
    margin-bottom: 10px;
}

/* 新版星级 */
.rating-star {
    display: inline-block;
    width: 80px;
    height: 15px;
    background-size: 80px auto;
    background-image: url('../img/star9.png');
    background-position: 0 -135px;
    background-repeat: no-repeat;
    image-rendering: -webkit-optimize-contrast;
}

.rating-star.star50 {
    background-position: 0 0;
}

.rating-star.star45 {
    background-position: 0 -15px;
}

.rating-star.star40 {
    background-position: 0 -31px;
}

.rating-star.star35 {
    background-position: 0 -45px;
}

.rating-star.star30 {
    background-position: 0 -62px;
}

.rating-star.star25 {
    background-position: 0 -77px;
}

.rating-star.star20 {
    background-position: 0 -92px;
}

.rating-star.star15 {
    background-position: 0 -107px;
}

.rating-star.star10 {
    background-position: 0 -122px;
}

/* 新版评分 */
.rating-container {
    margin-top: 25px;
    float: left;
    width: 100%;
}

.rating-container.rating-hide {
    display: none;
}

.rating-container.rating-show {
    display: block;
}

/* 评分文字版 */
.rating-text {
    float: left;
    line-height: 30px;
    font-size: 15px;
    text-align: justify;
    margin: 25px 0 0 0;
    color: #ffffff;
    background-color: #707d8c;
    padding: 20px 20px;
    border-radius: 8px;
}

.convert-table {
    margin-top: 15px;
}

.convert-table button {
    width: 100%;
    background-color: #4f5a67;
    border-radius: 10px;
    padding: 5px 0;
    transition: all .2s;
    color: #fff;
    font-size: 15px;
}

.convert-table button:hover {
    opacity: 0.8;
}

.rating-text .buy-link{
    color: #fff;
    text-decoration: underline;
}
.rating-text .buy-link:hover{
    color: #eee;
}

/* 评分表格版 */
.rating-table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.rating-table table th {
    width: 120px;
    font-weight: normal;
}

.rating-table table th, .rating-table table td {
    border-top: 1px solid rgb(236, 234, 234);
    border-right: 1px solid rgb(236, 234, 234);
    padding: 10px;
}

.rating-table tr th {
    background-color: #f9fbff;
    border-left: 1px solid rgb(236, 234, 234);
}

.rating-table tr:first-child th {
    border-top-left-radius: 10px;
}

.rating-table tr:first-child td {
    border-top-right-radius: 10px;
}

.rating-table tr:last-child th {
    border-bottom-left-radius: 10px;
}

.rating-table tr:last-child td {
    border-bottom-right-radius: 10px;
}

.rating-table tr:last-child th, .rating-table tr:last-child td {
    border-bottom: 1px solid rgb(236, 234, 234);
}

.convert-text {
    margin-top: 15px;
}

.convert-text button {
    width: 100%;
    background-color: #f9fbff;
    color: #333;
    border-radius: 10px;
    padding: 5px 0;
    transition: all .2s;
    line-height: 30px;
    font-size: 15px;
    border: 1px solid rgb(236, 234, 234);
}

.convert-text button:hover {
    opacity: 0.8;
}

.rating-table .rating-star {
    position: relative;
    top: 3px;
}

.rating-table .buy-wrap{
    margin: 10px 0;
    display: flex;
    gap: 10px;
}
.rating-table .buy-link{
    display: block;
    border: 1px solid #eceaea;
    border-radius: 28px;
    font-size: 14px;
    position: relative;
    padding: 5px 30px 5px 35px;
    background-color: #f9fbff;
    transition: all .2s;
}
.rating-table .buy-link:hover{
    text-decoration: none;
    opacity: 0.75;
}
.rating-table .buy-link::before, .rating-table .buy-link::after{
    display: inline-block;
    content: "";
    width: 30px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0.5px;
}
.rating-table .buy-link::before{
    left: 0;
    background-size: 28px 28px;
}
.rating-table .buy-link::after{
    top: -0.5px;
    right: 0;
    background-size: 16px 16px;
}

/* 淘宝自营 */
.rating-table .buy-link.taobao{
    color: #FC8848;
}
.rating-table .buy-link.taobao::before{
    background-image: url(../img/taobao.png);
}
.rating-table .buy-link.taobao::after{
    background-image: url(../img/taobao-arrow.png);
}

/* 天猫旗舰店 */
.rating-table .buy-link.tmall{
    color: #FF0036;
}
.rating-table .buy-link.tmall::before{
    /* background-size: 28px 28px; */
    background-image: url(../img/tmall.png);
}
.rating-table .buy-link.tmall::after{
    background-image: url(../img/tmall-arrow.png);
}

/* 京东自营 */
.rating-table .buy-link.jd{
    color: #CB0507;
}
.rating-table .buy-link.jd::before{
    background-image: url(../img/jd.png);
}
.rating-table .buy-link.jd::after{
    background-image: url(../img/jd-arrow.png);
}

/* 京东旗舰店 */
.rating-table .buy-link.jd_flagship{
    color: #CB0507;
}
.rating-table .buy-link.jd_flagship::before{
    left: -0.5px;
    background-image: url(../img/jd_flagship.png);
}
.rating-table .buy-link.jd_flagship::after{
    background-image: url(../img/jd-arrow.png);
}

/* 比较表格 */
.compare-container {
    margin-top: 25px;
    float: left;
    width: 100%;
}

.compare-table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.compare-table tr>th {
    width: 120px;
    font-weight: normal;
}

.compare-table tr>th, .compare-table tr>td {
    border-top: 1px solid rgb(236, 234, 234);
    border-right: 1px solid rgb(236, 234, 234);
    padding: 10px;
}

.compare-table tr>th {
    background-color: #f9fbff;
    border-left: 1px solid rgb(236, 234, 234);
    white-space: nowrap;
}

.compare-table tr>td {
    width: 300px;
}

.compare-table tr:first-child>th {
    border-top-left-radius: 10px;
}

.compare-table tr:last-child>th {
    border-bottom-left-radius: 10px;
}

.compare-table tr:first-child td:last-child {
    border-top-right-radius: 10px;
}

.compare-table tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

.compare-table tr:last-child th, .compare-table tr:last-child td {
    border-bottom: 1px solid rgb(236, 234, 234);
}

.compare-table .rating-star {
    position: relative;
    top: 3px;
}

.compare-table .compare-logo {
    width: 94px;
    border-radius: 10px;
    height: auto;
	border: 1px solid #f1f1f1;
}

#tag-compare li .intr .text {
    height: 43px;
}

.inform .list ul li .tits h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.compare-with {
    width: 100%;
    float: left;
    margin-top: -20px;
}

.problem+.compare-with{
    margin-top: 0;
}

.compare-with h4 {
    background-color: #f3f6f6;
    padding: 13px;
    border-radius: 8px;
}

.compare-title {
    font-size: 14px;
    color: #000;
    border-left: 5px solid #e71a3d;
    padding-left: 13px;
}

.compare-items {
    width: auto;
}

.compare-items a {
    display: inline-block;
    padding: 8px 11px;
    background-color: #f3f6f6;
    color: #093b77;
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.2s;
}

.compare-items a:hover {
    opacity: 0.8;
}

.compare-with .prev {
    width: 60px;
    height: 44px;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 9;
    margin-top: -27px;
    background-image: linear-gradient( 270deg, hsla(0, 0%, 100%, 0) 0, #fff 90%) !important;
}

.compare-with .next {
    width: 60px;
    height: 44px;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 9;
    margin-top: -25px;
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 90%) !important;
}

.compare-with .next.swiper-button-disabled, .compare-with .prev.swiper-button-disabled {
    display: none;
}

.inform .paging ul .dj-back{
    width: 85px;
}
.inform .paging .dj-back a{
    width: 85px;
}


.video_introduce{
    display: none;
    float: left;
    width: 100%;
    background-color: #F9F9F8;
    padding: 15px;
    border-radius: 8px;
    margin-top: 20px;
}
.video_introduce [class*=ico]{
    display: inline;
}
.video_introduce-link{
    margin-top: 16px;
    display: block;
    background-color: #03C160;
    color: #fff;
    text-align: center;
    height: 45px;
    line-height: 45px;
    border-radius: 8px;
    transition: all 0.2s;
    font-size: 16px;
}
.video_introduce-link:hover, .video_introduce-link:focus{
    text-decoration: none;
    color: #fff;
    opacity: 0.8;
}

.footer-desc{
    margin-top: 13px;
    margin-bottom: -8px;
    line-height: 30px;
    color: #7f777f;
}
.mylink {
    background-color: #f3f6f6;
    position: relative;
    margin-bottom: 20px;
    padding: 12px 20px 20px 20px;
    border-radius: 8px;
}
.mylink .mylink-body{
    padding: 0 0 0 50px;
}
.mylink .mylink-body::after{
    content: "";
    position: absolute;
    left: 20px;
    top: 18px;
    width: 24px;
    height: 18px;
    background: url(../img/7c5a63_24x18.png) center no-repeat;
}
.mylink .mylink-title{
    font-size: 18px;
    color: #000;
    line-height: 21px;
    margin-top: 20px;
    margin-bottom: 10px;
    border: none;
    padding-left: 0;
    font-weight: normal;
}
.mylink .mylink-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    line-height: 26px;
    font-size: 14px;
    color: #828487;
    margin-bottom: 15px !important;
}
.mylink .mylink-content::after{
    flex-shrink: 0;
    content: "";
    width: 14px;
    height: 14px;
    background: url(../img/f3453b_8x14.png) center no-repeat;
}

.mylink .mylink-link{
    display: block;
    text-align: center;
    text-decoration: none;
    background-color: #E6E8E6;
    color: #000;
    border-radius: 10px;
    padding: 5px 0;
    transition: all .2s;
    line-height: 30px;
    font-size: 15px;
    border: 1px solid rgb(236, 234, 234);
}
.mylink a.mylink-link::after{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

@media screen and (min-width: 768px) {

    /* 平板 PC */
    .logged-in .tops.fix {
        top: 32px;
    }

    .dj-wap-banns {
        display: none;
    }

    .dj-pc-banns {
        display: block;
    }
}

@media screen and (max-width: 768px) {

    /* 手机 */
    .dj-wap-banns {
        display: block;
    }

    .dj-pc-banns {
        display: none;
    }

    .details .cont .author .txts .labs .btns.dashang {
        display: none;
    }
}

@media screen and (max-width: 993px) {

    .dj-location {
        display: flex;
        gap: 10px;
        justify-content: space-between;
    }

    .dj-txts {
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap;
    }

    .details .dj-location .btns a {
        width: 80px;
    }

    #commentform {
        padding-bottom: 10px;
    }

    .tops .dj-wap-sea .input .txt input {
        background-color: #fff;
    }

    .inform .list ul li .tits {
        height: auto;
    }

    .rank-wrap {
        grid-template-columns: repeat(1, 100%);
    }

    #preview-container img {
        max-width: 100%;
        width: auto;
        height: 65vh;
        margin: 0 auto;
    }
    .rating-table .buy-wrap{
        flex-direction: column;
    }

    .rating-table .buy-link::before, .rating-table .buy-link::after{
        top: 0px;
    }
}



@media screen and (max-width: 500px) {
    .dj-gallery {
        grid-template-columns: repeat(2, calc(50% - 5px));
    }

    #reply-title {
        padding: 0 12px;
    }

    .dj-box {
        display: block;
    }

    .dj-more {
        display: block;
        line-height: 52px;
        text-align: center;
    }

    .dj-more a {
        display: inline !important;
    }
}