/*
html {
    background: #323232;
	
}
*/


.mobile {
    display: none
}

@media (max-width: 768px) {
    .pc {
        display: none
    }

    .mobile {
        display: block
    }

    .mobile-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        color: #fff;
        opacity: .7;
        margin-top: 1.28rem
    }

    .mobile-top-bar {
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 1.6rem;
        background: #fff;
        padding: .213333rem .32rem;
        box-sizing: border-box;
        box-shadow: inset 0 0 0 0 hsla(0, 0%, 89%, .5)
    }

    .mobile-top-bar, .mobile-top-bar .left {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-top-bar .left img {
        width: 11.3vw;
        height: 6vh;
        margin-right: .266667rem
    }

    .mobile-top-bar .left .slogan {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center
    }

    .mobile-top-bar .left .slogan p:first-child {
        color: #fb4282;
        font-size: .373333rem;
        font-weight: 800;
        margin-bottom: .2rem
    }

    .mobile-top-bar .left .slogan p:last-child {
        color: #cacaca;
        font-size: .213333rem
    }

    .mobile-download-btn {
        background-image: linear-gradient(45deg, #ff2e9c, #ff2b51);
        box-shadow: 0 .066667rem .186667rem 0 rgba(255, 67, 132, .36);
        border-radius: 2.266667rem;
        color: #fff;
        font-size: .373333rem;
        font-weight: 800;
        width: 29vw;
        height: 5vh;
        text-align: center;
        line-height: .933333rem
    }

    .mobile-logo {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 3.2rem;
        margin-bottom: 1.066667rem
    }

    .mobile-logo .left {
        margin-right: .266667rem
    }

    .mobile-logo .left img {
        width: 2.133333rem;
        height: 2.133333rem
    }

    .mobile-logo .right p:last-child {
        color: #fff;
        opacity: .7;
        font-size: .213333rem
    }

    .mobile-logo .right img {
        width: 2.666667rem;
        height: 1.066667rem
    }

    .mobile-slogan {
        font-weight: 800;
        text-align: center
    }

    .mobile-slogan .slogan-1 {
        font-size: .8rem;
        color: #fff;
        margin-bottom: .32rem
    }

    .mobile-slogan .slogan-1 p:first-child {
        margin-bottom: .133333rem
    }

    .mobile-slogan .slogan-2 {
        font-size: .373333rem;
        color: #fff
    }

    .mobile-download {
        background: #fff;
        box-shadow: 0 .066667rem .266667rem 0 rgba(0, 0, 0, .2);
        border-radius: 2rem;
        width: 8.666667rem;
        height: 1.6rem;
        line-height: 1.6rem;
        text-align: center;
        color: #fb4282;
        margin: 0 auto;
        margin-top: 1.173333rem;
        font-size: .56rem;
        font-weight: 800
    }


    /*
        .mobile-index-bg {


    width:100%; height:148.66666rem; background:url(../images/img/m2.jpg) no-repeat center top; background-size:100% 100%; font-size: 0.6rem; position:relative;

        }
    */
    .mobile-buy-bg {


        width: 100%;
        height: 99.66666rem;
        background: url(../images/img/m-buy.jpg) no-repeat center top;
        background-size: 100% 100%;
        font-size: 0.6rem;
        position: relative;

    }


    .mobile-contact-bg {


        width: 100%;
        height: 14.493333rem;
        background: url(../images/contact_bg.jpg) no-repeat center top;
        background-size: 100% 100%;
        font-size: 0.6rem;
        position: relative;

    }


    #header {
        background-color: #fff;
        text-align: center;
        height: 1.733333rem;
        line-height: 1.733333rem;
        color: #4b515f;
        position: relative;
    }


    #header span.right {
        width: 0.533333rem;
        height: 0.373333rem;
        position: absolute;
        right: 0.746666rem;
        top: 0.68rem;
        background: url(../images/img/btn.jpg) no-repeat center center;
        background-size: 100%;
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        /* IE 9 */
        -moz-transform: rotate(0deg);
        /* Firefox */
        -webkit-transform: rotate(0deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(0deg);
        -webkit-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    #header span.right.on {
        width: 0.373333rem;
        height: 0.373333rem;
        background: url(../images/img/btn.png) no-repeat center center;
        background-size: 100%;
        /*
            transform:rotate(135deg);
            -ms-transform:rotate(135deg);
        */
        /* IE 9 */
        /*-moz-transform:rotate(135deg);*/
        /* Firefox */
        /*-webkit-transform:rotate(135deg);*/
        /* Safari 和 Chrome */
        /*-o-transform:rotate(135deg);*/
        -webkit-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    #header h1 {
        font-size: .213333rem;
        font-weight: normal;
    }

    #header span.left {
        position: absolute;
        left: .66666rem;
        top: .453333rem;
        display: block;
        width: 3.86666rem;
        height: 0.8266666rem;
        font-size: .213333rem;
        padding-left: 0.08rem;
    }

    #header span.left img {

        width: 3.86666rem;
        height: 0.8266666rem;

    }


    .header_app {
        text-align: center;
        position: relative;
    }


    .header_app span.left_app {
        z-index: 99;
        position: absolute;
        left: 0.33rem;
        top: 0.3rem;
        display: block;
        width: 3.54666rem;
        height: 1rem;
        font-size: .213333rem;
        padding-left: 0.08rem;


    }


    .header_app span.right_app {
        z-index: 99;
        position: absolute;
        left: 7.5rem;
        top: 0.3rem;
        display: block;
        width: 2.013333rem;
        height: 0.92rem;


    }


    .header_app span.left_app img {

        width: 3.54666rem;
        height: 1rem;

    }


    .menu {
        overflow: hidden;
        background-color: #fff;
        width: 100%;
        position: absolute;
        left: 0;
        top: 1.6rem;
        right: 0;
        z-index: 9999;
        height: 0;
        -webkit-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    .menu li {
        width: 100%;
        text-align: center;
        border-top: 0.01rem solid #dbdcdf;
        font-size: 0.4rem;
        height: 1.466666rem;
        line-height: 1.46666rem;
    }


    .menu li a {
        color: #4b515f;
        display: inline-block;
        width: 100%;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
    }

    /*
    .menu li a:hover {
        color:#fff;

    }
    */
    .mobile-contact .pic-box {
        text-align: center;
        position: relative;
        width: 100%;
    }

    .mobile-contact.pic-img {
        width: 100%;
        /*	height: 5.1rem;*/
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

    .mobile-contact .pic-img img {
        width: 100%;
        vertical-align: middle;
    }

    .mobile-contact .pro-intro {
        position: absolute;
        top: 25%;
        left: 0;
        color: #fff;
        text-align: center;
        padding: 0.05rem 0;
        width: 100%;


    }

    .mobile-contact .pro-intro .mobile-text-h1 {
        color: #fff;
        font-size: 0.8rem;
        text-align: center;
    }


    .mobile-contact .pro-intro .mobile-text {
        letter-spacing: 0.3px;
        color: #fff;
        font-size: 0.35rem;
        text-align: center;
        margin-top: 0.333333rem;
        line-height: 0.6rem;


    }


    .pro-intro-audio {
        padding: 0 0.6rem;
    }

    .pro-intro-audio .mobile-text-h1-audio {
        color: #333;
        font-size: 0.426666rem;
        text-align: left;
        margin-top: 1rem;
    }

    .pro-intro-audio .mobile-text-audio {
        letter-spacing: 0.3px;
        color: #666;
        font-size: 0.42666rem;
        text-align: left;
        margin-top: 0.4rem;
        line-height: 0.6rem;
        margin-bottom: 1.0666rem;
    }


    .index-pic-box {
        text-align: center;
        position: relative;
        width: 100%;
    }

    .index-pic-box.pic-img {
        width: 100%;
        /*	height: 5.1rem;*/
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

    .index-pic-box .pic-img img {
        width: 100%;
        vertical-align: middle;
    }

    .index-pic-box .pro-intro {
        position: absolute;
        top: 45%;
        left: 0;
        color: #fff;
        text-align: center;

        width: 100%;
    }

    .index-pic-box .pro-intro .mobile-text-h1 {
        color: #fff;
        font-size: 0.8rem;
        text-align: left;
        padding: 0 0.666666rem;
    }

    .index-pic-box .pro-intro .mobile-text {
        letter-spacing: 0.3px;
        color: #fff;
        font-size: 0.4rem;
        text-align: left;
        margin-top: 0.333333rem;
        line-height: 0.6rem;
        padding: 0 0.666666rem;
    }

    .index-pic-box .pro-intro .mobile-text-r {
        letter-spacing: 0.3px;
        color: #fff;
        font-size: 0.4rem;
        text-align: center;
        margin-top: 0.6666666rem;
        line-height: 0.6rem;
        padding: 0 0.666666rem;
    }


    .mobile-index-1 {

        /*	height:6.933333rem;*/

    }

    .mobile-index-1 .mobile-text-h1 {
        color: #333;
        font-size: 0.8rem;
        text-align: center;
        margin-top: 1.46666rem;
    }

    .mobile-index-1 .mobile-text {
        letter-spacing: 0.3px;
        color: #666;
        font-size: 0.4rem;
        text-align: center;
        margin-top: 0.866666rem;
        line-height: 0.6rem;
        margin-bottom: 1.0666rem;
    }


    /*
    .pro-intro-read{
        text-align: center;
        position: relative;
        background-color: #1c1c1c;
        width: 100%;

    }
    */
    .pro-intro-read .pro-intro-read {
        padding-top: 20px;
        /*	position: absolute;*/
        /*
            bottom: 0;
            left: 0;
        */
        color: #fff;
        text-align: center;
        background-color: #1c1c1c;
        width: 100%;
        height: 50px;
    }


    .pro-intro-download {
        text-align: center;
        position: relative;
        width: 100%;

    }


    .pro-intro-download .pro-intro-download-btns {
        padding-top: 22px;
        position: absolute;

        color: #fff;


        top: 50%;
        left: 50%;

        margin-top: -6.2rem;
        margin-left: -2.5rem;


    }


    .pro-intro-download-btns .apple-img {
        border-radius: 5px;
        width: 5.2rem;
        height: 1.6rem;
        background: url(../images/apple.png) 0 0 no-repeat;
        background-size: cover;
        margin-bottom: 20px;
        text-align: center;
    }


    .pro-intro-download-btns .google-img {
        border-radius: 5px;
        width: 5.2rem;
        height: 1.6rem;
        background: url(../images/google.png) 0 0 no-repeat;
        background-size: cover;
        text-align: center;
    }


    .pro-intro-download .pro-intro-download-btns-app {
        padding-top: 20px;
        position: absolute;

        color: #fff;


        top: 50%;
        left: 50%;

        margin-top: -4.2rem;
        margin-left: -2.5rem;


    }


    .pro-intro-download-btns-app .apple-app {
        border-radius: 5px;
        width: 5rem;
        height: 1.6rem;
        background: url(../images/apple_app.png) 0 0 no-repeat;
        background-size: cover;
        margin-bottom: 22px;
        text-align: center;
    }


    .pro-intro-download-btns-app .google-app {
        border-radius: 5px;
        width: 5rem;
        height: 1.6rem;
        background: url(../images/google_app.png) 0 0 no-repeat;
        background-size: cover;
        text-align: center;
    }


    .pro-intro-download-btns-app .apple-cn {
        border-radius: 5px;
        width: 5rem;
        height: 1.6rem;
        background: url(../images/apple_cn.png) 0 0 no-repeat;
        background-size: cover;
        margin-bottom: 22px;
        text-align: center;
    }


    .pro-intro-download-btns-app .google-cn {
        border-radius: 5px;
        width: 5rem;
        height: 1.6rem;
        background: url(../images/google_cn.png) 0 0 no-repeat;
        background-size: cover;
        text-align: center;
    }


    .mobile-contact .mobile-contact-bottom {

        height: 2.06666rem;
        width: 100%;
        background: #f7941d;


    }


    .mobile-contact .mobile-contact-bottom h1 {
        font-family: "Open Sans SemiBold";
        /*	padding-top:0.333333rem;*/
        font-size: 0.4rem;
        text-align: center;
        line-height: 2.06666rem;
        color: #fff;


    }


    .mobile-title h1 {
        line-height: 1.6rem;
        color: #fff;
        font-size: 0.64rem;
        text-align: center;
        word-spacing: 0.08rem;
        letter-spacing: 0.002666rem;
        padding: 0 0.133333rem;
        font-weight: bold;
        height: 1.6rem;
        background: #f7941d;


    }

    #mobile-content h3 {
        font-size: 0.533333rem;
        color: #646464;
        text-align: left;
        margin-top: 1.0666666rem;
        font-weight: bold;
        padding: 0 0.3466666rem;
    }

    #mobile-content h6 {

        font-size: 0.4rem;

        color: #f7941d;
        line-height: 0.8rem;
        letter-spacing: 0.013333rem;
        margin-bottom: 0.8rem;
        padding: 0 0.3466666rem;
    }

    #mobile-content p {

        font-size: 0.4rem;
        margin-bottom: 1.013333rem;
        color: #646464;
        line-height: 0.693333rem;
        letter-spacing: 0.013333rem;
        padding: 0 0.3466666rem;
    }

    #mobile-content p:first-child {


        margin-bottom: 0.32rem;


    }


    #mobile-content .miaoline {
        font-size: 0.4rem;
        line-height: 0.8rem;
        display: block;
        color: #646464;
        text-decoration: underline;
    }

    /*
    #mobile-faqs .mt {
            color:#333;

        }
    */
    /*.main {margin:0 auto; width:80%; }*/
    #mobile-help h2, #down h2 {
        margin-left: 100px;
        font-size: 20px;
        line-height: 20px;
        color: #f7941d;
        width: 200px;
        font-weight: bold;
    }

    #mobile-help dt {
        cursor: pointer;
        color: #4b515f;
        font-size: 0.426666rem;
    }

    /*#mobile-help dt:hover{color:#f7941d;}*/
    #mobile-help dd {
        display: none;
        color: #4b515f;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: 0.8px;
    }

    #mobile-help dd p {
        margin-bottom: 0.4rem;
        line-height: 0.7rem;
        font-size: 0.4rem;
    }

    #mobile-help dd p a {
        display: inline;
        color: #f7941d;
    }

    #mobile-help dt {
        padding: 0 0.3466666rem;
        position: relative;


    }

    #mobile-help dd {
        padding: 0 0.3466666rem;
        position: relative;


    }

    #mobile-help .b-line {
        position: relative;
    }

    #mobile-help .b-line:after {
        content: '';
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #e3e3e3;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
    }

    #mobile-help .aui-menu-item {
        /* height: 40px; */
        line-height: 40px;
        padding: 5px 0;
    }

    #mobile-help .icon {
        width: 20px;
        height: 20px;
        display: block;
        border: none;
        float: right;
        background-size: 20px;
        background-repeat: no-repeat;
    }


    #mobile-help .icon-dow {
        position: absolute;
        background-size: 20px;
        right: 5px;
        top: 10px;
        background-image: url('../images/down2.png');

        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    #mobile-help .open i.icon-dow {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    #mobile-help .open i.icon-dow {
        background-image: url('../images/down1.png');
    }


    /*
    #mobile-help dt i,#mobile-help dd i{background:url(../images/right.png) no-repeat; width:30px; height:30px; display:block; position:absolute; left:-40px; top:0px;}
    #mobile-help dd i{background-position: 0 -35px;}
    */
    #mobile-help .mb {
        padding: 0px;
    }

    #mobile-help .mt {


        padding: 0 0.3466666rem;
        font-size: 0.426666rem;
        line-height: 1.33333rem;
        color: #f7941d;
        height: 1.33333rem;
        border-bottom: 0.013333rem solid #e3e3e3;
        /*	 border-bottom: 1px solid #e3e3e3;*/


    }

    table.gridtable {
        line-height: 20px;
        margin: 0 auto;
        width: 90%;
        font-size: 0.4rem;
        color: #4b515f;
        border-width: 1px;
        border-color: #666666;
        border-collapse: collapse;
        margin-bottom: 20px;
    }

    table.gridtable th {

        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #666666;
        background-color: #dedede;
    }

    table.gridtable td {
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #666666;
        background-color: #ffffff;

    }


    .mobile-pop-content {
    }


    .mobile-pop-content-text {
        text-align: center;
        color: #333;
        font-size: 0.4rem;
        margin-top: 0.17333rem;
        margin-bottom: 0.17333rem;
    }

    .mobile-pop-content-line {
        width: 100%;
    }

    .mobile-uk-line {
        display: flex;
        margin: 0 auto;
    }

    .mobile-uk-line img {
        vertical-align: middle;
    }

    .mobile-uk-line li {
        line-height: 65px;
        height: 65px;
    }

    .mobile-buy-img {
        height: 1.1333rem;
        width: 4.6666rem;
    }

    .mobile-buy-img2 {
        height: 1.1333rem;
        width: 4.6666rem;
    }

    .mobile-uk-line li:first-child {
        height: 28px;
        margin-left: 80px;
        margin-right: 15px;
        margin-top: 10px;
    }

    .mobile-us-line {
        display: flex;
        margin-top: 20px;
        margin: 0 auto;
    }

    .mobile-us-line li {
        line-height: 65px;
        height: 65px;
    }

    .mobile-us-line li:first-child {
        height: 28px;
        margin-left: 80px;
        margin-right: 15px;
        margin-top: 10px;
    }

    .mobile-pop-content img {
        display: block;
    }

    .mobile-pop-content .mobile-pop-img {
        margin: 0 auto;
    }

    .mobile-pop-content .mobile-pop-content-text2 {
        text-align: center;
        font-size: 0.4rem;
        margin-top: 10px;
        margin-bottom: 0.17333rem;
    }

    .mobile-pop-content a {
        color: #333;
    }

    .mobile-pop-content a:hover {
        color: #f7941d;
    }


    .mobile-footer {
        width: 100%;
        /*    height:172px;*/
        padding-top: 0.8rem;
        background: #4b515f;

    }


    .mobile-footer .mobile-footer-nav {
        /*	width:256px;*/
        margin: 0 auto;
        margin-bottom: 0.213333rem;
        text-align: center;
        padding-left: 0.3466666rem;

    }

    .mobile-footer .mobile-footer-nav .item {

        /*  width:90px;*/
        display: inline-block;


        padding-right: 0.64rem;

    }

    .mobile-footer .mobile-footer-nav-2 {
        /*	width:210px;*/
        margin: 0 auto;
        margin-bottom: 0.586666rem;
        text-align: center;
        padding-left: 0.346666rem;
    }

    .mobile-footer .mobile-footer-nav-2 .item {


        display: inline-block;


        padding-right: 0.64rem;

    }


    .mobile-footer .mobile-footer-nav-2 a {
        display: block;

        font-size: 0.3466666rem;
        font-weight: bold;
        color: #fff;
        margin: 0 auto;
    }


    .mobile-footer .mobile-footer-nav a {
        display: block;
        margin-top: 0.373333rem;
        font-size: 0.3466666rem;
        font-weight: bold;
        color: #fff;
        margin: 0 auto;
    }


    .mobile-footer .mobile-footer-nav a:hover {
        color: #f7941d;
        transition: all 0.2s ease-in-out;
    }

    .mobile-footer .mobile-footer-line {

        margin: 0 auto;
        width: 80%;


        border-top: 0.05rem solid #e1e1e1;

    }


    .mobile-footer .mobile-footer-info {
        width: 100%;
        font-size: 0.2933333rem;
        font-weight: bold;
        color: #c4c5c9;
        margin-top: 0.586666rem;
        padding-bottom: 0.933333rem;
        text-align: center;

        letter-spacing: 0.0133rem;
    }


}