body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
body{font-size:20px;font-family:"Microsoft YaHei";background-size:100% auto;background: #fff}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
input{ font-size:12px;padding: 0;border: 0;}
a{ text-decoration:none; color:#000;}
a:hover{ text-decoration:none;}
.on{color: #108391}
/**
    开始
 */
.main_details_pc{width: 1320px;margin: 0 auto;background: #fff;}

.nav_details_pc{height: 80px;border-bottom: 1px solid #e2e2e2}
.home_icon_details_pc{float: left;margin-top: 30px}
.home_icon_details_pc img{width: 30px;height: 31px;}
.first_type_details_pc{color: #2f2f2f;font-size: 14px;margin-left: 30px;display: inline-block;}
.first_type_two_details_pc{color: #2f2f2f;font-size: 14px;margin-left: 6px;display: inline-block;}
.right_icon_details_pc{color: #e6e6e6;width: 18px;height: 20px;display: inline-block;margin-left: 6px}
.second_type_details_pc{color: #8e2a59;font-size: 14px;margin-left: 6px;margin-top: 35px;display: inline-block}
.search_result_details_pc{color: #1c1c1c;font-size: 16px;width: 16%;float: right;height: 80px;line-height: 80px;}
.search_result_details_pc span{color: #8e2a59;font-weight: bold}

.title_details_pc{height: 85px;border-bottom: 1px solid #e2e2e2}
.titlelimg_details_pc{width: 38px;float: left;padding-top: 24px;}
.titlecenter_details_pc{width: 94%;float: left;text-align: center}
.titlecentertop_details_pc{color:#232323;font-size: 24px;margin-top: 16px; }
.titlecenterbuttom_details_pc{font-size: 14px;margin-top: 10px}
.titlecenterbuttom_details_pc span{color: #8e2a59;font-weight: bold}
.titlerimg_details_pc{width: 38px;float: right;padding-top: 24px;}

.detail_info_details_pc {
    margin-top: 30px;
    background: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 30px;
    zoom: 1;
    z-index: 99;
    box-shadow: 0 0 18px #c2c2c2;
    display: flex;
}
.detail_info_left_details_pc{
    width: 860px;
    height: 806px;
    float: left;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    background: white;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
}
.detail_info_left_details_pc img{
    max-width: 100%;
    max-height: 100%;

}

.detail_info_suspension_details_pc{border-radius:0px 0px 0px 30px;position:absolute;bottom:0;color:#FFF;width:860px;z-index:10;height:70px; line-height:70px; background:rgba(0,0,0,.5);}
.detail_info_suspensiona_details_pc{display: inline-block;color: #fff;padding-left: 25px;font-size: 14px}
.detail_info_suspensionb_details_pc{padding-left: 22px;display: inline-block;}
.detail_info_suspensionc_details_pc{padding-left: 12px;display: inline-block;}
.detail_info_suspensiond_details_pc{padding-left: 12px;display: inline-block;}
.detail_info_suspensione_details_pc{display: inline-block;float:right;width: 90px;height: 35px;border: 1px solid #fff;border-radius: 5px;margin-top: 16px;margin-right: 26px;}
.detail_info_suspensionf_details_pc img{display: inline-block;float: left;padding-top: 10px;padding-left: 10px;}
.detail_info_suspensiong_details_pc{color: #fff;font-weight: bold;font-size: 14px;display: inline-block;float: left;line-height: 35px;padding-left: 12px}

.detail_info_right_details_pc{
    width: 398px;
    height: 746px;
    float: right;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 30px;
    margin: 30px;
}
/*滚动条整体部分，可以设置宽度啥的*/
/* 设置滚动条的样式 */
.detail_info_right_details_pc::-webkit-scrollbar {
    width:5px;
}
/* 滚动槽 */
.detail_info_right_details_pc::-webkit-scrollbar-track {
    -webkit-box-shadow:inset006pxrgba(235,235,235,1);
    background:rgba(235,235,235,1);
    border-radius:10px;
}
/* 滚动条滑块 */
.detail_info_right_details_pc::-webkit-scrollbar-thumb {
    border-radius:10px;
    background:rgba(154,28,90,1);
    -webkit-box-shadow:inset006pxrgba(154,28,90,1);
}
/* 滚动条滑块  用于所有的滚动条轨道，指示应用滚动条的某个页面容器(元素)是否当前被激活*/
.detail_info_right_details_pc::-webkit-scrollbar-thumb:window-inactive {
    background:rgba(154,28,90,1);
}
.detail_first_block_details_pc{padding-top: 40px;padding-left: 20px;position: relative}
.detail_first_block_details_pc div{width: 134px;height: 40px;font-size: 18px;color: #707070;text-align: center;line-height: 40px;background: #ebebeb;float: left;border-radius: 35px;cursor: default}
.detail_firston_block_details_pc{color: #fff !important;background: #8e2a59 !important}

.openPage,.openPageLike{
    cursor:pointer;
}
.detail_firstul_block_details_pc{
    position: relative;
}
.detail_firstul_block_details_pc{
    max-height: 395px;
    height: max-content;
    overflow: hidden;
}

.arrow-bottom {
    width: 24px !important;
    height: 30px !important;
    margin: 0 auto;
    display: none;
    position: absolute;
    right: 0;
    background: unset !important;

}
.arrow-bottom::before,
.arrow-bottom:after {
    content: "";
    width: 15px;
    height: 15px;
    background-color: transparent;
    border-color: #ccc;
    border-style: solid;
    border-width: 3px 3px 0 0;
    transform: rotate(133deg);
    position: absolute;
    top: 8px;
    left: 5px;
}
.arrow-bottom::after{
    top: 15px;
}
.arrow-top::before,.arrow-top::after{
    transform: rotate(-44deg);
    border-color: #8e2a59;
    top: 16px;
}
.arrow-top::after{
    top: 25px;
}

.detail_firstul_block_details_pc #inventory ul{margin-left: 20px;margin-top: 5px}
.detail_firstul_block_details_pc #inventory ul li{height: 40px;line-height: 40px;font-size: 16px;color: #4c4948;margin: 8px 0px;}
.detail_firstul_block_details_pc #inventory ul li:nth-child(even){background: #ebebeb;border-radius: 35px}

.detail_firstul_left{display: inline-block;padding-left: 30px}
.detail_firstul_right{display: inline-block;float: right;padding-right:46px }
.detail_second_block_details_pc{margin-left: 20px;padding-top: 36px;}
.detail_secondleft_details_pc{color: #2f2f2f;font-size: 16px;display: inline-block;padding-left: 10px;font-weight: bold}
.detail_secondright_details_pc{color: #8e2a59;font-size: 14px;display: inline-block;float: right;padding-top: 6px;padding-right: 6px;}

.detail_secondul_block_details_pc{}
.detail_secondul_block_details_pc ul{margin-left: 30px;margin-top: 18px}
.detail_secondul_block_details_pc ul li{width: 170px;height: 150px;background: #ebebeb;border-radius: 5px;float: left}
.detail_secondul_block_details_pc ul li:nth-child(2){margin-left: 20px}
.detail_secondul_block_details_pc ul li span{font-size: 16px;color: #2f2f2f;text-align: center;display: block;height: 40px;line-height: 40px}

.detail_third_block_details_pc{margin-left: 20px;padding-top: 22px;}
.detail_thirdleft_details_pc{color: #2f2f2f;font-size: 18px;display: inline-block;padding-left: 10px;font-weight: bold}
.detail_thirdright_details_pc{color: #8e2a59;font-size: 14px;display: inline-block;float: right;padding-top: 6px;padding-right: 6px;}

.detail_thirdul_block_details_pc{}

.detail_thirdul_block_details_pc ul {
    margin-left: 30px;
    margin-top: 18px
}

.detail_thirdul_block_details_pc ul li {
    width: 150px;
    height: 156px;
    background: #ebebeb;
    border-radius: 5px;
    float: left;
    border: 1px solid  #ebebeb;

}

.detail_thirdul_block_details_pc ul li:nth-child(2) {
    margin-left: 20px
}

.detail_thirdul_block_details_pc ul li span {
    font-size: 16px;
    color: #2f2f2f;
    text-align: center;
    display: block;
    height: 40px;
    line-height: 40px
}
.detail_thirdul_block_details_pc ul li p{
    height: 115px;
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
}
.detail_thirdul_block_details_pc ul li img{
    max-height: 100%;
    max-width: 100%;
}

#step li {
    color: #4c4948;
    border-bottom: 1px solid #ebebeb;
    padding: 14px 15px 14px 30px;
    display: flex;
    align-items: center;
    font-size: 16px
}

#step li span:first-child{
    color: #8e2a59;
    font-weight: bold;
    margin: 0 30px;
}
#step li:last-child{
   border: none;
}
.detail_info_rightcroll_details_pc{float: right;padding-right: 20px;padding-top: 70px;display: none;}

.like_details_pc{height: 350px;margin-top: 20px;}
.like_title_details_pc{padding-bottom: 25px;}
.like_title_l_details_pc{font-size: 16px;color: #464646;display: inline-block;float: left;padding-top:40px }
.like_title_img_details_pc{display: inline-block;float: right;padding-top: 35px;padding-right: 10px;}
.like_title_r_details_pc{font-size: 14px;color: #8e2a59;display: inline-block;float: right;padding-top: 40px;}

.like_content_details_pc{}
.like_content_details_pc ul{}

.like_content_details_pc ul li {
    height: 300px;
    width: 240px;
    background: #f7f7f7;
    border-radius: 15px;
    float: left;
}

.like_content_details_pc ul li p{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    justify-content: center;
    align-items: center;
    height: 248px;
    width: 100%;
    display: flex;
}
.like_content_details_pc ul li img{
    max-width: 100%;
    max-height: 100%;
}

.like_content_details_pc ul li span {
    font-size: 16px;
    color: #2c2c2c;
    display: block;
    width: 100%;
    line-height: 45px;
    height: 46px;
    text-align: center;
    padding: 0 15px;
    overflow: hidden;
}
.like_content_details_pc ul li:nth-child(n+2){margin-left: 30px}