#page26{
    position: relative;
    width: 100%;
    height: 100vh;
    background: url(../images/page25/xsms-big.png) no-repeat center;
    background-size: cover;
    /* padding: 100rem; */
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
}
#page26 .dec{
    width: 60%;
    position: absolute;
    top: 190px;
    left: 112px;
    color: #fff;
    font-size: 16px;
}
#page26 .cms{
    border: 2px solid #0262b5;
    position: absolute;
    top: 40%;
    display: flex;
    justify-content: space-between;
    color: #fff;
    align-items: center;
    width: 1300px;
    height: 400px;
    margin: 10px auto;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/page25/js.png) no-repeat center;
    background-size: cover;
}
#page26 .img-item{
    width: 200px;
    text-align: center;
}
#page26 .hover-dec{
    
}

#page26 .img-item:nth-child(1){
    position: absolute;
    top: 117px;
    left: 44px;
}
#page26 .img-item:nth-child(1) .title{
    padding-bottom: .15rem;
}
#page26 .img-item:nth-child(2){
    position: absolute;
    top: 89px;
    left: 238px;
    
}
#page26 .img-item:nth-child(3){
    position: absolute;
    top: 73px;
    left: 462px;
}
#page26 .img-item:nth-child(3) .title{
   padding-bottom: .15rem;
}
#page26 .img-item:nth-child(4){
    position: absolute;
    top: 20px;
    left: 636px;
}
#page26 .img-item:nth-child(5){
    position:absolute;
    left: 859px;
    top: 7px;
}
#page26 .img-item:nth-child(5) .title{
   padding-bottom: .15rem;
}
#page26 .img-item:nth-child(6){
    position: absolute;
    left: 1049px;
    top: 41px;
}
#page26  .dec-msg{
    visibility: hidden;
    /* display: none; */
    text-align: left;
    height: 60px;
}
#page26 .hover-title{
    font-size: 14px;
}
#page26 .hover-dec{
    font-size: 13px;
}
#page26 .img-item:hover{
    cursor: pointer;
}
#page26 .img-item:hover .dec-msg{
    /* display: block !important; */
    visibility: visible;
   
}
#page26 .img-item:hover .title{
    visibility: hidden;
}
#page26 .img-item .title{
    font-size: 16px;
}
#page26-mobile{
    display: none;
}
.moshi{
	height:.10rem;
	width:100%;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
}
.moshi .main{
	height:80%;
	width:90%;
	background-color:#5f074e;
	background-image:linear-gradient(to right ,#5f074e,#21114f);
	padding-top:1px;
	position:relative;

}
.moshi .title{
	text-align: center;
	margin-top:0.12rem;
}
.moshi .title>img{
	text-align: center;
	width:0.09rem
}
.moshi .info{
	color:#ffffff;
	text-align: center;
	margin-top:0.01rem;
	line-height:0.04rem;
	font-size:0.2rem;
}
.moshi .car{
	position:absolute;
	bottom:0;
}
.moshi .car img{
	width:100%;
}
.moshi ul{
	position:absolute;
	background:#ffffff;
	width:100%;
	top:0;
}
.moshi ul li{
	position:absolute;
	color:#ffffff;
	cursor:pointer;
	padding-bottom:0.8rem;
	font-size:0.16rem;
	min-width:1.67rem;
}
.moshi ul li:hover div{
	opacity:1;
}
.moshi ul li h4{
	opacity:0;
	transition:all 0.4s;
}
.moshi ul li>div{
	position:absolute;
	bottom:0.8rem;
	width:2rem;
	transition:all 0.4s;
}
.moshi ul li h5{
	position:relative;
	width:fit-content;
	min-height:0.3rem;
	margin-bottom:0.1rem;
}
.moshi ul li h5 span{
	position: relative;
	z-index: 2;
	padding:0.2rem;
	font-size:0.17rem;
}
.moshi ul li h5::after{
	content:'';
	display:block;
	width:100%;
	height:100%;
	background-image: linear-gradient(to right,#0262b5, #0299e2, #aa2698);
	position:absolute;
	top:0;
	transform:skew(-27deg);
	opacity:0.5;
}
.moshi ul li h5::before{
	content:'';
	display:block;
	width:100%;
	height:100%;
	background-image: linear-gradient(to right,#0262b5, #0299e2, #aa2698);
	position:absolute;
	top:0;
	transform:skew(-27deg);
	opacity:0.5;
	margin-top:-3px;
	margin-left:-3px;
}
.moshi ul li:nth-child(1){
	left: .013rem;
	top: 1rem;
}
.moshi ul li:nth-child(2){
	left: .04rem;
	top: 0.8rem;
}
.moshi ul li:nth-child(3){
	left: .66rem;
	top: 0.4rem;
}
.moshi ul li:nth-child(4){
	left: .94rem;
	top: 0.1rem;
}
.moshi ul li:nth-child(5){
	left: .12rem;
	top: -0.4rem;
}
.moshi ul li:nth-child(6){
	left: .15rem;
	top: 0.1rem;
}
.moshi-nav-wap{
	display:none;
}
.xsms-title{
    height: 72px;
    position: absolute;
    top: 75px;
    left: 112px;
    color: #fff;
    font-size: 16px;
}
@media screen and (max-width: 960px) {
    #page26{
        display: none;
    }
    #page26-mobile {
        display: block;
        width: 100%;
        height: 100vh;
        background: url('../images/page25/xsms-mobile.png') no-repeat center;
        background-size: 100% 100%;
        background-position: center;
        padding:.30rem;
        box-sizing: border-box;
        overflow: hidden;
    }
    #page26-mobile .dec{
        text-align: center;
        font-size: .24rem;
        color: #fff;
        margin-top: 2.40rem;
        line-height: 1.6;
    }
    #page26-mobile .bd-border{
        width: 6.92rem;
        height: 6.00rem;
        border: 1px solid #18f;
        box-sizing: border-box;
        margin-top: .60rem;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    #page26-mobile .bd-border img{
        height: 100%;
    }

}