@charset "UTF-8";
/* CSS3动画库 */
@import url("animate.css");

/* swiper */
@import url("swiper.min.css");
html * {
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td,select { margin:0; padding:0;font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, SimHei, sans-serif; }
body, button, input, select, textarea {font-size:16px; line-height: 1; }
button{cursor:pointer;}
body {background-color: #ffffff;}
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none;  list-style-type: none; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
table{table-layout:fixed;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section { display: block; }
input,input[type="search"],button,select,option,textarea,a{ outline:none; border:0; -webkit-appearance:none;border-radius: 0; background:none;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* custom */
select::-ms-expand { display: none; }
a { text-decoration: none; -webkit-backface-visibility: hidden; color:#000000;cursor:pointer; }
a:hover,a:focus{ text-decoration: none;-webkit-backface-visibility: hidden;}
a:link{text-decoration: none;-webkit-backface-visibility: hidden;}
body { -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "Noto Sans SC", arial, sans-serif, 'Droid Sans Fallback'; color:#333;}
div,section,header{-webkit-box-sizing:border-box; box-sizing:border-box;}
input{line-height: normal;}
.w30{width: 32%;}
.w48{width: 49%;}
/*加载动画*/
.Loads {
    height: 0.8rem;
    font-size: 0.25rem;
    color: #000;
}
.Loads .iconfont {
    font-size: 0.3rem;
    margin-right: 0.1rem;
    height: 0.32rem;
    line-height: 0.32rem;
}
.loadingpic {
    animation: load 3s linear 1s infinite;
}
.loading {
    animation: load linear 1s infinite;
}
.roll_move{
    animation: move 15s linear 1s infinite;
}
.roll_move:hover{
    animation-play-state:paused;
    -webkit-animation-play-state:paused;
}
@-moz-keyframes load {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@-webkit-keyframes load {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@keyframes load {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@-moz-keyframes move{
    0%{transform:translateX(100%);}
    50%{transform:translateX(0);}
    100%{transform:translateX(-100%);}
}
@-webkit-keyframes move{
    0%{transform:translateX(100%);}
    50%{transform:translateX(0);}
    100%{transform:translateX(-100%);}
}
@keyframes move{
    0%{transform:translateX(100%);}
    50%{transform:translateX(0);}
    100%{transform:translateX(-100%);}
}
/* webkit滚动条 */

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-thumb {
    background-color: #bbb;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

::-webkit-scrollbar-track-piece {
    background-color: #ddd;
}
.fd_img{transition: all .3s;}
.fd_img:hover{transform: scale(1.2)}
.sx_img{transition: all .3s;}
.sx_img:hover{transform: scale(0.8)}
/*常用属性*/
.fl{ float:left; }
.fr{ float:right; }
.clear{ clear:both; height: 0; line-height: 0; font-size: 0; }
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; overflow: hidden; }
.con-cell { display: table-cell; height: 100%; vertical-align: middle; }
.w1 { width: 100% ;height: auto;}
.w5 { width: 50%;}
.h1 { height: 100%; } /*使用bootstrap时 不可用该属性*/
.wm-128 { max-width: 1280px;height: 100%;margin: 0 auto;position: relative }
.nowrap{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.p_text{display:table;}
.s_text{display:table-cell;vertical-align: middle;}
/* 弹性盒子 */
.row { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
    -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.row.row-middle {
    -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}
.row.row-top {
    -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start;
}
.row.row-bottom {
    -webkit-box-align: end; -moz-box-align: end; -o-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end;
}
.row.row-center {
    -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;
}
.row.row-right {
    -webkit-box-pack: end; -moz-box-pack: end; -o-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end;
}
.row.row-left {
    -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;
}
.row.row-between {
    -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
}
.row.row-around {
    justify-content: space-around; -webkit-justify-content: space-around;
}
.row.row-column-around {
    -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: space-around; -webkit-justify-content: space-around;
}
.row.row-column {
    -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}
.row.row-column-between {
    -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
    -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
}
/* 上下左右垂直居中 */
.row.row-center-wrapper {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
/* 上下两边居中对齐 */
.row.row-between-wrapper {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}