/* Added materials style for 'langwu' on 2025-02-20 */
/*比价平台 Materials页面*/
.materials .top{margin-top:150px;margin-bottom: 80px;}
.materials .top .description{display: inline-grid;gap: 20px;padding-right: 50px;}
.materials .top .jump-box{height: 100%;float: right;}
.materials .box .ul{gap:50px;display: grid;}
.materials .box .ul li{width: 100%;border-radius: 5px;margin:0;padding:15px;}
.materials .tab-content .tab-pane .top-box{display: flex;justify-content: space-between;margin-bottom: 30px;}
.materials .tab-content .tab-pane .top-box .left{display: flex;align-items: center;gap: 20px;}
.materials .tab-content .tab-pane .top-box .left .top-label{background: #000;padding:5px 10px;color: #FFFFFF;display: inline-block;border-radius: 5px;font-weight: bold;}
.materials .tab-content .tab-pane .top-box .left .name{font-size: 22px;}
.materials .tab-content .tab-pane .top-box .center a{display: flex;gap:10px;align-items: center;}
.materials .tab-content .tab-pane .top-box .right{color: #ff6600;}
.materials .tab-content .tab-pane .top-box .right .top-text{display: flex;align-items: center;gap: 5px;}
.materials .tab-content .tab-pane .top-box .right .top-text .bi{font-size: 20px;}
.materials .tab-content .tab-pane .middle-box{display: flex;}
.materials .tab-content .tab-pane .middle-box .left-box{width: 65%;flex: 0 0 65%}
.materials .tab-content .tab-pane .middle-box .left{display: flex;padding: 20px 20px;}
.materials .tab-content .tab-pane .middle-box .left-box .text-box{display: flex;align-items: center;padding-right: 30px;}
.materials .tab-content .tab-pane .middle-box .left-box .text-box .left{width: 25%;display: flex;align-items: center;gap: 5px;justify-content: left;padding-right: 20px;}
.materials .tab-content .tab-pane .middle-box .left-box .text-box .left img{height: 40px;}
.materials .tab-content .tab-pane .middle-box .left-box .text-box .left .name{font-size: 16px;font-weight: bold;color: #ff6600;}
.materials .tab-content .tab-pane .middle-box .left-box .text-box .right{width: 75%;}
.materials .tab-content .tab-pane .middle-box .left-box .post-processing{/* border: 1px solid rgba(211, 211, 211, 0.8); */border-radius: 5px;padding: 30px;margin-right: 80px;/* background: rgba(211, 211, 211, 0.5); */}
.materials .tab-content .tab-pane .middle-box .left-box .post-processing .name{display: flex;align-items: center;gap: 15px;font-size: 16px;font-weight: bold;color: #ff6600;margin-bottom: 30px;justify-content: center;}
.materials .tab-content .tab-pane .middle-box .left-box .post-processing .label-box{display: flex;gap: 15px;flex-wrap: wrap;}
.materials .tab-content .tab-pane .middle-box .left-box .post-processing .label-box span{padding: 5px 10px;color: #FFFFFF;border-radius: 5px;}
.materials .tab-content .tab-pane .middle-box .left-box .post-processing .label-box span:nth-child(odd) {background-color: #000;}
.materials .tab-content .tab-pane .middle-box .left-box .post-processing .label-box span:nth-child(even) {background-color: #ff6600;}
.materials .tab-content .tab-pane .middle-box .left-box .post-processing .name img{height: 40px;}
.materials .tab-content .tab-pane .middle-box .right-box{width: 35%;flex: 0 0 35%;position: relative;display: flex;justify-content: center;}
.materials .tab-content .tab-pane .middle-box .right-box img{border-radius: 5px;position: absolute;bottom: 0;width: 100%;cursor: zoom-in;}
.materials .tab-content .tab-pane .bottom-box{display: flex;justify-content: space-between;margin-top: 20px;}
.materials .tab-content .tab-pane .bottom-box .left-name{font-size: 16px;font-weight: bold;}
.materials .tab-content .tab-pane .bottom-box .right-name{font-size: 16px;font-weight: bold;transform: rotate(180deg);}
.footers{position: relative;}
.pageSize_1{display: flex;justify-content: center;width: 100%;}

@media (max-width: 768px) {
    .materials .top{margin-top: 80px;}
    .materials .top .description{padding-right: 0;}
    .blog_page .box{padding: 0 15px;}
    .materials .box .ul li{padding:10px;}
    .materials .tab-content .tab-pane .top-box{display: grid;}
    .materials .tab-content .tab-pane .middle-box .left-box {
        width: 100%;
        flex: 0 0 100%;
    }
    .materials .tab-content .tab-pane .middle-box .left-box .text-box{display: grid;}
    .materials .tab-content .tab-pane .middle-box .left-box .text-box{padding-right: 0;}
    .materials .tab-content .tab-pane .middle-box .left-box .text-box .right{width: 100%;}
    .materials .tab-content .tab-pane .middle-box .left-box .post-processing{margin-right: 0;}
    .materials .tab-content .tab-pane .middle-box {display: flex;flex-wrap: wrap;}
    .materials .tab-content .tab-pane .top-box .right{display: flex;align-items: center;justify-content: space-between;}
    .materials .tab-content .tab-pane .middle-box .right-box img{position: unset;}
    .materials .tab-content .tab-pane .middle-box .right-box{width: 100%;flex: 0 0 100%;}
}