html,body { margin: 0px; padding: 0px; background-color:rgba(233, 239, 244, 1); font-size: 16px; }

/* 轮播指示点样式 */
.swiper-pagination-bullet-active { background: #ffffff !important; opacity: 0.8; }
.swiper-container { margin-left: 0; }

/* 超大宽屏 */
.detail_info_box { background-image: url(../image/detail/product_back.jpg); background-size: 100% 100%; margin-top: 100px; }
.detail_info { width: 1320px; margin: 0 auto; display: flex; padding: 46px 0px 100px; color: #ffffff; justify-content: space-between; }
.detail_info_l { width: 49%; }
.detail_info_l .detail_info_item { height: 460px; }
.detail_info_l img { width: 100%; }
.detail_info_r { width: 48%; padding-top: 50px; }
.detail_info_r .title { font-size: 36px; }
.detail_info_r .succession { background-color: rgba(255, 255, 255, 0.0980392156862745); width: 150px; line-height: 32px; text-align: center; margin-top: 8px; }
.detail_info_r .desc { font-size: 18px; line-height: 32px; border-top: 1px #ffffff dashed; border-bottom: 1px #ffffff dashed; padding: 24px 0px 36px; margin-top: 26px; }
.detail_info_r .height { font-size: 18px; margin-top: 30px; }

.detail_characteristic { width: 1320px; margin: 0 auto; background-color: #ffffff; border-radius: 20px; padding: 46px 0px; margin-top: -62px; }
.detail_characteristic .title { font-size: 28px; color: #333333; text-align: center; margin-bottom: 60px; }
.detail_characteristic .list { margin: 0px 64px; display: flex; flex-wrap: wrap; }
.detail_characteristic .list .item { width: 50%; border-bottom: 1px dashed #cccccc; padding-bottom: 20px; margin-bottom: 22px; }
.detail_characteristic .item .key { color: #86539E; font-weight: 700; }
.detail_characteristic .item .value { color: #333333; font-weight: 400; margin-top: 22px; }

.detail_desc { width: 1320px; margin: 0 auto; background-color: #ffffff; border-radius: 20px; margin-top: 64px; padding: 48px 0px 84px; }
.detail_desc .title { font-size: 28px; color: #333333; text-align: center; }
.detail_desc .content { margin-top: 40px; margin-left: 64px; margin-right: 64px; }
.detail_desc .content img { max-width: 100%; text-align: center; }

/* 宽屏设备 */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
	.detail_info { width: 1200px; }
    .detail_info_r { padding-top: 30px; }
    .detail_characteristic { width: 1200px; }
    .detail_desc { width: 1200px; }
}

/* 中等屏幕 */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.detail_info { width: 992px; }
    .detail_info_r { padding-top: 0px; }
    .detail_info_r .desc { margin-top: 10px; padding: 12px 0px 26px; }
    .detail_info_r .height { margin-top: 16px; }

    .detail_characteristic { width: 992px; }
    .detail_desc { width: 992px; }
} 

/* ipad */
@media screen and (max-width:991px)  {
	.detail_info { width: 96%; }
    .detail_info_r { padding-top: 6px; }
    .detail_info_r .title { font-size: 26px; }
    .detail_info_r .succession { width: 120px; }
    .detail_info_r .desc { margin-top: 10px; padding: 12px 0px 26px; font-size: 14px; }
    .detail_info_r .height { margin-top: 16px; font-size: 16px; }

    .detail_characteristic { width: 96%; }
    .detail_characteristic .item .value { padding-right: 20px; }
    .detail_desc { width: 96%; }
}

/* 手机端 */
@media screen and (max-width:767px) {
    .swiper-wrapper { height: auto; }

    .detail_info_box { margin-top: 64px; background-repeat: no-repeat; background-size: cover; background-position: top; }
    .detail_info { width: 96%; display: block; padding: 12px 0px 90px; }
    .detail_info_l { width: 100%; }
    .detail_info_l .detail_info_item { height: auto; }
    .detail_info_r { width: 96%; margin: 0 auto; margin-top: 20px; }

    .detail_characteristic { width: 96%; padding: 20px 0px; }
    .detail_characteristic .title { margin-bottom: 30px; }
    .detail_characteristic .list { margin: 0px 20px; }

    .detail_desc { width: 96%; margin-top: 30px; margin-bottom: 30px; }
    .detail_desc .content { margin-top: 40px; margin-left: 20px; margin-right: 20px; }
    .detail_desc img { width: 100%; }
}