.slide-wrap{
    width: 100%;
    height: 492pt;
    margin-top: 15pt;
    text-align: center;
    background: #ffffff;
    /*overflow: hidden;*/
}

.slide-wrap .img-wrap{
    width: 100%;
    overflow: hidden;
}

.slide-wrap img{
    width: 100%;
}

.slide-wrap .slide-item{
    display: inline-block;
}


.slide-wrap .slide-item:nth-child(1){
    padding-top: 40pt;
}
.slide-wrap .slide-item:nth-child(1) img{
    width: 176px;
    height: 378px;
}

.slide-wrap .slide-item:nth-child(1) img{
    width: 97%;
    height: 100%;
    padding-bottom: 21pt;
}

.slide-wrap .slide-item:nth-child(1){
    position: relative;
    width: 250pt;
    height: 492pt;
    /*background: red;*/
    background: url(/resources/images/slide/iPhoneX.png);
}

.slide-wrap .slide-item:nth-child(1) a{
    display: inline-block;
    width: 10pt;
    height: 10pt;
    position: absolute;
    top: 45%;
    font-size: 30px;
    cursor: pointer;
}

.slide-wrap .slide-item:nth-child(1) a:hover{
    cursor: pointer;
}



.slide-wrap .slide-item:nth-child(1) .arrow-l{
    left: -12pt;
}

.slide-wrap .slide-item:nth-child(1) .arrow-r{
    right: -12pt;
}



.slide-wrap .slide-item:nth-child(4) img{
    width: 200px;
    height: 432px;
    margin-left: 50px;
    -webkit-box-shadow: 0 0 14px 1px #00000090;
    -moz-box-shadow: 0 0 14px 1px #00000090;
    box-shadow: 0 0 14px 1px #00000090;
}


.slide-wrap .slide-li ul{
    list-style-type: none;
    width: 134px;
    margin: 22pt auto 0;
}

.slide-wrap .slide-li ul>li{
    float: left;
    width: 6px;
    height: 6px;
    margin-right: 10px;
    background: #dfdfdf;
    border-radius: 3px;
    cursor: pointer;
}

.slide-wrap .slide-li ul>li:hover{
    background: #7da9ff;
}

.slide-wrap .slide-li ul .active{
    background: #7da9ff;
}