.mobile .header-box{width:100%;}
.mobile .main-header{ height:60px;}
.mobile .logo{width:120px;    padding: 10px 0px 0px 20px;}
.mobile .logo img{width:120px;}
.mobile .nav{width:180px;padding-top: 10px;}
.mobile .nav-info{padding:5px 0; width:152px;}
.mobile .cart {background: url(../images/mobile-ico.jpg) no-repeat 0 0;background-size:auto 40px;}
.mobile .member {background: url(../images/mobile-ico.jpg) no-repeat -40px 0;background-size:auto 40px;}
.mobile .islogin{background-position:-130px 0;}
.mobile .logout{display:none;}
.mobile .topmenu {background: url(../images/mobile-ico.jpg) no-repeat -85px 0;background-size:auto 40px; display:block;width: 50px;
height: 50px;}
.mobile .mobile-nav{position:absolute; top:60px; left:0; background-color:#000; z-index:999;}
.mobile-nav li.menu{width:100%; border-top:1px solid #ccc;}
.mobile-nav li a.menu-a{width:100%; display:block; padding:12px 0; color:#fff; text-indent:12px; font-size:16px; font-weight:600;}
.mobile-nav li .sub-menu{margin:0 12px;}
.mobile-nav li .sub-menu li{border-top:1px solid #666;}
.mobile-nav li .sub-menu li a{width:100%; display:block; padding:12px 0; color:#fff; text-indent:12px; font-size:16px; font-weight:200;}

.mobile .nav-li{display:none;}
/*160*/
.mobile .hwslider{min-height:300px;}
.mobile .arr,.mobile .hwslider:hover .arr{display:none;}
.mobile .section-about{padding:0px 10px;}
.mobile .about-box{width:auto; margin-bottom: 0px;}
.mobile .about-box .about-info h2 {font-size: 24px; padding: 10px;}
.mobile .about-box .about-info{line-height:1.8em;}
.mobile .about-box .about-info p {padding: 10px 10px 30px 10px;}
.mobile .about-img{float:none;width:auto;}
.mobile .about-img img{width:100%;}
.mobile .about-info{float:none; width:auto; padding: 30px 10px;height: auto;}
.mobile .section-item li{float:none; width:100%;padding-bottom: 10px;}
.mobile .section-item ul{padding: 0 10px;}
.mobile .section-more{padding:50px 0;}
.mobile .categorylink {width: 100%;}
.mobile .categorylink li {width: 100%;margin: 20px 0; 
    text-align: left;}
.mobile .categorylink-box{margin-left: 10%;}
.mobile .categorylink-box img{
    margin-top: -7px;
    margin-right: 15px;
}
/*.mobile .footer{text-align:center;}*/
.mobile .home-title-popular{padding: 50px 0;}
.mobile .popular-section{padding: 0px;}
.mobile .popular-box{margin-bottom:0px;}
.mobile .popular-box .popular-img{width: auto;float:none;padding:0 10px 30px 10px;}

.mobile .category-box{margin-bottom:0px;}
.mobile .category-box .category-img{width: auto;float:none;padding:0 10px;}

.mobile .section-about-series {padding: 30px 0 0 0;}
.mobile .about-box2 .about-info{padding: 20px;}
.mobile .about-box2 .about-info-title{font-size: 20px;font-weight: 600;margin: 0;}
.mobile .about-box2 .about-info-tag{font-size: 15px;font-weight: 600;color: #ff2d67;margin: 20px 0px 0px 0px;}
.mobile .about-box2 .about-info-product-name{font-size: 15px;}
.mobile .about-box2 {margin: 0 0 30px 0;}


.mobile .list-box{width:auto;}
.mobile .list-item-tilte{width: 100%;text-align: center;padding: 20px 0 0 0;font-size: 16px;font-weight: 600;}
.mobile .list-box h2{text-align:center; border-bottom:; padding:30px 2% 20px;}
.mobile .list-box li {width: auto;float: none;font-size: 18px;font-weight: 600;}
.mobile .list-item-price{font-size: 18px;font-weight: 600;}

.mobile .top-banner{}
.mobile .product-top-banner{display: none;}
.mobile .section-detail{padding:0;}
.mobile .detail-box{padding:10px;width: auto;    margin-top: 50px;}
.mobile .detail-left{width: 100%; float:none;}
.mobile .detail-right{width: 100%; float:none; margin:50px 0;}
.mobile .tabs-div{height:auto; border-bottom:none;}
.mobile .tabs-div li{width: 100%; float:none; font-size:16px;font-weight:600;}
.mobile .tab-slide{padding: 20px 0;font-size:16px;}
.mobile .produt h1{font-size:16px;font-weight:600;color:#000;}
.mobile .rrp-price{font-size:18px;font-weight:600;}

.mobile .contact-box{padding:30px 0;width:auto;text-align: center;}
.mobile .contact-box dl{width: auto; padding:12px; float:none;}
.mobile .contact-box dt{font-size:22px; font-weight:400;font-weight: bold;}
.mobile .section-contact{width:100%; float:clear;}
.mobile h2.MessageBoard_title{font-size:22px;text-align:center;font-weight:600;}

.mobile #MessageBoard{ width:100%; float:clear;}
.mobile .MessageBoard_input{ width:100%; margin-right:0;}
.mobile .MessageBoard_textarea{ width:100%;}

.mobile .MessageBoard_Submit{width: 100%;padding:0;margin:0;text-align:center;font-size: 16px;font-weight: 600;}

.mobile .distributors-box{padding:30px 0 0 0; width:auto;}
.mobile .distributors-box dl{width: auto; padding:12px; float:none;}
.mobile .distributors-box dt{font-size:22px; font-weight:400;}
.mobile .distributorsright{width:100%; float:clear;}
.mobile #distributors{ width:100%; float:clear;}



.mobile #video_warp{ width:94%; position:fixed; left:3%; top:10%;  z-index:9999; display:none;}

.mobile .section-forgot{padding:0;width:auto;}
.mobile .forgot-box{width: auto; padding:12px;}
.mobile .forgot-box h1{padding:12px 0;}
.mobile .forgot-box dt{font-size:22px; font-weight:400;}
.mobile .forgot-password{padding:20px 0;}
.mobile .forgot-password .td-input{margin:0;}
.mobile .forgot-password .td-input { width: 99%; margin-left: 0; margin:12px 0; line-height: 24px;}
.mobile .forgot-password .pass-btn {width: 100%; height: 36px;margin-left: 0; line-height: 33px;}


.mobile .section-faq{width:auto; padding:12px;}
.mobile .section-faq dl{margin:12px 0;}
.mobile .section-faq dt{padding-right:24px;}

.mobile .section-order{padding:10px 0;}
.mobile .order-box{width:auto; margin:12px;}


.mobile .order-right{width:auto; padding:20px; position:static;}
.mobile .order-table li{padding: 0;}
.mobile .order-table span.td-gray{width:100%; margin-top:6px; margin-left:0 !important;}
.mobile .order-table .td-input{padding:5px 0; width:99% !important;}
.mobile .order-radio label{display:block;}
.mobile .order-td{width:auto; padding:15px 0;}
.mobile .order-td1{float:left; width:120px;}
.mobile .order-td1 img{border:1px solid #ddd; width:100px; height:100px;}
.mobile .order-tdn{display:none;}
.mobile .order-mobile{display:block; margin-left:120px;}
.mobile .order-mobile p.cart-p-t{height:30px; margin-bottom:5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;    padding: 0px 15px;}
.mobile .order-mobile p{margin-bottom:0px;}

.mobile .cart-box{width:auto; padding:12px;}
.mobile .cart-box h1 span{display:none;}
.mobile .cart-th{width:auto;}
.mobile .cart-th2{width:auto;}
.mobile .cart-th1{display:none;}
.mobile .cart-th3{display:none;}
.mobile .cart-th4{display:none;}
.mobile .cart-th5{display:none;}

.mobile .cart-td{width:auto;}
.mobile .cart-td1{width:36px; height:100px; background:url(../images/del.jpg) no-repeat center -110px; background-size:30px auto;}
.mobile .cart-tdn{width:auto; float:none; margin-left:112px}
.mobile .cart-p-t{height:24px; padding:0; float:none;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.mobile .cart-p-c{padding:0 20px;}
.mobile .cart-td2{width:80px; height:80px; text-indent:5px;}
.mobile .cart-td2 img{width:60px; height:60px;}
.mobile .cart-td3{float:none; padding-left:0; width:auto;}
.mobile .cart-td4{float:none; padding-left:0;}
.mobile .cart-td5{float:none; padding-left:0;}
.mobile .cart-td6{float:none; padding-left:0;}
.mobile .cart-bottom{width:auto; padding:0; padding-bottom:60px; background-color:#fff; line-height:32px; height:auto;}
.mobile .cart-bottom .cart-span{width:100%; display:block; text-align:right; margin-right:0;}
.mobile .cart-parice{background-color:#eee;  padding:12px;}
.mobile .cart-empty{left:0; bottom:0;top:auto; line-height:45px; border:2px solid #eee;}
.mobile .cart-check{right:0; bottom:0; top:auto;line-height:51px; width:200px;}
.mobile .unit-price{display:inline;}

.mobile .section-login{padding:0;}
.mobile .login-box{width:auto;}
.mobile .login-left{display:none;}
.mobile .login-right{width:auto; padding-top:0; margin:12px; float:none;}
.mobile .login-top{padding:20px;}
.mobile .login-top input{width:100%; padding:5px 0;}

.mobile .member-box{width:auto; padding:0;}
.mobile .member-box .member-left{float:none; width:auto; padding:12px;}
.mobile .member-box .member-right{float:none; width:auto; padding:12px;}
.mobile .member-box .member-content{padding:12px; word-break: break-all;}
.mobile .member-box .member-td-l{width:36%;}
.mobile .member-box .member-center{padding:0;}
.mobile .member-box .member-left-title{width:100%;}
.mobile .member-box .member-left-link{width:100%;}

.mobile .top-banner2{display:none;}
.mobile .reg-box{width:auto; padding:12px;}
.mobile .reg-table{padding:0;}
.mobile .reg-table span.td-gray{width:100%; padding:10px 0; display:block;}
.mobile .reg-table span.td-rol{margin-left:0;}
.mobile .reg-table .td-input{width:100% !important; padding:5px 0;}
.mobile .reg-tips{padding:0;}
.mobile .reg-title{margin-top:10px;}

.mobile .product-dl dt{width:60px; float:left;}
.mobile .product-dl dt img{width:50px; height:50px; padding:4px; border:1px solid #ddd;}
.mobile .product-dl dd{margin-left:70px;}
.mobile .product-dl dd.product-name{font-weight:600; height:24px; line-height:24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.mobile .product-dl dd.product-price{height:20px; line-height:20px; color:#f4a6ce;}




/*app index.html*/
.mobile body{
    height:100%;
}

.mobile .main-content{
    margin-top:60px;
    text-align:center;
    margin-bottom:100px;
}
.mobile .main-content .content{
    width:100%;
}
.mobile .main-content .content .content-phoneImg{
    display: none;
    margin:0;
}
.mobile .content-down{
    margin-top:0;
    width:100%;
}
.mobile .content-down h1{
    font-size:24px;
    text-align:center;
}
.mobile .content-down p{
    font-size:20px;
    text-align: center;
}
.mobile .content-down .downImg{
    display: flex;
    flex-direction: column;
    align-items:center;
}

.mobile .content .content-down .downImg .codeImg{
    width:120px;
    height:120px;
}
.mobile .content .content-down .codeImg{
    margin-bottom:30px;
    margin-right:0;
}

.mobile .content .content-down .codeImg img{
    width:120px;
    height:120px;
}
.mobile .content .content-down .downImg .downImgBtn img{
    width:180px;
}
.mobile .downloadpage{
    margin-top:30px;
    position:relative;
}
.mobile .footer-i{
    width:100%;font-size: 12px;
}