@media only screen and (min-width: 641px){
    .used-list:hover .qr-box {
        opacity: 1;
    }
    .used-list:hover .used-down{
        top: 0;
    }
}
@media only screen and (max-width: 375px) {
    .mobile-feature {
		width: 70%;
		margin: 15px auto 0;
	}	
}

@media  screen and (min-width: 376px) and (max-width: 414px) {
	.mobile-feature {
		width: 63% ;
		margin: 15px auto 0;
	}
}

@media only screen and (max-width: 840px) {
	.effect h1,.addUs h1,.firm h1,.proficient h1{
		font-size:26px;
	}
	.effect p,.addUs p,.firm p,.proficient p{
		margin-top: 15px;
		font-size:12px;
	}

	.bigShot-item:hover {
		box-shadow: none;
	}
	.media-box .media-content:hover {
		box-shadow: none;
	}
	.pc-mask {
		cursor: pointer;
	}
	.intromask-box {
		cursor: pointer;
	}
	.u-more {
		margin-top: 14px;
	}
	.container{width:100%;margin:0;padding:0;}
	/*首页*/
    body {
        min-width: 0;
    }
    .mobile-padding-b40 {
        padding-bottom: 40px;
    }
    .padding-t0 {
        padding-top: 0 !important;
	}
	/* .bigShot .mescroll {
		position: absolute;
		top: 0;
		bottom: 0;
		height: auto; 
		left: 0;
	} */
	.header{
		display: none;
	}
	.nav .logo .logo-icon {
		height: 28px;
	}
	.home,
	.fp,
	.cooperate,
	.case,
	.brief,
	.wap-media,
	.endor {
		display: block;
		width: 100%; 
		height: 250px;
		background-position: 50% 50%; 
		background-repeat: no-repeat; 
		background-size: auto 100%;
	}
	.home,
	.fp,
	.cooperate,
	.brief,
	.wap-media{
		background-image: url(banner/wap_banner_1.jpg); 
	}

	.wap-media,.media-mobile {
		height: 0;
		width: 100%;
		/*margin-top: 50px;*/
	}
	.wap-media{
		padding-top: 45.3333%;
	}
	.media-bar .pagination{
		display: none;
	}
	.media .media-box {
		padding-top: 15px;
	}
	.fp {		
		/* background: url(banner/wap_banner_2.jpg) center;	 */
        /* margin-top: 50px; */
        background-size: cover;
	}
	.bigShot-list {
		padding-bottom: 10px;
	}
	.bigShot-list .bigShot-item {
		width: 100%;
		height: 160px;
		margin-left: 0;
		margin-right: 0;
		padding: 30px 20px 0 15px;
		position: relative;
	}
	.bigShot-list .bigShot-item:after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		height: 1px;
		top: 114px;
		background: #F5F6F7;
	}
	.bigShot-list .link-media-box {
		padding-top: 10px;
	}
	.bigShot-item .bigShot-img {
		width: 60px;
		height: 60px;
		margin-right: 15px;
	}
	.bigShot-item .bigShot-img img {
		width: 100%;
		height: 100%;
	}
	.bigShot-content {
		width: calc(100% - 60px - 15px);
	}
	.bigShot-content .bigShot-name {
		font-size: 16px;
		margin-top: 1px;
		margin-bottom: 10px;
		line-height: 1;
	}
	.bigShot-content .bigShot-name span {
		font-size: 16px;
	}
	.bigShot-content .bigShot-desc {
		font-size: 12px;
		color: #666;
		height: 48px;
	}
	.bigShot-item .playBigShot {
		left: 0;
		right: 0;
		bottom: 16px;
		margin: auto;
		width: 74px;
		font-size: 12px;
	}
	.bigShot-item  .playBigShot:before {
		width: 12px;
		height: 12px;
		background: url(icon/mobile_icon_play.png);
		background-size: cover;
		left: -15px;
	}
	
	.bigShot-content .bigShot-name em {
		font-size: 10px;
	}
	.endor {
		background-position: center;
        /* margin-top: 50px; */
        background-size: cover;
	}
	.endor .banner-content {		
		padding-top: 0;
	}
	/* .bigShot .banner-content.toggle {
		line-height: 250px;
	} */
	.bigShot .banner-content.toggle {
		top: 5vh;
	}
	.bigShot .banner-content.toggle .banner-title {
		font-size: 26px;
	}
	.cooperate {
		/* background: url(banner/wap_banner_4.jpg) center; */
        /* margin-top: 50px; */
        background-size: cover;
	}
	.case{
		background: url(banner/wap_banner_3.jpg) center;
        /* margin-top: 50px; */
        background-size: cover;
	}
	.brief{
		background-position: center;
        /* margin-top: 50px; */
        background-size: cover;
	}
	.mobile-header{
		height: 50px;
	}
	.mobile-header .top-header {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		padding: 11px 20px;
		background-color: #fff;
        box-shadow: 2px 0px 6px 0px rgba(0,0,0,0.1);
        z-index: 9999;
        box-sizing:border-box;
        height: 50px;
	}
	.mobile-header .logo {
		margin-top: 0;
		padding-top: 0;
	}
	.mobile-header .logo img{
		width: 92px;
        height: auto;
	}
	.register-login {
		padding-top: 0px;
		text-align:center;
	}
	header .nav {
		width: 100%;
		height: 28px;
	}
	.nav .register-login .register, .nav .register-login .login{
		height: 28px;
		line-height: 28px;
		text-align: center;
		border: 1px solid #fff;
		font-size: 12px;
		margin-right: 10px;
		color: #fff;
	}	
    .nav .register-login .login {
		border: 1px solid #ccc;
        border-radius: 2px;
		width: 60px;
	}
    .nav .register-login .register {
        background: #0091FF;
        border-radius: 2px;
        border: 1px solid #0091FF;
		width: 80px;
    }
    .nav .register-login .login a {
        color: #666;
	}
    .nav .register-login .register a {
        color: #ffffff;
    }
	.register-login .register {
		background-color: #fff;
		color: #323232;
	}
	.register-login .register a {
		color: #323232;
	}
	.nav .cate {
		margin-top: 3px;
		margin-left: 5px;
	}
	.nav .cate img {
		width: 21px;
		height: 22px;
	}
	.sj-container .nav-r {
		width: 100%;
	}
	.sj-container {
        height: 100%;
	}
    .top-header-toggle {
        height: 100%;
    }
	.nav-li {
		width: 100%;
		position: fixed;
		top: 50px;
		left: 0;
		background-color: #fff;
		z-index: 9999;
        box-shadow:  2px 0px 6px 0px rgba(0,0,0,0.1);
	}
	.nav-r li{
		width: 100%;
		height: auto;
		text-align: center;
	}
    .nav-r li a {
		color: #333;
	}
	.nav-r li a{
		display: inline-block;
		width: 100%;
		height: 100%;
		padding: 10px 0;		
	}
	.nav-r li a:hover,.nav-r li a:active{background-color: #e5e5e5;}
	.nav-r .home_li,
	.nav-r .fp_li,
	.nav-r .case_li,
	.nav-r .join_li,
	.nav-r .endorsements_li,
	.nav-r .intro_li{
		background-color: #e5e5e5;
	}
	.cases .banner-content {
        margin-top: 20px;
    }
	.banner-content {		
		padding-top: 48px;
		margin-top: 49px;
	}
	.home-banner-content {
		padding-top: 7px;
	}
    /* 手机头部 */
    .mobile-banner {
        height: 290px;
        /* margin-top: 50px; */
        position: relative;
    }
	.home {
		height: 290px;
	}
    .mobile-banner1 {
        background: url('banner/wap_banner_1.1.jpg') center;
        background-size: cover;
    }
    .mobile-banner1 .banner-title {
        margin: 0 auto;
        font-size: 24px;
    }
    .mobile-banner2 {
        background: url('banner/wap_banner_1.2.jpg') center;
        background-size: cover;
    }
    .mobile-banner3 {
        background: url('banner/wap_banner_1.3.jpg') center;
        background-size: cover;
    }
    .mobile-banner .pages {
        width: 45px;
        height: 20px;
        line-height: 20px;
        background: rgba(0, 0, 0, 0.2);
        border-radius: 20px;
        text-align: center;
        color: #fff;
        position: absolute;
        bottom: 46px;
        right: 15px;
        z-index: 999;
    }
    .mobile-banner .swiper-container {
        width: 100%;
        height: 100%;
    }
    .mobile-banner .swiper-slide {
        width: 100%;
    }
	/* 手机index页面,banner按钮 */
	.mobile-open-store,
	.mobile-understand {
        width: 50%;
		line-height: 36px;
		text-align: center;
		margin: 0 auto;
        position: absolute;
        bottom: 0;
        z-index: 999;
	}
	.mobile-open-store {
		background: #0091FF;
		margin-top: 31px;
        right: 0;
	}
    .mobile-open-store a {
        color: #fff;
        display: inline-block;
        width: 100%;
        height: 100%;
    }
	.mobile-understand {
		background: rgba(255, 255, 255, 0.9);
		margin-top: 10px;
        left: 0;
	}
    .mobile-understand a {
        display: inline-block;
        width: 100%;
        height: 100%;
	}
	.mobile-understand img {
		height: 10px;
		margin-right: 5px;
	}
	.mobile-understand a{
		color: #0091FF;
	}
	.banner-title,.toggle .banner-title {
		font-size: 26px;
	}
	.cases .toggle .banner-title {
		margin-top: 0;
	}
	.banner-feature {
		font-size: 12px;
		margin-top: 15px;
	}
	.free-trial {
		width: 120px;
		height: 32px;
		text-align: center;
		line-height: 32px;
		background-color: #006cff;
		color: #fff;
		border-radius: 2px;
		margin-top: 45px;
	}
	.function-container {
		padding-top: 43px;
		padding-bottom: 40px;
		text-align: center;
	}
	.function-title {
		font-size: 17px;
		color: #323232;
		margin-bottom: 20px;
	}
	.function-content {
		color: #666;
		font-size: 12px;
		margin-top: 0;
        line-height: 22px !important;
	}
	.f-c {
		padding: 0 20px;
		line-height: 26px;
		
	}
	.intro-fc {
		text-align: left;
	}
	.function-freeTrial {
		width: 88px;
		height: 32px;
		line-height: 32px;
		color: #fff;
		text-align: center;
		background-color: #2380ff;
		margin: 20px auto 0;
		border-radius: 2px;
		font-size: 12px;
	}
	/*用户商户讲师数量*/
	.resource {
		padding: 40px 0;
	}
	.resource-title {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.user-business {
		font-size: 10px;
		color: #333;
		padding: 0 20px;
        display: flex;
	}
	.user-business>div{		
		padding: 0;
		margin: 0;
	}
	.user-business>div>div {
		font-size: 12px;
	}
	.user-business>.quality-user {
		/*padding: 0 5%;*/
		/*width: auto;*/
		margin:0;
		margin-left: 24px;
		width:inherit;
        flex: 1;
	}
	.user-business .teacher {
        /*width: auto;*/
        /*flex: 1;*/
		width:initial;
		margin-right: 12px;
	}
	.user-business .active-user {
		/*width: auto;*/
		width: initial;
	}
	.user-business span:first-of-type {
		font-size: 32px;
		line-height: 32px;
		vertical-align: top;
	}
	.user-business .wan {
		vertical-align: top;
		font-size: 27px;
		line-height: 32px;
		color: #208dfc;
	}
    .user-business .wan:after, #teacher-num:after {
        font-size: 15px;
        right: -12px;
        padding-top: 8px;
    }
	.user-business .jia {
		color: #208dfc;
		font-size: 15px;
	}
	/*知识变现*/
	.knowledge-realize {
		padding: 42px 0;
	}
	.knowledge-realize-title {
		font-size: 18px;
		color: #323232;
		margin-bottom: 20px;
	}
	.knowledge-realize .knowledge-service{
		border-bottom: none;
	}
	.knowledge-realize .knowledge-service>div>.img {
		height: 51px;
	}
	.knowledge-realize .knowledge-service>div {
		width: 33.33%;
		padding: 5px 0 12px;
	}
	.knowledge-realize .knowledge-service>div>div>img {
		width: 50px;
		height: auto;
	}
	.knowledge-realize .knowledge-service>div>div{
		font-size: 12px;
		color: #323232;
		margin-top: 12px;
	}
	.knowledge-realize .knowledge-realize-point {
		display: none;
		padding: 0 20px;
	}
	.knowledge-realize .knowledge-realize-point>div{
		width: 50%;
		font-size: 10px;
		color: #323232;
		margin-top: 27px;
	}
	.knowledge-realize .knowledge-realize-point .last{
		margin-top: 10px;
	}
	/*全模块展示*/
	.sj-knowledgePay {
		width: 100%;		
		display: block;
		padding-top: 40px;
		padding-bottom: 57px;
	}
	.sj-knowledgePay .title{
		width: 100%;
		font-size: 18px;
		color: #323232;
		text-align: center;
		margin-bottom: 6px;
	}
	.sj-knowledgePay .pay-content {
		padding: 0 37px;
		height: 36px;
	}
	.sj-knowledgePay .pay-content .select {
		padding-bottom: 10px;
		margin: 0;
		overflow: auto;
		-webkit-overflow-scrolling: touch;	
	}
	.sj-knowledgePay .pay-content a.select-item {
		height: 36px;
		line-height: 36px;
		font-size: 14px;
		color: #333;
	}
	.sj-knowledge-pay .pay-content a {
		margin: 0 9px;
	}
	.sj-module-select .pay-content a {
		margin: 0 10px;
	}
	.sj-knowledgePay .pay-content a.select-active {
		color: #2380ff!important;
	}
	.sj-knowledgePay .pay-content a:link {
		color: #323232;
	}
	.sj-knowledgePay .pay-content-img {	
		margin: 10px 37px 10px;
		text-align: center;	
		color: #666;
		font-size: 12px;	
        position: relative;
	}
    .sj-knowledgePay .pay-content-img .enlarge {
        background: url('icon/enlarge.png') center no-repeat;
        background-size: cover;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 0;				
	}
	.sj-knowledgePay .pay-content-img .img {
		/* width: 300px; */
		height: 440px;
		padding-top: 25px;
		background:rgba(255,255,255,1);
		box-shadow:0px 0px 20px rgba(0,0,0,0.1);
	}
	.sj-knowledgePay .pay-content-img img{
		width: 240px;
		height: 360px;
		margin-bottom: 10px;
	}
	.sj-interaction .select-box>div, .sj-unique .select-box>div{		
		width: 25%;		
		text-align: center;
        display: inline-block;
	}
    .sj-marketing .select-box>div {
        float: none;
        display: inline-block;
        margin: 0 9px;
    }
    .sj-marketing .select-box>div:nth-child(1) {
        float: none;
        display: inline-block;
        margin-left: 0;
    }
	.sj-interaction .select-box>div {
		width: auto;
        padding: 0 5%;
        display: inline-block;
        float: none;
	}
	.sj-module-select .select-box>div {
		width: auto;
		padding: 0 4.2%;
	}
	.sj-interaction .select-box>div>a.select-item,.sj-marketing .select-box>div>a.select-item,.sj-module-select .select-box>div>a.select-item,.sj-unique .select-box>div>a.select-item {
		margin: 0;
	}
	.pay-content-img .img>div {
		width: 240px;
		margin: 0 auto;
		color: #666;
		font-size: 12px;
		line-height: 1.4;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        height: 48px;
	}
	.module-display {
		display: none;
		padding: 40px 0;
	}
	.module-display-title {
		font-size: 17px;
		color: #323232;
	}
	.module-display .module .img{
		width: 100%;
		margin: 0 auto;
		text-align: center
	}
	.module-display .module .img img{
		width: 80%;
		height: 80%;
		margin-top: 25px;
	}
	.module-display .module-content {
		width: 100%;
		margin: 25px auto 0;

	}
	.module-display .module-content>div {
		position: relative;
		padding: 12px 20px 15px;
		margin-bottom: 0px;
		
	}
	.module-content .serial-number {
		position: absolute;
		width: 80px;
		height: 20px;
		top: 0;
		left: 0;
		bottom: 0;
		margin: auto;
		font-size: 20px;
		color: #ccc;
		margin-right: 0;
		padding-left: 20px;
		line-height: 20px;
	}
	.module-content .home-module {
		float: right;
		width: 80%;
		margin-left: 100px;
	}
	.module-content .home-module .module-title {
		margin-bottom: 10px;
		font-size: 14px;
	}
	.module-content .home-module .module-item {
		line-height: 20px;
		font-size: 12px;
	}
	/*功能与价格*/	
	header.top {
		display: none;
	}
	.function-price .function,.function-price .price {
		padding: 15px 0;
		font-size: 14px;
		position: relative;
	}
	.function-price .price {
		text-align: left;
	}
	.f-span,.p-span {
		border-bottom: 3px solid #208dfc;
	}
	.function-span {
		margin-right: 48px;
		padding: 15px 0;
		line-height: 24px;
	}
	.price-span {
		margin-left: 48px;
		padding: 15px 0;
		line-height: 24px;
	}
	.content-realize {
		padding-bottom: 40px;
	}
	.content-realize .title {
		font-size: 18px;
		padding-top: 40px;
		margin-bottom: 4px;
	}
	.content-realize .second-title {
		font-size: 12px;
		color: #999;
	}
	.content-realize .item-realize {
		padding: 0 20px;
	}
	.content-realize .item-realize>div {
		width: 25%;
		font-size: 12px;
		margin-top: 25px;
		color: #666;
	}
	.content-realize .item-realize>div>img{
		width: 48px;
		height: 48px;
		margin-bottom: 6px;
	}
    .img-box1,.img-box2 {
        width: 48px;
        height: 48px;
    }
    .img-box1 {
        margin-bottom: 8px;
    }
    .content-realize .item-realize>div img {
        width: 24px;
    }
	.own-shop {
		padding: 42px 0 32px;
		color: #fff;
		font-size: 17px;
	}
	.own-shop .btn {
		margin: 27px auto 0;
	}
	.own-shop .btn a{
		color: #208dfc;
		font-size: 12px;
	}
	.btn a:hover {
		background: none;
		border-radius: 0;
	}
	
	/*价格模块*/
	.edition {
		display: none;
	}
	.introduction .pagination .swiper-pagination-switch {
		height: 2px;
		width: 24px;
	}
	.sj-edition {
		display: block;
		padding: 0 0 25px;
	}
	.sj-price{
		padding: 30px 0 25px !important;
	}
	.vframe .swiper-img {
		width: 162.5px;
		height: 216.5px;
	}
	.hframe .swiper-list {
		width: 216.5px;
		padding-top: 27px;

	}
	.hframe .swiper-img {
		height: 162.5px;
		width: 216.5px;
	}
	.vframe .swiper-box {
		width: 162.5px;
		height: 42px;
	}
	.hframe .swiper-box {
		width: 216.5px;
		height: 42px;
	}
	.sj-edition .select-edition {
		white-space: nowrap;
		margin: 0 8px;
		overflow: hidden;
		font-size: 0;
		padding: 25px 0 20px;
	}
	.sj-edition .select-edition .select-edition-item {
		display: inline-block;
		padding: 0px 12px;
		margin: 0 4px;
		border-radius:14px;
		font-size: 12px;
		height: 28px;
		line-height: 28px;
	}
	.sj-edition .select-edition .select-edition-item.active {
		background-color: #0091FF;
		color: #fff;
	}
	.sj-edition .select-edition-content {
		background-color: #fff;
		margin: 0 15px;
		padding-bottom: 50px;
		box-shadow:0px 3px 5px 0px rgba(0, 0, 0, 0.05);
		border-radius:6px;
	}
	.sj-edition .select-edition-content .title {
		text-align: center;
	}
	.sj-edition .select-edition-content .title p {
		font-size: 20px;
		padding: 40px 0 5px;
		font-weight: bold;
	}
	/* .sj-edition .select-edition-content .title span {
		font-size: 12px;
		color: #666666;
		padding: 10px 0 10px;
	} */
	.sj-edition .select-edition-content>p {
		padding: 20px 0 30px;
		font-size: 44px;
		text-align: center;
	}
	.sj-edition .select-edition-content>p span {
		font-size: 12px;
	}
	.sj-edition .select-edition-content>p em {
		font-weight: normal;
		font-size: 12px;
	}
	.sj-edition .select-edition-content .fun-list-box {
		border-top: 1px solid #EBEBEB;
		border-bottom: 1px solid #EBEBEB;
		margin: 0 20px;
		padding-bottom: 50px;
	}
	.sj-edition .select-edition-content .fun-list {
		text-align: center;
	}
	/* .sj-edition .select-edition-content .fun-list .title {
		line-height: 62px;
		height: 62px;
		font-size: 14px;
		position: relative;
	} */
	.sj-edition .select-edition-content .fun-list .title {
		line-height: 40px;
		height: 40px;
		font-size: 14px;
		display: inline-block;
		position: relative;
	}
	.sj-edition .select-edition-content .fun-list:nth-child(1) .title {
		margin-top: 20px;
	}
	.sj-edition .select-edition-content .fun-list li {
		line-height: 30px;
		font-size: 14px;
	}
	.sj-edition .select-edition-content>a {
		display: block;
		width: 160px;
		height: 36px;
		line-height: 36px;
		text-align: center;
		margin: 0 auto;
		border-radius: 18px;
		font-size: 14px;
		color: #fff;
		margin-top: 40px;
	}
	.theme1.select-edition-content>a {
		background: #5090FC !important;
	}
	.theme1.select-edition-content .fun-list .title:before {
		content: '';
		position: absolute;
		background: #5090FC;
		width: 4px;
		height: 4px;
		top: 0;
		bottom: 0;
		border-radius: 50%;
		left: -12px;
		margin: auto;
	}
	.theme2.select-edition-content>a {
		background: #2BBB9D !important;
	}
	.theme2.select-edition-content .fun-list .title:before {
		content: '';
		position: absolute;
		background: #2BBB9D;
		width: 4px;
		height: 4px;
		top: 0;
		bottom: 0;
		border-radius: 50%;
		left: -12px;
		margin: auto;
	}
	.theme3.select-edition-content>a {
		background: #F8A255 !important;
	}
	.theme3.select-edition-content .fun-list .title:before {
		content: '';
		position: absolute;
		background: #F8A255;
		width: 4px;
		height: 4px;
		top: 0;
		bottom: 0;
		border-radius: 50%;
		left: -12px;
		margin: auto;
	}
	.theme4.select-edition-content>a {
		background: #F26D6D !important;
	}
	.theme4.select-edition-content .fun-list .title:before {
		content: '';
		position: absolute;
		background: #F26D6D;
		width: 4px;
		height: 4px;
		top: 0;
		bottom: 0;
		border-radius: 50%;
		left: -12px;
		margin: auto;
	}
	.theme5.select-edition-content>a {
		background: #4D61AD !important;
	}
	.theme5.select-edition-content .fun-list .title:before {
		content: '';
		position: absolute;
		background: #4D61AD;
		width: 4px;
		height: 4px;
		top: 0;
		bottom: 0;
		border-radius: 50%;
		left: -12px;
		margin: auto;
	}


	.sj-edition .edition-content {
		padding: 20px 0;
		font-size: 12px;
		text-align: center;
	}
	.sj-edition .title {
		font-size: 17px;
		color: #323232;
	}
	.editPrice {
		color: #208dfc;
		font-size: 40px;
		margin-right: 0px;
		margin-top: 12px;
		position: static;
	}
	.have{
		position: static;
	}
	.have>div{
		margin-bottom: 10px;
	}
	.have>div>img{
		width: 14px;
		height: 10px;
	}
	.editPrice span {
		font-size: 12px;
	}
	.r-title {
		color: #999;
	}
	.sj-edition .order{
		width: 88px;
		margin: 0 auto;
		height: 32px;
		border-radius: 2px;
		background-color: #208dfc;
		text-align: center;
		line-height: 32px;
		font-size: 14px;
	}
    .sj-edition .order a {
        color: #fff;
    }
	.product-detail .title {
		font-size: 14px;
		color: #323232;
		padding: 26px 0 21px;
		border-bottom: 1px solid #e6e6e6;
	}
	.product-detail .detail {	
		margin: 0;
		padding: 0 20px 20px;		
	}
	.product-detail .detail>div{
		width: 100%;
		position: relative;
		height: auto;
		padding-left: 0px;
		border-bottom: 1px solid #e6e6e6;
		color: #333;
	}
	.product-detail .detail>div>div{
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		margin: auto;
		width: 80px;
		height: 20px;		
		margin-right: 0px;
		font-size: 14px;
		line-height: 20px;
	}
	.product-detail .detail>div>p{
		width: 75%;
		margin-left: 100px;
		padding: 20px 0;
		font-size: 12px;
	}
	.inner-box {
		width: 100%;
	}
	.mobile-show {
		display: block !important;
	}
	.mobile-hide {
		display: none !important;
	}
	.media-box .media-content {
		margin: 0;
		padding: 20px 0 14px 0;
		width: 100%;
		height: 90px;
		box-sizing: content-box;
		position: relative;
	}
	.media-box .media-content:not(:last-of-type):after {
		content: '';
		position: absolute;
		height: 1px;
		background: #E6E6E6;
		left: 130px;
		right: 0;
		bottom: -6px;
	}
	
	.media-box .media-content .media-img {
		width: 120px;
		height: 90px;
		margin-right: 10px;
	}
	.media-content .media-inner {
		width: calc(100% - 120px - 10px);
	}
	.media-content .media-inner .media-name {
		font-size: 14px;
		margin: 0;
		margin-bottom: 8px;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
		line-height: 1.2;
		display: block;
	}
	.media-content .media-inner .media-desc {
		line-height: 18px;
	}
	.media-content .media-inner .media-link {
		bottom: 14px;
		color: #333;
		height: auto;
	}
	.media-inner .media-link img {
		height: 20px;
    	vertical-align: bottom;
	}
	.media-inner .media-link em {
		/*line-height: initial;*/
		line-height: 20px;
	}
	.link-media-box .link-media {
		font-size: 12px;
		position: relative;
	}
	.link-media-box {
		color: rgba(32, 141, 252, 1);
	}
	.link-media-box .link-media .more-media-icon {
		width: 12px;
		height: 12px;
		background-size: cover;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		right: -19px;
	}
	.link-media-box .link-media .more-media-icon {
		display: none;
	}
	.mobile-media {
		padding-bottom: 40px;
	}
	.mobile-media .inner-box {
		padding: 0 20px 0 14px;
	}
	.media-box .media-content {
		background: transparent;
	}
	.grid1-1 {
		width: 100% !important;
		float: left;
	}
	.grid2-1 {
		width: 50%;
		float: left;
	}
	.grid3-1 {
		width: 33.3333%;
		float: left;
	}
	.used {
		padding-bottom: 40px;
        background: #f5f6f7;
	}
	.used .grid2-1 {
		width: calc(50% - 5px);
	}
	.used .more {
		margin-top: 10px;
	}
	.cooperation {
		height: auto;
		padding-bottom: 30px;
	}
	.cooperation.dynamic {
		height: auto;
		padding-bottom: 30px;
		background: #fff;
	}
    .wraper {
        min-width: 0;
    }
    .usqrcode {
        position: absolute;
        right: 10px;
        top: 1px;
    }
	.wraper-title h1{
		font-size:18px;
		line-height:24px;
		padding-top: 40px;
	}
    .wraper-title h2{
		font-size:18px;
		line-height:24px;
		padding-top: 40px;
	}
	.wraper-title {
		margin-bottom: 20px;
	}
    .wraper .en-title,
    .wraper .ch-title {
        font-size:12px;
        color:#999;
        line-height:18px;
        text-align: center;
        padding-top: 4px; 
    }
    .wraper .en-title {
        letter-spacing: 2px;
    }
	.support-list {
		margin-bottom: 10px;
        text-align: center;
	}
    .support-list img {
        width: auto;
	}
	.support-list img {
		display: inline-block;
		width: calc(100% - 30px);
	}
	.bottom-bar {
		height: 160px;
        background: url(wap_img_bottom.png) center;
        background-size: cover;
	}
	.bottom-bar .inner-box .btn {
		position: absolute;
		right: 130px;
		bottom: 34px;
	}
	.bar-msg {
		padding-top: 32px;
	}
	.bar-msg .title {
		float: right;
		height: 18px;
		font-size: 18px;
		line-height: 24px;
		text-align: left;
		width: 200px;
		margin-right: -4px;
	}
	.bar-msg+.btn .free{
		border-radius: 0;
	}
	.bar-msg .msg {
		float: right;
		height: 10px;
		font-size: 10px !important;
		line-height: 20px;
		 margin-top: 6px;
		/*margin-top: 0px;*/
		margin-bottom: 34px;
		text-align: left;
		width: 200px;
		margin-right: -4px;
	}
	.used-list {
		margin: 0 0 10px 0;
		height: 180px;
	}
	.used-list:hover {
		box-shadow: none;
	}
	.used-item .top-img {
		height: 60px;
    	padding: 20px 0 0 0;
	}
    .used-down {
        top: 80px;
        padding-top: 15px;
    }
	.used-item .img-title {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.used-item .case-title{
		height:27px !important;
	}
	.used-item .img-title+p {
		padding: 0 10px;
		margin-bottom: 10px;
		line-height: 1.4;
		font-size: 12px;
		height: 32px;
        color: #666;
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.used-item .scavenging {
		margin-top: 4px;
	}
    .used-list {
        border-radius: 0;
    }
	.used-list:nth-child(4n+1) {
		margin: 0;
	}
	.used-list:nth-child(2n+1) {
		margin-right: 5px;
	}
	.used-list:nth-child(2n) {
		margin-left: 5px;
	}
	.btn {
		width: 88px;
		height: 32px;
        border-radius: 2px;
	}
	.btn a {
		font-size: 12px;
		line-height: 32px;
	}
	.bottom-bar .free {
		line-height: 32px;
	}
	.bottom-bar .inner-box {
		height: 160px;
	}
    .bottom-bar .inner-box .bar-msg{
		position: static;
    }
	.about {
		height:auto;
		padding-bottom: 0;
	}
	.about>.inner-box {
		padding-top: 30px;
        width: auto;
	}
	.inner-box {
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	.about .inner-box h4 {
        font-weight: normal;
		margin-bottom: 11px;
        font-size: 14px;
        opacity: 0.6;
	}
    .about-list li {
        opacity: 0.6;
    }
	.about .about-list li {
		padding-bottom: 8px;
        font-size: 12px;
	}
    .mobile-hide-scroll {
        height: 56px;
        overflow: hidden;
    }
	.about-list a {
		font-size: 12px;
		line-height: 8px;
	}
	.about .copyright {
		padding-top: 6px;
		padding-bottom: 20px;
	}
	.link {
		position: static;
        opacity: 1;
        margin-top: 10px;
	}
	.about .friend-link {
		padding: 0 20px;
	}
	.friend-link p {
		line-height: 18px;
		margin-top: 12px;
	}
	.link-all {
		display: block;
	}
	.link>span {
		display: block;
	}
	.link span {
        opacity: 1;
	}
    .link a {
        margin-top: 4px;
		display: block;
	}
    .link img {
        margin-left: 0;
	}
	/* case.html media */
	.cases header.case-header{
		display: none;
	}
	.img-logo {
		width: 60px;
		height: 60px;
	}

	.index .mobile-more {
		border: none;
		background: transparent;
	}
    .cases .mobile-more {
        border: none;
        background: transparent;
    }
    .cases .mobile-more .mobile-look {
        position: relative;
        width: auto;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
    .cases .mobile-more .mobile-look img {
        width: 12px;
        vertical-align: bottom;
        margin-left: 4px;
    }
    .cases .mobile-more .mobile-look:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
	.cases .select {
		margin-bottom: 10px;
		padding: 0 0;
        width: 100%;
        padding-bottom: 10px;
        box-sizing: border-box;
        overflow: auto;
        -webkit-overflow-scrolling : touch;
        padding-bottom: 30px;
	}
    .select-box {
        white-space: nowrap;
        font-size: 0;
        text-align: center;
    }
    .cases .select-box .select-item  {
        float: none;
        display: inline-block;
        
    }
	.cases .select-item {
		width: 88px;
		height: 26px;
		line-height: 26px;
		border-radius: 9px;
		font-size: 14px;
		margin: 0 5px 13px;
	}
    
    .cases a.select-item:nth-child(1) {
        margin-left: 0;
    }
	.cases a.select-item {
		margin: 0 15px 0;
        width: auto;
        font-size: 14px;
        border-radius: 0;
        float: none;
        box-sizing: border-box;
        background: none;
        border-bottom: 2px solid transparent;
	}
    .cases a.select-active {
        color: rgba(32,141,252,1);
        border-bottom: 2px solid rgba(32,141,252,1);
	}
	.cases a.select-item:hover {
		background: none;
		color: rgba(32,141,252,1);
	}
	/* .mobile-feature{
		width: 70%;
		margin:15px auto 0;
	} */
	/* .mobile-swiper-box p{
		width: 70%;
		margin:15px auto 0;
		font-size:12px;
	} */
	.mobile-swiper-box h1{
		font-size:26px;
	}
	/* join.html */
	.join-us header.join-header{
		display: none;
	}
	.join-us .left-container img {
		width: 78px;
		height: auto;
	}
	.join-us .right-container .qrcode {
		width: 60px;
		height: auto;
	}
	.join-us .join-card {
		height: 134px;
		padding: 15px 15px 18px;
		margin-bottom: 20px;
        box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
        border: 0;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
	}
    .join-us .join-card .qrcode {
        width: 60px;
        height: auto;
    }
	.join-us .join-card:nth-child(2n+1) {
		margin-right: 0;
	}
	.join-us .join-card:nth-child(2n) {
		margin-left: 0;
	}
	.join-us .join-card .right-container {
		width: calc(100% - 78px);
		padding-left: 15px;
		box-sizing: border-box;
	}
	.join-us .en-title {
		padding: 0 20px;
	}
	.join-us .card-item {
		margin-left: 0;
		height:220px;
		margin-bottom: 20px;
        border-color: #f2f2f2;
	}
	.join-us .card-img {
		margin: 31px 0 20px;
		text-align: center;
	}
    .join-us .card-img img {
        height: 50px;
        width: auto;
    }
	.join-us .card-title {
		font-size: 16px;
		padding: 0 16px 13px;
		text-align: center;
	}
	.join-us .card-msg {
        font-size: 12px;
		padding: 0 16px;
		line-height: 20px;
	}
	.join-us .person {
		height: calc(99px - 38px);
	}
	.join-us .person-msg p {
		font-size:16px;
        margin-bottom: 0;
	}
	.join-us .person-msg i {
        font-size: 12px;
		height:auto;
        width: 130px;
        display: inline-block;
	}
    .join-us .phone p {
        font-size: 12px;
        margin-bottom: 0;
    }
	.join-us .right-container .person-phone p {
		font-size:16px;
	}
	.join-banner{
		height: 250px;
	}
	.join-banner .swiper-wrapper{
		height: 100%;
	}
	.join-banner .swiper-slide{
		height: 100%;
	}
	.mobile-banner-height{
        height: 250px !important;
	}
	.collaborate{
		top: 15%;
	}
	/* introduction.html */
	.introduction header.introduce-header{
		display: none;
	}
	.introduction .swiper-container {
		width: 100%;
		height: auto;
		max-height: 298.5px;
	} 
	.introduction .swiper-pagination-bullet {
		width: 30px;
		height: 5px;
	}
	.introduction .pagination {
		bottom: 3px;
	}
	/* .introduction .swiper-slide {
		transform: scale(0.8);
		transition: all 0.67s;
	} */
	.introduction .swiper-slide-active {
		transform: scale(1);
	}
	.introduction .swiper-list {
		
		/* margin-top: 5px; */
		/* margin-left: 5px; */
		margin: 0 10px;
	}
    /* .introduction .swiper-box {
        width: calc(100% - 118px);
        overflow: hidden;
        height: 100%;
    } */
    .introduction .swiper-box {
		box-shadow:0px 0px 5px rgba(0,0,0,0.1);
		line-height: 42px;
    }
	.introduction .swiper-content {
		width: calc(100% + 6px);
		color: RGBA(50, 50, 50, 1);
		height: calc(100% - 20px);
        box-sizing: border-box;
        margin: 10px 0;
		overflow: auto;
        -webkit-overflow-scrolling: touch;
	}
	.introduction .swiper-title {
		margin: 0 10px 7px 0;
		font-size:14px;
	}
	.introduction .swiper-text {
		line-height: 22px;
		margin: 0 10px 26px 0;
		font-size: 12px;
	}
	.introduction .swiper-img {
		/* margin: 0 19px; */
		padding: 15px;
	}
    .cooperation .swiper-container {
        height: 34px;
	}
	.mobile-cooper {
		background: #fff;
	}
    .advertisement-container {
        padding-bottom: 20px;
    }
    .advertisement-pagination {
        text-align: center;
    }
	/* .introduction .img-box {
		height: 130px;
		display: table-cell;
		vertical-align: middle;
		margin: 0 19px;
	} */
	/* .introduction .img-box img {
		width: 80px;
		height: auto;
	} */
    .introduction .btn .free {
        background: #eff1f3;
    }
	.introduction #map-content0,
    .introduction #map-content1,
    .introduction #map-content2,
    .introduction #map-content3,
    .introduction #map-content4 {
		width: 100%;
		height: 135px;
		margin-right: 0;
	}
	.introduction #map-content4 iframe{	width: 100%;
		height: 135px;}
    .introduction .map-choise {
        height: 42px;
        /* padding-bottom: 21px; */
        box-sizing: border-box;
        overflow: hidden;
    }
    .introduction .map-choise-list {
        width: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        padding-bottom: 10px;
    }
	.introduction .map-item {
		width: auto;
		height: 32px;
		line-height: 32px;
		border-radius: 0;
        border: 0;
        display: inline-block;
		font-size: 14px;
		margin: 0 18px;
		margin-bottom: 10px;
        background: transparent;
	}
    .introduction .map-item:nth-child(1){
        margin-left: 0;
    }
    .introduction .cur {
        background: transparent;
        color: rgba(32,141,252,1);
        border-bottom: 2px solid rgba(32,141,252,1);
    }
	.introduction .map-msg {
		margin-top: 4px;
		width: 100%;
		margin-left: 0;
	}
	.introduction .map-title {
		font-size: 16px;
        margin: 14px 0 12px;
	}
	.introduction .map-msg p {
		line-height: 24px;
		font-size: 12px;
	}
	.introduction .qr-code img {
		width: 60px;
	}
    .swiper-pagination-switch {
        width: 30px;
        height: 2px;
	}
	/* 创客匠人动态 */
	.dynamic-content {
		padding: 0 20px;
	}
	.mobile-dynamic {
		padding: 0 0 34px;
	}
    .dynamic-content-item a {
        float: left;
        width: calc(100% - 50px);
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .dynamic-content-item span {
        float: right;
        color: #999;
        font-size: 12px;
    }
	.dynamic-content p {
		line-height: 28px;
		color: #666;
        text-indent: 1em;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative;
	}
    .dynamic-content p:before {
        content: '';
        width: 0;
        height: 0;
        border: 1px solid #666;
        border-width:4px 0 4px 4px;
        border-style:solid;
        border-color:transparent transparent transparent #666;/*透明 透明 透明 灰*/
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 0;
    } 
    
	.mobile-dynamic .load-more {
		margin-top: 14px;
		display: block;
		width: 48px;
		height: 12px;
		font-size: 12px;
		margin: 0 auto;
		margin-top: 14px;
		color: #208dfc;
	}
	.u-more a {
		color: #208dfc;
	}
    .load-more.hide {
        display: none;
    }
	/* 大咖代言 */
	/* .mobile-endorsement {
		background: #f5f6f7;
	} */
	.mobile-endorsement {
		padding-bottom: 40px;
	}
	.represent{
		padding-top: 97px !important;
	}
	.mobile-endorsement .swiper-pagination-switch {
		background: rgba(229, 229, 229, 0.5);
		opacity: 1;
	}
	.mobile-endorsement .swiper-active-switch {
		background: rgba(153, 153, 153, 0.6);
	}
	
    .mobile-endorsement-container {
        height: 248px;
        width: calc(100% - 40px);
        margin: 0 auto; 
        text-align: center;
        padding-bottom: 50px;
    }
    .mobile-endorsement-container .role {
        font-size: 16px;
        font-weight: normal;
        padding-top: 40px;
    }
    .mobile-endorsement-container .text {
        color: #999;
        font-size: 10px;
        margin-top: 4px;
        margin-bottom: 9px;
    }
    .mobile-endorsement-container .content {
        font-size: 12px;
        color: #666;
        line-height: 20px;
        padding: 0 26px;
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .mobile-endorsement-container .swiper-slide {
        position: relative;
        height: 248px;
    }
    .mobile-endorsement-container .swiper-inner {
        height: 200px;
        margin: 0 auto;
        margin-top: 44px;
        width: calc(100% - 6px);
        box-shadow: 2px 0px 6px 0px rgba(0,0,0,0.1);
    }
    .mobile-endorsement-container .video {
        width: 120px;
		height: 36px;
		line-height: 36px;
		border-radius: 2px;
        display: inline-block;
        border: 1px solid rgba(0, 145, 255, 0.5);
        color: #0091FF;
        font-size: 10px;
        position: absolute;
        bottom: 16px;
        left: 0;
        right: 0;
        margin: auto;
		box-sizing: border-box;
		padding-left: 10px;
	}
	.mobile-endorsement-container .video:before {
		content: '';
		position: absolute;
		background: url(icon/icon_play.png);
		width: 12px;
		height: 12px;
		background-size: cover;
		top: 0;
		bottom: 0;
		margin: auto;
		left: 10px;
    }
    .mobile-endorsement-container .role-img {
        width: 80px;
        height: 80px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        overflow: hidden;
        border-radius: 50%;
    }
    .mobile-endorsement-container .role-img img{
        width: 80px;
    }
    /* 新闻 */
    /* .mobile-news {
        margin: 50px 15px 95px;
    } */
    .mobile-news-history {
        margin: 22px 20px 70px;
        padding-top: 10px;
        border-top: 1px solid #f5f5f5;
    }
    .mobile-news-history h2 {
        font-size: 16px;
        color: #333;
    }
    .history-news {
        display: block;
        padding: 10px 0;
        position: relative;
        height: 80px;
    }
    .history-news:after {
        content: '';
        position: absolute;
        left: 130px;
        right: 0;
        height: 1px;
        bottom: -1px;
        background: #f5f5f5;
        width: calc(100% - 130px);
    }
    .history-news:nth-last-child(1):after {
        content: '';
        height: 0;
    }
    .news-img-msg {
        height: 80px;
    }
    .mobile-news-history .news-img {
        height: 80px;
        width: 120px;
    }
    .mobile-news-history .news-img img {
        height: 100%;
        width: 120px;
    }
    .mobile-news-history .news-img-msg {
        width: calc(100% - 130px);
    }
    .mobile-news-history .news-img-msg p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .mobile-news {
        /*margin: 50px 15px 10px;*/
        margin: 0px 15px 10px;
    }
    .news {
        background: #fff !important;
    }
    .news-types {
        border-bottom: 1px solid #F5F5F5;
		padding-top: 10px;
		width: 100%;
		height: 42px;
		overflow: hidden;
	}
	.news-types-content {
		width: 100%;
		height: 42px;
		overflow: auto;
		padding-bottom: 20px;
		white-space: nowrap;
	}
	.news-types-title {
		display: inline-block;
		width: 25%;
	}
    .news-types a {
        font-size: 16px;
		line-height: 42px;
		display: block;
		height: 42px;
		position: relative;
		padding: 0 6px;
        text-align: center;
        color: #333;
    }
    .news-types .current {
        color: #2380FF;
    }
    .news-types .current:after {
        content: '';
        position: absolute;
        width: 36px;
        height: 1px;
        background: #2380FF;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .news-types-item {
        padding-top: 5px;
        margin-bottom: 16px;
    }
    .news-types-item p a {
        float: left;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        width: calc(100% - 50px);
    }
    .news-types-item p .news-types-item-time {
        float: right;
        line-height: 20px;
    }
    .news-types-item p {
        border-bottom: 1px solid #f5f5f5;
        padding-bottom: 12px;
        position: relative;
        padding-top: 12px;
        text-indent: 1em;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .news-types-item-time {
        color: #999;
        font-size: 12px;
    }
    .news-types-item p:before {
        content: '';
        width: 0;
        height: 0;
        border: 1px solid #666;
        border-width:4px 0 4px 4px;
        border-style:solid;
        border-color:transparent transparent transparent #666;/*透明 透明 透明 灰*/
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 0;
    }
    /* .news-types-item p:before {
        content: '';
        width: 4px;
        height: 4px;
        border: 1px solid #666;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 0;
        border-radius: 50%;
    } */
    .news-types-item p a {
        color: #333;
        font-size: 14px;
        padding-bottom: 2px;
    }
    .news-more {
        text-align: center;
    }
    .news-more a {
        color: #0091FF;
    }
    .news-footer {
        position: fixed;
        bottom: 0;
        width: calc(100% - 15px);
        left: 0;
        right: 0;
        height: 60px;
        margin: auto;
        border-top: 1px solid #F5F5F5;
        background: #fff;
        z-index: 999;
    }
    .news-footer a {
        float: left;
        text-align: center;
        width: 50%;
        font-size: 14px;
        line-height: 54px;
        padding-bottom: 16px;
        color: #666;
    }
    .news-footer .current {
        color: #0091FF;
    }
    /* 新闻详情页 */
    .mobile-news-text {
        /*margin-top: 50px;*/
        padding: 0 20px;
    }
    /*.mobile-news-text h1 {*/
    .mobile-news-text h2 {
        padding: 28px 0 15px;
        font-size: 18px;
        color: #333;
        font-weight: normal;
        text-align: center;
    }
    .mobile-news-text>p {
        text-align: right;
        margin-bottom: 14px;
        padding-right: 5px;
    }
    .mobile-news-text>p i {
        font-size: 10px;
        color: #999;
    }
    .mobile-news-content {
        padding-right: 5px;
        overflow: auto;
    }
    .mobile-news-content p {
        line-height: 28px;
        text-indent: 2em;
        color: #666;
        text-align: justify;
    }
    .mobile-news-content img {
		max-width: 100%;
		display: block;
		height:auto !important;
	}
	.mobile-news-content iframe {
		display: block;
		height: 30vh;
		width: 100%;
		height: 30%;
	}
	.mobile-news-content video {
		display: block;
		height: 30vh;
		width: 100%!important;
		height: 30%;
	}
    .mobile-news-piece {
        margin: 0 20px;
        margin-top: 32px;
        padding-top: 14px;
        padding-bottom: 18px;
        line-height: 24px;
        border-top: 1px solid #F5F5F5;
    }
    .office-time {
        display: block;
        margin-top: 8px;
    }
    .mobile-news-piece a {
        display: block;
        margin-bottom: 4px;
    }
    .mobile-news-piece i {
        color: #666;
    }
    .mobile-news-piece span {
        color: #333;
    }
    .mobile-panorama-box {
        position: fixed;
        z-index: 999999;
        top: 70px;
        bottom: 30px;
        left: 30px;
        overflow: hidden;
        right: 30px;
        margin: auto;
    }
    .mobile-panorama-img {
        overflow: auto;
        height: 100%;
        -webkit-overflow-scrolling:touch;
        box-sizing: border-box;
    }
    .mobile-panorama-img img {
        width: 100%;
        box-sizing: border-box;
    }
    .mobile-mask {
        position: fixed;
        top: -50px;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.5);
        margin: auto;
        z-index: 99999;
    }
    .fn-about-text {
        padding: 0 10px;
        text-align: justify;
	}
	/* 9月1日代码 */
	.module-swiper {
		height: 500px;
	}
	.module-swiper .swiper-slide {
		width: 100%;
	}
	.media .header-banner {
		display: none;
	}
	.panorama-img {
		min-width: 320px !important;
		width:auto;
		max-width: 400px;
		min-height: 200px;
		height:auto;
		max-height: 800px;
		top: 40vh !important;
	}
	.panorama-img img{
		width:100%;
		height: 100%;
	}
	.rate,.banner-pd{
		padding-top:97px;
	}
}
/*Mobile (Landscape) Design for a width of 480px*/
/*@media only screen and (min-width: 480px) and (max-width: 767px) {*/
	/*.container{width:100%;margin:0;padding:0;}*/


/*}*/