footer .contact .code img {
    width:100%;
    height: 100%;
}

.col-sm-12 {
    padding:0;
}

.swiperdiv{
    height:200px;
}

.VideoTeach{
    margin:30px 0;
}
.sinput {
    left: 5%;
    width: 70%;
}
.sbtn {
    left: 75%;
    width: 20%;
}
.VideoTeach h4 {
    margin-bottom: 0;
}
.SelectBox {
    width: 98%;
}
.sortbox {
    margin-left: 22%;
}
.VideoList li {
    width: 90%;
    margin-left: 5%;
    margin-right:0;
}
.loadMore {
    margin: 0 auto;
}
.tool .toollist .toolitem {
    width: 100%;
    border: 1px solid #aaa;
    margin: 5px 0;
    border-radius: 5px;
    padding:20px 5px;
}
.tool .toollist .toolitem img {
    width: 30%;
    height: 70%;
    margin-top: 5%;
}
.toolitem .toolright {
    width: 100%;
    padding-top: 7%;
}
.tool .toollist {
    width: 95%;
}

.popBlack .pop {
    height: 91%;
    top: 9%;
}
.popBlack .pop .box, .popBlack .pop .box video {
    height: 95%;
}

.down_now{
    padding: 5px 6px;
    left: 44%;
    bottom: 31%;
    font-size: 12px;
    display: none;
}
.down_now i {
    width: 16px;
    height: 11px;
    margin-right: 2px;
    vertical-align: -1px;
}
.downLoadPop {
    width: 94%;
    height: 480px;
    margin:0;
    background-color: #fff;
    position: fixed;
    left: 3%;
    top: 15%;
}
.downLoadPop .msgList {
    width: 95%;
}
.downLoadPop .msgList li label {
    width: 30%;
}
.downLoadPop .msgList li .text {
    width: 68%;
}
.VideoTeach,.tool{
    width:100%;
    margin:0;
    padding: 30px 0;
}
.VSInput,.Accordion,.VideoBox{
    width:100%;
}
.VideoBox{
    padding-bottom:10%;
}

@media screen and (max-width:320px) { /*iPhone5/SE*/
    .swiperdiv {
        height: 150px;
    }
    .down_now {
        display: none;
    }
    .popBlack .pop {
        height: 89%;
        top: 11%;
    }
}   

/*iPhone 6/7/8/x*/
@media screen and (min-width:361px) and (max-width:375px) {
    .swiperdiv {
        height: 170px;
    }
}