/*公用边距*/

*{

    margin: 0 auto;

    padding: 0;

}

.tit-center{

    text-align: center !important;

}

.prov_rota{

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

}

input,button{

    outline:none;

    color: #f1f1f1;

}

i{

    display: inline-block;

}

/*去掉点*/

ul li{

    list-style: none;

}

textarea{

    resize: none;

}

/*去掉a标签的下划线*/

a{

    text-decoration: none !important;

    display: inline-block;

}

*{

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

/*旋转180*/

.prov_rota{

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {

    -webkit-user-select: text;

    outline: 0;

    background-color: #f5f5f5;

    -webkit-appearance: none;

}

video{

    display: block;

}

/*定位公用居中*/

.po{

    top:50%;

    left: 50%;

    position: absolute;

    transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

}

.po_x{

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

}

.po_y{

    position: absolute;

    top:50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}



/*浮动*/

.fl{

    float: left !important;

}

.fr{

    float: right !important;

}

/*清浮动*/

.clear::after{

    display: block;

    clear: both;

    content: "";

}

/*修改bootstrap的个别公用样式*/

.h1, .h2, .h3, h1, h2, h3{

    margin-bottom: 0;

    margin-top: 0;

}

html,body{

    font-family: "Microsoft Yahei";

}

.bold{

    font-family: "Microsoft Yahei";

    font-weight: bold;

}

.floatLayer{

    position: fixed;

    width: 100%;

    height:100%;

    top:0;

    left: 0;

    background: rgba(0,0,0,0.5);

    z-index: 10000;

}

.ying-bg{

    background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, #000000 99%);

    background-image: -webkit-linear-gradient(-90deg, rgba(0,0,0,0.00) 0%, #000000 99%);

    background-image: -moz-linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, #000000 99%);

    background-image: -ms-linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, #000000 99%);

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#000000, endColorstr=#000000);/*IE<9>*/

    bottom: 0;

    left: 0;

    position: absolute;



    width: 100%;

    color: #fff;

}

.overFl-one1{

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

.display-a{

    display: block;

    cursor: pointer;

    width: 98%;

    height: 98%;

}

.flex-layer{

    position: fixed;

    width: 100%;

    height: 100%;

    top:0;

    background: rgba(0,0,0,0.5);

    left: 0;

    z-index: 100000;

}

.pd-five{

    padding-top: 50px;

}

.pd-three{

    padding-top: 15px;

}

.pd-two{

    padding-top: 20px;

}

.mr-five{

    margin-top: 20px;

}

.mr-three{

    margin-top: 20px;

}

.mr-two{

    margin-top: 20px;

}

.mr-four{

    margin-top: 40px;

}

.img-auto{

    display: block;

    width: 100%;

    height: auto;

}

.column{ width:1000px; margin:0 auto; margin-top:20px;}