* {
    padding: 0;
    margin: 0
}

body {
    background-color: #fcfcfc
}

li,
ul li {
    list-style: none
}

.bg-white {
    background-color: #fff
}

.icon16x16 {
    width: .83333vw;
    height: .83333vw;
    margin: 0 .41667vw
}

.icon-30x30 {
    width: 1.5625vw;
    height: 1.5625vw;
    margin: 0 .41667vw;
    vertical-align: text-top
}

.after--line {
    position: relative
}

.after--line :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #b5b5b5;
    transform: scaleY(.3)
}

.after--line__bolder {
    position: relative
}

.after--line__bolder :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.5)
}

.after--line__2 {
    position: relative
}

.after--line__2 :after {
    content: "";
    position: absolute;
    width: 200%;
    height: 1px;
    margin-left: -15%;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.1)
}

.after--line__1 {
    position: relative
}

.after--line__1 :after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    border: 1px solid #b5b5b5;
    transform: scaleY(.1)
}

.relative {
    position: relative
}

.col--center__left {
    justify-content: center
}

.col--center__left,
.col--top__left {
    display: flex;
    flex-direction: column;
    align-content: flex-start
}

.col--top__left {
    justify-content: flex-start
}

.row--top__left {
    align-content: flex-start
}

.row--end__left,
.row--top__left {
    display: flex;
    justify-content: flex-start;
    flex-direction: row
}

.row--end__left {
    align-content: flex-end;
    align-items: flex-end
}

.row--start__left {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-content: flex-start
}

.col--center__center {
    justify-content: center
}

.col--center__center,
.col--center__top {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center
}

.col--center__top {
    justify-content: flex-start
}

.row--center__left {
    justify-content: center;
    align-content: flex-start
}

.col--center__right {
    justify-items: center;
    flex-direction: column;
    align-items: flex-end
}

.col--center__right,
.row--center__center {
    display: flex;
    justify-content: center;
    align-content: center
}

.row--center__center {
    flex-direction: row;
    align-items: center
}

.row--center__left {
    justify-content: flex-start
}

.row--center__left,
.row--center__right {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.row--center__right {
    justify-content: flex-end
}

.row--center__spaceA {
    justify-content: space-around
}

.row--center__spaceA,
.row--center__spaceB {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.row--center__spaceB {
    justify-content: space-between
}

.row--center__spaceE {
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    align-content: center;
    align-items: center
}

.col--center__spaceA {
    justify-content: space-around
}

.col--center__spaceA,
.col--center__spaceB {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: flex-start
}

.col--center__spaceB {
    justify-content: space-between
}

.background--image {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%
}

.flex--1 {
    flex: 1
}

.text--over {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block
}

.text--over__1 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.text--over__1,
.text--over__2,
.text--over__3 {
    word-break: break-all
}

.text--over__3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.overHidden--scroll__x {
    overflow-x: hidden;
    overflow-y: scroll
}

.hover--shadow:hover {
    transition: all .5s ease-in;
    box-shadow: 0 0 1.04167vw #dfdfdf;
    -webkit-transform: translateY(-.26042vw);
    -moz-transform: translateY(-.26042vw);
    -ms-transform: translateY(-.26042vw);
    -o-transform: translateY(-.26042vw);
    transform: translateY(-.26042vw)
}

.text--cursor {
    cursor: pointer
}

button:focus,
input:focus {
    outline: none
}

input,
textarea {
    border: none
}

input::-webkit-input-placeholder {
    color: #999
}

button,
input,
select,
textarea {
    outline: none
}

textarea {
    resize: none
}

.m3 {
    margin: .15625vw
}

.m4 {
    margin: .20833vw
}

.m5 {
    margin: .26042vw
}

.m6 {
    margin: .3125vw
}

.m7 {
    margin: .36458vw
}

.m8 {
    margin: .41667vw
}

.m9 {
    margin: .46875vw
}

.m10 {
    margin: .52083vw
}

.m11 {
    margin: .57292vw
}

.m12 {
    margin: .625vw
}

.m15 {
    margin: .78125vw
}

.m20 {
    margin: 1.04167vw
}

.m30 {
    margin: 1.5625vw
}

.mt2 {
    margin-top: .10417vw
}

.mt3 {
    margin-top: .15625vw
}

.mt4 {
    margin-top: .20833vw
}

.mt5 {
    margin-top: .26042vw
}

.mt6 {
    margin-top: .3125vw
}

.mt7 {
    margin-top: .36458vw
}

.mt8 {
    margin-top: .41667vw
}

.mt9 {
    margin-top: .46875vw
}

.mt10 {
    margin-top: .52083vw
}

.mt11 {
    margin-top: .57292vw
}

.mt12 {
    margin-top: .625vw
}

.mt15 {
    margin-top: .78125vw
}

.mt20 {
    margin-top: 1.04167vw
}

.mt30 {
    margin-top: 1.5625vw
}

.mt50 {
    margin-top: 2.60417vw
}

.mt100 {
    margin-top: 5.20833vw
}

.mb5 {
    margin-bottom: .26042vw
}

.mb6 {
    margin-bottom: .3125vw
}

.mb7 {
    margin-bottom: .36458vw
}

.mb8 {
    margin-bottom: .41667vw
}

.mb9 {
    margin-bottom: .46875vw
}

.mb10 {
    margin-bottom: .52083vw
}

.mb15 {
    margin-bottom: .78125vw
}

.mb20 {
    margin-bottom: 1.04167vw
}

.mb30 {
    margin-bottom: 1.5625vw
}

.mb50 {
    margin-bottom: 2.60417vw
}

.mb100 {
    margin-bottom: 5.20833vw
}

.ml3 {
    margin-left: .15625vw
}

.ml4 {
    margin-left: .20833vw
}

.ml5 {
    margin-left: .26042vw
}

.ml6 {
    margin-left: .3125vw
}

.ml10 {
    margin-left: .52083vw
}

.ml12 {
    margin-left: .625vw
}

.ml14 {
    margin-left: .72917vw
}

.ml15 {
    margin-left: .78125vw
}

.ml20 {
    margin-left: 1.04167vw
}

.ml30 {
    margin-left: 1.5625vw
}

.ml50 {
    margin-left: 2.60417vw
}

.ml100 {
    margin-left: 5.20833vw
}

.mr3,
.mr4,
.mr5,
.mr6 {
    margin-right: .26042vw
}

.mr10 {
    margin-right: .52083vw
}

.mr15 {
    margin-right: .78125vw
}

.mr20 {
    margin-right: 1.04167vw
}

.mr30 {
    margin-right: 1.5625vw
}

.mr50 {
    margin-right: 2.60417vw
}

.mr100 {
    margin-right: 5.20833vw
}

.p10 {
    padding: .52083vw
}

.p15 {
    padding: .78125vw
}

.p20 {
    padding: 1.04167vw
}

.p30 {
    padding: 1.5625vw
}

.pt5 {
    padding-top: .26042vw
}

.pt10 {
    padding-top: .52083vw
}

.pt15 {
    padding-top: .78125vw
}

.pt20 {
    padding-top: 1.04167vw
}

.pt30 {
    padding-top: 1.5625vw
}

.pt50 {
    padding-top: 2.60417vw
}

.pt100 {
    padding-top: 5.20833vw
}

.pb4 {
    padding-bottom: .20833vw
}

.pb5 {
    padding-bottom: .26042vw
}

.pb10 {
    padding-bottom: .52083vw
}

.pb12 {
    padding-bottom: .625vw
}

.pb15 {
    padding-bottom: .78125vw
}

.pb20 {
    padding-bottom: 1.04167vw
}

.pb30 {
    padding-bottom: 1.5625vw
}

.pb50 {
    padding-bottom: 2.60417vw
}

.pb100 {
    padding-bottom: 5.20833vw
}

.pl5 {
    padding-left: .26042vw
}

.pl10 {
    padding-left: .52083vw
}

.pl15 {
    padding-left: .78125vw
}

.pl20 {
    padding-left: 1.04167vw
}

.pl30 {
    padding-left: 1.5625vw
}

.pl50 {
    padding-left: 2.60417vw
}

.pl100 {
    padding-left: 5.20833vw
}

.pr5 {
    padding-right: .26042vw
}

.pr10 {
    padding-right: .52083vw
}

.pr15 {
    padding-right: .78125vw
}

.pr20 {
    padding-right: 1.04167vw
}

.pr30 {
    padding-right: 1.5625vw
}

.pr50 {
    padding-right: 2.60417vw
}

.pr100 {
    padding-right: 5.20833vw
}

.fontsize-10 {
    font-size: .52083vw
}

.fontsize-12 {
    font-size: .625vw
}

.fontsize-13 {
    font-size: .67708vw
}

.fontsize-14 {
    font-size: .72917vw
}

.fontsize-15 {
    font-size: .78125vw
}

.fontsize-16 {
    font-size: .83333vw
}

.fontsize-17 {
    font-size: .88542vw
}

.fontsize-18 {
    font-size: .9375vw
}

.fontsize-19 {
    font-size: .98958vw
}

.fontsize-20 {
    font-size: 1.04167vw
}

.fontsize-21 {
    font-size: 1.09375vw
}

.fontsize-22 {
    font-size: 1.14583vw
}

.fontsize-23 {
    font-size: 1.19792vw
}

.fontsize-24 {
    font-size: 1.25vw
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.bold {
    font-weight: 700
}

.text--over {
    table-layout: fixed;
    word-break: break-all;
    overflow: hidden
}

.text--over__2 {
    display: -webkit-box;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.text--over__2,
.text--over__hidden {
    overflow: hidden;
    text-overflow: ellipsis
}

.text--over__hidden {
    white-space: nowrap
}

.color-primary {
    color: #1079b3
}

.color-fff {
    color: #fff
}

.color-ccc {
    color: #ccc
}

.color-333 {
    color: #333
}

.color-999 {
    color: #999
}

.color-price {
    color: #ef331e
}

.border-r4,
.border-r8 {
    border-radius: .41667vw
}

.con-wrap {
    padding: .78125vw
}

.icons {
    position: fixed;
    right: .52083vw;
    bottom: 7.8125vw;
    width: 2.60417vw;
    height: 2.60417vw;
    border-radius: 50%;
    background: rgba(0, 0, 0, .65)
}

.icons:hover {
    background: rgba(0, 0, 0, .85)
}

.icons-top {
    display: block;
    width: 2.60417vw;
    height: 2.60417vw;
    background-size: 1.04167vw;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABaUlEQVRYR+2W7U3DQBBE31QAJaQDUkJSAXQA6QAqACqADggVBCoAKoAOCBWEDgatZEcHyeX8AYqQvD/P59t3s7tjiz2H9pyfAWBQ4H8rYPtQ0mefSeqlgO0HYCVp1hWiM4DtOXACHADzrhCdAGxfAZdAffM74ELSbVslWgPYPgMi4UxSqMC2taYgrQCSRNeSQoV1VCU5BaaSnn8dwPYYeAIeJYUKG1FBHFcQb00gGimQJH+RFI2XDdtx+6OmEEWAmHXgHfgAJqW5r/YHhCuInT6xE6A6LGSPfcXktSzVe1GCVQmiBBCHjICxpGWTmiYQ0TOhxKukae7dLEBiNHHzRg31M0nVOwGxyBnVVoCuI5WZjGjaRc4tNwBsnwM3qdG0kT4DsWFe9b5vAH0crQSZu9gawHYt1X3OaEpJSs+3lTYFiGZZ/lXyZDri+zGSNIm1FKD3z0VJgdQnakMrOmHTQ7vuGwAGBQYFvgCufKAhUkYyWwAAAABJRU5ErkJggg==)
}

.svg-icon {
    width: 10em;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden
}

.message-box {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 5.20833vw;
    left: 0;
    right: 0;
    color: #fff;
    z-index: 99999;
    width: 30%;
    margin: 0 auto
}

.message-box .message-success {
    width: 100%;
    height: 2.08333vw;
    line-height: 2.08333vw;
    border-radius: .52083vw;
    text-align: center;
    background-color: #9df1a1;
    border: 1px solid #10ec1b;
    opacity: .5;
    color: #10ec1b;
    position: relative
}

.message-box .message-success .chenggong-icon {
    position: absolute;
    top: .26042vw;
    left: 1.04167vw;
    width: 1.5625vw;
    height: 1.5625vw;
    color: #10ec1b
}

.message-box .message-error {
    width: 100%;
    height: 2.08333vw;
    line-height: 2.08333vw;
    border-radius: .52083vw;
    text-align: center;
    background-color: #eca6a6;
    border: 1px solid #f04211;
    opacity: .5;
    color: #e30f0f;
    position: relative
}

.message-box .message-error .guanbi-icon {
    position: absolute;
    top: .26042vw;
    left: 1.04167vw;
    width: 1.5625vw;
    height: 1.5625vw;
    color: #e30f0f
}

.header a{
    text-decoration: none;
    color: #fff;
}

.footer-link a{
    text-decoration: none;
    white-space: nowrap;
    color: hsla(0, 0%, 100%, .5)
}