html{height:100%;}
body{min-height:100%;margin:0;padding:0;position:relative;}


/*通用*/
.fl{ float: left;}
.fr{ float: right;}
.bg-none{ background: none;}
.bg-one{ background: #1e9fff;}
.bg-white{ background: #fff}
.bg-f7{ background: #f7f7f7;}
.bg-f5{ background: #f5f5f5;}
.color-one{ color: #1e9fff;}
.color-two{ color: #fa8919;}
.color-333{ color: #333;}
.color-666{ color: #666;}
.color-999{ color: #999;}
.color-red{ color: #ff0000;}
.color-white{color: #fff;}
.text-center{ text-align: center;}
.text-right{ text-align: right;}
.lh20{ line-height: 20px;}
.lh24{ line-height: 24px;}
.lh26{ line-height: 26px;}
.lh28{ line-height: 28px;}
.lh30{ line-height: 30px;}
.lh40{ line-height: 40px;}
.fs44{ font-size: 44px;}
.fs36{ font-size: 36px;}
.fs30{ font-size: 30px;}
.fs24{ font-size: 24px;}
.fs20{ font-size: 20px;}
.fs18{ font-size: 18px;}
.fs16{ font-size: 16px;}
.fs14{ font-size: 14px;}
.fs12{ font-size: 12px;}
.fs10{ font-size: 10px;}
.ml10{ margin-left: 10px;}
.mt3{ margin-top: 3px;}
.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mt50{ margin-top: 50px;}
.mt60{ margin-top: 0px;}
.mt70{ margin-top: 70px;}
.mr10{ margin-right: 10px;}
.mb15{ margin-bottom: 15px;}
.mb20{ margin-bottom: 20px;}
.mb40{ margin-bottom: 40px;}
.mb70{ margin-bottom: 70px;}
.mtb20{ margin-bottom: 20px; margin-top: 20px;}
.pl30{padding-left: 30px;}
.pt15{ padding-top: 15px;}
.ptb10{ padding-top: 10px; padding-bottom: 10px;}
.ptb15{ padding-top: 15px; padding-bottom: 15px;}
.ptb20{ padding-top: 20px; padding-bottom: 20px;}
.plr15{ padding-left: 15px; padding-right: 15px;}
.plr30{ padding-left: 30px; padding-right: 30px;}
.plr50{ padding-left: 50px; padding-right: 50px;}
.ptblr15{ padding: 15px;}
.border-t1{ border-top: 1px solid #f0f0f0;}
.bsone{ box-shadow: 4px 0 10px rgba(0,0,0,.2);}
.bdnone{ border: none;}
.bdtone{ border-top: 1px solid #f5f5f5;}
.bdbone{ border-bottom: 1px solid #e5e5e5;}
.mauto{ margin: 0 auto; float: none;}
.text3em{ text-indent: 3em;}
.line-before{position: relative;}
.line-before:before{ content: ''; position: absolute; height: 1px; width: 30%; left: 0; top: 15px; background: #e5e5e5;}
.line-before:after{ content: ''; position: absolute; height: 1px; width: 30%; right: 0; top: 15px; background: #e5e5e5;}

.overhide{ overflow: hidden;}
.eilptwo{ overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.eilpthree{ overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.eilpfour{ overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}

/*icon*/
.btnIcon{ width: 50px; height: 50px; display: block;}
.icon-phone{ background: url(../images/icon-user.png) center center; background-repeat: no-repeat;}
.icon-password{ background: url(../images/icon-password.png) center center; background-repeat: no-repeat;}
.icon-code{ background: url(../images/icon-code.png) center center; background-repeat: no-repeat;}
.icon-qqbtn{ background: url(../images/qqbtn.png) center center / 100% 100%; background-repeat: no-repeat;}
.icon-go{ background: url(../images/icon-go.png) 0 center / 22px 22px; background-repeat: no-repeat;}
/*背景图*/
.bgimg-one{ background: url(../images/bgone.jpg) center bottom / 100% 360px; background-repeat: no-repeat;}
.bgimg-two{ background: url(../images/bgtwo.jpg) center bottom / 100% 360px; background-repeat: repeat-x;}
.bgimg-three{ background: url(../images/bgimg-three.png) center center / 1920px 42px; background-repeat: repeat-x;}
/*ios版点击兼容*/
a{ cursor: pointer;}


.wrap{ width: 1200px; margin: 0 auto;}
.barLine{ line-height: 30px; position: relative; margin-bottom: 10px;}
.barLine:after{position: absolute; content: ''; width: 100px; height: 2px; background: #1e9fff; bottom:0px; left: 50%; margin-left: -50px; right: 50%;}


/*板块2*/
.comm-listall{ height: 600px;}
.comm-info{ background: #fff; box-shadow: 0 0 18px 3px rgba(0,0,0,.1); padding: 15px; min-height: 465px;}
.comm-list-one { margin-top: 20px;}
.comm-list-one ul li{ position: relative; margin-bottom: 40px; min-height: 62px;}
.comm-list-one ul li div{ position: absolute; width: 75px; height: 55px; background: #1d9fff; padding-top: 10px;}
.comm-list-one ul li a{ padding-left: 85px;}
.comm-list-one ul li a p{ height:40px;overflow:hidden;}
.comm-list-one ul li a:hover h2{ color: #ff6600;}
.comm-list-one ul li a:hover p{ color: #666;}
.news3 ul li{ margin-bottom: 28px; position: relative; min-height: 30px;}
.news3 ul li div.list-number{ background: #cacaca; padding-top: 0; color: #fff; border-radius: 3px; width: 30px; height: 28px; line-height: 28px; text-align: center;}
.news3 ul li:nth-child(1) div.list-number{background:#ff5555;}
.news3 ul li:nth-child(2) div.list-number{background:#ff9900;}
.news3 ul li:nth-child(3) div.list-number{background:#ffcc00;}
.news3 ul>li>a>h2{ line-height: 28px;}
.news3 ul>li>a>p{ display: none;}
.news3 ul li a{ padding-left: 42px;}
.news3 ul li a:hover{ color: #ff6600;}


.pchide{ display: none !important;}


@media screen and (max-width: 1200px){

 .touchhide{ display: none !important;}
 .pchide{ display: block !important;}

 
 .layui-main,
 .wrap{ width: 100%;}
 .alone-nav .code-body{ width: 100%; overflow-x: scroll; overflow: hidden; box-sizing: border-box;}
 .alone-nav .code-ball{ min-width: 1170px;}
 

}


/*兼容移动<768*/
@media screen and (max-width: 768px){
	body{font-size: 12px;}
	.comm-listall{ overflow-x:hidden;overflow-y:scroll; margin-top: 60px;}
	.bgimg-one{ background: none;}
	.touchno{ display: none;}
	}