.main{background-color:#f4f4f4}.main .product-platform .title{font-size:.4rem;color:#4c4c4c;line-height:.48rem;margin-top:1rem;margin-bottom:.5rem;text-align:center}.main .product-platform .sort{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:.42rem;position:relative}.main .product-platform .sort .sort-name{font-size:.28rem;color:#4c4c4c;line-height:.48rem;margin-right:10px}.main .product-platform .sort .arrow{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;cursor:pointer}.main .product-platform .sort .arrow .arrow-top{width:8px;height:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-top:1px solid #000;border-left:1px solid #000}.main .product-platform .sort .arrow .arrow-down{width:8px;height:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-bottom:1px solid #eb6100;border-right:1px solid #eb6100}.main .product-platform .product-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;    padding-bottom: .9rem;}.main .product-platform .product-info .product-type-name{font-size:.24rem;color:#4c4c4c;line-height:.48rem}.main .product-platform .product-info .product-type-list{font-size:.2rem;color:#eb6100;line-height:.48rem;cursor:pointer}.main .product-platform .product-info .product-type-list li.active,.main .product-platform .product-info .product-type-list li:hover{color:#eb6100;-webkit-text-decoration-line:underline;text-decoration-line:underline}.main .product-platform .product-info .product-pic-list{margin-left:.7rem;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.23rem;background-color: #f4f4f4;justify-content: space-between;}.main .product-platform .product-info .product-pic-list li{width:46%;cursor: pointer;overflow:hidden;transition:.5s;}.main .product-platform .product-info .product-pic-list li:hover{scale: 1.25}
footer .container-bottom-left ul li{color:#fff;line-height: .33rem;font-size:.16rem;cursor: pointer;}.footer .container-bottom-left ul li:hover{color:#eb6100}.footer .container-top .logo{width:1.2rem;} .footer .container-top .arrow-top{width:10px;height:10px;transform: rotate(45deg);border-top: 1px solid #eb6100;border-left: 1px solid #eb6100;float: right;display:flex;cursor: pointer;}.footer .container-top .arrow-top:before{content: '';width: 15px;height: 2px;background-color: #eb6100;transform: rotate(-45deg);    margin-top: -5px;margin-left: -11px;cursor: pointer;}
.main .product-platform .sort .arrow{
  position: relative;
    height: 12px;
    width: 12px;
    margin-left: 0;
}
.main .product-platform .sort .arrow >span{
  position: absolute;
}

.main .product-platform .sort .arrow .arrow-top{
  top: 0;
  left: 0;
}

.main .product-platform .product-info .product-pic-list{
  gap: 0;
}
.main .product-platform .product-info .product-pic-list li{
  margin-bottom: 30px;
}

.main .product-platform .sort .arrow .arrow-down{
  bottom: 0;
  left: 0;
}


@media (max-width: 768px) {
    .main .product-platform .product-components>div ul li {
        margin:0 10px;
    }

    header .logo {
        width: 1.2rem;
        height: auto;
    }

    .main .product-platform {
        padding: .91rem 0;
    }

    .main .common-banner-wrap .common-banner-title {
        font-size: .25rem;
        margin-bottom: 15px;
    }

    .main .application-area {
        padding-top: .82rem;
        padding-bottom: .915rem;
    }

    .main .application-area h1 {
        margin-bottom: .8rem
    }
}
@media (max-width:980px) {
    .main .product-platform .product-info .product-pic-list li{width: 45%}
    .main .product-platform .title{
      margin-top: 0;
      margin-bottom: 30px;
    }
    .main{
      padding-bottom: 0;
    }
    .main .product-platform .product-info .product-type-list{line-height: .58rem;}
}
@media(max-width: 500px){.footer .container-bottom-left{gap:.45rem}}
@media (max-width: 500px) {
    .main .product-platform {
        padding-left: 16px;
        padding-right: 16px;
}
}