@charset "UTF-8";

* {

    box-sizing: border-box;

}

/* html,body{height: 100%;} */

body {

    line-height: 1.5;

    font-family: "Microsoft YaHei",Microsoft YaHei UI;

    font-size: 14px;

    overflow-x:hidden;

    background-color: rgba(241, 241, 241, 1);

}



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td ,i{

    margin: 0;

    padding: 0;

}



h1, h2, h3, h4, h5, h6 {

    font-size: 100%

}



ol, ul {

    list-style: none

}

i{

    font-style: normal;

}



a {

    text-decoration: none;

    /*color: #9A9BA0;*/

}



a:hover {

    text-decoration: none;

}

img{

    max-width:100%;

    height:auto;

}

.clearfix::before,

.clearfix::after {

    content: "";

    display: block;

    visibility: hidden;

    height: 0;

    line-height: 0;

    clear: both;

}

.po_relative{

    position: relative;

}

.po_absolute{

    position: absolute;

}

.left {

    float: left

}

.right {

    float: right

}

.none{

    display: none;

}

.block{

    display: block;

}

.inlineBlock{

    display: inline-block;

}

.w1068{

    width: 1068px;

    margin: 0 auto;

}



input[type="text"],button{

    border: 0;

    outline: none;

}



.mgt30{

    margin-top: 30px;

}

.mgt20{

    margin-top: 20px;

}

.mgt20{

    margin-top: 10px;

}



/*单行显示省略号*/

.slh_1{

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

}

/*两行显示省略号*/

.slh_2{

    overflow:hidden;

    text-overflow:ellipsis;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2;

}

/*三行*/

.slh_3{

    overflow:hidden;

    text-overflow:ellipsis;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:3;

}

/*四行*/

.slh_4{

    overflow:hidden;

    text-overflow:ellipsis;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:4;

}



input[type="text"],

input[type="password"],

select {

    height: 30px;

    line-height: 30px;

}



select {

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    /*background: url("../img/icon_select.png") no-repeat scroll right center transparent;*/

    padding-right: 20px;

}



select::-ms-expand {

    display: none;

}

a {

    color: #666;

    text-decoration: none;

    cursor: pointer;

    outline: none;

}



a:hover {

    text-decoration: none;

}



input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

    color: rgba(211, 160, 159, 1);

    font-size: 14px;

}



input:-moz-placeholder,

textarea:-moz-placeholder {

    color: rgba(211, 160, 159, 1);

    font-size: 14px;

}



input::-moz-placeholder,

textarea::-moz-placeholder {

    color: rgba(211, 160, 159, 1);

    font-size: 14px;

}



input:-ms-input-placeholder,

textarea:-ms-input-placeholder {

    color: rgba(211, 160, 159, 1);

    font-size: 14px;

}



input[type="text"]:focus,

input[type="password"]:focus,

textarea:focus,

select:focus {

    outline: none;

    /* border: 1px solid #3d9ce0; */

}





/*多选框*/



input[type="checkbox"] {

    -webkit-appearance: none;

    vertical-align: middle;

    margin-top: 0;

    background: #fff;

    border: 1px solid #DCDFE6;

    border-radius: 2px;

    height: 14px;

    width: 14px;

    margin-right: 10px;

    position: relative;

}



input[type="checkbox"]:hover {

    border-color: #409EFF;

    cursor: pointer;

}



input[type="checkbox"]:checked {

    background-color: #409EFF;

    border-color: #409EFF;

}



input[type=checkbox]:checked::before {

    content: "";

    position: absolute;

    bottom: 2px;

    left: 4px;

    width: 2px;

    height: 8px;

    border-color: #ffffff;

    border-style: solid;

    border-width: 0 2px 2px 0;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}





/*单选*/



input[type="radio"] {

    -webkit-appearance: none;

    vertical-align: middle;

    margin-top: 0;

    background: #fff;

    border: 1px solid #DCDFE6;

    border-radius: 9px;

    height: 18px;

    width: 18px;

    margin-right: 10px;

    position: relative;

}



input[type="radio"]:hover {

    border-color: #409EFF;

    cursor: pointer;

}



input[type="radio"]:checked {

    background-color: #409EFF;

    border-color: #409EFF;

}



input[type=radio]:checked::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0px;

    width: 12px;

    height: 12px;

    background: rgba(42, 164, 241, 1);

    border-radius: 16px;

    top: 0;

    right: 0;

    margin: auto;

    border: 2px solid #fff;

}

/* 图片 */

.item_img_wrap .item_img{

    width:100%;

    height:0;

    padding-bottom:56.25%;

    /* 75% */

    position: relative;

    display: block;

}

.item_img img{

    width:100%;

    height:100%;

    object-fit: cover;

    position: absolute;

}

/* 大屏 */

.max_sreen{

    display:block;

}

/* 小屏 */

.min_screen{

    display:none;

}

/* 返回顶部 */

.goTop{

    position: fixed;

    right:0px;

    bottom:100px;

    cursor: pointer;

    display:none;

    width:40px;

    height:auto;

}

/* 版心 */

.heart{

    width:1200px;

    margin:0 auto;

    /* background-color: #fff; */

}

@media (max-width:1199px){

    .heart{

        width:100%;

        margin:0 auto;

        /* background-color: #fff; */

    }

}



@media (max-width:767px){

    .heart{

        width:100%;

        height:100%;

    }

    .hidden-xs{

        display:none;

    }

    /* 大屏 */

    .max_sreen{

        display:none;

    }

    /* 小屏 */

    .min_screen{

        display:block;

    }

}

/* 动画 */



@keyframes leftEnter{

    from{

        left:-100%;

    }

    to{

        left:0;

    }

}

@keyframes leftLeave{

    from{

        left:0;

    }

    to{

        left:-100%;

    }

}

@keyframes rightEnter{

    from{

        right:-100%;

    }

    to{

        right:0;

    }

}

@keyframes rightLeave{

    from{

        right:0;

    }

    to{

        right:-100%;

    }

}