@media only screen and (min-width:768px) {

section#sf1720-00001 {
    position: fixed !important;
    z-index: 999;
    top: 0px;
    left: 0px;
    width: 100%;
}

div#xg_header {
    height: 0.3rem;
}


body {
    font-family: SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif
}

p {
    font-family: SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif
}
a {
    font-family: SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif
}

span {
    font-family: SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif
}
}






@media only screen and (max-width:767px) {


.xg_logo.p1720mf1720-08d08b5990310810f {
    width: 20% !important;
}

.col-sm-12.col-lg-3.p1720mf1720-035c4e661c66b871b {
    position: absolute !important;
    top: 13px;
    right: 17%;
    width: auto !important;
    text-align: center !important;
}

div#if17200a4fb648217138412 {
    width: 0.6rem !important;
    height: 0.6rem !important;
    background: #fe3c10 !important;
    color: #fff !important;
    line-height: 0.6rem !important;
    text-align: center !important;
    border-radius: 50px;
    font-size: 0.32rem !important;
    float: left;
}

div#if17200e5d139953e7c126c {
    width: 0.3rem !important;
    height: 0.6rem !important;
    /* background: #fe3c10 !important; */
    /* color: #fff !important; */
    line-height: 0.6rem !important;
    text-align: center !important;
    border-radius: 50px;
    font-size: 0.3rem !important;
    float: left;
    }

div#if17200189a8fa67ce93a8b {
    width: 0.6rem !important;
    height: 0.6rem !important;
    /* background: #fe3c10 !important; */
    color: #333 !important;
    line-height: 0.6rem !important;
    text-align: center !important;
    border-radius: 50px;
    font-size: 0.32rem !important;
    float: left;
    }
}