@charset "utf-8";

/*初始化*/
body,h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,a,p,dl,div,dt,dd,ul,ol,li,select,table,tr,button,input,textarea,th,td {margin:0; padding:0;border:0; box-sizing: border-box;}
body{color:#343434; font-family:"微软雅黑",arial; font-size:14px;}
a{text-decoration:none; color:#555; outline:none; vertical-align:baseline}
a,input,select,textarea{outline:none;}
textarea{ resize:none}
a:hover,a:link{ text-decoration: none;}
ul,dl{list-style-type:none;}
img {border:0;}
small,em,i{font-weight:normal; font-style:normal;}
li{list-style:none;}
img{border:0;}
/*常用类*/
.fl{float: left;}
.fr{float: right;}
.clearfix::before,.clearfix::after,.clearfix:before,.clearfix:after{content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both;}
.txt-hide{overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap;  -o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
.txt-hide2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.txt-hide3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.tc{ text-align: center;}
.tl{ text-align: left;}
.tr{ text-align: right;}
.font30{font-size: 30px;}
.font28{font-size: 28px;}
.font26{font-size: 26px;}
.font24{font-size: 24px;}
.font22{font-size: 22px;}
.font20{font-size: 20px;}
.font18{font-size: 18px;}
.font16{font-size: 16px;}
.font14{font-size: 14px;}
.font12{font-size: 12px;}
.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mt40{ margin-top: 40px;}
.ml10{ margin-left: 10px;}
.ml20{ margin-left: 20px;}
.ml30{ margin-left: 30px;}
.ml40{ margin-left: 40px;}
.mr10{ margin-right: 10px;}
.mr20{ margin-right: 20px;}
.mr30{ margin-right: 30px;}
.mr40{ margin-right: 40px;}
.mb10{ margin-bottom: 10px;}
.mb20{ margin-bottom: 20px;}
.mb25{ margin-bottom: 25px;}
.mb30{ margin-bottom: 30px;}
.mb40{ margin-bottom: 40px;}
.m10{ margin: 10px;}
.m20{ margin: 20px;}
.m30{ margin: 30px;}
.m40{ margin: 40px;}
.p10{ padding: 10px;}
.p20{ padding: 20px;}
.p30{ padding: 30px;}
.p40{ padding: 40px;}
.pl10{ padding-left: 10px;}
.pl20{ padding-left: 20px;}
.pl30{ padding-left: 30px;}
.pl40{ padding-left: 40px;}
.pt10{ padding-top: 10px;}
.pt40{ padding-top: 20px;}
.pt40{ padding-top: 30px;}
.pt40{ padding-top: 40px;}
.pr10{ padding-right: 10px;}
.pr20{ padding-right: 20px;}
.pr30{ padding-right: 30px;}
.pr40{ padding-right: 40px;}
.pb10{ padding-bottom: 10px;}
.pb20{ padding-bottom: 20px;}
.pb30{ padding-bottom: 30px;}
.pb40{ padding-bottom: 40px;}