/* banner和面包屑样式在common.css中 */


/* 下载中心 */
.download {
    display: flex;
    justify-content: space-between;
    padding: 0.53rem 0 1.07rem;
}
/* 左侧导航 */
.download .left-navs {
    width: 3.3rem;
}
.download .left-navs a {
    position: relative;
    display: block;
    width: 100%;
    min-height: 0.48rem;
    margin-top: 0.15rem;
    text-align: center;
    line-height: 0.48rem;
    font-size: var(--fon18);
    color: #777777;
}
.download .left-navs a:first-child {
    margin-top: 0;
}
.download .left-navs a:hover {
    background: #FFFFFF;
    font-weight: 500;
    color: #444444;
}
.download .left-navs .active {
    background: #FFFFFF;
    font-weight: 500;
    color: #444444;
}
.download .left-navs .active::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 0.13rem;
    height: 0.13rem;
    background: linear-gradient(to right bottom, green 50%, transparent 50%);
}
/* 右侧列表 */
.download .right-list {
    width: 12.06rem;
    padding: 0.74rem 1.17rem 0.8rem;
    background: #FFFFFF;
}
.download .list {
    margin-top: 0.83rem;
}
.download .list .li {
    display: flex;
    align-items: center;
    margin-top: 0.22rem;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #707070;
}
.download .list .name {
    width: 8rem;
    margin-right: 0.6rem;
    font-size: var(--fon18);
    color: #333333;
}
.download .list .date {
    flex: 1;
    font-size: var(--fon18);
    color: #999999;
}
.download .list .down {
    display: block;
    width: 0.32rem;
    height: 0.32rem;
}
.download .list .down img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* hover */
.download .list .li:hover .name {
    color: #009B74;
    font-weight: 700;
}



/* 经销商查询 */
.query-box {
    padding: 0.35rem 0 1.5rem;
}
/* 标题 */
.query-box .common-title {
    margin: 0 auto;
}
.query-box .common-title::after {
    margin-left: 50%;
    transform: translateX(-50%) skewX(-15deg);
}
/* 搜索框 */
.query-box .input-box {
    position: relative;
    width: 9.01rem;
    height: 0.5rem;
    margin: 1.18rem auto 0;
}
.query-box .input-box input {
    width: 100%;
    height: 100%;
    padding: 0 0.7rem 0 0.26rem;
    border: 0.01rem solid #707070;
}
.query-box .input-box input:focus {
    border: 0.01rem solid #009B74;
}
.query-box .input-box input::placeholder {
    font-size: var(--fon16);
    color: #707070;
}
.query-box .input-box .btn {
    position: absolute;
    right: 0.17rem;
    top: 50%;
    width: 0.2rem;
    height: 0.2rem;
    object-fit: contain;
    transform: translateY(-50%);
}

/* 经销商查询结果 */
.result .top-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.result .top-box .common-title {
    margin: unset;
}
.result .top-box .common-title::after {
    margin-left: 0;
    transform: skewX(-15deg);
}
.result .top-box .input-box {
    margin: unset;
}
/* 表格 */
.result table {
    width: 100%;
    margin-top: 0.8rem;
    border-collapse: collapse;
}
.result table th {
    height: 0.6rem;
    background: #00C09E;
    border: 0.01rem solid rgba(112,112,112,0.5);
    font-size: var(--fon18);
    color: #FFFFFF;
}
.result table th:first-child {
    border-left: none;
}
.result table th:last-child {
    border-right: none;
}
.result table td {
    height: 0.6rem;
    background: #FFFFFF;
    border: 0.01rem solid #929292;
    text-align: center;
    font-size: var(--fon18);
    color: #222222;
}
.result table td:first-child {
    border-left: none;
}
.result table td:last-child {
    border-right: none;
}
.result table tr:nth-child(even) td {
    background: #F5F5F5;
}


/* 真伪查询 */
.authenticity {
    padding: 0.35rem 0 0.77rem;
}
/* 简言 */
.authenticity .content {
    margin-top: 0.7rem;
    font-size: var(--fon18);
    color: #666666;
    line-height: 1.5;
}
.authenticity .content p {
    font-size: var(--fon18);
    color: #666666;
    line-height: 1.5;
}
.authenticity .content img {
    width: 13.17rem;
    height: 3.67rem;
    margin: 0.7rem auto 0;
    object-fit: contain;
}
/* 步骤-box */
.authenticity .step-box {
    width: 100%;
}
.authenticity .step {
    margin-top: 0.7rem;
}
/* 步骤-标题 */
.authenticity .step .box1 {
    display: flex;
    align-items: center;
    border-bottom: 0.01rem solid #707070;
}
.authenticity .step .t1 {
    width: 2.8rem;
    height: 0.5rem;
    margin-right: 0.13rem;
    background: #009B74;
    transform: skewX(-15deg);
    font-size: var(--fon20);
    color: #FFFFFF;
    text-align: center;
    line-height: 0.5rem;
}
.authenticity .step .t2 {
    font-size: var(--fon18);
    color: #333333;
}
/* 步骤-内容 */
.authenticity .step .box2 {
    margin-top: 0.7rem;
}
.authenticity .step .box2 img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    object-fit: contain;
}


/* 客户问题反馈 */
.question-back {
    padding: 0.35rem 0 1rem;
}
/* form表单 */
.question-back .form {
    margin-top: 0.48rem;
}
.question-back .ques {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.question-back .ques .item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.3rem;
}
.question-back .ques .label {
    min-width: 3.5rem;
    margin-right: 0.3rem;
    text-align: right;
    font-size: var(--fon22);
    color: #333333;
}
.question-back .ques .label span {
    color: #FF0000;
}
/* 下拉框 */
.question-back .ques .m_dropdown {
    padding: 0 .3rem;
    width: 10rem;
    height: 0.6rem;
    background: #FFFFFF;
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
    border: 0.01rem solid #D8D8D8;
}


.question-back .ques .m_dropdown .text {
    min-height: 0.6rem;
}
.question-back .ques .m_dropdown .text.tips {
    font-size: var(--fon20);
    color: #999999;
}
.question-back .ques .m_dropdown .slt_list {
    top: 0.62rem;
    margin-top: 0;
    background: white;
}
.question-back .ques .m_dropdown .slt_list li:hover {
    cursor: pointer;
}
.question-back .ques .m_dropdown .slt_list li:hover span {
    color: #009B74;
}
.question-back .ques .down {
    position: absolute;
    right: 0.26rem;
    top: 50%;
    width: 0.25rem;
    height: 0.13rem;
    object-fit: contain;
    transform: translateY(-50%);
    z-index: 33;
}
/* 输入框 */
.question-back .ques input {
    width: 10rem;
    height: 0.6rem;
    padding: 0 0.3rem;
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
    border: 0.01rem solid #D8D8D8;
}
.question-back .ques input:focus {
    border: 0.01rem solid #009B74;
}
.question-back .ques input::placeholder {
    font-size: var(--fon20);
    color: #999999;
}
/* 文本框 */
.question-back .ques textarea {
    width: 10rem;
    height: 2rem;
    padding: 0.2rem 0.3rem;
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
    border: 0.01rem solid #D8D8D8;
    outline: none;
    resize: none;
}
.question-back .ques textarea:focus {
    border: 0.01rem solid #009B74;
}
.question-back .ques textarea::placeholder {
    font-size: var(--fon20);
    color: #999999;
}
/* 按钮 */
.question-back button {
    display: block;
    width: 1.85rem;
    height: 0.53rem;
    margin: 0.35rem auto 0;
    background: #009B74;
    border-radius: 0.05rem;
    border: 0.01rem solid #009B74;
    text-align: center;
    line-height: 0.53rem;
    font-size: var(--fon17);
    color: white;
    cursor: pointer;
    transition: all 0.3s;
}






/* 2024-5-22 新增 */
.common_bread .navs .new-bread::after {
    display: none;
}
.common_bread .navs .new-bread img {
    width: 0.5rem;
    height: 0.5rem;
    margin: 0 auto;
    object-fit: contain;
}
.common_bread .navs .new-bread .i2 {
    display: none;
}
.common_bread .navs .active .i1 {
    display: none;
}
.common_bread .navs .active .i2 {
    display: block;
}
.common_bread .navs .new-bread .txt {
    margin-top: 0.15rem;
    text-align: center;
    font-weight: 500;
}


@media only screen and (max-width: 1024px) {
    .download{
        flex-wrap: wrap;
    }
    .question-back .ques .label{
        min-width: 1.5rem;
    }
    .question-back .ques textarea{
        width: 100%;
    }
    .download .left-navs{
        width: 100%;
        margin-bottom: 0.4rem;
    }
    .download .right-list{
        width: 100%;
        padding: 0.4rem;
    }
    .download .list .name{
        width: 66%;
        margin-right: 0.3rem;
    }
    
    .question-back .ques input{
        width: 100%;
    }
    .question-back .ques{
        align-items: normal;
    }
}