*{margin: 0;padding: 0;}
ol,ul,li{list-style: none;}

/* .color1{color:#002e64;}
.color2{color:#00abe6;}
.color3{color:#00a7b5;}
.color4{color:#e6d8c2;}
.color5{color:#caa977;}
.color6{color:#7d89c0;}
.color7{color:#606eb2;} */

.pro_top10{
    width:100%;
    background:url('../../assets-m/images/product/pro_top10/pro_top10.jpg') #ebedf0;
    padding-bottom: 30px;
    padding-top: 70px; /* 新增：增加顶部内边距，使内容整体下移 */
    background-size: 100% auto;
}
.pro_box{
    width:100%;
    margin-bottom: 40px;
}
.pro_box:first-child{
    padding-top: 0; /* 修改：移除第一个项目的单独上内边距，由容器统一控制 */
}
.pro_box>.pro_images{width:100%;}
.pro_box>.pro_images>img{width:100%;height: auto;}
.pro_box>.pro_images>a>img{width:100%;height: auto;}
.pro_box_detail{
    margin-top: 0px;
    overflow: hidden;
    display: flex;
    -webkit-display:flex;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}
.pro_top10_center{}
.pb_detail_left{
    margin-right: 1.5em;
    height: 100%;
    width:33%;
}
.pb_detail_left .pb_detail_praise{/* overflow: hidden; */}
.pb_detail_left .pb_detail_praise .pb_praise_store{
    float: left;
    width:20%;
    line-height:140%;
}
.pb_detail_left .pb_detail_praise .pb_praise_store>img{width: 100%;}
.pb_detail_left .pb_detail_praise .pb_praise_view{
    float: right;
    font-size: 1.6em;
    color:#56595a;
    width: 80%;
    line-height: 140%;
    text-indent:3px;
    text-align: center;
    margin-bottom: 5px;
    white-space:nowrap
}
.pb_detail_left .pb_detail_rank{width:100%;height:auto;margin: auto;}
.pb_detail_left .pb_detail_rank>img{width: 100%;}
.pb_detail_right{width: 60%;}
.pb_detail_right .pb_detail_right_title{
    font-size:1.6em;
    font-weight: bold;
    line-height: 160%;
    /* 已删除标题不换行相关代码 */
}
.pb_detail_right>p{
    font-size: 1.4em;
    color:#4d4d4d;
    line-height:160%;
    display:block;
}
.pb_detail_right>a{cursor: pointer;}
.pb_detail_right .pb_detail_right_txt{
    text-decoration: underline;
    font-size: 1.4em;
    font-weight: bold;
    display: inline-block;
    line-height: 160%;
}
.pb_detail_right_txt_bak{line-height:180%;}

.pro_box:nth-child(10n+1) .pb_detail_right .pb_detail_right_title,
.pro_box:nth-child(10n+1) .pb_detail_right a,
.pro_box:nth-child(10n+2) .pb_detail_right .pb_detail_right_title,
.pro_box:nth-child(10n+2) .pb_detail_right a{
    color: #002e64;
}

.pro_box:nth-child(10n+3) .pb_detail_right .pb_detail_right_title,
.pro_box:nth-child(10n+3) .pb_detail_right a,
.pro_box:nth-child(10n+4) .pb_detail_right .pb_detail_right_title,
.pro_box:nth-child(10n+4) .pb_detail_right a{
    color: #00abe6;
}

.pro_box:nth-child(10n+5) .pb_detail_right .pb_detail_right_title,
.pro_box:nth-child(10n+5) .pb_detail_right a,
.pro_box:nth-child(10n+6) .pb_detail_right .pb_detail_right_title,
.pro_box:nth-child(10n+6) .pb_detail_right a{
    color: #00a7b5;
}

.pro_box:nth-child(10n+7) .pb_detail_right .pb_detail_right_title,
.pro_box:nth-child(10n+7) .pb_detail_right a,
.pro_box:nth-child(10n+8) .pb_detail_right .pb_detail_right_title,
.pro_box:nth-child(10n+8) .pb_detail_right a{
    color: #caa977;
}

.pro_box:nth-child(10n+9) .pb_detail_right .pb_detail_right_title,
.pro_box:nth-child(10n+9) .pb_detail_right a,
.pro_box:nth-child(10n) .pb_detail_right .pb_detail_right_title,
.pro_box:nth-child(10n) .pb_detail_right a{
    color: #606eb2;
}

.header_warp .logo {
    background: url(../images/logo2.png) no-repeat;
    background-size: 100% auto;
    position: relative;
    z-index: 1000;
}
.header_warp .nav_more .icon-bar{background-color: #000;}

@media (min-width: 768px){
    .pb_detail_left{width: 27%;}
}

/* 新增：针对小屏幕设备的优化 */
@media (max-width: 360px) {
    .pro_box_detail {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .pb_detail_right .pb_detail_right_title {
        font-size: 1.4em;
    }
    
    .pb_detail_right>p {
        font-size: 1.2em;
    }
}

/* #pro_top10_1 .color1{color:#002e64;}
#pro_top10_2 .color1{color:#002e64;}
#pro_top10_3 .color1{color:#00abe6;}
#pro_top10_4 .color1{color:#00abe6;}
#pro_top10_5 .color1{color:#00a7b5;}
#pro_top10_6 .color1{color:#caa977;}
#pro_top10_7 .color1{color:#caa977;}
#pro_top10_8 .color1{color:#606eb2}
#pro_top10_9 .color1{color:#00a7b5;}
#pro_top10_10 .color1{color:#606eb2;} */