.store-certification {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    font-family: "Microsoft YaHei", scans-serif;
}

.store-search {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
}
.title-1 {
    font-size: 40px;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 0;
    font-weight: bold;
}
/* 选择平台下拉菜单 */
.dropdown {
    position: relative;
    margin-top: 76px;
    width: 540px;
    height: 45px;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    color: #747474;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
    cursor: pointer;
}
.dropdown.warning {
    border: 1px solid #ff0000;
}
.dropdown .platform {
    margin-left: 24px;
}
.platform.active {
    color: #000000;
}
.dropdown .icon-down {
    width: 15px;
    height: 15px;
    margin-right: 15px;
    background-image: url("../../image/service/certification/down.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.dropdown-list {
    position: absolute;
    display: none;
    top: 50px;
    width: 540px;
    background-color: #ffffff;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    box-shadow: 0px 9px 13px 0px rgba(0, 0, 0, 0.1);
}
.dropdown-item {
    height: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    padding-left: 24px;
}
.dropdown-item:hover {
    background-color: #f2f2f2;
}

.warning-text {
    width: 100%;
    margin-top: 5px;
    color: #ff0000;
    font-size: 14px;
    display: none;
}
/* 店铺名输入框 */
.input {
    margin-top: 30px;
    width: 540px;
    height: 45px;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    outline: none;
    font-size: 16px;
    color: #000000;
    padding: 0 24px;
}
.input.warning {
    border: 1px solid #ff0000;
}
.input::-webkit-input-placeholder {
    font-size: 16px;
    color: #747474;
}
.input::-moz-placeholder {
    font-size: 16px;
    color: #747474;
}
.input:-ms-input-placeholder {
    font-size: 16px;
    color: #747474;
}
.input::-ms-input-placeholder {
    font-size: 16px;
    color: #747474;
}
.input::placeholder {
    font-size: 16px;
    color: #747474;
}
.input:focus {
    border-color: #000000;
}
/* 按钮 */
.btn-primary {
    height: 44px;
    margin-top: 36px;
    margin-bottom: 64px;
    color: #ffffff;
    background-color: #e60012;
    border-radius: 22px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    cursor: pointer;
}
.btn-primary:hover,
.btn-primary:active {
    background-color: #c70010;
}

.btn-group {
    display: flex;
    justify-content: center;
}
.btn-search {
    width: 150px;
    margin-right: 90px;
}
.btn-store {
    width: 180px;
}
.btn-research {
    width: 150px;
}

/* 未认证 */
.miss {
    display: none;
}
.miss-content {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
}
.miss-tip {
    text-align: center;
    font-size: 18px;
    margin-top: 36px;
}

/* 认证通过 */
.result {
    display: none;
}
.result .result-content {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
}
.result .store {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
}
.go-store-link {
    margin-top: 26px;
    margin-bottom: 48px;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
            align-items: center;
    font-size: 18px;
    text-decoration: none;
    color: #000000;
    cursor: pointer;
}
.icon-go {
    margin-left: 17px;
    width: 13px;
    height: 15px;
}
.result .store-item {
    width: 360px;
    height: 220px;
    border: 1px solid #cdcdcd;
    border-radius: 10px;
}
.result .store-item {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
}
.result .logo-link {
    display: inline-block;
    margin-top: 30px;
    width: 60%;
}
.result .store-logo {
    width: 100%;
}
.result .store-name-pass {
    margin-bottom: 20px;
}
.result .store-name {
    font-size: 20px;
    margin-bottom: 16px;
}
.result .pass {
    color: #737373;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
}
.result .icon-pass {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

.devider {
    width: 900px;
    height: 1px;
    background-color: #e7e7e7;
}

/* 旗舰店列表 */
.stores {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
}
.title-2 {
    font-size: 34px;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 0;
    font-weight: bold;
}
.store-list {
    max-width: 820px;
    margin-top: 62px;
    margin-bottom: 14px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    flex-wrap: wrap;
}
.stores .store-item {
    width: 33.33%;
    margin-bottom: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
}
.stores .store-link {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
    width: 85%;
    height: 152px;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    text-decoration: none;
}
.stores .store-logo {
    margin-top: 20px;
    width: 90%;
}
.stores .store-name {
    margin-bottom: 20px;
    font-size: 18px;
    color: #000000;
}

/* 真伪查询 */
.check {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
}
.title-3 {
    font-size: 34px;
    text-align: center;
    margin-top: 57px;
    margin-bottom: 0;
    font-weight: bold;
}
.check-tip {
    margin-top: 23px;
}
.check-link {
    margin-top: 26px;
    margin-bottom: 48px;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
            align-items: center;
    font-size: 18px;
    text-decoration: none;
    color: #000000;
    cursor: pointer;
}

/* 移动端样式 */
@media screen and (max-width: 768px) {
    .store-certification {
        margin: 0;
        width: 100%;
    }
    .title-1 {
        font-size: 25px;
        margin-top: 45px;
    }
    .store-search {
        width: 100%;
    }
    .dropdown {
        margin-top: 33px;
        width: 84%;
        height: 45px;
    }
    .dropdown .icon-down {
        width: 15px;
        height: 15px;
        margin-right: 15px;
    }
    .dropdown-list {
        width: 100%;
    }
    .warning-text {
        width: 84%;
    }

    .input {
        margin-top: 15px;
        width: 84%;
    }

    .btn-primary {
        margin-top: 30px;
        margin-bottom: 45px;
    }
    .btn-search {
        width: 140px;
        margin-right: 30px;
    }
    .btn-store {
        width: 140px;
    }
    .devider {
        width: 100%;
        height: 1px;
    }

    /* 认证未通过 */
    .miss {
        display: none;
    }
    .miss-content {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
        -webkit-box-align: center;
                align-items: center;
    }
    .miss-tip {
        text-align: center;
        font-size: 16px;
        margin-top: 15px;
        margin-left: 10px;
        margin-right: 10px;
    }

    /* 认证通过 */
    .go-store-link {
        margin-bottom: 35px;
        font-size: 16px;
    }
    .icon-go {
        margin-left: 7px;
        width: 13px;
        height: 15px;
    }
    .result .store-item {
        width: 315px;
        height: 180px;
    }
    .result .logo-link {
        display: inline-block;
        margin-top: 20px;
        width: 60%;
    }
    .result .store-logo {
        width: 100%;
    }
    .result .store-name-pass {
        margin-bottom: 20px;
    }
    .result .store-name {
        font-size: 16px;
        margin-bottom: 16px;
    }
    .result .pass {
        font-size: 13px;
    }
    .result .icon-pass {
        width: 14px;
        height: 14px;
        margin-right: 8px;
    }

    .title-2 {
        font-size: 22px;
        text-align: center;
        margin-top: 45px;
    }
    .store-list {
        max-width: 88%;
        margin-top: 35px;
        margin-bottom: 30px;
        -webkit-box-pack: justify;
                justify-content: space-between;
    }
    .stores .store-item {
        width: 47.73%;
        margin-bottom: 15px;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
                justify-content: center;
    }
    .stores .store-link {
        width: 100%;
        height: 103px;
    }
    .stores .store-logo {
        margin-top: 15px;
        width: 90%;
    }
    .stores .store-name {
        margin-bottom: 15px;
        font-size: 13px;
        color: #000000;
    }
    
    .title-3 {
        font-size: 23px;
        margin-top: 45px;
    }
    .check-tip {
        font-size: 16px;
        margin-top: 15px;
        margin-left: 10px;
        margin-right: 10px;
        text-align: center;
    }
}