@charset "utf-8";
/*！ * BASE CSS 基类 v2.0 基于bootstrap 3.37 此版本已摒弃IE6 * Copyright 2016,XIAOBING TECH MR. WANGHAO * 请保留版权 */
/*Global Normalize 全局设置*/
body{font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;margin: 0; padding: 0;}
/*容器*/
.layout{}
.wrapper{width: 100%}
.page-container,.container{margin-left:auto;margin-right: auto}
.main{}
.main-left{float: left;*display: inline}
.main-right{float: right;*display: inline}
.w-720{width: 720px!important;max-width: none;}
.w-960{width: 960px!important;max-width: none;}
.w-970{width: 970px!important;max-width: none;}
.w-980{width: 980px!important;max-width: none;}
.w-990{width: 990px!important;max-width: none;}
.w-1000{width:1000px!important;max-width: none;}
.w-1002{width: 1002px!important;max-width: none;}
.w-1003{width:1003px!important;max-width: none;}
.w-1100{width:1100px!important;max-width: none;}
.w-1070{width:1070px!important;max-width: none;}
.w-1190{width:1190px!important;max-width: none}
.w-1200{width: 1200px!important;max-width: none;}
.w-p100{width:100%!important;max-width: none;}
.p-n{padding-left:0!important;padding-right:0!important;}

.prl{position: relative;left: 50%; margin: 0 auto;}
.pa{position: absolute;}
.pf{position: fixed;}
.m-l-500{margin-left: -500px;}
.m-l-550{margin-left: -550px;}
.m-l-600{margin-left: -600px;}
@media (max-width: 1000px){}
/*位置移动*/
.pr{position: relative;}
.t2{top: 2px;}
.t3{top: 3px;}
.t5{top: 5px;}
.t8{top: 8px;}
.t10{top: 10px;}
.t12{top: 12px;}
.t15{top: 15px;}
.t18{top: 18px;}
.t20{top: 20px;}
.t24{top: 24px;}
.t26{top: 26px;}
.t30{top: 30px;}
.t35{top: 35px;}
.t40{top: 40px;}
.t45{top: 45px;}
.t50{top: 50px;}
.t55{top: 55px;}
.t60{top: 60px;}
.r2{right: 2px;}
.r3{right: 3px;}
.r5{right: 5px;}
.r8{right: 8px;}
.r10{right: 10px;}
.r12{right: 12px;}
.r15{right: 15px;}
.r18{right: 18px;}
.r20{right: 20px;}
.r24{right: 24px;}
.r26{right: 26px;}
.r30{right: 30px;}
.r35{right: 35px;}
.r40{right: 40px;}
.r45{right: 45px;}
.r50{right: 50px;}
.r55{right: 55px;}
.r60{right: 60px;}
.b2{bottom: 2px;}
.b3{bottom: 3px;}
.b5{bottom: 5px;}
.b8{bottom: 8px;}
.b10{bottom: 10px;}
.b12{bottom: 12px;}
.b15{bottom: 15px;}
.b18{bottom: 18px;}
.b20{bottom: 20px;}
.b24{bottom: 24px;}
.b26{bottom: 26px;}
.b30{bottom: 30px;}
.b35{bottom: 35px;}
.b40{bottom: 40px;}
.b45{bottom: 45px;}
.b50{bottom: 50px;}
.b55{bottom: 55px;}
.b60{bottom: 60px;}
.l2{left: 2px;}
.l3{left: 3px;}
.l5{left: 5px;}
.l8{left: 8px;}
.l10{left: 10px;}
.l12{left: 12px;}
.l15{left: 15px;}
.l18{left: 18px;}
.l20{left: 20px;}
.l24{left: 24px;}
.l26{left: 26px;}
.l30{left: 30px;}
.l35{left: 35px;}
.l40{left: 40px;}
.l45{left: 45px;}
.l50{left: 50px;}
.l55{left: 55px;}
.l60{left: 60px;}
/*自动增长*/
.autoheight{overflow:hidden;height:auto;zoom:1;}
/*******浮动*******/
.fl{float: left;*display: inline;}
.fr{float: right;*display: inline;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
/*文本对齐*/
.t-c{text-align: center;}.t-l{text-align: left;}.t-r{text-align: right;}
.text-left{text-align: left}.text-center{text-align: center}.text-right{text-align: right}
/*透明度*/
.opacity{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.opacity.a0{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
.opacity.a10{filter:alpha(opacity=10);-moz-opacity:.1;-khtml-opacity:.1;opacity:.1}
.opacity.a80{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
/*背景透明文字不透明*/
.box-opacity{background: rgba(0, 0, 0, 0.6) !important; filter: alpha(opacity=60); background-color: #000000;}
.box-opacity p{/*ie下文字不透明*/ position: relative;}
.box-opacity-white{background: rgba(22, 160, 33, 0.6) !important; filter: alpha(opacity=60); background-color: rgba(22, 160, 33, 0.6);}
/*文字溢出省略号*/
.box-ellipsis{white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis}
/*清除inline-block元素空白间距*/
.clear-i-b{font-size: 0;}
.clear-i-b li{/* 设置具体的字体大小 */}
/*******display块*******/
.d-n{display: none;}.d-b{display: block;}.d-i{display: inline;}
.d-i-b{display: inline-block;*display: inline;*zoom: 1;}
.d-t-c{display: table-cell;}
/*****边框border******/
.br0{border-radius: 0;}
/*实线*/
.b-d-000{border:1px #000 solid}
.b-t-s-000{border-top:1px #000 solid}
.b-r-s-000{border-right:1px #000 solid}
.b-b-s-000{border-bottom:1px #000 solid}
.b-l-s-000{border-left:1px #000 solid}
/*双线*/
.b-dou-000{border:1px #000 double}
.b-t-dou-000{border-top:1px #000 double}
.b-r-dou-000{border-right:1px #000 double}
.b-b-dou-000{border-bottom:1px #000 double}
.b-l-dou-000{border-left:1px #000 double}
/*虚线*/
.b-das-000{border:1px #000 dashed}
.b-t-das-000{border-top:1px #000 dashed}
.b-r-das-000{border-right:1px #000 dashed}
.b-b-das-000{border-bottom:1px #000 dashed}
.b-l-das-000{border-left:1px #000 dashed}
/*背景色*/
.bg-ffffff{background-color:#ffffff}
.bg-f1f1f1{background-color:#f1f1f1}
.bg-f2f2f2{background-color:#f2f2f2}
.bg-f3f3f3{background-color:#f3f3f3}
.bg-f4f4f4{background-color:#f4f4f4}
.bg-f5f5f5{background-color:#f5f5f5}
.bg-f6f6f6{background-color:#f6f6f6}
.bg-f8f8f8{background-color:#f8f8f8}
.bg-f9f9f9{background-color:#f9f9f9}
.bg-fafafa{background-color:#fafafa}
.bg-fbfbfb{background-color:#fbfbfb}
/*******文本*******/
.text-ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*文字大小*/
.text-0{font-size:0}.text-5{font-size:5px}.text-8{font-size:8px}
.text-10{font-size:10px}.text-12{font-size:9pt}.text-13{font-size:13px}
.text-14{font-size:14px}.text-15{font-size:15px}.text-16{font-size:16px}
.text-17{font-size:17px}.text-18{font-size:18px}.text-19{font-size:19px}
.text-20{font-size:20px}.text-21{font-size:21px}.text-22{font-size:22px}
.text-23{font-size:23px}.text-24{font-size:24px}.text-25{font-size:25px}
.text-26{font-size:26px}.text-27{font-size:27px}.text-28{font-size:28px}
.text-29{font-size:29px}.text-30{font-size:30px}.text-32{font-size:32px}
.text-35{font-size:35px}.text-36{font-size:36px}.text-40{font-size:40px}
.text-45{font-size:45px}
.text-50{font-size:50px}.text-60{font-size:60px}.text-72{font-size:72px}
/*文字大写*/
.f-t-u{text-transform: uppercase;}
/*文字加粗*/
.bold{font-weight:700}
/*文字斜体*/
.italic{font-style:italic;}
/*禁止换行*/
.w-p-n{white-space:nowrap;}
/*color*/
.c-111{color:#666}.c-222{color:#999}.c-333{color:#333}.c-444{color:#444}.c-555{color:#555}.c-666{color:#666}
.c-777{color:#777}.c-888{color:#888}.c-999{color:#999}.c-000{color:#000}.c-aaa{color:#aaa}.c-bbb{color:#bbb}
.c-ccc{color:#ccc}.c-ddd{color:#ddd}.c-eee{color:#eee}.c-fff{color:#fff !important;}
.dd1313{color: #dd1313;}
/*文字行高*/
.l-h-10{line-height: 10px;}
.l-h-12{line-height: 12px;}
.l-h-14{line-height: 14px;}
.l-h-16{line-height: 16px !important;}
.l-h-18{line-height: 18px !important;}
.l-h-20{line-height: 20px;}
.l-h-24{line-height: 24px;}
.l-h-30{line-height: 30px;}
.l-h-40{line-height: 40px;}
.l-h-50{line-height: 50px;}
/*边距重置*/
.p-n{padding:0;}.m-n{margin:0;}.p-l-n{padding-left: 0}.p-r-n{padding-right: 0}.p-t-n{padding-top: 0}.p-b-n{padding-bottom: 0}
/*外边距*/
/*外左边距*/
.m-l-5{margin-left:5px}.m-l-10{margin-left:10px}.m-l-20{margin-left:20px}.m-l-30{margin-left:30px}.m-l-40{margin-left:40px}
.m-l-50{margin-top: 50px;}
/*外上边距*/
.m-t-5{margin-top:5px}.m-t-8{margin-top:8px}.m-t-10{margin-top:10px}.m-t-15{margin-top:15px}.m-t-12{margin-top:12px}
.m-t-16{margin-top:16px}.m-t-20{margin-top:20px}.m-t-25{margin-top:25px}.m-t-30{margin-top:30px}
.m-t-40{margin-top:40px}.m-t-50{margin-top:50px}.m-t-60{margin-top:60px}.m-t-80{margin-top:80px}.m-t-100{margin-top:100px}
/*外右边距*/
.m-r-5{margin-right:5px}.m-r-10{margin-right:10px}.m-r-15{margin-right:15px}.m-r-20{margin-right:20px}
/*外下边距*/
.m-b-5{margin-bottom:5px}.m-b-10{margin-bottom:10px}.m-b-15{margin-bottom:15px}.m-b-20{margin-bottom:20px}
.m-b-25{margin-bottom:25px}
.m-b-30{margin-bottom:30px}.m-b-40{margin-bottom:40px}.m-b-50{margin-bottom:50px}.m-b-80{margin-bottom:80px}
/*内边距*/
.p-5{padding:5px}
.p-10{padding:10px}
.p-15{padding:15px}
.p-20{padding:20px}
.p-25{padding:25px}
.p-30{padding:30px}
.p-35{padding:35px}
.p-40{padding:40px}
.p-45{padding:45px}
.p-50{padding:50px}
.p-t-5{padding-top:5px}.p-t-10{padding-top:10px}.p-t-12{padding-top:12px;}
.p-t-15{padding-top:15px}.p-t-20{padding-top:20px;}.p-t-30{padding-top:30px;}
.p-t-40{padding-top:40px;}.p-t-50{padding-top:50px;}.p-t-60{padding-top:60px;}
.p-t-70{padding-top:70px;}.p-t-80{padding-top:80px;}.p-t-85{padding-top:85px;}
.p-t-100{padding-top:100px;}
.p-l-5{padding-left:5px;}.p-l-10{padding-left:10px ;}.p-l-20{padding-left:20px ;}
.p-l-30{padding-left:30px;}.p-l-50{padding-left:50px ;}
.p-r-5{padding-right:5px;}.p-r-10{padding-right:10px;}.p-r-20{padding-right:20px;}.p-r-30{padding-right:30px;}
.p-r-50{padding-right:50px ;}
.p-b-5{padding-bottom:5px;}
.p-b-10{padding-bottom:10px;}.p-b-12{padding-bottom:12px;}.p-b-15{padding-bottom:15px;}
.p-b-20{padding-bottom:20px;}.p-b-25{padding-bottom:25px;}.p-b-30{padding-bottom:30px;}
.p-b-40{padding-bottom:40px;}.p-b-50{padding-bottom:50px ;}.p-b-60{padding-bottom:60px;}
.p-b-70{padding-bottom:70px ;}.p-b-80{padding-bottom:80px;}.p-b-85{padding-bottom:85px;}
.p-b-100{padding-bottom:100px;}
/*定位*/
.ps{position:static}
.pr{position:relative}
.pa{position:absolute}
.pf{position:fixed}
/*left*/
.left-1{left: 1px;}.left-2{left: 2px;}.left-3{left: 3px;}.left-4{left: 4px;}.left-5{left: 5px;}
.left-10{left: 10px;}.left-15{left: 15px;}.left-20{left: 20px;}.left-25{left: 25px;}.left-30{left: 30px;}
.left-35{left: 35px;}.left-40{left: 40px;}.left-45{left: 45px;}.left-50{left: 50px;}
/*top*/
.top-1{top: 1px;}.top-2{top: 2px;}.top-3{top: 3px;}.top-4{top: 4px;}.top-5{top: 5px;}
.top-10{top: 10px;}.top-15{top: 15px;}.top-20{top: 20px;}.top-25{top: 25px;}
.top-30{top: 30px;}.top-35{top: 35px;}.top-40{top: 40px;}.top-45{top: 45px;}.top-50{top: 50px;}
/*right*/
.right-1{right: 1px;}.right-2{right: 2px;}.right-3{right: 3px;}.right-4{right: 4px;}.right-5{right: 5px;}
.right-10{right: 10px;}.right-15{right: 15px;}.right-20{right: 20px;}
.right-25{right: 25px;}.right-30{right: 30px;}.right-35{right: 35px;}.right-40{right: 40px;}
.right-45{right: 45px;}.right-50{right: 50px;}
/*bottom*/
.bottom-1{bottom: 1px;}.bottom-2{bottom: 2px;}.bottom-3{bottom: 3px;}.bottom-4{bottom: 4px;}.bottom-5{bottom: 5px;}
.bottom-10{bottom: 10px;}.bottom-15{bottom: 15px;}.bottom-20{bottom: 20px;}
.bottom-25{bottom: 25px;}.bottom-30{bottom: 30px;}.bottom-35{bottom: 35px;}.bottom-40{bottom: 40px;}
.bottom-45{bottom: 45px;}.bottom-50{bottom: 50px;}
/*全局链接*/
a:link,a:active{}
a:hover,a:visited{}
/*水平线*/
hr.dotted{border-top:1px dotted #ddd;background: none}
/*图片适应*/
.img-adapt{max-width: 100%;width: auto\9;height: auto;}
/*animate css lib*/
.animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; z-index: 100}
/*动画过度*/
.transition{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.transition-300{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.transition-500{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.transition-800{-webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.transition-1000{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
/*文字阴影*/
.text-shadow{text-shadow:1px 1px 1px rgba(0,0,0,.6);}
/*盒阴影*/
.box-shadow-inset{-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.box-shadow-out{-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
/*阿里图标*/
@font-face{font-family: "iconfont"; src: url('../fonts/iconfont.eot?t=1466668288'); /* IE9*/ src: url('../fonts/iconfont.eot?t=1466668288#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/iconfont.woff?t=1466668288') format('woff'), /* chrome, firefox */ url('../fonts/iconfont.ttf?t=1466668288') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../fonts/iconfont.svg?t=1466668288#iconfont') format('svg'); /* iOS 4.1- */}
.iconfont{font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}

/*列表组datalist*/
.xb-list{}
.xb-list ul,
.xb-list li{
  list-style: none;
}
.xb-list > .row{margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0}
.xb-list .list-item{padding-left: 0; padding-right: 0; margin-bottom: 12px;position: relative;}
.xb-list .item-media{position: relative; overflow: hidden;display: block;}
.xb-list .item-media:hover{}
.xb-list .item-media img{margin: 0; width: 100%; max-width: 100%; width: auto/9; height: auto; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.xb-list .title,
.xb-list .title a{
  display: block; color: #333333
}
.xb-list .item-layer{width: 100%; height: 100%; color: #fff; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.6) !important; filter: alpha(opacity=60); background-color: #000000; display: none;}
.xb-list .item-layer .icon{display: block;position: absolute; left: 50%; top: 50%;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.23 ease;}
.xb-list .on .icon{/* animation:animations-hover .5s infinite; -moz-animation:animations-hover .5s infinite; -webkit-animation:animations-hover .5s infinite; -o-animation:animations-hover 5s .infinite; */}
@-webkit-keyframes animations-hover{0%{margin-top: 0; background: red;} 25%{} 50%{margin-top: -10px; background: yellow;} 75%{} 100%{margin-top: 0; background: red;}}
.xb-list .on .item-media img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);}
.xb-list .br{margin-right: 0!important}

/*间距*/
/*5px*/
.list-space > .row{margin-left: -5px; margin-right: -5px}
.list-space .list-item{padding-left: 5px; padding-right: 5px; margin-bottom: 12px;position: relative;}
/*10px*/
.list-space-10 > .row{margin-left: -10px; margin-right: -10px}
.list-space-10 .list-item{padding-left: 10px; padding-right: 10px; margin-bottom: 12px;position: relative;}
/*end列表组datalist*/

/*详情模块*/
.xb-details{display: block;}
.details-heading{position: relative;}
.details-heading ul,
.details-heading li{
    list-style: none;
}
.details-heading .title{}
.details-heading .notes{}
.details-summary{}
.details-body{}
.details-foot{}
.previous-next,
.previous-next li{
  list-style: none;
  padding: 0
}
.previous-next{padding:12px 0}
/*编辑器容器*/
.xb-editor{color: #999;line-height: 1.8em;}
.xb-editor img{max-width: 100%; width: auto/9;height: auto;}