.banner .bannerin {}

.banner .bannerin img {
    width: 100%;
    height: auto;
}

.brandlist {
    background-color: #f1f1f1;
    padding: 2vw;
    padding-bottom: 4vw;
    box-sizing: border-box;
}

.brandlist .branditem {
    box-sizing: border-box;
    padding: 3vw;
    border-radius: 2vw;
    background-color: #FFF;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin-top: 5vw;
}

.brandlist .pdtlist {
    margin: 0;
    padding: 0;
    list-style: none;
}

.brandlist .pdtlist li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.brandbar {
    display: flex;
    align-items: center
}

.brandbar .logofield {
    width: 26vw;
}

.brandbar .logofield img {
    width: 22vw;
    border-radius: 3vw;
    height: auto;
}

.brandbar .bannerfield {
    flex: 1;
    box-sizing: border-box;
}

.brandbar .bannerfield img {
    width: 100%;
    height: auto;
    border-radius: 2vw;
}

.branditem h2 {
    margin: 2vw 4vw;
    font-size: 4.5vw;
    line-height: 6vw;
    border-left: 1vw solid #ef3e3d;
    padding-left: 2vw;
    color: #444;
}

.brandlist .pdtlist {
    text-align: center;
}

.brandlist .pdtlist li {
    display: inline-block;
    margin-left: 1.2vw;
    width: 20vw;
    text-align: center;
}

.brandlist .pdtlist li:first-child {
    margin-left: 0;
}

.brandlist .pdtlist li img {
    width: 100%;
    height: auto;
    border-radius: 1.5vw;
}

.newbrandlst {}

.newbrandlst li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.newbrandlst {
    text-align: center;
}

.newbrandlst li {
    display: inline-block;
    margin-left: 1.2vw;
    width: 29vw;
    text-align: center;
}

.newbrandlst li:first-child {
    margin-left: 0;
}

.newbrandlst li img {
    width: 100%;
    height: auto;
    border-radius: 1.5vw;
}

.morenewsbtwraper {
    padding: 4vw;
    box-sizing: border-box;
}

.morenewsbtwraper .morenewsbt {
    display: block;
    width: 100%;
    line-height: 8vw;
    text-align: center;
}

.pdtentries {
    text-align: center;
}

.pdtentries li {
    display: inline-block;
    width: 31vw;
    height: 36vw;
    border-radius: 2vw;
    background-color: #FFF;
    padding: 2vw;
    box-sizing: border-box;
    text-align: center;
    margin-left: 0.3vw;
}

.pdtentries li:first {
    margin-left: 0;
}

.pdtentries li h3 {
    font-size: 4vw;
    vertical-align: middle;
}

.pdtentries li h3 img {
    height: 4vw;
    width: auto;
    vertical-align: middle;
}

.pdtentries li .icon {
    height: 20vw;
}

.pdtcatetitle {
    text-align: center;
    font-size: 5vw;
    line-height: 8vw;
}

.hotcates {
    text-align: center;
}

.hotcates li {
    display: inline-block;
    width: 23vw;
    height: auto;
    padding: 2vw;
    box-sizing: border-box;
    border-radius: 2vw;
    background-color: #FFF;
    text-align: center;
    margin-top: 2vw;
}

.hotcates li span {
    display: inline-block;
    width: 100%;
    height: 19vw;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.hotcates li label {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.applyentry {
    padding: 0 2.6vw 2vw 2.6vw;
}

.applyentry .regapplyform {
    border: solid 0.6vw rgba(255, 148, 145, 1);
    padding: 5vw;
    border-radius: 4.2vw;
    background-image: linear-gradient(180deg, rgba(255, 233, 235, 1), rgba(255, 233, 235, 1));
}

.applyentry .regapplyform h2 {
    color: rgba(207, 37, 37, 1);
    text-align: center;
    line-height: 8vw;
}

.applyentry .regapplyform h3 {
    background-color: rgba(255, 61, 61, 1);
    line-height: 8vw;
    font-size: 4vw;
    border-radius: 4vw;
    display: block;
    width: 40vw;
    color: #FFF;
    margin: 0 auto;
    margin-top: 2vw;
    text-align: center;
}

.applyentry .regapplyform h4 {
    background-color: #FFF;
    line-height: 8vw;
    font-size: 4vw;
    border-radius: 4vw;
    display: inline-block;
    padding: 0 4vw;
    margin-top: 4vw;
    text-align: center;
}

.applyentry .regapplyform h4 label {
    display: inline-block;
    color: #FFF;
    background-color: rgba(246, 28, 53);
    border-radius: 0.5vw;
    line-height: 6vw;
    padding: 0 0.5vw;
}

.applyentry .regapplyform ul {
    padding-top: 2vw;
}

.applyentry .regapplyform ul li {
    padding: 2vw 0;
    box-sizing: border-box;
}

.applyentry .regapplyform ul li input[type=text] {
    box-sizing: border-box;
    height: 11.6vw;
    border: none;
    appearance: none;
    border-radius: 1.4vw;
    font-size: 4vw;
    width: 100%;
    outline: none;
    padding: 0 2vw;
}

.applyentry .regapplyform ul li input[type=checkbox] {
    box-sizing: border-box;
    width: 4.5vw;
    height: 4.5vw;
    border: 0.3vw solid #FFF;
    appearance: none;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
}

.applyentry .regapplyform ul li input[type=checkbox]:checked {
    background-color: #ff8e98;
}

.applyentry .regapplyform ul li input[type=checkbox]:checked::after {
    content: "\e615";
    font-family: iconfont;
    font-size: 3.4vw;
    display: inline-block;
    text-align: center;
    line-height: 4vw;
    color: #FFF;
}

.applyentry .regapplyform ul li label.checkbox {
    padding-left: 1vw;
    color: #333;
}

.applyentry .regapplyform ul li.submitwraper {
    text-align: center;
}

.applyentry .regapplyform ul li.submitwraper button {
    width: 100%;
    height: 12.2vw;
    font-size: 4.2vw;
    border-radius: 6.1vw;
    appearance: none;
    border: none;
    background: linear-gradient(90deg, rgba(250, 154, 158), rgba(244, 21, 42));
    color: #FFF;
    font-weight: bold;
}

.areawraper.white,
.ads.white {
    background-color: #FFF;
}

.areawraper.gray,
.ads.gray {
    background-color: #F3F3F3;
}

.faqwraper {
    margin: 0 2.6vw 2vw 2.6vw;
    background-color: #FFF;
    border-radius: 1.4vw;
    padding: 3.9vw 3.6vw;
}

.faqwraper ul li h3 {
    color: #f5142b;
    font-size: 4.2vw;
    line-height: 5.4vw;
    margin-top: 4.4vw;
    padding-left: 7.4vw;
    background: url('../images/new20240105/icon_qa.png') no-repeat 0 0;
    background-size: auto 5.4vw;
}

.faqwraper ul li:nth-child(1) h3 {
    margin-top: 0;
}

.faqwraper ul li label {
    display: inline-block;
    padding: 1.7vw 2.5vw;
    font-size: 2.8vw;
    line-height: 4.2vw;
    color: #333;
    background-color: rgba(255, 233, 235);
    margin-top: 2.8vw;
}

.view-more {
    display: block;
    text-align: center;
    line-height: 8vw;
    font-size: 3vw;
    color: #777;
}