html {
    -ms-touch-action: none;
}
body,
div,
h1,
h3,
h4,
p,
ul,
li {
	margin: 0;
	padding: 0;
}
ul,li {
    list-style: none;
}
a {
    text-decoration: none;
    border: none;
    outline: none;
}
a:hover{
	text-decoration: none;
}
img {
    border:none;
}
body {
	width: 100%;
	font-size: 14px;
	font-family:"微软雅黑",Microsoft YaHei,STHeiti STXihei,Microsoft JhengHei,Arial;
	overflow: auto;
}
/*详细的通用样式开始*/
.txt-cen{
	text-align:center;
}
.txt-r{
	text-align: right;
}
.txt-l{
	text-align: left;
}
.c-p{
	cursor: pointer;
}
.fawesome{
	font-family: FontAwesome;
}

/*通用样式开始*/
.h20{
	height:20px;
}
.h28{
	height:28px;
}
.h30{
	height:30px;
}
.h34{
	height: 34px;
}
.h40{
	height: 40px;
}
.h42{
	height: 42px;
}
.h44{
	height:44px;
}
.h50{
	height:50px;
}
.h60{
	height:60px;
}
.h66{
	height: 66px;
}
.h70{
	height:70px;
}
.h75{
	height:75px;
}
.h100{
	height: 100px;
}
.h120{
	height: 120px;
}
.h120{
	height: 120px;
}
.h160{
	height:160px;
}
.h200{
	height:200px;
}
.h310{
	height:310px;
}
.h400{
	height:400px;
}
.mh200{
	min-height: 200px;
}
.mh300{
	min-height: 300px;
}
.mh400{
	min-height: 400px;
}
.mr4{
	margin-right: 4px;
}
.mr6{
	margin-right: 6px;
}
.mr8{
	margin-right:8px;
}
.mr10{
	margin-right:10px;
}
.mr14{
	margin-right:14px;
}
.mr20{
	margin-right:20px;
	}
.mr30{
	margin-right: 30px;
}
.mr40{
	margin-right: 40px;
}
.mr50{
	margin-right: 50px;
}
.mr60{
	margin-right: 60px;
}
.mr65{
	margin-right: 65px;
}
.mr100{
	margin-right: 100px;
}
.mr200{
	margin-right:200px;
}
.mt25{
	margin-top: 25px;
}
.mb5{
	margin-bottom: 5px;
}
.mb40{
	margin-bottom: 40px;
}
.ml4{
	margin-left:4px;
}
.ml8{
	margin-left:8px;
}
.ml10{
	margin-left: 10px;
}
.ml20{
	margin-left:20px;
}
.ml28{
	margin-left: 28px;
}
.ml25{
    margin-left:25px;
}
.ml22{
	margin-left:22px;
}
.ml16{
	margin-left: 16px;
}
.ml-10{
	margin-left:-10px;
}
.ml-12{
	margin-left:-12px;
}
.ml-15{
	margin-left: -15px;
}
.ml-20{
	margin-left: -20px;
}
.ml-30{
	margin-left: -30px;
}
.ml-40{
	margin-left: -40px;
}
.ml-45{
	margin-left: -45px;
}
.mr-10{
	margin-right:-10px;
}
.mr-15{
	margin-right: -15px;
}
.mr-20{
	margin-right: -20px;
}
.mr-30{
	margin-right: -30px;
}
.mr-40{
	margin-right: -40px;
}
.mr-45{
	margin-right: -45px;
}
.ml40{
	 margin-left:40px;
 }
.ml50{
	margin-left:50px;
}
.ml65{
	margin-left:65px;
}
.ml100{
	margin-left: 100px;
}
.ml140{
	margin-left: 140px;
}
.ml200{
	margin-left: 200px;
}
.ml240{
	margin-left:240px;
}
.ml300{
	 margin-left:300px;
 }
.ml400{
	  margin-left:400px;
  }
.ml0{
	margin-left: 0;
}
.mr0{
	margin-right: 0;
}
.mt0{
	margin-top: 0;
}
.mb0{
	margin-bottom: 0;
}
.mt2{
	margin-top: 2px;
}
.mt4{
	margin-top: 4px;
}
.mt6{
	margin-top: 6px;
}
.mt8{
	margin-top: 8px;
}
.mt10{
	 margin-top: 10px;
 }
.mt12{
	margin-top: 12px;
}
.mt14{
	margin-top: 14px;
}
.mt18{
	margin-top: 18px;
}
.mt20{
	margin-top: 20px;
}
.mt30{
	margin-top: 30px;
}
.mt40{
	margin-top: 40px;
}
.mt50{
	margin-top: 50px;
}
.mt55{
	margin-top: 55px;
}
.mt60{
	margin-top: 60px;
}
.mt80{
	 margin-top: 80px;
 }
.mt100{
	margin-top: 100px;;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb11{
	margin-bottom: 11px;
}
.mb12{
	margin-bottom: 12px;
}
.mb18{
	margin-bottom: 18px;
}
.pl300{
	padding-left: 300px;
}
.pl500{
	padding-left: 500px;
}
.pl100{
	padding-left:100px;
}
.pl72{
	padding-left:72px;
}
.pl50{
	padding-left:50px;
}
.pl45{
	padding-left:45px;
}
.pl40{
	 padding-left:40px;
 }
.pl37{
	padding-left: 37px;
}
.pl36{
	padding-left: 36px;
}
.pl30{
	padding-left: 30px;
}
.pl25{
    padding-left: 25px;
}
.pl22{
	padding-left: 22px;
}
.pl20{
	padding-left: 20px;
}
.pl15{
    padding-left: 15px;
}
.pl12{
    padding-left: 12px;
}
.pl10{
	 padding-left: 10px;
 }
.pl8{
	  padding-left: 8px;
  }
.pl6{
	padding-left: 6px;
}
.p4{
    padding: 4px;
}
.p0{
	padding: 0;
}
.pl0{
	padding-left: 0;
}
.pl-20{
	padding-left: -20px;
}
.pr0{
	padding-right:0;
}
.pr4{
    padding-right:4px;
}
.pr10{
     padding-right:10px;
 }
.pr12{
    padding-right:12px;
}
.pr15{
    padding-right:15px;
}
.pr20{
	padding-right:20px;
}
.pr22{
	padding-right:22px;
}
.pr30{
	padding-right:30px;
}
.pr40{
	 padding-right:40px;
 }
 .pr50{
	 padding-right:50px;
 }
 .pr60{
	 padding-right:60px;
 }
 .pr70{
	 padding-right:70px;
 }
  .pr100{
	 padding-right:100px;
 }
.pt0{
	padding-top: 0;
}
.pb0{
	padding-bottom: 0;
}
.pt4{
	padding-top: 4px;
}
.pt6{
	padding-top: 6px;
}
.pt8{
	padding-top: 8px;
}
.pt10{
	padding-top: 10px;
}
.pt12{
	padding-top: 12px;
}
.pt18{
	padding-top: 18px;
}
.pt20{
	padding-top: 20px;
}
.pt24{
	padding-top: 24px;
}

.pt30{
	 padding-top: 30px;
 }
.pt40{
	padding-top: 40px;
}
.pt50{
	padding-top: 50px;
}
.pt60{
	padding-top: 60px;
}
.pt70{
	padding-top: 70px;
}
.pt100{
	padding-top: 100px;
}
.pt120{
	padding-top: 120px;
}
.pb4{
    padding-bottom: 4px;
}
.pb10{
    padding-bottom: 10px;
}
.pb12{
	padding-bottom: 12px;
}
.pb14{
	padding-bottom: 14px;
}
.pb16{
	padding-bottom: 16px;
}
.pb18{
	padding-bottom: 18px;
}
.pb20{
	padding-bottom: 20px;
}
.pb24{
	padding-bottom: 24px;
}
.pb25{
	padding-bottom: 25px;
}
.pb30{
	padding-bottom: 30px;
}
.pb36{
	padding-bottom: 36px;
}
.pb38{
	padding-bottom: 38px;
}
.pb40{
	padding-bottom: 40px;
}
.pb60{
	padding-bottom: 60px;
}
.pb100{
	padding-bottom: 100px;
}
.pd10{
	padding: 10px;
}
.pd15{
	padding: 15px;
}
.pd20{
	padding: 20px;
}
.pd30{
	padding: 30px;
}
.f02{
	font-size:0.2em;
}
.f12{
	font-size:0.75em;
}
.f14{
	font-size: 0.875em;
}
.f16{
	font-size: 1em;
}
.f18{
	font-size:1.125em;
}
.f20{
	font-size:1.250em;
}
.f22{
	font-size: 1.375em;
}
.f24{
	font-size: 1.5em;
}
.f26{
	font-size: 26px;
}
.f28{
	font-size: 28px;
}
.f30{
	font-size: 30px;
}
.f40{
	font-size: 40px;
}
.f-w-b{
	font-weight: bold;
}
.f-w-n{
	font-weight: normal;
}
.lh100{
	line-height:100px;
}
.lh54{
	line-height: 54px;
}
.lh40{
	line-height: 40px;
}
.lh30{
	line-height: 30px;
}
.lh26{
	line-height:26px;
}
.lh24{
	line-height:24px;
}
.lh22{
	line-height:22px;
}
.lh20{
	line-height:20px;
}
.lh14{
	line-height:14px;
}
.lh0{
	line-height: 0;
}
.dis-ib{
	display: inline-block;
}
.dis-n{
	display: none;
}
.dis-b{
	display:block;
}
.dis-i{
	display:inline;
}
.dis-c{
	display:table-cell;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.vis-h{
	visibility: hidden;
}
.borb1{
	border-bottom:1px solid #eee;
	}
.borb-1{
	border-bottom:1px solid #eee;
}
.bort1{
	border-top:1px solid #eee;
	}
.borb1ed{
	border-bottom:1px solid #edebeb;
}
.borb1ccc{
	border-bottom:1px solid #ccc;
}
.borb1ccc-dash{
	border-bottom:1px dashed #ccc;
}
.bor1ed{
	border: 1px solid #edebeb;
}
.bor1ccc{
	border: 1px solid #ccc;
}

.borb1ed-dash{
	border-bottom: 1px dashed #ededed;
}
.bor1ed-dash{
	border: 1px dashed #ededed;
}
.borno{
    border: none;
    padding:0 2%;
}
.w-5{
	width: 5%;
}
.w-10{
	width: 10%;
}
.w-8{
	width:8%;
}
.w-20{
	width: 20%;
}
.w-30{
	width: 30%;
}
.w-40{
	width: 40%;
}
.w-50{
	width: 50%;
}
.w-60{
	width: 60%;
}
.w-70{
	width: 70%;
}
.w-80{
	width: 80%;
}
.w-90{
	width: 90%;
}
.w-92{
	width:92%;
}
.w-95{
	width:95%;
}
.w-100{
	width: 100%;
}
.w60{
    width:60px;
}
.w80{
	width:80px;
}
.w90{
	width:90px;
}
.w100{
	width: 100px;
}
.w110{
	width:110px;
}
.w114{
	width: 114px;
}
.wd120{
	width: 120px;
}
.w140{
	width:140px;
}
.w160{
	width:160px;
}
.w180{
	width:180px;
}
.w200{
    width:200px;
}
.w240{
	width:240px;
}
.w275{
	width:275px;
}
.w350{
    width:350px;
}
.w400{
    width:400px;
}
.w416{
    width:416px;
}
.w800{
	width:800px;
}
.w900{
	width:900px;
}
.w1100{
	width:1100px;
}

.ccc{
	color: #ccc;
}
.c888{
	color: #888;
}
.c999{
	color: #999;
}
.cd2d2d2{
	color: #d2d2d2;
}
.c666{
	color: #666;
 }
.c555{
	color: #555555;
 }
 .c000{
	color: #000;
}
.c333{
	color: #333;
}
.f6f6f6{
	color: #f6f6f6;
}
.cacac{
	color: #acacac;
}
.cfff{
	color: #fff;
}
.bcc{
	background-color: #ccc;
}
.bce{
	background-color: #eee;
}
.bcfff{
	background-color: #fff;
}
.bc000{
	background: #000000;
}
.bcfafafa{
	background-color: #fafafa;
}
.bcf4f2f2{
	background-color: #f4f2f2;
}
.bcf5f5f5{
    background-color: #f5f5f5;
}
.bcf7f7f7{
    background-color: #f7f7f7;
}
.bc03A9F4{
	background-color: #03A9F4;
}
.bce8edef{
	background: #e8edef;
}
.bor-ra4{
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.bor-ra15{
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
}
.bor-ra-50{
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.p-r{
	position:relative;
}
.p-a{
	position: absolute;
}
.t0{
	top:0
}
.t2{
	top:2px;
}
.t4{
	top:4px;
}
.t6{
	top:6px;
}
.t7{
	top:7px;
}
.t8{
	top:8px;
}
.t10{
	top:10px;
}
.t12{
	top:12px;
}
.t14{
	top:14px;
}
.t16{
	top:16px;
}
.t18{
	top:18px;
}
.t22{
	top:22px;
}
.b0{
	bottom:0px;
}
.b2{
	bottom:2px;
}
.b4{
	bottom:4px;
}
.b6{
	bottom:6px;
}
.b8{
	bottom:8px;
}
.b30{
	bottom:30px;
}
.t45{
    top:45px;
}
.l0{
	left:0
}
.r4{
	right:4px;
}
.r6{
	right:6px;
}
.r8{
	right:8px;
}
.r10{
	right:10px;
}
.r12{
	right:12px;
}
.r14{
	right:14px;
}
.r22{
	right:22px;
}
.r45{
    right:45px;
}
.l138{
	left:138px;
}
.text-d-n{
	text-decoration:none
}
.text-d-n:hover{
	text-decoration:none
}
.txt-over{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.c0551B7{
	color: #0551B7;
}
.c03A9F4{
	color: #03A9F4;
}
.03a9f4{
	color: #03a9f4;
}
.img100{
	width: 100%;
}
.transition03{
	transition: all 0.3s;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.transition04{
	transition: all 0.4s;
	-ms-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
}
.transition05{
	transition: all 0.5s;
	-ms-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
.transition1{
	transition: all 1s;
	-ms-transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
}
.txt-in2{
	text-indent: 2em;
}
.pull-left{
	float: left;
}
.pull-right{
	float: right;
}
.clearfix{
	clear: both;
}
.over-hide{
	overflow: hidden;
}
.black{
	color: #000;
}

/* 通用 */
.txt-over1{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.txt-over2{
	overflow: hidden;
	text-overflow: ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.txt-over3{
	overflow: hidden;
	text-overflow: ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
}
.txt-over4{
	overflow: hidden;
	text-overflow: ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical;
}
.txt-over5{
	overflow: hidden;
	text-overflow: ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:5;
	-webkit-box-orient:vertical;
}