.head{background: transparent;border-bottom: 1px solid transparent;}
.header{background: transparent;border-bottom: 1px transparent solid;}
.indexHeadNoen .top_langs{background: transparent;}
.indexHead{position: relative;z-index: 10;} /*移动*/
.indexHeadWhite.indexHeadNoen .logo{background-image: url(https://resource.snoppa.com/web/images/snoppaweb/images/nav_logo-white.png);}/*移动没有*/
.indexHeadNoen .logo{background-image: url(https://resource.snoppa.com/web/images/snoppaweb/images/nav_logo-black.png);}/*移动没有*/
.indexHeadNoen .ja-icon,
.indexHeadNoen .ja-icon:hover{background: url(https://resource.snoppa.com/web/images/snoppaweb/images/atomstore/header-icon.png) no-repeat;
			   				background-size: 180px;
						    background-position: -147px -90px;}
.indexHeadNoen .langsele .ja-icon{background: url(https://resource.snoppa.com/web/images/snoppaweb/images/nav_Ja.png) no-repeat;
							      background-size: 100%;
								  background-position: center;}
.indexHeadNoen .langsele .ja-icon:hover{background: url(https://resource.snoppa.com/web/images/snoppaweb/images/nav_Ja_hover2.png) no-repeat;
										background-size: 100%;
								  		background-position: center;}


.indexHeadNoen .cn-icon,
.indexHeadNoen .cn-icon:hover{background: url(https://resource.snoppa.com/web/images/snoppaweb/images/atomstore/header-icon.png) no-repeat;
						    background-size: 180px;
						    background-position: -12px -90px;}

.indexHeadNoen .langsele .cn-icon{background: url(https://resource.snoppa.com/web/images/snoppaweb/images/nav_Cn.png) no-repeat;
									background-size: 100%;
									background-position: center;}
.indexHeadNoen .langsele .cn-icon:hover{background: url(https://resource.snoppa.com/web/images/snoppaweb/images/nav_Cn_hover2.png) no-repeat;
											background-size: 100%;
											background-position: center;}


.indexHeadNoen .de-icon,
.indexHeadNoen .de-icon:hover{background: url(https://resource.snoppa.com/web/images/snoppaweb/images/atomstore/header-icon.png) no-repeat;
						    background-size: 180px;
						    background-position: -102px -90px;} 

.indexHeadNoen .langsele .de-icon{background: url(https://resource.snoppa.com/web/images/snoppaweb/images/nav_De.png) no-repeat;
									background-size: 100%;
									background-position: center;}
.indexHeadNoen .langsele .de-icon:hover{background: url(https://resource.snoppa.com/web/images/snoppaweb/images/nav_De_hover2.png) no-repeat;
										    background-size: 100%;
										    background-position: center;}


.indexHeadNoen .helpall-icon,
.indexHeadNoen .helpall:hover .helpall-icon{background-image: url(https://resource.snoppa.com/web/images/snoppaweb/images/help-black.png);}


.storeindexall{color:#271F1F;}
.storeindexTPbg{background: #12191E;width: 100%;height: 100%;}
.storeindexTP{margin-top: -71px;height: 100%;color:#fff;width:100%;min-height:500px;/*background: url(https://resource.snoppa.com/web/images/snoppaweb/images/storeindex/vmate-bj-big.jpg) no-repeat;*/
		      background: url(https://resource.snoppa.com/web/images/snoppaweb/images/storeindex/spider-bj-big.png) no-repeat;
		      background-size: cover;position: relative;
              background-position: bottom center;}
.storeindexTPin{position: absolute;
			    top: 70px;
			    bottom: 0px;
			    width: 100%;
			    left: 0px;
			    display: flex;
			    display: -webkit-flex;
			    justify-content: center;
			    align-items: center;}
.storeindexTPinall{width: 100%;}
.storeindex2{display: flex;
		    display: -webkit-flex;
		    align-items: center;
		    justify-content: center;
		    width: 100%;
		    overflow-x: hidden;
		    position: relative;}
.storeind2-imgall{width: 800px;max-width: 800px;margin: 0px auto;}
.storeind2-img{width: 100%;
			    padding-top: 42%;
			    position: relative;}
.storeind2-img img{position: absolute;
				    top: 0px;left: 0px;width: 100%;}

.store-vmateimg{text-align: center;}
.store-vmateimgin{padding-top: 30px;
				  display: flex;
			      display: -webkit-flex;
			      align-items: center;
			  	  justify-content: center;}
.store-vmateimg p{font-size: 18px;line-height: 24px;padding: 12px 0px 20px;}
.store-vmateimg p.atom2-kkstip{font-size: 16px;}
.store-vmateimg p.atom2-kkstip.store-vmateimg-big{padding-top: 36px;}
.store-vmateimg-img{width: 130px;}
.store-vmateimg-imgpr{position: relative;width: 100%;padding-top: 26%;}
.store-vmateimg-imgpr img{position: absolute;top: 0px;left: 0px;width: 100%;}
.store-vmateimg .jt-white{width: 28px;margin-left: 8px;
                        transition: margin 0.3s linear;
					    -moz-transition: margin 0.3s linear;
					    -webkit-transition: margin 0.3s linear;
					    -o-transition: margin 0.3s linear;}
.storeindexTP:hover .jt-white{margin-left: 28px;
                        transition: margin 0.3s linear;
					    -moz-transition: margin 0.3s linear;
					    -webkit-transition: margin 0.3s linear;
					    -o-transition: margin 0.3s linear;}
.store-index3{text-align: center;}
.storegotoVmate{height: 100%;
			    display: flex;
			    width: 100%;
			    display: -webkit-flex;
			    justify-content: center;
			    align-items: center;}

.store-indexall{background: #F1EFE9;}
.storeind-itemall{max-width: 1055px;margin: 0px auto;}
.storeind-itemin{padding: 0px 15px;}
.storeind-item{display: flex;
			    display: -webkit-flex;
			    align-items: center;
			    border-bottom:1px #271F1F solid;
			    cursor: pointer;}
.storeind-item.dpn{display: none;}
.storeind-iteml{flex:1;}
.storeind-iteml.storeind-iteml-nopic{margin-top: 60px;margin-bottom: 60px;}
.storeind-iteml-flex{display: flex;
	                 display: -webkit-flex;
				    align-items: center;}
.storeind-itemr{width: 188px;padding: 28px 20px 28px 0px;}
.storeind-itemr-img{width: 100%;
				    position: relative;
				    padding-top: 144%;
				    overflow: hidden;}
.storeind-itemr-img img{position: absolute;
					    top: 0px;
                        left: 0px;
                        width:100%;
                        transform: scale(1,1);
                        -moz-transform: scale(1,1);
                        -webkit-transform: scale(1,1);
                        -o-transform: scale(1,1);
                        transition: transform 0.3s linear;
					    -moz-transition: transform 0.3s linear;
					    -webkit-transition: transform 0.3s linear;
					    -o-transition: transform 0.3s linear;}
.storeind-iteml-flex h3{font-size: 80px;
			            line-height: 116px;
			            color: #424242;
			            transition: background-color 0.3s linear;
					    -moz-transition: background-color 0.3s linear;
					    -webkit-transition: background-color 0.3s linear;
					    -o-transition: background-color 0.3s linear;
					    font-weight: 700;}
.storeind-iteml-flex img{width: 28px;margin-left: 28px;
                        transition: margin 0.3s linear;
					    -moz-transition: margin 0.3s linear;
					    -webkit-transition: margin 0.3s linear;
					    -o-transition: margin 0.3s linear;}
.storeind-iteml p{font-size: 18px;
				    line-height: 26px;
				    color: #9B9B9B;}
.storeind-item:hover .storeind-iteml-flex h3{color:#F6544D;
							                transition: color 0.3s linear;
										    -moz-transition: color 0.3s linear;
										    -webkit-transition: color 0.3s linear;
										    -o-transition: color 0.3s linear;}

.storeind-item:hover .storeind-iteml-flex img{margin-left: 58px;
                   							transition: margin 0.3s linear;
										    -moz-transition: margin 0.3s linear;
										    -webkit-transition: margin 0.3s linear;
										    -o-transition: margin 0.3s linear;}
.storeind-item:hover .storeind-itemr-img img{transform: scale(1.2,1.2);
					                        -moz-transform: scale(1.2,1.2);
					                        -webkit-transform: scale(1.2,1.2);
					                        -o-transform: scale(1.2,1.2);
					                        transition: transform 0.3s linear;
										    -moz-transition: transform 0.3s linear;
										    -webkit-transition: transform 0.3s linear;
										    -o-transition: transform 0.3s linear;}
.storeind-itemr3{width: 1px;height: 270px;}
.storeind-more{color: #F6544D;
				cursor: pointer;
				font-size: 18px;
			    line-height: 24px;
			    display: inline-block;
			    margin: 38px 0px 80px;
			    position: relative;}
.storeind-more:hover .storeind-line{width: 100%;
                                    transition: width 0.2s linear;
								    -moz-transition: width 0.2s linear;
								    -webkit-transition: width 0.2s linear;
								    -o-transition: width 0.2s linear;}
.storeind-line{height: 1px;width: 0px;
	           position: absolute;left: 0px;bottom: 0px;
	           background: #F6544D;
	           transition: width 0.2s linear;
			   -moz-transition: width 0.2s linear;
			   -webkit-transition: width 0.2s linear;
			   -o-transition: width 0.2s linear;}
.storeindex-title.green{color:#00CECB;}
.storeindex-title.yellow{color:#FFED66;}
.storeind-itemr-imgsm{display: none;}
.storeind-itemr-imgbig{display: block;}
/**/
.ismobile .storeind-mobile.dpn{display: none;}
.storeind-cDown{position: absolute;
			    width: 100%;
			    background: rgba(0,0,0,0.5);
			    color: #fff;
			    padding: 50px 0px 10px;
			    bottom: 19%;}
.storeind-indegogo{text-align: center;}
.storeind-indegogo p{display: inline-block;}
.storeind-cDowinall{margin: 0px auto;
				    align-items: center;
				    justify-content: center;}
.storeind-cDowin{display: flex;
			    display: -webkit-flex;
			    justify-content: space-around;
			    align-items: center;
			    max-width: 500px;
			    margin: 0px auto;ssss}
.storeind-cd-item{display: flex;
			    display: -webkit-flex;
			    flex-direction: column;
			    align-items: center;
			    font-size: 76px;
			    line-height: 78px;}
.storeind-cd-item p{font-size: 12px;line-height: 20px;}
.storeind-cd-wa{text-align: right;
			    color: #fff;
			    font-size: 13px;
			    line-height: 20px;
			    padding-right: 15px;
			    margin: 20px auto 0px;}
.storeind-pre{text-align: center;font-size: 18px;margin-top: 22px;}
.storeind-pre a{display: inline-block;
				display: inline-block;
			    background: #ed1079;
			    line-height: 38px;
			    padding: 0px 12px;
			    border-radius: 3px;
			    color: #fff;
			    cursor: pointer;
			    transition: background-color 0.25s linear;
			    -moz-transition: background-color 0.25s linear;
			    -webkit-transition: background-color 0.25s linear;
			    -o-transition: background-color 0.25s linear;}
.storeind-pre a:hover{background: #fff;
					    color: #ed1079;
					    transition: background-color 0.25s linear;
					    -moz-transition: background-color 0.25s linear;
					    -webkit-transition: background-color 0.25s linear;
					    -o-transition: background-color 0.25s linear;}
/* spider */
.spider-logoimg{width: 248px;line-height: 0px;
				margin: 0px auto 18px;}
.spider-logoimg img{width: 100%;}
.spider-logoall{padding: 0px 30px;}
.spider-logoall p{font-size: 20px;
					line-height: 32px;
					text-align: center;}
.store-vmate-morediv{text-align: center;
					padding: 74px 0px 100px;}
.spiderprooimg{max-width: 800px;
			margin: 0px auto;}
.spiderprooimg img{width: 100%;}

/*  */
.storeind-cDown.dpn,
.ismobile .storeind-cDown.dpn,
.storeind-day.dpn,
.ismobile .storeind-day.dpn,
.storeind-buynow.dpn,
.ismobile .storeind-buynow.dpn{display: none;}
.storeind-mobile{display: none;}
.zh .storeind-cd-item p{font-size: 18px;}
.zh .storeind-cd-wa{font-size: 16px;}
.zh .storeind-pre{font-size: 20px;}
.zh .storeind-pre a{padding: 0px 18px;}
.zh .store-index1in h2{font-size: 70px;line-height: 88px;}
.zh .storeind-iteml p,
.zh .storeind-more{font-size: 20px;}
@media (max-width:700px) {
	.store-index1in h2{font-size: 54px;line-height: 68px;}
	.storeind-cDowinall{padding: 0px;display: block;}
	.storeind-cDowin{margin: 0px auto;}
	/*  */
	.ismobile .spider-logoimg{width: 40vw;
								margin: 0px auto 2vh;}
	.ismobile .spider-logoall p{font-size: 0.3rem;line-height: 0.4rem;}
	.ismobile .store-vmate-morediv{padding: 4vh 0px 18vh;}
	.ismobile .storeind2-imgall{max-width: 100vw;}

}

/*移动端*/
.ismobile .store-vmateimg-big{display: none;}
.ismobile .store-tip{flex-direction: column;}
.ismobile .storeind-mobile{display: block;}
.ismobile .storeind-pc{display: none;}
.ismobile .store-index1in h2{font-size: 0.7rem;line-height: 0.85rem;}
.ismobile .storeind2-imgall{width: 50vw;max-width: 90vw;}
.ismobile .store-vmateimgin{padding-top: 0px;}
.ismobile .store-vmateimg-img{width: 26vw;margin-bottom: 2vh;}
.ismobile .store-vmateimg .jt-white{width: 22px;}
.ismobile .store-index3{font-size: 0.26rem;line-height: 0.45rem;}
.ismobile .store-tip img{width: 16px;height: auto;}
.ismobile .store-indexall{padding: 0px 0px 15vh;}
.ismobile .storeind-iteml{margin-top: 9vh;margin-bottom: 3vh;}
.ismobile .storeind-iteml-flex h3{font-size: 0.8rem;line-height:1rem;}
.ismobile .storeind-iteml p{font-size: 0.24rem;line-height: 0.35rem;}
.ismobile .storeind-itemr{margin-bottom: 6vh;}
.ismobile .storeind-iteml.storeind-iteml-nopic{margin: 5vh 0px;}
.ismobile .storeind-more{font-size: 0.24rem;
					    line-height: 0.35rem;
					    margin-top: 4vh;}
.ismobile .store-tip a{color:#F6544D;}
/*.ismobile .storeind-bottom:hover{background: #F6544D;}*/
.ismobile .storeind-item .storeind-iteml-flex h3{color:#F6544D;}
.ismobile .storeind-item:hover .storeind-iteml-flex img,
.ismobile .storeind-item .storeind-iteml-flex img{margin-left: 5vw;}
.ismobile .storegotoVmate:hover .jt-white{margin-left: 4vw;}
.ismobile .storeind-item:hover .storeind-itemr-img img{transform: scale(1,1);
								                        -moz-transform: scale(1,1);
								                        -webkit-transform: scale(1,1);
								                        -o-transform: scale(1,1);}
.ismobile .storeind-more .storeind-line{width: 100%;}
.ismobile .storeind-cDowin{padding: 0px 4vw;justify-content: center;margin-top: 42px;    margin-bottom: 52px;}
.ismobile .storeind-cd-item{line-height: 0.84rem;font-size: 0.8rem;}
.ismobile .storeind-cd-item p{font-size: 0.2rem;line-height: 0.24rem;}
.ismobile .storeind-cd-item{font-size: 0.8rem;
						    line-height: 0.84rem;
						    margin-right: 7vw;}
.ismobile .storeind-cd-item:last-child{margin-right: 0px;}
.ismobile .storeind-cd-wa{margin: 20px 0px 0px;
						    padding: 0px 4vw;
						    text-align: right;
						    font-size: 0.22rem;
						    line-height: 0.3rem;}

.ismobile .storeind-cDown{padding: 0px;display: flex;align-items: center;bottom:28%;}
.ismobile .storeind-pre{text-align: center;margin-top: -1vh;}
.ismobile .storeind-pre a{text-align: center;
						    line-height: 42px;
						    padding: 0px 4vw;}

.ismobile .storeind-cd-item{line-height: 1.04rem;font-size: 1rem;}
.ismobile .storeind-cd-wa{position: absolute;
					    bottom: 10px;
					    text-align: center;
					    padding: 0px;
					    margin: 0px;
					    width: 100%;
					    font-size: 0.2rem;
					    line-height: 0.3rem;}
.ismobile .storeind-pre a:hover{background: #ed1079;
					    color: #fff;
					    transition: background-color 0.25s linear;
					    -moz-transition: background-color 0.25s linear;
					    -webkit-transition: background-color 0.25s linear;
					    -o-transition: background-color 0.25s linear;}
.ismobile .storeindexTP{min-height: auto;}
.ismobile .storeindexTPin{top:7.6vh;}
.ismobile .store-vmateimgin{padding: 6vh 0px 0vh;}
.ismobile .store-vmateimg p{font-size: 0.3rem;line-height: 0.34rem;padding: 0px;padding-bottom: 2vh;}
.ismobile .store-vmateimg p.atom2-kkstip{font-size: 0.26rem;margin-top: 0px;}
.zh.ismobile .storeind-cd-item p{font-size: 0.28rem;line-height: 0.32rem;}
.zh.ismobile .storeind-pre a{font-size: 0.32rem;}
.zh.ismobile .storeind-cd-wa{font-size: 0.24rem;}
.zh.ismobile .storeind-iteml p{font-size: 0.28rem;}
.zh.ismobile .storeind-more{font-size: 0.26rem;}
.zh.ismobile .store-index1in h2{font-size: 0.8rem;line-height: 0.95rem;}

.store-vmate-more{display: inline-block;
				  border:1px #F6544D solid;cursor: pointer;
				  border-radius: 4px;
				  background:#F6544D;color:#fff;}
.store-vmate-more p{font-size: 16px;line-height: 48px;
					padding: 0px 28px;}
.store-vmate-more:hover{color: #F6544D;background: transparent;}
.ismobile .store-vmate-more p{font-size: 0.24rem;padding: 0px 6vw;line-height: 44px;}
.storeindex2-nrl{width: 196px;
			    flex: none;
			    margin-right: 72px;}
.storeindex2-nrl img{width: 100%;}
.storeind2-img{flex:none;}
.storeindex2-nrR{font-size: 20px;
			    line-height: 24px;
			    width: 266px;
			    text-align: right;}
.store-vmateimg-small{display: none;}
.store-vmate-more{margin-top:0px;}
@media (max-width:720px) {
	.storeindex2-nrl{display: none;}
	.storeindex2-nrR{display: none;}
	.store-vmateimg-small{display: block;}
	.store-vmateimg p{padding-bottom: 0px;}
	.store-vmateimg p.atom2-kkstip{padding-bottom: 14px;}
	.store-vmateimg-big{display: none;}
	.store-vmate-more{margin-top: 0px;}
}
@media (max-width:780px) {
	.store-vmate-more p{font-size: 16px;line-height: 46px;}
	.storeind-iteml-flex h3{font-size: 60px;line-height: 85px;}
	.storeind-itemr-imgsm{display: none;}
	.storeind-itemr-imgbig{display: block;}
}

@media (max-width:560px) {
	.storeind-item{flex-direction: column;}
	.storeind-iteml{width: 100%;margin-bottom: 20px;margin-top: 50px;}
	.storeind-itemr{width: 100%;
				    padding: 0px;
				    flex: 1;
				    margin-bottom: 30px;}
	.storeind-itemr-img{padding-top: 63%;}
	.storeind-itemr-img img{width: 100%;
						    top: 0px;
						    left: 0px;}
	.storeind-itemr-imgsm{display: block;}
	.storeind-itemr-imgbig{display: none;}
}

/*横屏*/
@media only screen and (orientation:landscape){
  @media only screen and (max-width:560px){
	/*移动端*/
	
	.ismobile .storeind2-imgall{width: 18vw;}
	.ismobile .store-vmateimg-img{width: 24vw;}
	/*.ismobile .storeind-bottom {line-height: 48px;width:auto;padding: 0px 30px;}*/
	.ismobile .storeind-iteml-flex h3{font-size: 0.5rem;line-height: 0.7rem;}
    .ismobile .storeind-iteml p{font-size: 0.2rem;line-height: 0.26rem;}
	.ismobile .storeind-more{font-size: 0.2rem;line-height: 0.26rem;}
    .ismobile .store-index3{margin-bottom: 2vh;}
    .ismobile .store-vmateimg-img{width: 20vw;}
    .ismobile .store-indexall{padding: 0px 0px 8vh;}
    .ismobile .store-tip img{width: 22px;}
    .ismobile .storeind-itemr-imgsm{display: block;}
	.ismobile .storeind-itemr-imgbig{display: none;}

	.ismobile .store-vmate-more p{font-size: 0.14rem;padding: 0px 4vw;line-height: 44px;}
  }

  .ismobile .store-index1in h2{font-size: 0.55rem;line-height: 0.6rem;}
  .ismobile .storeind-cd-item{font-size: 0.6rem;line-height: 0.65rem;}
  .ismobile .storeind-cd-item{margin-right: 5vw;}
  .ismobile .storeind-cd-item p{font-size: 0.16rem;line-height: 0.2rem;}
  .ismobile .storeind-pre{text-align: center;font-size: 0.18rem;}
  .ismobile .storeind-pre a{width: auto;padding: 0px 18px;}
  .ismobile .storeind-cd-wa{font-size: 0.16rem;line-height: 0.18rem;}

  .zh.ismobile .storeind-pre a{font-size: 0.2rem;}
  .zh.ismobile .storeind-cd-wa{font-size: 0.18rem;}
  .zh.ismobile .store-index1in h2{font-size: 0.6rem;line-height: 0.75rem;}
  .zh.ismobile .storeind-cd-item p{font-size: 0.2rem;line-height: 0.24rem;}
  .zh.ismobile .storeind-iteml p{font-size: 0.24rem;}

  .ismobile .store-vmate-more p{font-size: 0.16rem;padding: 0px 4vw;}
}

@media (min-width:561px) {
	/*移动端*/

	.ismobile .storeind-iteml{margin: 0px;}
	/* .ismobile .storeind2-imgall{width: 18vw;} */
	.ismobile .store-vmateimg-img{width: 24vw;}
	.ismobile .storeind-iteml-flex h3{font-size: 0.5rem;line-height: 0.7rem;}
    .ismobile .storeind-iteml p{font-size: 0.2rem;line-height: 0.26rem;}
	.ismobile .storeind-itemr{margin-bottom: 0vh;}
	.ismobile .storeind-more{font-size: 0.2rem;line-height: 0.26rem;}
    .ismobile .store-index3{margin-bottom: 2vh;}
    .ismobile .store-vmateimg-img{width: 20vw;}
    .ismobile .store-indexall{padding: 0px 0px 8vh;}
    .ismobile .store-tip img{width: 22px;}
    .ismobile .storeind-itemr-imgsm{display: none;}
	.ismobile .storeind-itemr-imgbig{display: block;}
	.zh.ismobile .storeind-more{font-size: 0.2rem;}

	.ismobile .store-vmate-more p{font-size: 0.16rem;padding: 0px 6vw;line-height: 44px;}
}
@media (min-width:700px) {
	.ismobile .store-index1in h2{font-size: 0.55rem;line-height: 0.6rem;}
	.ismobile .storeind-cd-item{font-size: 0.6rem;line-height: 0.65rem;}
    .ismobile .storeind-cd-item{margin-right: 5vw;}
    .ismobile .storeind-pre{margin-top: 0px;}
    .ismobile .storeind-pre a{width: auto;padding: 0px 18px;}
    .ismobile .storeind-cd-item p{font-size: 0.16rem;line-height: 0.2rem;}
    .ismobile .storeind-cd-wa{font-size: 0.16rem;line-height: 0.2rem;}
	.ismobile .storeind-cDowin{margin-top: 0px;}
	.ismobile .storeind2-imgall{max-width: 800px;}
    .zh.ismobile .store-index1in h2{line-height: 0.7rem;}
    .zh.ismobile .storeind-cd-item p{font-size: 0.2rem;line-height: 0.22rem;}
    .zh.ismobile .storeind-pre a{font-size: 0.22rem;}
    .zh.ismobile .storeind-cd-wa{font-size: 0.18rem;}
    .zh.ismobile .storeind-iteml p{font-size: 0.22rem;}

    .ismobile .store-vmate-more p{font-size: 0.2rem;padding: 0px 4vw;line-height: 48px;}
}
.ismobile .indexHeadNoen .logo{background-image: none;}