.fl {
    margin:0 auto;

}

.fr {

    float: right;

}

.clear {

    clear: both;

}

.oh {

    overflow: hidden;

}

.toh {

    overflow: hidden;

    white-space: nowrap;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

}

h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: normal;

    line-height: 1.15;

}

.pr {

    position: relative;

}

.tc {

    text-align: center;

}

.db {

    display: block;

}

.clearfix:after {

    content: "";

    display: block;

    height: 0;

    visibility: hidden;

    clear: both;

}

.sca {

    overflow: hidden;

}

.cp {

    cursor: pointer;

}



/*图片悬浮放大*/

.sca>img {

    -webkit-transition: -webkit-transform 1.3s;

    transition: -webkit-transform 1.3s;

    -o-transition: transform 1.3s;

    transition: transform 1.3s;

    transition: transform 1.3s, -webkit-transform 1.3s;

    -webkit-transition: transform 1.3s;

}

.sca>img:hover {

    -webkit-transform: scale(1.06);

    -ms-transform: scale(1.06);

    transform: scale(1.06);

}



/*Y轴旋转*/

.rot-y img {

    -o-transition: all 1.6s;

    transition: all 1.6s;

    -webkit-transition: all 1.6s;

}

.rot-y:hover img {

    transform: rotateY(360deg);

    -webkit-transform: rotateY(360deg);

}

.dis_flex {

    display: flex;

}

.dis_between{

    justify-content: space-between;

}

.dis_center {

    align-items: center;

}



/*scroll*/



.scoll::-webkit-scrollbar {

    width: 2px;

    height: 2px

}

.scoll::-webkit-scrollbar-button:vertical {

    display: none

}

.scoll::-webkit-scrollbar-corner,

.scoll::-webkit-scrollbar-track {

    background-color: #ccc;

}

.scoll::-webkit-scrollbar-thumb {

    border-radius: 0;

    background-color: #016EC5;

}