@charset "utf-8";
/* CSS Document */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,submit,input,textarea,select,table,tr,th,td,hr,pre,sup,address,cite,dfn,em,var,blockquote { margin:0; padding:0}
html { min-height:100%; background:#fff; border:none 0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{ font-size:14px; word-wrap:break-word;word-break:break-all;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
table {border-collapse:collapse;border-spacing:0;}
ul,li,dl,dd,dt{ list-style-type:none;}
a{ text-decoration:none; outline:none;}
a:active,a:hover{outline:none;}
em,i{ font-style:normal;}
b,strong{font-weight:700}
img{ vertical-align:middle; width:100%; border:none;}
hr{ border:none; border-bottom:1px solid #eee;}

input,textarea,select{line-height: normal; outline:none;}
select{-webkit-appearance:menulist;}
input[type=text],input[type=search]{-webkit-appearance:none;}
input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}

/*公共全局*/
body{color:#333;font-family:'微软雅黑',tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;background: #fff;}

body,ul,li,ol,a,p,i,h1,h2,h3,h4,h5,h6,from,fieldest,table,td,img,div,dl,dt,dd,input {margin:0; padding:0;}

li{list-style:none;}
a,input{-webkit-appearance: none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
input,select,textarea{ outline:none; border:none; background:none;}
a{ text-decoration:none; color:#666;}


img{width:100%;border:none;outline:none;vertical-align: bottom;}
textarea{resize:none;} /*多行文本框*/

/*通用.diyScroll*/
.diyScroll ::-webkit-scrollbar-track-piece {background-color: #fff; -webkit-border-radius: 8px; } 
.diyScroll ::-webkit-scrollbar {width: 8px; height: 8px; } 
.diyScroll ::-webkit-scrollbar-thumb {height: 50px; background-color: #999; -webkit-border-radius: 8px; outline: 2px solid #fff; outline-offset: 2px; border: 2px solid #fff; }
.diyScroll ::-webkit-scrollbar-thumb:hover {height: 50px; background-color: #9f9f9f; -webkit-border-radius: 8px; }

/*buttons*/
.btn { display: inline-block; padding: 6px 12px; border: 0 none; border: 1px solid rgba(0,0,0,.25); border-radius:4px; background-image: none; box-shadow: 0 1px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.15); color: #fff; text-align: center; text-decoration: none; text-shadow: 1px 1px rgba(0,0,0,.1); font-size: 100%; font-family: inherit; font-weight: inherit; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; overflow: visible; cursor: pointer;}
.btn:hover, .btn:focus { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0,0,0,.1), rgba(0,0,0,.1)); }
.btn:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn:active { box-shadow: 0 1px rgba(0,0,0,.2), inset 0 1px rgba(0,0,0,.05); outline: none; }

.btn-navy { background-color: #001f3f; }
.btn-blue { background-color: #0074d9; }
.btn-aqua { background-color: #7fdbff; }
.btn-teal { background-color: #39cccc; }
.btn-olive { background-color: #3d9970; }
.btn-green { background-color: #2ecc40; }
.btn-lime { background-color: #01ff70; }
.btn-yellow { background-color: #ffdc00; }
.btn-orange { background-color: #ff851b; }
.btn-red { background-color: #ff4136; }
.btn-fuchsia { background-color: #f012be; }
.btn-purple { background-color: #b10dc9; }
.btn-maroon { background-color: #85144b; }
.btn-white { background-color: #ffffff; }
.btn-gray { background-color: #aaaaaa; }
.btn-silver { background-color: #dddddd; }
.btn-black { background-color: #111111; }
.btn-white, .btn-silver { color: #111111;  text-shadow: none; }

/* 按钮禁用 */
.disabled{color:#acacac!important; border-color:#acacac!important; text-shadow:1px 1px #fff!important; outline:0!important; cursor:default!important; pointer-events:none;}
.disabled:hover{text-decoration:none!important;}

/*text*/
.txt{display: inline-block; width:100%; height:34px; padding:6px 12px; font-size:14px; color:#555; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.txt:focus{border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}

/* none */
.bd0{ border:none;}
.bs0{ box-shadow:none;}
.bg0{ background:none;}
.bgt{ background:transparent}
.br0{ border-radius:0;}
/* float */
.l { float: left; }
.r { float: right; }
/* clear */
.cl { clear: both; height:0px; font-size:0px; line-height:0px; zoom: 1; }
/* position */
.rel { position: relative; }
.abs { position: absolute; }
/*z-index*/
.zx1 { z-index: 1; }
.zx2 { z-index: 2; }
/* cursor */
.poi { cursor: pointer; }
.def { cursor: default; }
/* overflow */
.ovh { overflow: hidden; }
.ova { overflow: auto; }
/* visibility */
.vh { visibility: hidden; }
.vv { visibility: visible; }
/* zoom */
.z{*zoom:1; -webkit-transform: translateZ(0);}

/* font-family */
.fa { font-family: Arial; }
.ft { font-family: Tahoma; }
.fv { font-family: Verdana; }
.fs { font-family: Simsun; }
.fl { font-family: 'Lucida Console'; }
.fw { font-family: 'Microsoft Yahei'; }
.st{ font-family:"宋体";}

/* font-style */
.n { font-weight: normal; font-style: normal; }
.b { font-weight: 700; }
.i { font-style: italic; }

/* font-size */
.f0 { font-size: 0; }
.f10 { font-size: 10px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f24 { font-size: 24px; }

/* text-align */
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.tj { text-align: justify; }

/* text-decoration */
.tdu{text-decoration:underline;}
.tdl{ text-decoration:line-through;}
.tdn,.tdn:hover,.tdn a:hover,a.tdl:hover{text-decoration:none;}

/* white-space */
.nowrap{white-space:nowrap;}
/* word-wrap */
.bk{word-wrap:break-word;}

/* vertical-align */
.vm { vertical-align: middle; }
.vtb { vertical-align: text-bottom; }
.vb { vertical-align: bottom; }
.vt { vertical-align: top; }
.vt-1{ vertical-align:-1px;}
.vt-2{ vertical-align:-2px;}
.vt-3{ vertical-align:-3px;}
.vt-4{ vertical-align:-4px;}

/* display */
.dn { display: none; }
.di { display: inline; }
.db { display: block; }
.dib { display: inline-block; }
.dtc { display:table-cell; }

/* Colors */
.navy { color: #001f3f; }
.blue { color: #0074d9; }
.aqua { color: #7fdbff; }
.teal { color: #39cccc; }
.olive { color: #3d9970; }
.green { color: #2ecc40; }
.lime { color: #01ff70; }
.yellow { color: #ffdc00; }
.orange { color: #ff851b; }
.red { color: #ff4136; }
.fuchsia { color: #f012be; }
.purple { color: #b10dc9; }
.maroon { color: #85144b; }
.white { color: #ffffff; }
.silver { color: #dddddd; }
.gray { color: #aaaaaa; }
.black { color: #111111; }

/* safe color */
.g0 { color: #000; }
.g3 { color: #333; }
.g6 { color: #666; }
.g9 { color: #999; }
.gc { color: #ccc; }

/* background-color */
.bgwh{background-color:#fff;}
.bgfb{background-color:#fbfbfb;}
.bgf5{background-color:#f5f5f5;}
.bgf0{background-color:#f0f0f0;}
.bgeb{background-color:#ebebeb;}
.bge0{background-color:#e0e0e0;}

/* border-color */
.bdc { border: 1px solid #ccc; }
.blc { border-left: 1px solid #ccc; }
.brc { border-right: 1px solid #ccc; }
.btc { border-top: 1px solid #ccc; }
.bbc { border-bottom: 1px solid #ccc; }
.bdd { border: 1px solid #ddd; }
.bld { border-left: 1px solid #ddd; }
.brd { border-right: 1px solid #ddd; }
.btd { border-top: 1px solid #ddd; }
.bbd { border-bottom: 1px solid #ddd; }
.bde { border: 1px solid #eee; }
.ble { border-left: 1px solid #eee; }
.bre { border-right: 1px solid #eee; }
.bte { border-top: 1px solid #eee; }
.bbe { border-bottom: 1px solid #eee; }

/* border-radius */
.br2{ border-radius:2px;}
.br4{ border-radius:4px;}
.br6{ border-radius:6px;}
.br10{ border-radius:10px;}
.br12{ border-radius:12px;}
.br14{ border-radius:14px;}
.br15{ border-radius:15px;}
.brpct50{ border-radius:50%;}

/* width */
.wa{ width:auto;}
/* fixed width value */
.w14 { width: 14px; }
.w16 { width: 16px; }
.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; }
.w120 { width: 120px; }
.w140 { width: 140px; }
.w160 { width: 160px; }
.w180 { width: 180px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w250 { width: 250px; }
.w280 { width: 280px; }
.w300 { width: 280px; }
.w320 { width: 320px; }
.w360 { width: 360px; }
.w400 { width: 400px; }
.w460 { width: 460px; }
.w500 { width: 500px; }
.w600 { width: 600px; }
.w640 { width: 640px; }
.w700 { width: 700px; }
/* percent width value */
.pct10 { width: 10%; }
.pct15 { width: 15%; }
.pct16 { width: 16.66666667%; }
.pct20 { width: 20%; }
.pct25 { width: 25%; }
.pct30 { width: 30%; }
.pct33 { width: 33.33333333%; }
.pct40 { width: 40%; }
.pct48 { width: 48%; }
.pct50 { width: 50%; }
.pct60 { width: 60%; }
.pct66 { width: 66.66666667%; }
.pct70 { width: 70%; }
.pct75 { width: 75%; }
.pct80 { width: 80%; }
.pct90 { width: 90%; }
.pct97 { width: 97%; }
.pct100 { width: 100%; }

/* height */
.ha{ height:auto;}
.hpct100 { height: 100%; }
.h0{height:0;}
.h14 { height: 14px; }
.h16 { height: 16px; }
.h18 { height: 18px; }
.h20 { height: 20px; }
.h22 { height: 22px; }
.h24 { height: 24px; }
.h28 { height: 28px; }
.h30 { height: 30px; }
.h34 { height: 34px; }
.h40 { height: 40px; }
.h60 { height: 60px; }
.h80 { height: 80px; }
.h100 { height: 100px; }

/* line-height */
.lh14 { line-height: 14px; }
.lh16 { line-height: 16px; }
.lh18 { line-height: 18px; }
.lh20 { line-height: 20px; }
.lh22 { line-height: 22px; }
.lh24 { line-height: 24px; }
.lh28 { line-height: 28px; }
.lh30 { line-height: 30px; }
.lh34 { line-height: 34px; }
.lh40 { line-height: 40px; }

/* padding */
.p0{ padding:0px;}
.p2{ padding:2px;}
.p4{ padding:4px;}
.p6{ padding:6px;}
.p8{ padding:8px;}
.p9{ padding:9px;}
.p10{ padding:10px;}
.p11{ padding:10px 7px 10px 0px;}
.p12{ padding:12px;}
.p14{ padding:14px;}
.p20{ padding:20px;}
.p30{ padding:30px;}

.pt0{ padding-top:0px;}
.pt2{ padding-top:2px;}
.pt4{ padding-top:4px;}
.pt6{ padding-top:6px;}
.pt8{ padding-top:8px;}
.pt10{ padding-top:10px;}

.pt101{ padding-top:2px;}

.pt12{ padding-top:12px;}
.pt14{ padding-top:14px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}

.pb0{ padding-bottom:0px;}
.pb2{ padding-bottom:2px;}
.pb4{ padding-bottom:4px;}
.pb6{ padding-bottom:6px;}
.pb8{ padding-bottom:8px;}
.pb10{ padding-bottom:10px;}
.pb12{ padding-bottom:12px;}
.pb14{ padding-bottom:14px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}

.pl0{ padding-left:0px;}
.pl2{ padding-left:2px;}
.pl4{ padding-left:4px;}
.pl6{ padding-left:6px;}
.pl8{ padding-left:8px;}
.pl10{ padding-left:10px;}
.pl12{ padding-left:12px;}
.pl14{ padding-left:14px;}
.pl20{ padding-left:20px;}
.pl30{ padding-left:30px;}

.pr0{ padding-right:0px;}
.pr2{ padding-right:2px;}
.pr4{ padding-right:4px;}
.pr6{ padding-right:6px;}
.pr8{ padding-right:8px;}
.pr10{ padding-right:10px;}
.pr12{ padding-right:12px;}
.pr14{ padding-right:14px;}
.pr20{ padding-right:20px;}
.pr30{ padding-right:30px;}

/* 块状元素水平居中 */
.ma{ margin-left:auto; margin-right:auto;}

/*margin*/
.m0{ margin:0px;}
.m2{ margin:2px;}
.m4{ margin:4px;}
.m6{ margin:6px;}
.m8{ margin:8px;}
.m10{ margin:10px;}
.m12{ margin:12px;}
.m14{ margin:14px;}
.m20{ margin:20px;}
.m30{ margin:30px;}

.mt0{ margin-top:0px;}
.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;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}

.mb0{ margin-bottom:0px;}
.mb2{ margin-bottom:2px;}
.mb4{ margin-bottom:4px;}
.mb6{ margin-bottom:6px;}
.mb8{ margin-bottom:8px;}
.mb10{ margin-bottom:10px;}
.mb12{ margin-bottom:12px;}
.mb14{ margin-bottom:14px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}

.ml0{ margin-left:0px;}
.ml2{ margin-left:2px;}
.ml4{ margin-left:4px;}
.ml6{ margin-left:6px;}
.ml8{ margin-left:8px;}
.ml9{ margin-left:9px;}
.ml10{ margin-left:10px;}
.ml12{ margin-left:12px;}
.ml14{ margin-left:14px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}

.mr0{ margin-right:0px;}
.mr2{ margin-right:2px;}
.mr4{ margin-right:4px;}
.mr6{ margin-right:6px;}
.mr8{ margin-right:8px;}
.mr10{ margin-right:10px;}
.mr12{ margin-right:12px;}
.mr14{ margin-right:14px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}

/* 清除浮动*/
.fix { *zoom: 1; }
.fix:after { display: table; content: ''; clear: both; }
/* 基于display: table-cell的自适应布局 */
.cell { display: table-cell; *display: inline-block; width: 2000px; *width: auto; }
/*连续英文字符换行*/
.wbw{ word-wrap:break-word; overflow:hidden; word-break:break-all;}
/* 双栏自适应cell部分连续英文字符换行 */
.cell_bk{display:table; width:100%; table-layout:fixed; word-wrap:break-word;}
/* 单行文字溢出虚点显示*/
.ell { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
/* 多行文字溢出虚点显示*/
.vert{display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden;-webkit-line-clamp:1;}
.lc1{-webkit-line-clamp:1;}
.lc2{-webkit-line-clamp:2;}
.lc3{-webkit-line-clamp:3;}
/* css3过渡动画效果 */
.trans { -webkit-transition: all 0.3s; transition: all 0.3s; }
/* 大小不定元素垂直居中 容器font-size:0; */
.dib-vm { display: inline-block; width: 0; height: 100%; vertical-align: middle; }
/* 加载中背景图片 - 如果您使用该CSS小库，务必修改此图片地址 */
.loading{background:url(about:blank) no-repeat center;}