html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    font-family: "PingFangSC-Regular","Hiragino Sans GB","Helvetica Neue", Helvetica,"Microsoft YaHei","STHeiti","Microsoft JhengHei",Tahoma,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

address, caption, cite, code, dfn, em, strong, i, th, var, optgroup {
    font-style: normal;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6, abbr, acronym {
    font-weight: 400;
}

input, button, textarea, select, optgroup, option {
    margin: 0;
    padding: 0;
    font-family: "PingFangSC-Regular","Hiragino Sans GB","Helvetica Neue", Helvetica,"Microsoft YaHei","STHeiti","Microsoft JhengHei",Tahoma,Helvetica,Arial,sans-serif;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

input, button, textarea, select {
    font-size: 100%;
}

    input[type=text], input[type=data], input[type=password], textarea {
        outline-style: none;
        -webkit-appearance: none;
    }

textarea {
    resize: none;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th {
    text-align: left;
}

a, ins {
    text-decoration: none;
}

a {
    outline: 0;
    color: #555;
}

    a:visited, a:active {
        text-decoration: none;
        color: #555;
    }

blockquote, q {
    quotes: none;
}

:focus {
    outline: 0;
}

img {
    border: 0;
    max-width: 100%;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}

ol, ul, li {
    list-style: none;
}

ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    /*    ::-webkit-scrollbar
    {
        width:8px;
        height:8px;
    }
    ::-webkit-scrollbar-thumb
    {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        background:rgba(0,0,0,0.3);
        border:1px solid rgba(255,255,255,0.8);
    }*/
}

.mask_black {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 999999;
    display: none;
}

.mask_white {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    z-index: 999999;
    display: block;
}

.loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 60px;
    text-align: center;
    font-size: 10px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.loading_text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    line-height: 25px;
    text-align: center;
    font-size: 16px;
    margin-top: 50px;
    color: #666;
}

.loading > div {
    background-color: #67CF22;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.loading .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.loading .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.loading .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.loading .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

@media (min-width: 768px) {
    .pc_display_none {
        display: none;
    }
}

@media (max-width: 767px) {
    .mt_display_none {
        display: none;
    }
}


input::-webkit-input-placeholder {
    color: #c0c3c4;
    -webkit-transition: color.5s;
}

input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder {
    color: #f0f3f4;
    -webkit-transition: color.5s;
}


.switch_block {
    width: 60px;
    vertical-align: middle;
    display: inline-block;
}

.switch_content {
    position: relative;
    width: 60px;
    height: 30px;
    background: #ddd;
    border-radius: 30px;
    transition: All 0.2s linear;
    -webkit-transition: All 0.2s linear;
    -moz-transition: All 0.2s linear;
    -o-transition: All 0.2s linear;
}

.switch_content_button {
    position: absolute;
    top: 0;
    left: 0;
    margin: 2px;
    width: 26px;
    height: 26px;
    border-radius: 26px;
    background: #fff;
    transition: All 0.2s linear;
    -webkit-transition: All 0.2s linear;
    -moz-transition: All 0.2s linear;
    -o-transition: All 0.2s linear;
}

.switch_content_selected {
    position: relative;
    width: 60px;
    height: 30px;
    background: #27c24c;
    border-radius: 30px;
    transition: All 0.2s linear;
    -webkit-transition: All 0.2s linear;
    -moz-transition: All 0.2s linear;
    -o-transition: All 0.2s linear;
}

.switch_content_button_selected {
    position: absolute;
    top: 0;
    left: 30px;
    margin: 2px;
    width: 26px;
    height: 26px;
    border-radius: 26px;
    background: #fff;
    transition: All 0.2s linear;
    -webkit-transition: All 0.2s linear;
    -moz-transition: All 0.2s linear;
    -o-transition: All 0.2s linear;
}

.list_w_10px {
    width: 10px;
}

.list_w_20px {
    width: 20px;
}

.list_w_30px {
    width: 30px;
}

.list_w_40px {
    width: 40px;
}

.list_w_50px {
    width: 50px;
}

.list_w_60px {
    width: 60px;
}

.list_w_70px {
    width: 70px;
}

.list_w_80px {
    width: 80px;
}

.list_w_90px {
    width: 90px;
}

.list_w_100px {
    width: 100px;
}

.list_w_110px {
    width: 110px;
}

.list_w_120px {
    width: 120px;
}

.list_w_130px {
    width: 130px;
}

.list_w_140px {
    width: 140px;
}

.list_w_150px {
    width: 150px;
}

.list_w_160px {
    width: 160px;
}

.list_w_170px {
    width: 170px;
}

.list_w_180px {
    width: 180px;
}

.list_w_190px {
    width: 190px;
}

.list_w_200px {
    width: 200px;
}

.list_w_5 {
    width: 5%;
}

.list_w_6 {
    width: 6%;
}

.list_w_7 {
    width: 7%;
}

.list_w_8 {
    width: 8%;
}

.list_w_9 {
    width: 9%;
}

.list_w_10 {
    width: 10%;
}

.list_w_11 {
    width: 11%;
}

.list_w_12 {
    width: 12%;
}

.list_w_13 {
    width: 13%;
}

.list_w_14 {
    width: 14%;
}

.list_w_15 {
    width: 15%;
}

.list_w_16 {
    width: 16%;
}

.list_w_17 {
    width: 17%;
}

.list_w_18 {
    width: 18%;
}

.list_w_19 {
    width: 19%;
}

.list_w_20 {
    width: 20%;
}

.list_w_21 {
    width: 21%;
}

.list_w_22 {
    width: 22%;
}

.list_w_23 {
    width: 23%;
}

.list_w_24 {
    width: 24%;
}

.list_w_25 {
    width: 25%;
}

.list_w_26 {
    width: 26%;
}

.list_w_27 {
    width: 27%;
}

.list_w_28 {
    width: 28%;
}

.list_w_29 {
    width: 29%;
}

.list_w_30 {
    width: 30%;
}

.list_w_31 {
    width: 31%;
}

.list_w_32 {
    width: 32%;
}

.list_w_33 {
    width: 33%;
}

.list_w_34 {
    width: 34%;
}

.list_w_35 {
    width: 35%;
}

.list_w_40 {
    width: 40%;
}

.list_w_45 {
    width: 45%;
}

.list_w_50 {
    width: 50%;
}

.list_w_55 {
    width: 55%;
}

.list_w_60 {
    width: 60%;
}

.list_w_65 {
    width: 65%;
}

.list_w_70 {
    width: 70%;
}

.list_w_80 {
    width: 80%;
}

.list_w_90 {
    width: 90%;
}

.list_w_100 {
    width: 100%;
}