*{margin: 0;padding: 0;}
html,body,#app{width: 100%;font-size: 12px;background: #F5F5F5;}
html,body,div,span,input,textarea,p{box-sizing: border-box;font-family: "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", Tahoma, Arial, STHeiti, sans-serif;box-sizing: border-box;font-size: inherit;color: inherit;}
input,textarea{outline: none;resize: none;border: 0;width: 100%;background: transparent;box-sizing: border-box;}
input::-webkit-input-placeholder{font-size: inherit;color: #CCCCCC;}
textarea::-webkit-input-placeholder{font-size: inherit;color: #CCCCCC;}
span{font-size: inherit;color: inherit;}
img{display: inline-block;vertical-align: top;}
a{text-decoration: none;color: inherit;font-size: inherit;}
/*去除点击高亮效果*/
a,button,input,select,img,label{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:medium none;box-sizing: border-box;}
input::-moz-focus-inner{border:none;padding:0;}
body{-webkit-text-size-adjust: 100% !important;}
input[type=number] {
    -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.inline{display: inline-block;vertical-align: middle;}

/*清除浮动*/
.fl{float:left;}
.fr{float:right;}
.clearfix{zoom:1;}
.clearfix:after{content:"";display:table;clear:both;overflow:hidden;}

.dub_Vertical_Center{text-align: center;}
.dub_Vertical_Center::before{content: '';display: inline-block;height: 100%;vertical-align: middle;}
.dub_Vertical_Center > img{vertical-align: middle;}

.mt5{margin-top: 5px;}
.mt8{margin-top: 8px;}
.mt10{margin-top: 10px;}
.mt12{margin-top: 12px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}
.mt80{margin-top: 80px;}
.mt200{margin-top: 200px;}

.mb5{margin-bottom: 5px;}
.mb8{margin-bottom: 8px;}
.mb-8{margin-bottom: -8px;}
.mb10{margin-bottom: 10px;}
.mb12{margin-bottom: 12px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}
.mb200{margin-bottom: 200px;}

.ml5{margin-left: 5px;}
.ml8{margin-left: 8px;}
.ml10{margin-left: 10px;}
.ml12{margin-left: 12px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}

.mr5{margin-right: 5px;}
.mr8{margin-right: 8px;}
.mr10{margin-right: 10px;}
.mr12{margin-right: 12px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr50{margin-right: 50px;}

.font12{font-size: 12px;}
.font13{font-size: 13px;}
.font14{font-size: 14px;}
.font15{font-size: 15px;}
.font16{font-size: 16px;}
.font17{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font22{font-size: 22px; color:#020A1B;}
.font24{font-size: 24px;}

.black3{color: #333333;}
.black6{color: #666666;}
.black9{color: #999999;}
.white{color: #FFFFFF;}
.blue{color: #267EFF;}
.orange{color: #F58120;}
.red {color:#aa0000;}
.gray{color:#999999}
.fontbold{font-weight: bold;}

.lx_red{color: #E23F64;}
.font_hover:hover{color: #E23F64;}


.tcenter{text-align: center;}
.tleft{text-align: left;}
.tright{text-align: right;}

.home_flex{display: flex;align-items: center;}
.home_flex1{flex: 1;min-width: 0;min-height: 0;}
.home_flexshrink{flex-shrink: 0;}
.home_center{justify-content: center;}
.home_align_start{align-items:flex-start}
.home_wrap{flex-wrap: wrap;}
.home_direction{flex-direction: column;}
.relative{position: relative;}
.absolute{position: absolute;}
.cursor{cursor: pointer;}

.overflow_clear{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.overflow_clear2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.overflow_clear3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.inputnative{cursor: pointer;}
.inputnative:hover{opacity: 0.9}
.inputnative:active{opacity: 1;}

/* 滚动条验样式修改 */
::-webkit-scrollbar{width: 8px;height: 8px;border-radius: 8px;}
::-webkit-scrollbar-thumb{background: #D8D8D8;border-radius: 8px;}

.hover_img{cursor: pointer;}
.hover_img1{display: block;}
.hover_img2{display: none;}
.hover_img:hover .hover_img1{display: none;}
.hover_img:hover .hover_img2{display: block;}
.act_img.act .hover_img1{display: none;}
.act_img.act .hover_img2{display: block;}

.hover_font:hover{color: #F58120;cursor: pointer;}

body .swiper-button-prev{background: #D7D7D7 url(../images/home/swiper_page.png) ;background-size: 100%;width: 48px;height: 48px;transform: rotate(180deg);border-radius: 50%;box-shadow: 0 0 20px rgba(0, 0, 0, 0.11);}
body .swiper-button-next{background: #D7D7D7 url(../images/home/swiper_page.png) ;background-size: 100%;width: 48px;height: 48px;border-radius: 50%;box-shadow: 0 0 20px rgba(0, 0, 0, 0.11);}
body .swiper-button-prev:after{content: none;}
body .swiper-button-next:after{content: none;}

