body,html{ margin:0;padding:0}
a{color:#333}
a:hover{text-decoration: none;}
ul{ padding:0;list-style:none}
/*辅助类*/
.sheng{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.clear{ clear:both}
.pm{ padding:0!important; margin:0!important}
.fright{ float:right} .fleft{ float:left}
.block{ display:block} .inline{ display:inline-block}
.relative{ position:relative}.absolute{ position:absolute}
/*背景类*/
.bg-fff{ background:#fff}.bg-ef{ background:#efefef}.bg-eee{ background:#eee}
.bg-ef2{background:#f7f9fb;}
.bg-ccc{ background:#ccc;color:#333;}.bg-000{ background:#000;color:#fff;}
.bg-111{ background:#111;color:#fff;}.bg-222{ background:#222;color:#fff;}
.bg-333{ background:#333;color:#fff;}.bg-444{ background:#444;color:#fff;}
.bg-555{ background:#555;color:#fff;}.bg-666{ background:#666;color:#fff;}
.bg-999{ background:#999;color:#fff;}
.bg-red{ background:#f00;color:#fff;}
.bg-green{ background:#096;color:#fff;}
.bg-yellow{ background:#F60;color:#fff;}
.bg-blue{ background:blue;color:#fff;}
/*文字类*/
.red{ color:#f00!important;}
.green{ color:#063!important;}.green2{ color:#0c9!important;}
.yellow{ color:#F60!important;}
.white{ color:#fff!important;}
.gray{ color:#666!important;}
.blue{color:#09f!important;}
.h1{ font-size:36px; }.h2{ font-size:30px}.h3{ font-size:24px}
.h4{ font-size:18px}.h5{ font-size:14px}.h6{ font-size:12px}
.f12{font-size:12px!important;}.f13{font-size:13px!important;}
.f14{font-size:14px!important;}.f15{font-size:15px!important;}
.f16{font-size:16px!important;}.f18{font-size:18px!important;}
.f20{font-size:20px!important;}.f22{font-size:22px!important;}
.f25{font-size:25px!important;}.f30{font-size:30px!important;}
.f35{font-size:35px!important;}
/*段落类*/
.indent2{text-indent:2em;}
.line25{ line-height:25px;}.line30{ line-height:30px;}
.line35{ line-height:35px;}.line40{ line-height:40px;}
.line45{ line-height:45px;}.line50{ line-height:50px;}
.line55{ line-height:55px;}.line60{ line-height:60px;}.line70{ line-height:70px;}.line80{ line-height:80px;}.line90{ line-height:90px;}.line100{ line-height:100px;}
/*宽度-高度类*/
.h01{min-height:1px;}.h02{min-height:2px;}.h03{min-height:3px;}.h04{min-height:4px;}.h05{min-height:5px;}
.h06{min-height:6px;}.h07{min-height:7px;}.h08{min-height:8px;}.h08{min-height:9px;}.h09{min-height:9px;}
.h10{min-height:10px;}.h15{min-height:10px;}.h20{min-height:20px;}.h25{min-height:25px;}.h30{min-height:30px;}
.h40{min-height:50px;}.h50{min-height:50px;}.h60{min-height:60px;}.h100{min-height:100px;}.h200{min-height:200px;}.h300{min-height:300px;}.h400{min-height:400px;}.h500{min-height:500px;}
.w01{width:1px;}.w02{width:2px;}.w03{width:3px;}.w04{width:4px;}.w05{width:5px;}
.w06{width:6px;}.w07{width:7px;}.w08{width:8px;}.w09{width:9px;}.w10{width:10px;}
.w15{width:15px;}.w20{width:20px;}.w30{width:30px;}.w40{width:40px;}.w50{width:50px;}
.w60{width:60px;}.w70{width:70px;}.w80{width:80px;}.w90{width:90px;}
.w100{width:100px;}.w110{width:110px;}.w120{width:120px;}.w130{width:130px;}.w140{width:140px;}
.w150{width:150px;}.w200{width:200px;}.w300{width:300px;}.w400{width:400px;}.w500{width:500px;}
/*边框类 border+线*/
.bk{border:1px solid #ccc}
.bk-red{border:1px solid #f00}
.bk-left{border-left:1px solid #eee;}
.bk-right{border-right:1px solid #eee;}
.bk-top{border-top:1px solid #eee;}
.bk-bottom{border-bottom:1px solid #eee;}
.bk-y{border-bottom:1px solid #eee;border-top:1px solid #eee;}
.bk-x{border-left:1px solid #eee;border-right:1px solid #eee;}
.xian,line{min-height:2px;border-bottom:1px solid #efefef;margin:5px 0}
.radius0{border-radius:0!important}.radius5{border-radius:5px!important}
.radius6{border-radius:6px!important}.radius7{border-radius:7px!important}
.radius8{border-radius:8px!important}.radius9{border-radius:9px!important}
.radius10{border-radius:10px!important}
.radius15{border-radius:15px!important}
.radius20{border-radius:20px!important}
.radius30{border-radius:30px!important}
.radius100{border-radius:100px!important}
/*组件-按钮类 */
.my-btn-success,.my-btn-red,.my-btn-yellow{display:inline-block; line-height:30px; padding:0 20px; color:#fff!important; border:none; margin:10px 0; cursor:pointer;border-radius:5px; font-size:15px;}
.my-btn-success{background:#096;color:#fff;}
.my-btn-success:hover{ background:#063;; }
.my-btn-red{ background:#ED0C1D;color:#fff;}
.my-btn-red:hover{ background:#f30;color:#fff}
.my-btn-yellow{ background:#F60;color:#fff;}
.my-btn-yellow:hover{ background:#F30;color:#fff}
.btn-layui {
color: #fff;
background-color: #009688;
border-color: #009688;
}
.btn-layui:hover{
color: #fff;
background-color: #1e9b8e;
border-color: #1e9b8e;
}
/*间距类 padding & margin--手机电脑公用*/
.pad0 {padding:0px}.pad5 {padding:5px}.pad10 {padding:10px}
.pad15 {padding:15px}.pad20 {padding:20px}.pad30 {padding:30px}
.pad40 {padding:40px}.pad50 {padding:50px}
.mar0 {margin:0px}.mar5 {margin:5px} .mar10 {margin:10px}
.mar15 {margin:15px}.mar20 {margin:20px}.mar30 {margin:30px}
.mar40 {margin:40px}.mar50 {margin:50px}
/*0px*/
.pad-y0 {padding:0px 0}.pad-x0{padding:0 0px}.pad-left0 {padding-left:0px}.pad-right0 {padding-right:0px}.pad-top0 {padding-top:0px}.pad-bottom0 {padding-bottom:0px}
/*5px*/
.pad-y5 {padding:5px 0}.pad-x5{padding:0 5px}.pad-left5 {padding-left:5px}.pad-right5 {padding-right:5px}.pad-top5 {padding-top:5px}.pad-bottom5 {padding-bottom:5px}
/*10px*/
.pad-y10 {padding:10px 0}.pad-x10{padding:0 10px}.pad-left10 {padding-left:10px}.pad-right10 {padding-right:10px}.pad-top10 {padding-top:10px}.pad-bottom10 {padding-bottom:10px}
/*15px*/
.pad-y15 {padding:15px 0}.pad-x15{padding:0 15px}.pad-left15 {padding-left:15px}.pad-right15 {padding-right:15px}.pad-top15 {padding-top:15px}.pad-bottom15 {padding-bottom:15px}
/*20px*/
.pad-y20 {padding:20px 0}.pad-x20{padding:0 20px}.pad-left20 {padding-left:20px}.pad-right20 {padding-right:20px}.pad-top20 {padding-top:20px}.pad-bottom20 {padding-bottom:20px}
/*30px*/
.pad-y30 {padding:30px 0}.pad-x30{padding:0 30px}.pad-left30 {padding-left:30px}.pad-right30 {padding-right:30px}.pad-top30 {padding-top:30px}.pad-bottom30 {padding-bottom:30px}
/*50px*/
.pad-y50 {padding:50px 0}.pad-x50{padding:0 50px}.pad-left50 {padding-left:50px}.pad-right50 {padding-right:50px}.pad-top50 {padding-top:50px}.pad-bottom50 {padding-bottom:50px}
/*0px*/
.mar-y0 {margin:0px 0}.mar-x0{margin:0 0px}.mar-left0 {margin-left:0px}.mar-right0 {margin-right:0px}.mar-top0 {margin-top:0px}.mar-bottom0 {margin-bottom:0px}
/*5px*/
.mar-y5 {margin:5px 0}.mar-x5{margin:0 5px}.mar-left5 {margin-left:5px}.mar-right5 {margin-right:5px}.mar-top5 {margin-top:5px}.mar-bottom5 {margin-bottom:5px}
/*10px*/
.mar-y10 {margin:10px 0}.mar-x10{margin:0 10px}.mar-left10 {margin-left:10px}.mar-right10 {margin-right:10px}.mar-top10 {margin-top:10px}.mar-bottom10 {margin-bottom:10px}
/*15px*/
.mar-y15 {margin:15px 0}.mar-x15{margin:0 15px}.mar-left15 {margin-left:15px}.mar-right15 {margin-right:15px}.mar-top15 {margin-top:15px}.mar-bottom15 {margin-bottom:15px}
/*20px*/
.mar-y20 {margin:20px 0}.mar-x20{margin:0 20px}.mar-left20 {margin-left:20px}.mar-right20 {margin-right:20px}.mar-top20 {margin-top:20px}.mar-bottom20 {margin-bottom:20px}
/*30px*/
.mar-y30 {margin:30px 0}.mar-x30{margin:0 30px}.mar-left30 {margin-left:30px}.mar-right30 {margin-right:30px}.mar-top30 {margin-top:30px}.mar-bottom30 {margin-bottom:30px}
/*40px*/
.mar-y40 {margin:40px 0}.mar-x40{margin:0 40px}.mar-left40 {margin-left:40px}.mar-right40 {margin-right:40px}.mar-top40 {margin-top:40px}.mar-bottom40 {margin-bottom:40px}
/*50px*/
.mar-y50 {margin:50px 0}.mar-x50{margin:0 50px}.mar-left50 {margin-left:50px}.mar-right50 {margin-right:50px}.mar-top50 {margin-top:50px}.mar-bottom50 {margin-bottom:50px}
/*--------------------------------------------- 页面宽度大于760不起作用--手机版专用-------------------------------------------- */
@media (max-width:760px){
.pm-mobile{margin:0;padding:0}
/* 用于兼容电脑2格以上，手机变为一格时上下没有距离 */
.mobile-mar-top0{margin-top:0}.mobile-mar-top5{margin-top:5px}
.mobile-mar-top10{margin-top:10px}.mobile-mar-top15{margin-top:15px}
.mobile-mar-top20{margin-top:20px}.mobile-mar-top30{margin-top:30px}
.row-img{
margin-right:-15px;
margin-left:-15px;
}
}
/*--------------------------------------------- 页面宽度小于760不起作用--电脑版专用-------------------------------------------- */
@media (min-width:760px){
.col-md-20 {width:20%; float:left;padding:0 15px;}
/* 用于图片列表两侧对齐 */
.row-img{
margin-right:-30px;
margin-left:-30px;
}
/*间距类 padding & margin--电脑专用*/
.pad-pc0 {padding:0px}.pad-pc5 {padding:5px}.pad-pc10 {padding:10px}
.pad-pc15 {padding:15px}.pad-pc20 {padding:20px}.pad-pc30 {padding:30px}
.pad-pc40 {padding:40px}.pad-pc50 {padding:50px}
.mar-pc0 {margin:0px}.mar-pc5 {margin:5px} .mar-pc10 {margin:10px}
.mar-pc15 {margin:15px}.mar-pc20 {margin:20px}.mar-pc30 {margin:30px}
.mar-pc40 {margin:40px}.mar-pc50 {margin:50px}
/*0px*/
.pad-pc-y0 {padding:0px 0}.pad-pc-x0{padding:0 0px}.pad-pc-left0 {padding-left:0px}.pad-pc-right0 {padding-right:0px}.pad-pc-top0 {padding-top:0px}.pad-pc-bottom0 {padding-bottom:0px}
/*5px*/
.pad-pc-y5 {padding:5px 0}.pad-pc-x5{padding:0 5px}.pad-pc-left5 {padding-left:5px}.pad-pc-right5 {padding-right:5px}.pad-pc-top5 {padding-top:5px}.pad-pc-bottom5 {padding-bottom:5px}
/*10px*/
.pad-pc-y10 {padding:10px 0}.pad-pc-x10{padding:0 10px}.pad-pc-left10 {padding-left:10px}.pad-pc-right10 {padding-right:10px}.pad-pc-top10 {padding-top:10px}.pad-pc-bottom10 {padding-bottom:10px}
/*15px*/
.pad-pc-y15 {padding:15px 0}.pad-pc-x15{padding:0 15px}.pad-pc-left15 {padding-left:15px}.pad-pc-right15 {padding-right:15px}.pad-pc-top15 {padding-top:15px}.pad-pc-bottom15 {padding-bottom:15px}
/*20px*/
.pad-pc-y20 {padding:20px 0}.pad-pc-x20{padding:0 20px}.pad-pc-left20 {padding-left:20px}.pad-pc-right20 {padding-right:20px}.pad-pc-top20 {padding-top:20px}.pad-pc-bottom20 {padding-bottom:20px}
/*30px*/
.pad-pc-y30 {padding:30px 0}.pad-pc-x30{padding:0 30px}.pad-pc-left30 {padding-left:30px}.pad-pc-right30 {padding-right:30px}.pad-pc-top30 {padding-top:30px}.pad-pc-bottom30 {padding-bottom:30px}
/*50px*/
.pad-pc-y50 {padding:50px 0}.pad-pc-x50{padding:0 50px}.pad-pc-left50 {padding-left:50px}.pad-pc-right50 {padding-right:50px}.pad-pc-top50 {padding-top:50px}.pad-pc-bottom50 {padding-bottom:50px}
/*0px*/
.mar-pc-y0 {margin:0px 0}.mar-pc-x0{margin:0 0px}.mar-pc-left0 {margin-left:0px}.mar-pc-right0 {margin-right:0px}.mar-pc-top0 {margin-top:0px}.mar-pc-bottom0 {margin-bottom:0px}
/*5px*/
.mar-pc-y5 {margin:5px 0}.mar-pc-x5{margin:0 5px}.mar-pc-left5 {margin-left:5px}.mar-pc-right5 {margin-right:5px}.mar-pc-top5 {margin-top:5px}.mar-pc-bottom5 {margin-bottom:5px}
/*10px*/
.mar-pc-y10 {margin:10px 0}.mar-pc-x10{margin:0 10px}.mar-pc-left10 {margin-left:10px}.mar-pc-right10 {margin-right:10px}.mar-pc-top10 {margin-top:10px}.mar-pc-bottom10 {margin-bottom:10px}
/*15px*/
.mar-pc-y15 {margin:15px 0}.mar-pc-x15{margin:0 15px}.mar-pc-left15 {margin-left:15px}.mar-pc-right15 {margin-right:15px}.mar-pc-top15 {margin-top:15px}.mar-pc-bottom15 {margin-bottom:15px}
/*20px*/
.mar-pc-y20 {margin:20px 0}.mar-pc-x20{margin:0 20px}.mar-pc-left20 {margin-left:20px}.mar-pc-right20 {margin-right:20px}.mar-pc-top20 {margin-top:20px}.mar-pc-bottom20 {margin-bottom:20px}
/*30px*/
.mar-pc-y30 {margin:30px 0}.mar-pc-x30{margin:0 30px}.mar-pc-left30 {margin-left:30px}.mar-pc-right30 {margin-right:30px}.mar-pc-top30 {margin-top:30px}.mar-pc-bottom30 {margin-bottom:30px}
/*40px*/
.mar-pc-y40 {margin:40px 0}.mar-pc-x40{margin:0 40px}.mar-pc-left40 {margin-left:40px}.mar-pc-right40 {margin-right:40px}.mar-pc-top40 {margin-top:40px}.mar-pc-bottom40 {margin-bottom:40px}
/*40px*/
.mar-pc-y50 {margin:50px 0}.mar-pc-x50{margin:0 50px}.mar-pc-left50 {margin-left:50px}.mar-pc-right50 {margin-right:50px}.mar-pc-top50 {margin-top:50px}.mar-pc-bottom50 {margin-bottom:50px}
}
/*------------------------------------------------------- bootstrap重定义------------------------------------------------------ */
/*
*修改意图，无背景的情况下栅格一般不需要15的内间距，两个相邻的栅格会有30宽度，太宽了
*/
.row-8 {
margin-right:-8px;
margin-left:-8px;
}
.row-8 [class^=col-]{
padding-right:8px;
padding-left:8px;
}