@charset "utf-8";
/* CSS Document */
/*b2c 移动端*/


/*==============通用部分================*/
.mob_b2c .swiper-slide>h1{
	width: 100%;
    font-size: 2em;
	font-weight: normal;
    margin: .4em auto .2em;
    text-align: center;
	z-index:100;
}
.mob_b2c .swiper-slide>h2{
	width: 100%;
    font-size: 1.2em;
    margin: .4em auto;
    text-align: center;
	z-index:100;
}
.index_mobile .swiper-slide1>h2 , .mob_b2c .swiper-slide1>h2 {margin-top:0;}
.mob_b2c .swiper-slide>p{
	width: 94%;
    margin: 0 auto;
    font-size: .7em;
    text-align: center;
    line-height: 1.5;
	z-index:100;
}
.color-fff {color:#fff}
.color-red {color:#FF3033}
.color-green {
	color:#41A44B;
}
/*=====第一屏======*/

.mob_b2c .swiper-slide1 {
	height: 100%;
	background:url(../images/b2c/b2c_mob/ecjia_1_bg.png) no-repeat center; background-size: 101%;
}
.mob_b2c .swiper-slide1>h2 {
	font-size: 1.6em;
	font-weight: normal;
}
.mob_b2c .swiper-slide1 .img_mob{
	position: absolute;
    bottom: 0;
	width:50%;
    right: 40%;
	max-height:55%;
}
.mob_b2c .swiper-slide1 .img_mob img{
	max-height:100%;
}
.mob_b2c .swiper-slide1 .img_menu{
	position: absolute;
    bottom: 0;
    right: 0;
    max-width: 88%;
	max-height:65%;
}
.mob_b2c .swiper-slide1 .img_menu img{
	max-height:100%;
}
/* .mob_b2c .swiper-slide1 div.wrap div.img{
	width: 80%;
    margin: 0 auto;
    padding-top: 1em;
}
.mob_b2c .swiper-slide1 div.wrap .img2{
	position: absolute;
    top: 3.6em;
    left: 7em;
}
.mob_b2c .swiper-slide1 div.wrap .img2 img{
	width: 60%;
}
.mob_b2c .swiper-slide1 div.wrap div.pos1{
	position: absolute;
    width: 60%;
    left: 50%;
    margin-left: -30%;
    bottom: -1.25em;
}

.mob_b2c .swiper-slide1 div.wrap div.pos2{
	position: absolute;
    z-index: 1;
    right: 0;
    width: 40%;
    bottom: -1.25em;
}
.mob_b2c .swiper-slide1 div.wrap div.pos3{
	position: absolute;
    bottom: -1.25em;
    width: 26%;
    left: 10%;
}
.mob_b2c .swiper-slide1 div.wrap div.pos4{
	position: absolute;
    bottom: -1.25em;
    width: 20%;
    left: 0;
}
.mob_b2c .swiper-slide1 div.wrap div.pos5{
    position: absolute;
    bottom: -1.25em;
    width: 20%;
    right: 5%;
    z-index: 2;
} */
.download-ecjia-app{
	margin: 0.6em 0;
	text-align: center;
}

.download-ecjia-app a.ipad-bgc{
	background:#3e4747;
}
.download-ecjia-app a.btn-bgc{
	background:#79d502;
  z-index: 901;
  position: static;
}
.download-ecjia-app a{
	text-decoration: none;
    display: inline-block;
    margin: 0 auto;
    width: 8em;
    height: 2.4em;
    text-align: center;
    background: #42b8f1;
    margin-top: .5em;
    line-height: 2.4;
    color: #fff;
    border-radius: 8px;
}
/*=====第二屏======*/
.mob_b2c .swiper-slide218-2 {
	background:url(../images/b2c/b2c_mob/blackboard.png) no-repeat center center;
	background-size: cover;
	color:#fff;
}
.mob_b2c .swiper-slide218-2 .p1,.mob_b2c .swiper-slide218-2 .p2 {font-weight: bold;line-height:2;}
.mob_b2c .swiper-slide218-2 .p1 {padding-top:2rem; width: 80%;
    text-align: left;
    }
.mob_b2c .swiper-slide218-2 .p2 {    width: 40%;
    padding: 10% 10% 0 50%;
    text-align: justify;color:#F8F70F}
.mob_b2c .swiper-slide218-2 .img {position:absolute;left:-0.5rem;bottom:3rem;width:50%}


.mob_b2c .swiper-slide2 ul{
	padding-top: 1em;
	width: 90%;
	margin:0 auto;
}
.mob_b2c .swiper-slide2 ul li{
	float: left;
	width: 50%;
	height: 8em;
	text-align: center;
}
.mob_b2c .swiper-slide2 ul li img{
	width: 60%;
	margin:0 auto;
}
.mob_b2c .swiper-slide2 ul li p{
	font-size: .6em;
    padding-top: 1em;
    line-height: 1.5;
}
/*=====第三屏======*/

.mob_b2c .swiper-slide218-3 .img_mob {margin-top:1rem; height:65%;text-align: center;}
.mob_b2c .swiper-slide218-3 .img_mob img {height:100%;}
/* .mob_b2c .swiper-slide3{
	background:url(../images/b2c/b2c_mob/ecjia3_01.png) no-repeat center center;
	background-size: cover;
}
.mob_b2c .swiper-slide3 h2,
.mob_b2c .swiper-slide3 p{
	color: #fff;
} */

/*=====第四屏======*/
.mob_b2c .swiper-slide218-4 {
	background-color:#7C29ED;
}
.mob_b2c .swiper-slide218-4 ul{
	padding: 10% 5% 0;
}

.mob_b2c .swiper-slide218-4 ul li{
    width: 44%;
    margin: 5% 3% 0;
    float: left;
    text-align: center;
}

/*=====第五屏======*/
.mob_b2c .swiper-slide218-5 {
	background:url(../images/b2c/b2c_mob/ecjia_5_bg.jpg) no-repeat center center;
	background-size: 100% 100%;
}
.mob_b2c .swiper-slide218-5 ul {padding: 0 5%;overflow:hidden;}
.mob_b2c .swiper-slide218-5 ul li{
	float:left;
	width:33.33%;
	padding: 1em 0;
	text-align:center;
}
.mob_b2c .swiper-slide218-5 ul li img{
	display:inline-block;
	width:65%;
}
.mob_b2c .swiper-slide218-5 li p{
	font-size: .6em;
    line-height: 1.5;
    color: #888;
    padding-top: .4em;
}
/*=====第六屏======*/
.mob_b2c .swiper-slide6 .img_mob{
	position: absolute;
	width:70%;
	max-height:70%;
    bottom: 0;
    left: 15%;
}
.mob_b2c .swiper-slide6 .img{
	position: absolute;
	width:100%;
    bottom: 20%;
}
/*=====第七屏======*/

.mob_b2c .swiper-slide7 ul{
	text-align: center;
	width: 100%;
	height: 80%;
	padding-top: 5%;
}
.mob_b2c .swiper-slide7 ul li{
	float: left;
	width: 50%;
}

/*=====第八屏======*/
.mob_b2c .swiper-slide8 ul {
	padding: 0 5%;
}
.mob_b2c .swiper-slide8 li{
	float: left;
	width: 42%;
	text-align:center;
	padding:8% 3% 0;
}
.mob_b2c .swiper-slide8 li img {
	width:80%;
}

.mob_b2c .swiper-slide8 li div {
	font-size: .8em;
    line-height: 1.6;
}
.mob_b2c .swiper-slide8 li p {
	font-size: .6em;
    line-height: 1.5;
}
/*=====第九屏======*/
.mob_b2c .swiper-slide9 {
	background:url(../images/b2c/b2c_mob/ecjia_9_mob.jpg) no-repeat center bottom;
	background-size: 100%;
}
.mob_b2c .swiper-slide9 div.title{
	text-align: center;
    height: 2em;
    background: #333;
    line-height: 2em;
    color: #fff;
    font-size: 1em;
    position: absolute;
    width: 100%;
    display: block;
}
.mob_b2c .swiper-slide9>h2 {
	margin-top: 2em;
}
.mob_b2c .swiper-slide9 .color-green {
	margin-top:.8rem;font-size:.8em;
}
.mob_b2c .swiper-slide9 ul {
	padding: 0 5px;
}
.mob_b2c .swiper-slide9 li {
	float: left;
    width: 40%;
    text-align: center;
    padding: 0 5% 5%;
}
.mob_b2c .swiper-slide9 li a{
	background: #333333;
    color: #fff;
	font-size: .7em;
    height: 2.4em;
    display: block;
    text-align: center;
    line-height: 2.4;
    border-radius: 8px;
    margin: 1em auto 0;
}
.mob_b2c .swiper-slide9 li:nth-child(2) a{
	background: #43A34C;
}
.mob_b2c .swiper-slide9>a{
	position: absolute;
    bottom: 2rem;
    left: 25%;
	background: #eb4f51;
    color: #fff;
    width: 50%;
    height: 2.4em;
    display: block;
    text-align: center;
    line-height: 2.4;
    border-radius: 8px;
    margin: 1em auto 0;
}
.swiper-slide{background:#fff;}
/*=================.ecjia-footer可提取公用部分=====================*/
.mob_b2c .ecjia-footer{background: #222;}
.mob_b2c .ecjia-footer div.ewm{width: 50%; margin: 1em auto 0;}
.mob_b2c .ecjia-footer div.btn2{
  margin: 0 auto;
  width: 84%;
  text-align: center;
}
.mob_b2c .ecjia-footer div.btn2 a{
  background: #44bcf8;
  color: #fff;
  display: inline-block;
  width: 6em;
  height: 2.2em;
  border-radius: 8px;
  text-align: center;
  line-height: 2.2em;
  margin: 1em 1em 0 0;
}
.mob_b2c .ecjia-footer div.btn2 a:nth-child(2){
  background: #45d05c;
  margin-right: 0;
}
.mob_b2c div.btn{
  width: 80%;margin: 2em auto;
}
.mob_b2c div.btn a{
  display: block;
  background: #3cbbfb;
  width: 11em;
  height: 3em;
  text-align: center;
  line-height: 3;
  color: #fff;
  border-radius: 10px;
  margin: 1em auto 0;
  font-size: .8em;
}
.mob_b2c div.btn a:nth-child(2){background: #eb4f51;}
.mob_b2c .mob_ecjia_copyright .mob {text-align: center;color: #fff; font-size: .8em; padding-top:1em;}
.mob_b2c .mob_ecjia_copyright .mob .img {padding-bottom: 1em;}
.mob_b2c .mob_ecjia_copyright .mob .img img{width: 40%;margin: 0 auto; padding-top:.5em;}
.mob_b2c .mob_ecjia_copyright .mob span img{width: 4%; margin-right: .4em;display: inline-block;vertical-align: middle;}
.mob_b2c .mob_ecjia_copyright{width: 100%;background-color: #222;color: #fff;text-align: center;}
.mob_b2c .mob_ecjia_copyright .row{overflow: hidden;background: #111;padding: 1em 0;font-size: .5em;width: 100%; position: absolute;bottom: 0;}
/*====================slide12标记结束=========================*/


/*=================兼容处理===================*/


@media (min-width: 414px) and (max-width:640px) {
  .mob_b2c .swiper-slide>p{font-size: .7em}
  .mob_b2c .swiper-slide9 table{margin-top: 10em;}
  .mob_b2c .swiper-slide5 ul.ecjia-list{margin-top: 1em;}
  .mob_b2c .swiper-slide5 ul li{padding: 1em 0;}
  .mob_b2c .swiper-slide2 ul li,
  .mob_b2c .swiper-slide4 ul li{height: 10em;}
  .mob_b2c .swiper-slide2 ul{margin-top: .6em;}
  .mob_b2c .swiper-slide2 ul li img{width:70%;}
  .mob_b2c .swiper-slide1 div.wrap .img2{top: 3.8em; left: 7.8em;}
  .mob_b2c .swiper-slide8 div.pos1{top: 14em;}
  .mob_b2c .swiper-slide8 div.pos2{top: 19em;left: .6em;}
  .mob_b2c .swiper-slide8 div.pos3{top: 22em;left: 2em;}
  .mob_b2c .swiper-slide6 ul li:nth-child(1){top: 8em;}
  .mob_b2c .swiper-slide6 ul li:nth-child(3){top: 22em;}
}
@media(max-width: 376px) and (min-width: 321px){

   div.btn{margin-top:1.5em !important; }
  .download-ecjia-app a{font-size: .7em;}
  .mob_b2c .swiper-slide9 div.title{font-size: .8em;}
  .mob_b2c .swiper-slide9 table{margin-top: 7.5em;}
  .mob_b2c .swiper-slide9>a{font-size: .9em;margin-top: 1em;}
  .mob_b2c .swiper-slide>h2{font-size: 1.1em;}
  .mob_b2c .swiper-slide1>h2{font-size: 1.3em;}
  .mob_b2c .swiper-slide>p{font-size: .65em;}
  .mob_b2c .swiper-slide4 ul li p{font-size: .55em;}
 }
@media (max-width: 321px) {
  .ecjia-footer div.btn2{width: 80% !important;}
  .ecjia-footer div.ewm{width: 40% !important;}
  .ecjia-footer div.btn2 a{font-size: .8em;}
  div.btn a{font-size: .6em;}
  div.btn{margin-top:1em !important; }
  .weshop_menu .mob-fix-nav .l img{margin-top: 11%;}
  .weshop_menu .mob-fix-nav .r{margin-top: 6%;}
  .mob_b2c .swiper-slide9 table tr.head td span,
  .mob_b2c .swiper-slide9 table tr th{font-size: 2.4em;}
  .mob_b2c .swiper-slide9 table tr .fsize-18{font-size: 1.4em;}
  .mob_b2c .swiper-slide9 table tr td{font-size: 1.2em;padding:10px;}
  .mob_b2c .swiper-slide9>a{font-size: .8em;}
  .mob_b2c .swiper-slide>h2{font-size: 1em;}
  .mob_b2c .swiper-slide>p{font-size: .6em}
  .mob_b2c .swiper-slide8 div.img img{top: 1em;}
  .mob_b2c .swiper-slide8 div.pos1{top: 10em;}
  .mob_b2c .swiper-slide8 div.pos2{top: 15em;}
  .mob_b2c .swiper-slide8 div.pos3{top: 17em;}
  .mob_b2c .swiper-slide5 ul li>div h3{font-size: .8em;}
  .mob_b2c .swiper-slide2 ul li p,
  .mob_b2c .swiper-slide4 ul li p,
  .mob_b2c .swiper-slide5 ul li>div p{font-size: .5em;}
	.mob_b2c .swiper-slide218-5 ul li {
	    padding: .8em 0;
	}
  .mob_b2c .swiper-slide2 ul li,
  .mob_b2c .swiper-slide4 ul li{height: 7em;}
  .mob_b2c .swiper-slide4 ul li h3{font-size: .7em;}
  .download-ecjia-app a{font-size: .6em;}
  .mob_b2c .swiper-slide1 div.wrap div.img{padding-top: .8em;}
  .mob_b2c .swiper-slide1 div.wrap .img2 {position: absolute;top: 3em;left: 6em;}
  .mob_b2c .swiper-slide6 ul li{font-size: .8em;}
  .mob_b2c .swiper-slide7 div.box{font-size: .8em;margin-top: -3%;margin-left: -22%;}
	.mob_b2c .swiper-slide8 li{
		padding:5% 3% 0;
	}
	.mob_b2c .swiper-slide8 li p {
		font-size: .5em;
	}
  .mob_b2c .swiper-slide9 div.title{display:none;font-size: .7em;}
  .mob_b2c .swiper-slide9>h2 {margin: .4em auto;}
  .mob_b2c .swiper-slide9 table{margin-top: 5em;}
  .mob_b2c .swiper-slide9>a{margin-top: 1em;}
  .ecjia_mob_menu .mob-fix-nav .l img{margin-top: 12%;}
  .ecjia_mob_menu .mob-fix-nav .r{padding-top: 6%;}
  .ecjia_mob_menu ul.hide-nav a{font-size: .6em;padding: .4em 1em;}
  .mob_b2c .swiper-slide6 ul li:nth-child(9){top: 22em; right: .2em;font-size: .8em}
  .mob_b2c .swiper-slide6 ul li:nth-child(1){top: 8em;}
  .mob_b2c .swiper-slide6 ul li:nth-child(3){top: 18em;}
  .mob_b2c .swiper-slide6 ul li:nth-child(10){top: 16em;}
  .mob_b2c .swiper-slide6 ul li:nth-child(4){top: 20em;font-size: .8em;}

}