@media (max-width:760px) {

    * {

        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;

        margin: 0;

        padding: 0;

        outline: none;

        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

        -webkit-tap-highlight-color: transparent;

    }



    ::-webkit-scrollbar {

        display: none;

    }



    body {

        position: relative;

        height: 100%;

        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

        -webkit-tap-highlight-color: transparent;

        -webkit-overflow-scrolling: touch;

    }



    .page {

        background: #fff;

    }



    ::-webkit-scrollbar {

        display: none;

    }



    img {

        border: none;

    }



    p {

        margin: 0;

        padding: 0;

    }



    h4,

    h5,

    h6 {

        font-size: 100%;

    }



    h1,

    h2,

    h3,

    h4,

    h5,

    h6 {

        font-weight: unset;

    }



    address,

    cite,

    dfn,

    em,

    var,

    i {

        font-style: normal;

    }



    button,

    input,

    select,

    textarea {

        font-size: 100%;

    }



    /* 使得表单元素在 ie 下能继承字体大小 */

    input,

    button,

    textarea,

    select,

    optgroup,

    option {

        font-size: inherit;

        font-weight: inherit;

        font-style: inherit;

        -webkit-appearance: none;

    }



    em,

    strong {

        font-weight: normal;

        font-style: normal;

    }



    li,

    ul {

        list-style: none;

    }



    table {

        border-spacing: 0;

        border-collapse: collapse;

    }



    a {

        text-decoration: none;

        color: #333;

    }



    a:hover,

    a:focus {

        text-decoration: none !important;

    }



    input[type="submit"],

    input[type="reset"],

    input[type="button"],

    button {

        -webkit-appearance: none;

    }



    input,

    button,

    a {

        border: none;

        outline: 0 none !important;

        background-color: initial;

        -webkit-tap-highlight-color: transparent;

    }



    input:focus {

        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

        -webkit-user-modify: read-write-plaintext-only;

    }



    input:focus,

    textarea:focus {

        outline: none;

    }



    textarea {

        -webkit-appearance: none;

    }



    /* link */

    a {

        cursor: pointer;

        text-decoration: none;

        color: #666;

    }



    /* 清除浮动 */

    .clearfix:after {

        display: block;

        visibility: hidden;

        clear: both;

        height: 0;

        content: "";

    }



    .clearfix {

        zoom: 1;

    }



    input[type="search"]::-webkit-search-cancel-button {

        display: none;

    }



    .container {

        overflow: hidden;

        height: auto;

    }



    .sweper-progressbar {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        transform-origin: left top;

        background: #e60012;

    }



    /*超出隐藏*/

    .ellipsis {

        display: block;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

    }



    .ellipsis-more {

        display: -webkit-box;

        overflow: hidden;

        height: 2.5rem;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

    }



    /********** Image *********/

    .responsive-img {

        display: block;

        width: 100%;

        height: 100%;

        object-fit: cover;

    }



    /********** Width / Height *********/

    .full-width {

        width: 100%;

    }



    .full-height {

        height: 100%;

    }



    /********** Float *********/

    .fl {

        float: left;

    }



    .fr {

        float: right;

    }



    /********** Align *********/

    .align-center {

        text-align: center;

    }



    .align-left {

        text-align: left;

    }



    .align-right {

        text-align: right;

    }



    /********** Font Size *********/

    .bold {

        font-weight: bold;

    }



    .fs12 {

        font-size: 12px;

    }



    .fs14 {

        font-size: 14px;

    }



    .fs16 {

        font-size: 16px;

    }



    .fs18 {

        font-size: 18px;

    }



    .fs20 {

        font-size: 20px;

    }



    .fs22 {

        font-size: 22px;

    }



    .fs24 {

        font-size: 24px;

    }



    .fs26 {

        font-size: 26px;

    }



    .fs28 {

        font-size: 28px;

    }



    .fs30 {

        font-size: 30px;

    }



    .fs35 {

        font-size: 35px !important;

    }



    .fs40 {

        font-size: 40px !important;

    }



    .fs45 {

        font-size: 45px !important;

    }



    .fs50 {

        font-size: 50px !important;

    }



    /********** Border radius *********/

    .radius {

        border-radius: 4px;

    }



    .border-clear {

        border: initial !important;

    }



    .circle {

        border-radius: 50%;

    }



    .circle-8 {

        border-radius: 0.28571429rem;

    }



    .border-grey {

        border: 1px solid #e5e5e5;

    }



    /********** Margin *********/

    .mt0 {

        margin-top: 0;

    }



    .mt5 {

        margin-top: 5px;

    }



    .mt10 {

        margin-top: 10px;

    }



    .mt15 {

        margin-top: 15px;

    }



    .mt20 {

        margin-top: 20px;

    }



    .mt25 {

        margin-top: 25px;

    }



    .mt30 {

        margin-top: 30px;

    }



    .mt35 {

        margin-top: 35px;

    }



    .mt40 {

        margin-top: 40px;

    }



    .mt45 {

        margin-top: 45px;

    }



    .mt50 {

        margin-top: 50px;

    }



    .mt55 {

        margin-top: 55px;

    }



    .mt60 {

        margin-top: 60px;

    }



    .mt65 {

        margin-top: 65px;

    }



    .mt70 {

        margin-top: 70px;

    }



    .mt75 {

        margin-top: 75px;

    }



    .mt80 {

        margin-top: 80px;

    }



    .mt100 {

        margin-top: 100px;

    }



    .mr0 {

        margin-right: 0;

    }



    .mr5 {

        margin-right: 5px;

    }



    .mr10 {

        margin-right: 10px;

    }



    .mr15 {

        margin-right: 15px;

    }



    .mr20 {

        margin-right: 20px;

    }



    .mr25 {

        margin-right: 25px;

    }



    .mr30 {

        margin-right: 30px;

    }



    .mr35 {

        margin-right: 35px;

    }



    .mr40 {

        margin-right: 40px;

    }



    .mr45 {

        margin-right: 45px;

    }



    .mr50 {

        margin-right: 50px;

    }



    .mr55 {

        margin-right: 55px;

    }



    .mr60 {

        margin-right: 60px;

    }



    .mr65 {

        margin-right: 65px;

    }



    .mr70 {

        margin-right: 70px;

    }



    .mr75 {

        margin-right: 75px;

    }



    .mr80 {

        margin-right: 80px;

    }



    .mb0 {

        margin-bottom: 0 !important;

    }



    .mb5 {

        margin-bottom: 5px;

    }



    .mb10 {

        margin-bottom: 10px;

    }



    .mb15 {

        margin-bottom: 15px;

    }



    .mb20 {

        margin-bottom: 20px;

    }



    .mb25 {

        margin-bottom: 25px;

    }



    .mb30 {

        margin-bottom: 30px;

    }



    .mb35 {

        margin-bottom: 35px;

    }



    .mb40 {

        margin-bottom: 40px;

    }



    .mb45 {

        margin-bottom: 45px;

    }



    .mb50 {

        margin-bottom: 50px;

    }



    .mb55 {

        margin-bottom: 55px;

    }



    .mb60 {

        margin-bottom: 60px;

    }



    .mb65 {

        margin-bottom: 65px;

    }



    .mb70 {

        margin-bottom: 70px;

    }



    .mb75 {

        margin-bottom: 75px;

    }



    .mb80 {

        margin-bottom: 80px;

    }



    .ml0 {

        margin-left: 0;

    }



    .ml5 {

        margin-left: 5px;

    }



    .ml10 {

        margin-left: 10px;

    }



    .ml15 {

        margin-left: 15px;

    }



    .ml20 {

        margin-left: 20px;

    }



    .ml25 {

        margin-left: 25px;

    }



    .ml30 {

        margin-left: 30px;

    }



    .ml35 {

        margin-left: 35px;

    }



    .ml40 {

        margin-left: 40px;

    }



    .ml45 {

        margin-left: 45px;

    }



    .ml50 {

        margin-left: 50px;

    }



    .ml55 {

        margin-left: 55px;

    }



    .ml60 {

        margin-left: 60px;

    }



    .ml65 {

        margin-left: 65px;

    }



    .ml70 {

        margin-left: 70px;

    }



    .ml75 {

        margin-left: 75px;

    }



    .ml80 {

        margin-left: 80px;

    }



    /********** Padding *********/

    .pt0 {

        padding-top: 0;

    }



    .pt5 {

        padding-top: 5px;

    }



    .pt10 {

        padding-top: 10px;

    }



    .pt15 {

        padding-top: 15px;

    }



    .pt20 {

        padding-top: 20px;

    }



    .pt25 {

        padding-top: 25px;

    }



    .pt30 {

        padding-top: 30px;

    }



    .pt35 {

        padding-top: 35px;

    }



    .pt40 {

        padding-top: 40px;

    }



    .pt50 {

        padding-top: 50px;

    }



    .pt60 {

        padding-top: 60px;

    }



    .pt70 {

        padding-top: 70px;

    }



    .pt80 {

        padding-top: 80px;

    }



    .pr0 {

        padding-right: 0 !important;

    }



    .pr5 {

        padding-right: 5px;

    }



    .pr10 {

        padding-right: 10px;

    }



    .pr15 {

        padding-right: 15px;

    }



    .pr20 {

        padding-right: 20px;

    }



    .pr25 {

        padding-right: 25px;

    }



    .pr30 {

        padding-right: 30px;

    }



    .pr35 {

        padding-right: 35px;

    }



    .pr40 {

        padding-right: 40px;

    }



    .pr50 {

        padding-right: 50px;

    }



    .pr60 {

        padding-right: 60px;

    }



    .pr70 {

        padding-right: 70px;

    }



    .pr80 {

        padding-right: 80px;

    }



    .pb0 {

        padding-bottom: 0;

    }



    .pb5 {

        padding-bottom: 5px;

    }



    .pb10 {

        padding-bottom: 10px;

    }



    .pb15 {

        padding-bottom: 15px;

    }



    .pb20 {

        padding-bottom: 20px;

    }



    .pb25 {

        padding-bottom: 25px;

    }



    .pb30 {

        padding-bottom: 30px;

    }



    .pb35 {

        padding-bottom: 35px;

    }



    .pb40 {

        padding-bottom: 40px;

    }



    .pb50 {

        padding-bottom: 50px;

    }



    .pb60 {

        padding-bottom: 60px;

    }



    .pb70 {

        padding-bottom: 70px;

    }



    .pb80 {

        padding-bottom: 80px;

    }



    .pl0 {

        padding-left: 0 !important;

    }



    .pl5 {

        padding-left: 5px;

    }



    .pl10 {

        padding-left: 10px;

    }



    .pl15 {

        padding-left: 15px;

    }



    .pl20 {

        padding-left: 20px;

    }



    .pl25 {

        padding-left: 25px;

    }



    .pl30 {

        padding-left: 30px;

    }



    .pl35 {

        padding-left: 35px;

    }



    .pl40 {

        padding-left: 40px;

    }



    .pl50 {

        padding-left: 50px;

    }



    .pl60 {

        padding-left: 60px;

    }



    .pl70 {

        padding-left: 70px;

    }



    .pl80 {

        padding-left: 80px;

    }



    /********** Color *********/

    .red {

        color: #f44336;

    }



    .pink {

        color: #e91e63;

    }



    .purple {

        color: #9c27b0;

    }



    .deep-purple {

        color: #673ab7;

    }



    .indigo {

        color: #3f51b5;

    }



    .blue {

        color: #1593e4;

    }



    .border-blue {

        border: 1px solid #1593e4;

    }



    .light-blue {

        color: #03a9f4;

    }



    .cyan {

        color: #00bcd4;

    }



    .teal {

        color: #009688;

    }



    .green {

        color: #4caf50;

    }



    .light-green {

        color: #8bc34a;

    }



    .lime {

        color: #cddc39;

    }



    .yellow {

        color: #ffeb3b;

    }



    .amber {

        color: #ffc107;

    }



    .orange {

        color: #ff9800;

    }



    .deep-orange {

        color: #ff5722;

    }



    .brown {

        color: #795548;

    }



    .grey {

        color: #9e9e9e;

    }



    .blue-grey {

        color: #607d8b;

    }



    .black {

        color: #000;

    }



    .white {

        color: #fff;

    }



    .subject-color {

        color: #2d1f87;

    }



    .c999 {

        color: #999;

    }



    .c69 {

        color: #696969;

    }



    .c333 {

        color: #333;

    }



    .c53 {

        color: #535353;

    }



    .c38 {

        color: #383838;

    }



    .c666 {

        color: #666;

    }



    .ced {

        color: #ededed;

    }



    .cred {

        color: #f00;

    }



    /********** Background-color *********/

    .subject-bg-color {

        background-color: #2d1f87;

    }



    .bg-red {

        background-color: #f44336;

    }



    .bg-pink {

        background-color: #e91e63;

    }



    .bg-purple {

        background-color: #9c27b0;

    }



    .bg-deep-purple {

        background-color: #673ab7;

    }



    .bg-indigo {

        background-color: #3f51b5;

    }



    .bg-blue {

        background-color: #1593e4;

    }



    .bg-light-blue {

        background-color: #03a9f4;

    }



    .bg-cyan {

        background-color: #00bcd4;

    }



    .bg-teal {

        background-color: #009688;

    }



    .bg-green {

        background-color: #4caf50;

    }



    .bg-light-green {

        background-color: #8bc34a;

    }



    .bg-lime {

        background-color: #cddc39;

    }



    .bg-yellow {

        background-color: #ffeb3b;

    }



    .bg-amber {

        background-color: #ffc107;

    }



    .bg-orange {

        background-color: #ff9800;

    }



    .bg-deep-orange {

        background-color: #fb8e01;

    }



    .bg-brown {

        background-color: #795548;

    }



    .bg-grey {

        background-color: #9e9e9e;

    }



    .bg-blue {

        background-color: #1593e4;

    }



    .bg-black {

        background-color: #000;

    }



    .bg-white {

        background-color: #fff !important;

    }



    .bg-default {

        background-color: #f5f7f9;

    }



    .bg-38 {

        background-color: #383838;

    }



    /**************font-size rem******************/

    .fs10rem {

        font-size: 0.35714286rem;

    }



    .fs12rem {

        font-size: 0.42857143rem;

    }



    .fs14rem {

        font-size: 0.5rem;

    }



    .fs16rem {

        font-size: 0.57142857rem;

    }



    .fs18rem {

        font-size: 0.64285714rem;

    }



    .fs20rem {

        font-size: 0.71428571rem;

    }



    .fs22rem {

        font-size: 0.78571429rem;

    }



    .fs24rem {

        font-size: 0.85714286rem;

    }



    .fs26rem {

        font-size: 0.92857143rem;

    }



    .fs28rem {

        font-size: 1rem;

    }



    .fs30rem {

        font-size: 1.07142857rem;

    }



    .fs32rem {

        font-size: 1.14285714rem;

    }



    .fs34rem {

        font-size: 1.21428571rem;

    }



    .fs45rem {

        font-size: 1.60714286rem;

    }



    .fs40rem {

        font-size: 1.42857143rem;

    }



    .fs50rem {

        font-size: 1.78571429rem;

    }



    .fs70rem {

        font-size: 2.5rem;

    }



    /********** Margin *********/

    .mt5rem {

        margin-top: 0.17857143rem;

    }



    .mt10rem {

        margin-top: 0.35714286rem;

    }



    .mt15rem {

        margin-top: 0.53571429rem;

    }



    .mt20rem {

        margin-top: 0.71428571rem;

    }



    .mt25rem {

        margin-top: 0.89285714rem;

    }



    .mt30rem {

        margin-top: 1.07142857rem;

    }



    .mt35rem {

        margin-top: 1.25rem;

    }



    .mt40rem {

        margin-top: 1.42857143rem;

    }



    .mt45rem {

        margin-top: 1.60714286rem;

    }



    .mt50rem {

        margin-top: 1.78571429rem;

    }



    .mt60rem {

        margin-top: 2.14285714rem;

    }



    .mt80rem {

        margin-top: 2.85714286rem;

    }



    .mr5rem {

        margin-right: 0.17857143rem;

    }



    .mr10rem {

        margin-right: 0.35714286rem;

    }



    .mr15rem {

        margin-right: 0.53571429rem;

    }



    .mr20rem {

        margin-right: 0.71428571rem;

    }



    .mr25rem {

        margin-right: 0.89285714rem;

    }



    .mr30rem {

        margin-right: 1.07142857rem;

    }



    .mr35rem {

        margin-right: 1.25rem;

    }



    .mr40rem {

        margin-right: 1.42857143rem;

    }



    .mr50rem {

        margin-right: 1.78571429rem;

    }



    .mr60rem {

        margin-right: 2.14285714rem;

    }



    .mr80rem {

        margin-right: 2.85714286rem;

    }



    .mb5rem {

        margin-bottom: 0.17857143rem;

    }



    .mb10rem {

        margin-bottom: 0.35714286rem;

    }



    .mb15rem {

        margin-bottom: 0.53571429rem;

    }



    .mb20rem {

        margin-bottom: 0.71428571rem;

    }



    .mb25rem {

        margin-bottom: 0.89285714rem;

    }



    .mb30rem {

        margin-bottom: 1.07142857rem;

    }



    .mb35rem {

        margin-bottom: 1.25rem;

    }



    .mb40rem {

        margin-bottom: 1.42857143rem;

    }



    .mb45rem {

        margin-bottom: 1.60714286rem;

    }



    .mb50rem {

        margin-bottom: 1.78571429rem;

    }



    .mb55rem {

        margin-bottom: 1.96428571rem;

    }



    .mb60rem {

        margin-bottom: 2.14285714rem;

    }



    .mb70rem {

        margin-bottom: 2.5rem;

    }



    .mb80rem {

        margin-bottom: 2.85714286rem;

    }



    .ml5rem {

        margin-left: 0.17857143rem;

    }



    .ml10rem {

        margin-left: 0.35714286rem;

    }



    .ml15rem {

        margin-left: 0.53571429rem;

    }



    .ml20rem {

        margin-left: 0.71428571rem;

    }



    .ml25rem {

        margin-left: 0.89285714rem;

    }



    .ml30rem {

        margin-left: 1.07142857rem;

    }



    .ml35rem {

        margin-left: 1.25rem;

    }



    .ml40rem {

        margin-left: 1.42857143rem;

    }



    .ml50rem {

        margin-left: 1.78571429rem;

    }



    .ml60rem {

        margin-left: 2.14285714rem;

    }



    .ml80rem {

        margin-left: 2.85714286rem;

    }



    /********** Padding *********/

    .pt5rem {

        padding-top: 0.17857143rem;

    }



    .pt10rem {

        padding-top: 0.35714286rem;

    }



    .pt15rem {

        padding-top: 0.53571429rem;

    }



    .pt20rem {

        padding-top: 0.71428571rem;

    }



    .pt25rem {

        padding-top: 0.89285714rem;

    }



    .pt30rem {

        padding-top: 1.07142857rem;

    }



    .pt35rem {

        padding-top: 1.25rem;

    }



    .pt40rem {

        padding-top: 1.42857143rem;

    }



    .pt45rem {

        padding-top: 1.60714286rem;

    }



    .pt50rem {

        padding-top: 1.78571429rem;

    }



    .pt60rem {

        padding-top: 2.14285714rem;

    }



    .pt70rem {

        padding-top: 2.5rem;

    }



    .pt80rem {

        padding-top: 2.85714286rem;

    }



    .pr5rem {

        padding-right: 0.17857143rem;

    }



    .pr10rem {

        padding-right: 0.35714286rem;

    }



    .pr15rem {

        padding-right: 0.53571429rem;

    }



    .pr20rem {

        padding-right: 0.71428571rem;

    }



    .pr25rem {

        padding-right: 0.89285714rem;

    }



    .pr30rem {

        padding-right: 1.07142857rem;

    }



    .pr35rem {

        padding-right: 1.25rem;

    }



    .pr40rem {

        padding-right: 1.42857143rem;

    }



    .pr50rem {

        padding-right: 1.78571429rem;

    }



    .pr60rem {

        padding-right: 2.14285714rem;

    }



    .pr80rem {

        padding-right: 2.85714286rem;

    }



    .pb5rem {

        padding-bottom: 0.17857143rem;

    }



    .pb10rem {

        padding-bottom: 0.35714286rem;

    }



    .pb15rem {

        padding-bottom: 0.53571429rem;

    }



    .pb20rem {

        padding-bottom: 0.71428571rem;

    }



    .pb25rem {

        padding-bottom: 0.89285714rem;

    }



    .pb30rem {

        padding-bottom: 1.07142857rem;

    }



    .pb35rem {

        padding-bottom: 1.25rem;

    }



    .pb40rem {

        padding-bottom: 1.42857143rem;

    }



    .pb45rem {

        padding-bottom: 1.60714286rem;

    }



    .pb50rem {

        padding-bottom: 1.78571429rem;

    }



    .pb60rem {

        padding-bottom: 2.14285714rem;

    }



    .pb80rem {

        padding-bottom: 2.85714286rem;

    }



    .pb100rem {

        padding-bottom: 3.57142857rem;

    }



    .pl0rem {

        padding-left: 0rem;

    }



    .pl5rem {

        padding-left: 0.17857143rem;

    }



    .pl10rem {

        padding-left: 0.35714286rem;

    }



    .pl15rem {

        padding-left: 0.53571429rem;

    }



    .pl20rem {

        padding-left: 0.71428571rem;

    }



    .pl25rem {

        padding-left: 0.89285714rem;

    }



    .pl30rem {

        padding-left: 1.07142857rem;

    }



    .pl35rem {

        padding-left: 1.25rem;

    }



    .pl40rem {

        padding-left: 1.42857143rem;

    }



    .pl50rem {

        padding-left: 1.78571429rem;

    }



    .pl60rem {

        padding-left: 2.14285714rem;

    }



    .pl80rem {

        padding-left: 2.85714286rem;

    }



    /********** Grid *********/

    .grids {

        position: relative;

        overflow: hidden;

    }



    .grids:before {

        position: absolute;

        top: 0;

        right: 0;

        left: 0;

        height: 1px;

        content: " ";

        -webkit-transform: scaleY(0.5);

        transform: scaleY(0.5);

        -webkit-transform-origin: 0 0;

        transform-origin: 0 0;

        color: #d9d9d9;

        border-top: 1px solid #d9d9d9;

    }



    .grids:after {

        position: absolute;

        top: 0;

        bottom: 0;

        left: 0;

        width: 1px;

        content: " ";

        -webkit-transform: scaleX(0.5);

        transform: scaleX(0.5);

        -webkit-transform-origin: 0 0;

        transform-origin: 0 0;

        color: #d9d9d9;

        border-left: 1px solid #d9d9d9;

    }



    .grid {

        position: relative;

        float: left;

        box-sizing: border-box;

        width: 33.33333333%;

        padding: 20px 10px;

    }



    .grid:before {

        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        width: 1px;

        content: " ";

        -webkit-transform: scaleX(0.5);

        transform: scaleX(0.5);

        -webkit-transform-origin: 100% 0;

        transform-origin: 100% 0;

        color: #d9d9d9;

        border-right: 1px solid #d9d9d9;

    }



    .grid:after {

        position: absolute;

        right: 0;

        bottom: 0;

        left: 0;

        height: 1px;

        content: " ";

        -webkit-transform: scaleY(0.5);

        transform: scaleY(0.5);

        -webkit-transform-origin: 0 100%;

        transform-origin: 0 100%;

        color: #d9d9d9;

        border-bottom: 1px solid #d9d9d9;

    }



    .grid:active {

        background-color: #ececec;

    }



    .grid_icon {

        width: 28px;

        height: 28px;

        margin: 0 auto;

    }



    .grid_icon img {

        display: block;

        width: 100%;

        height: 100%;

    }



    .grid_icon+.grid_label {

        margin-top: 5px;

    }



    .grid_label {

        font-size: 14px;

        display: block;

        overflow: hidden;

        text-align: center;

        white-space: nowrap;

        text-overflow: ellipsis;

    }



    /*弹性布局*/

    .layout {

        display: flex;

        display: -webkit-flex;

        justify-content: space-between;

        -webkit-justify-content: space-between;

        align-items: center;

        -webkit-align-items: center;

        align-self: center;

        -webkit-align-self: center;

    }



    .layout-juscon {

        display: flex;

        display: -webkit-flex;

        justify-content: space-between;

        -webkit-justify-content: space-between;

    }



    .layout-around {

        display: flex;

        justify-content: space-around;

    }



    .flex_1 {

        flex: 1;

    }



    .flex {

        display: flex;

    }



    .w100 {

        width: 100%;

    }



    .w50 {

        width: 50%;

    }



    .flexcenter {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -moz-flex;

        display: -ms-flexbox;

        display: flex;

        /* 水平居中*/

        -webkit-box-align: center;

        -moz-box-align: center;

        -ms-flex-pack: center;

        /* IE 10 */

        -webkit-justify-content: center;

        -moz-justify-content: center;

        justify-content: center;

        /* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/

        /* 垂直居中 */

        -webkit-box-pack: center;

        -moz-box-pack: center;

        -ms-flex-align: center;

        /* IE 10 */

        -webkit-align-items: center;

        -moz-align-items: center;

    }



    .flex-start {

        align-self: flex-start;

    }



    .flex-center {

        align-self: center;

    }



    .flex-end {

        align-self: flex-end;

    }



    .flex-right {

        display: flex;

        justify-content: flex-end;

    }



    .flex-left {

        display: flex;

        justify-content: flex-start;

    }



    .flex-column {

        flex-direction: column;

    }



    .flex-w {

        flex-wrap: wrap;

    }



    /********边框*********/

    .border {

        border: 1px solid #f5f5f5;

    }



    .border-b {

        border-bottom: 1px solid #d1d1d1;

    }



    .border-b20 {

        border-bottom: 0.71428571rem solid #f5f5f5;

    }



    .border-t {

        border-top: 1px solid #f5f5f5;

    }



    .border-l {

        border-left: 1px solid #f5f5f5;

    }



    .border-r {

        border-right: 1px solid #f5f5f5;

    }



    /************数量加减 mobile***************/

    .quantity {

        line-height: 1.78571429rem;

        display: flex;

        display: -webkit-flex;

        height: 1.78571429rem;

        border: 1px solid #e5e5e5;

        border-radius: 5px;

        flex-wrap: wrap;

        justify-content: space-between;

        -webkit-justify-content: space-between;

        align-items: center;

        -webkit-align-items: center;

        align-self: flex-start;

        -webkit-align-self: flex-start;

    }



    .quantity input {

        font-size: 0.92857143rem;

        width: 2.85714286rem;

        height: 100%;

        text-align: center;

        border-right: 1px solid #e5e5e5;

        border-left: 1px solid #e5e5e5;

    }



    .quantity i {

        font-size: 0.78571429rem;

        font-weight: bold;

        width: 1.42857143rem;

        height: 100%;

        text-align: center;

        color: #bbb;

    }



    /*cxo公共样式*/

    /************ title mobile 菱形***************/

    .product-title {

        padding: 1.78571429rem 7.14285714rem;

    }



    .product-title strong {

        display: inline-block;

    }



    .rhombus {

        display: inline-block;

        width: 0.42857143rem;

        height: 0.42857143rem;

        transform: rotate(-45deg);

        background: #b7b7b7;

    }



    .rhombus-son {

        width: 0.28571429rem;

        height: 0.28571429rem;

    }



    .w-1200 {

        width: 100%;

        max-width: 1200px;

        margin-right: auto;

        margin-left: auto;

    }



    .title {

        font-size: 34px;

        font-weight: bold;

        display: block;

        color: #555;

        text-align: center;

        margin-bottom: 30px;

    }



    .title-describe {

        font-size: 14px;

        line-height: 200%;

        text-align: center;

        display: block;

        color: #666;

    }



    .h2-title {

        font-size: 20px;

        font-weight: bold;

        display: block;

        color: #0c0c0c;

        margin-bottom: 30px;

        text-align: center;

        overflow: hidden;

        text-align: left;

        white-space: nowrap;

        text-overflow: ellipsis;

    }



    /*=======面包屑导航=========*/

    .breadcrumbs {

        margin-top: 50px;

        margin-bottom: 50px;

        font-size: 16px;

    }



    .breadcrumbs .active a {

        color: #1593e4 !important;

    }



    .swiper-container {

        cursor: pointer;

    }



    /*Menus*/

    #gooey-upper .gooey-menu-item,

    #gooey-upper .open-button {

        left: 50%;

        top: 50%;

    }



    #gooey-h .open-button,

    #gooey-h .gooey-menu-item {

        margin-top: 4.2em;

        margin-left: .6em;

    }



    #gooey-v .open-button,

    #gooey-v .gooey-menu-item {

        margin-top: 30em;

    }



    #gooey-round,

    #gooey-API {

        left: 30%;

        top: 50%;

    }



    .gooey-menu-item i {

        color: #fff;

        font-size: 35px;

    }



    #gooey-round .open-button,

    #gooey-API .open-button,

    #gooey-round .gooey-menu-item,

    #gooey-API .gooey-menu-item {

        margin-top: 6.5em;

        margin-left: 3.2em;

    }



    .fa.fa-angle-double-up {

        position: fixed;

        left: 95%;

        bottom: 0%;

        cursor: pointer;

        color: #748c99;

    }

}



/* Responsive styles */

@media screen and (min-device-width: 320px) and (orientation: portrait) {

    .fa.fa-angle-double-up {

        left: 75%;

    }

}



@media screen and (min-width: 320px) and (max-width: 780px) and (orientation: landscape) {

    .fa.fa-angle-double-up {

        left: 89%;

    }

}



@media (max-width: 780px) {

    p {

        font-size: .9em;

    }



    h1 {

        font-size: 2em;

    }



    h2 {

        font-size: 1.3em;

    }



    .code-example {

        margin-top: 5em;

    }



    #gooey-upper {

        margin: 0;

    }



    #gooey-upper .gooey-menu-item,

    #gooey-upper .open-button {

        left: 44%;

        top: 70%;

    }



    #gooey-round .gooey-menu-item,

    #gooey-round .open-button {

        top: 50%;

    }



    #gooey-h .open-button,

    #gooey-h .gooey-menu-item {

        top: 20%;

        left: 20%;

    }



    .round-example {

        min-height: 20em;

    }



    #gooey-v .open-button,

    #gooey-v .gooey-menu-item {

        margin-top: 0;

    }



    #gooey-v {

        margin-top: 24em;

    }



    .event-api-ex {

        min-height: 23em;

    }



    #gooey-API {

        margin-top: 6em;

    }



    .vertical-example {

        min-height: 15em;

    }



    #gooey-round,

    #gooey-API {

        top: 30%;

    }



    #gooey-round .open-button,

    #gooey-API .open-button,

    #gooey-round .gooey-menu-item,

    #gooey-API .gooey-menu-item {

        margin-top: 3.5em;

        margin-left: 3.2em;

    }



    .gooeySVG {

        width: 0;

        height: 0;

    }



    #gooey-h .open-button,

    #gooey-h .gooey-menu-item {

        margin-top: .8em;

    }



    .prettyprint {

        font-size: .7em;

    }



    .plugin-demo-header {

        margin: 1em 2em 5em 2em;

    }



    .feature {

        width: 55px;

        height: 55px;

        line-height: 65px;

    }



    .feature-desc {

        font-size: 1em;

    }



    .section-label {

        font-size: 1.5em;

        margin-top: 1em;

    }



    #menu-v-example {

        min-height: 35em;

    }

}