.type[data-v-30402dd3] {
    width: 10rem;
    margin: 0 auto;
    overflow: hidden
}

.type .head[data-v-30402dd3] {
    background: #ff6464;
    color: #fff;
    padding: .27778rem .44444rem 1.85185rem
}

.type .head h1[data-v-30402dd3] {
    font-size: .55556rem;
    font-weight: 900
}

.type .head p[data-v-30402dd3] {
    font-size: .37037rem;
    font-weight: 400;
    margin: .43519rem 0 0
}

.type .mains[data-v-30402dd3] {
    border-radius: .92593rem .92593rem 0 0;
    background: #fff1f1;
    position: relative;
    z-index: 9999;
    padding: .55556rem .37037rem 0
}

.type .mains .main1[data-v-30402dd3] {
    margin: .59259rem auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.type .mains .main1 .main1-item[data-v-30402dd3] {
    width: 9.25926rem;
    height: 2.77778rem;
    border-radius: .18519rem;
    position: relative;
    margin-bottom: .37037rem;
    box-shadow: 0 .03704rem .09259rem 0 rgba(0, 0, 0, .5);
    display: flex;
    align-items: center
}

.type .mains .main1 .main1-item .smallImg[data-v-30402dd3] {
    width: 2.22222rem;
    height: 2.22222rem;
    border-radius: .18519rem;
    margin: 0 .30556rem
}

.type .mains .main1 .main1-item .middle[data-v-30402dd3] {
    display: flex;
    flex-direction: column;
    height: 2.12963rem;
    justify-content: space-between
}

.type .mains .main1 .main1-item .middle .name[data-v-30402dd3] {
    font-size: .46296rem;
    font-weight: 900;
    line-height: .64815rem;
    width: 2.31481rem;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    word-break: break-all; /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical
}

.type .mains .main1 .main1-item h1[data-v-30402dd3] {
    margin-left: 1.38889rem;
    font-size: .74074rem;
    font-weight: 900;
    color: #fa5151
}


.type .desc[data-v-0614daf8] {
    width: 100%;
    background: #fff1f1;
    padding-bottom: .55556rem
}

.type .desc .desction[data-v-0614daf8] {
    width: 8.51852rem;
    border-radius: .18519rem;
    padding: .37037rem;
    background: #fff;
    box-shadow: 0 .03704rem .09259rem 0 rgba(0, 0, 0, .5);
    margin: 0 auto;
    color: #000
}

.type .desc .desction h1[data-v-0614daf8] {
    font-size: .50926rem;
    font-weight: 900
}

.type .desc .desction p[data-v-0614daf8] {
    font-size: .27778rem;
    font-weight: 500;
    margin-top: .37037rem;
    line-height: .37037rem
}


.type .head[data-v-0614daf8] {
    padding: .46296rem .44444rem .77778rem
}

.type .head .first[data-v-0614daf8] {
    font-size: .55556rem;
    font-weight: 900;
    color: #fff;
    padding-bottom: .55556rem
}

.type .head .second[data-v-0614daf8] {
    font-size: .37037rem;
    font-weight: 400;
    color: #fff;
    padding-bottom: .55556rem
}

.type .head .form-search[data-v-0614daf8] {
    width: 9.07407rem;
    height: 1.27778rem;
    border-radius: .92593rem;
    position: relative
}

.type .head .form-search .ipt-search[data-v-0614daf8] {
    width: 100%;
    height: 1.27778rem;
    outline: none;
    border-radius: .92593rem;
    font-weight: 700;
    text-indent: .92593rem;
    font-size: .37037rem;
    border: 0
}

.type .head .form-search[data-v-0614daf8] ::placeholder {
    color: #ff6464
}

.type .head .form-search .btn-searchs[data-v-0614daf8] {
    left: .27778rem;
    top: .37037rem;
    position: absolute;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA9CAYAAAAeYmHpAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAATnSURBVGiB5VtNdtpIEP5KUvbcYJQThJxg4AS2T5A2mLXjExCfIGSNwJ0TBJ/AmhOEnGA0N2DWaVSzkMDwQP0jtcC8+d5jpVZ1f12l7voD+B+C2hDKo1EXeR6D6AOYYwRBB8yd4iFnxcz0C8wZ1uuUpFy1sY4qeCPNw+E1gCsAPRDFbi9zBqIFgGdKktTXmqrQiDQLESMMx6hDtBpLAAso9a0tC6hFmoWIEUWfAHzxu5w9rAA8UpJMfAt2Js2DgQDR2KNmTUhB9EDT6dKXQCfSfHf3FcBnX5M7wKvWrUiX5vwDQNfHpA0woSR5aCrESLo8rF5qmvMKwHJ7TW1npS6AGEDHWSKzpNnstsZaXqfXyheigzD86Ug4RZ5/R56nJGWmlT8adcFcXHPFzw4NietJ3939hK1JM0us148mopq5egCK688OXyhJHuvMVUna+tAqvKp+XbJH5u2B+cnKuvL8luZz6TrHUdLlrr9YvF97t3VgITrlwdkzDF1BqY+uGx4cnZD5yeLdVggDAEm5oiTpg1kahnbw7t1XV/kHpBFF9xam1RrhXdBsdmskznzNg4FwkbtHmoXowPwdT05BeIPylNZ7Y0RjF5n7mo6ie+jvzqUP58AZSt0c3PW7IIpdtL0lbanl0xMGQFJmYNZbVxB8spX3quko6kKnZWZ5ili3CjSfS622gR4LEdvIeiXNrN+pIPhmI7BVmLXdsxHzSproWjMu9Rna1YVR22F4ZSMnAMqgQn+APTusrW2klU+YezYCCk2bzEKpheWCTgGdAjo8GhljhQ3pPzRjVr78ai8Igkz7fJN11YkoB8aaMWf/lndhPFvyPDbJ2Ghad1VlTqs6BXRr0lttMaQU4p7BOCeIGqWGDwOOS0BDJRWkdTunM/23iX9NAzbmnVWOeIumrwt989xo+hvz1g08d9p3D0b/OgyNt81G0780Y6wu/JMhinTuMvD7d2YSUZBer/W7Y+nenQjV/jVzZlP0C4BtvJpphN3XWJx3lDG/zupSGzm7V1b1C0RxmSE9L0yZHaLvNmJ2Q0vTC055KN+wyOysoJSVy7wlTUmSGjMTjllHr4iiMfThr7Qt4u97ZKbMBNHYNiXjE+WnZcrfWcf8e6SNmQmiGFFkUwjwBhYitig+pC75u0Pf26RtoFfWuVrHtrxjKj4o5VTBPCBtkXUEgM88HLaq8bIR4AUmj5BZuiY5jhfwign/tnh/CaVufGdWnBsBHKuXulLtGHbdQ976QRp1LTkQNxXl7RtrmIsqRJ4vXPu/WIgYQdBr3LVkSdzcczIcPoFIOEy9AvMCzH/pWjB4NOpive4iDK/ArA8iXGBB3K67yJ34LlZg3td82z1oBuLWfWRn7CGrBw1x6xxZWaJ9gD7h8HYQBE9VbrNTYpCSZAKlPsIyhPOCoju4HiqIO2dDScqMkqQPoI82yTNLKPWeptMb5Hn9ZrkjxBv3e9fo/9KhOPmP9KPxYCAQBE28wP7GP/fX5F74yQJEf5bpJbssauHypgCeaTbTmnIj4jv9bq38nQHYupJdMHcOSi15/g+CIINSS2dHpgnx8kRvjXSbqE2caEHT6c1FlnVoPpdNDreLJA3UJF6GzBdLGqhF/Bm4cNKAA/GdlrCLJw2UxAtnqeommOw2xV/k6V2Fra/A/KGM5JY40R/c3jz+A5kDR6NrVAmdAAAAAElFTkSuQmCC) 50% no-repeat;
    background-size: 100%;
    width: .53704rem;
    height: .53704rem
}