:root{
	--content-color: #aaa;
}

.ding-yue{
	 background:#000 url(https://sirui-cf.oss-us-west-1.aliyuncs.com/anamorphic/jupiter/images/dy_bg_wap.jpg) no-repeat 35% top; height:250px; background-size: auto 250px; 
}

.ding-yue .base-center-box{
	height:240px; padding-top:26px;
}

.ding-yue .base-center-box a{
	color:white; padding-left: 45px;
}

.ding-yue .base-center-box a.ding_youtube{
		background:url(/static/20220301_img/wap_ico1.png) no-repeat 5px center; background-size:auto 20px;
}

.ding-yue .base-center-box a.ding_vip{
		background:url(/static/20220301_img/wap_ico2.png) no-repeat 5px center; background-size:auto 18px;
}

.ding-yue .base-center-box a.ding_kit{
		background:url(/static/20220301_img/wap_ico3.png) no-repeat 9px center; background-size:auto 20px;
}

.ding-yue .base-center-box a.ding_contact{
		background:url(/static/20220301_img/wap_ico4.png) no-repeat 5px center; background-size:auto 18px;
}

.ding-yue .base-center-box a.ding_facebook{
		background:url(/static/20220301_img/wap_ico5.png) no-repeat 9px center; background-size:auto 20px;
}

@media (min-width:600px){
	.ding-yue{
	 background:#000 url(https://sirui-cf.oss-us-west-1.aliyuncs.com/anamorphic/jupiter/images/dy_bg.jpg) no-repeat 20% top; height:340px; background-size: auto 340px; 
	}
	
	.ding-yue .base-center-box{
	height:330px; padding-top:30px;
	}
	
	.qtj-img{
		padding:0px 20px;
	}
}

@media (min-width:960px){
	.index-main{
		padding-top:120px;
	}
	
	
}

@media (min-width:750px) and (max-width:960px){
	.index-main{
		padding-top:150px;
	}
}

@media (max-width:768px){
	.index-main{
		padding-top:50px;
	}
}

@media (min-width:750px){
	:root{
	--font-big-size:25px;
	--font-big-size2:17px;
	}
}

@media (min-width:480px) and (max-width:750px){
	:root{
	--font-big-size:22px;
	--font-big-size2:16px;
	}
}

@media (max-width:480px){
	:root{
	--font-big-size:20px;
	--font-big-size2:14px;
	}
}


.jian-ju{
	padding:0px 0px;
}
.jian-ju-top{
	padding-top:0px;
}
.top20{
margin-top:15px;
}
.top35{
margin-top:25px;
}

.top45{
margin-top:35px;
}

.base{
width:100%; padding:0px 0px; 
}

.index-main{
background:#000;
}

.index-main .spin{
	position:relative; width:100%; overflow:hidden; padding-top:38px;
}

.index-main .spin:first-child{
	padding-top:0px;
}

.index-main .spin{
	background:black;
}

.index-main .spin.wap-nojj{
	padding:30px 0px; padding-bottom:0px;
}

.index-main .spin.wap-grey{
	background:#222; padding-bottom:0px; padding-top:40px;
}



.index-main .spin.wap-no-padding .base{
	padding:0px 0px;
}

.index-main .spin.wap-grey .base{
	padding:0px 0px;
}

.index-main .spin img.bigimg{
max-width:100%; 
}


.index-main .spin.hei-bai{
background:black; color:white;
}

.index-main .spin .txt-boxs .title{
line-height:30px; font-size:var(--font-big-size); margin-bottom:5px;
}

.index-main .spin .txt-boxs .title span{
	display:inline-block;
}

.other-title{
line-height:30px; font-size:var(--font-big-size); margin-bottom:17px; color:white; text-align:center; margin-top:35px;
}

.index-main .spin .img{
	text-align:center;
}

.index-main .spin .txt-boxs .content{
line-height:23px; font-size:var(--font-big-size2); padding:0px 12px;
}

.index-main .spin .txt-boxs.white .content.big{
	font-size:calc(var(--font-big-size) - 4px); line-height:28px;
}

.index-main .spin .txt-boxs .content span{
	display:inline-block;
}

.index-main .spin .txt-boxs.white .title,.index-main .spin .txt-boxs.white .content{
color:white;
}

.index-main .spin .txt-boxs.white .content{
color:var(--content-color);
}

.index-main .spin .txt-boxs.white .content.white{
color:white;
}

img.round-5{
	border-radius:0px;
}


/**图文居中，文字放上面--**/
.index-main .spin.center .txt-boxs{
text-align:center; padding-top:var(--juli-h); margin-bottom:12.5px;
}

/**图文居中，文字放下面--**/
.index-main .spin.center.xiaman .txt-boxs{
text-align:center; padding-top:25px;
}

/**左边图片 右边文字**/
.index-main .spin.left{
text-align:center;
}

.index-main .spin.left .txt-boxs{
text-align:center; padding-bottom:25px;
}

/**右边图片 左边文字**/
.index-main .spin.right{
text-align:center;
}

.index-main .spin.right .txt-boxs{
text-align:center; 
}

/**上面是图片100%铺满的情况----------------下面是图片50%的情况**/
.box-flex{
	display:flex; flex-wrap:wrap; justify-content:center; 
}

/**左边图片，右边文字**/
.index-main .spin .w-left .img{
 overflow:hidden; margin-top:20px; width:100%;
}
.index-main .spin .w-left .img img{
max-width:100%;
}

.index-main .spin .w-left .txt-boxs{
 padding:0px 15px; text-align:center; width:100%;
}

.index-main .spin .w-left .txt-boxs{
	
}

/**右边图片，左边文字**/
.index-main .spin .w-right.box-flex{
	text-align:center;
}
.index-main .spin .w-right .img{
overflow:hidden; width:100%; margin-top:20px;
}

.index-main .spin .w-right .img img{
width:100%;
}

.index-main .spin .w-right .txt-boxs{
 padding:0px 15px; text-align:center; width:100%;
}

.index-main .spin .w-right .txt-boxs{
	
}

.index-main .spin .txt-boxs .title.small-jianju{
	margin-bottom:5px;
}

/**图片在上面，文字在下面**/
.index-main .spin.w-center .img{
overflow:hidden; text-align:center; margin-bottom:20px;
}

.index-main .spin.w-center .img img{
max-width:100%;
}

.index-main .spin.w-center .txt-boxs{
	text-align:center;
}

/**图片在下面，文字在上面**/
.index-main .spin.w-center.xiaman .img{
overflow:hidden; text-align:center; margin-top:12.5px; margin-bottom:0px;
}

.index-main .spin.w-center.xiaman .img img{
max-width:100%;
}

.index-main .spin.w-center.xiaman .txt-boxs{
}

img.w100{
	width:100%;
}

img.cs-img{
	display:block; max-width:100%;
}

.index-main .spin.wap-no-padding{
		padding-bottom:0px;
	}
@media (min-width:630px){
	.index-main .spin.wap-grey{
		 background:black;
	}
	
	.index-main .spin:first-child{
		background:#000;
	}
}




@media (min-width:480px){
	
	.index-main .spin .txt-boxs .title{
		line-height:32px; margin-bottom:7px;
	}
	
	.index-main .spin .txt-boxs .title.small-jianju{
		margin-bottom:7px;
	}
	
	
	.index-main .spin .txt-boxs .content{
		line-height:25px; padding:0px 15px;
	}
	
	
	
	
}

/**  处理弹出层在手机小屏下，溢出的问题 **/
@media (max-width:388px){
	
.layui-layer.layui-layer-page{
	max-width:95%; left:2.5% !important;
}

#sign-alert form {
	padding-left:20px; padding-right:20px;
}

.layui-layer-setwin{
	right:19px !important;
}

.index-main .spin .txt-boxs .title span{
	display:block;
}


}