@charset "utf-8";

/*            */
/* single CSS */
/*            */

/*body*/
body {overflow-x: scroll;overflow-y: scroll;}
body,p,h1,h2,h3,h4,h5,h6{margin:0;}
/*input textarea*/
input, textarea {resize: none;}
/*ul lu*/
ul, li {margin: 0;padding: 0;list-style: none;list-style: none outside none;}
/*img form*/
img,form {border: 0;}
/*zoom*/
.z{*zoom:1;}
/*clear*/
.clearfix { *overflow: hidden; *zoom: 1; }
.clearfix:after { display: table; content: ""; width: 0; clear: both; }
/*display*/
.dn{display:none;}
.dtb{display:table;}
.db{display:block;}
.di{display:inline;}
.dib{display:inline-block;}
.dtbr{display:table-row;}
.dtbc{display:table-cell;}
/*position*/
.poss{position:static;}
.posf{position:fixed;}
.posr{position:relative;}
.posa{position:absolute;}
/*left right top bottom*/
.ta{top:auto;}
.ra{right:auto;}
.la{left:auto;}
.ba{bottom:auto;}
.l0{left:0px;}
.r0{right:0px;}
.t0{top:0px;}
.b0{bottom:0px;}
.l100{left:100%;}
.r100{right:100%;}
.t100{top:100%;}
.b100{bottom:100%;}
.l-100{left:-100%;}
.r-100{right:-100%;}
.t-100{top:-100%;}
.b-100{bottom:-100%;}
/*z-index*/
.za{z-index:auto;}
.z1{z-index:1;}
.z2{z-index:2;}
.z100{z-index:100;}
.z200{z-index:200;}
.z500{z-index:500;}
.z1000{z-index:1000;}
.z5000{z-index:5000;}
.z9999{z-index:9999;}
/*float*/
.fln{float:none;}
.fll{float:left;}
.flr{float:right;}
/*clear*/
.clb{clear:both;}
.cln{clear:none;}
.cll{clear:left;}
.clr{clear:right;}
/*border-color*/
.bdn{border:none;}
.bdln{border-left:none;}
.bdrn{border-right:none;}
.bdtn{border-top:none;}
.bdbn{border-bottom:none;}
/*padding*/
.p0{padding:0;}
.p2{padding:0 0;}
.p3{padding:0 0 0;}
.p4{padding:0 0 0 0;}
.pl0{padding-left:0px;}
.pr0{padding-right:0px;}
.pt0{padding-top:0px;}
.pb0{padding-bottom:0px;}
/*margin*/
.m0{margin:0;}
.m2{margin:0 0;}
.m3{margin:0 0 0;}
.m4{margin:0 0 0 0;}
.ma{margin:0px auto;}
.mta{margin-top:auto;}
.mba{margin-bottom:auto;}
.mla{margin-left:auto;}
.mra{margin-right:auto;}
.ml0{margin-left:0px;}
.mr0{margin-right:0px;}
.mt0{margin-top:0px;}
.mb0{margin-bottom:0px;}
/*width*/
.wa{width:auto;}
.w0{width:0px;}
.mawn{max-width:none;}
.miwa{min-width:auto;}
/*height*/
.ha{height:auto;}
.h0{height:0px;}
.mahn{max-height:none;}
.miha{min-height:auto;}
/*box-sizing*/
.bxzbb{box-sizing:border-box;}
.bxzcb{box-sizing:content-box;}
/*font-weight*/
.fwbr{font-weight:bolder;}
.fwb{font-weight:bold;}
.fwn{font-weight:normal;}
.fwlr{font-weight:lighter;}
.fw100{font-weight:100;}
.fw200{font-weight:200;}
.fw300{font-weight:300;}
.fw400{font-weight:400;}
.fw500{font-weight:500;}
.fw600{font-weight:600;}
.fw700{font-weight:700;}
.fw800{font-weight:800;}
.fw900{font-weight:900;}
/*font-style*/
.fsn{font-style:none;}
.fsi{font-style:italic;}
.fso{font-style:oblique;}
/*text-align*/
.tac{text-align:center;}
.tar{text-align:right;}
.tal{text-align:left;}
.taj{text-align:justify;}
/*writing-mode*/
.wrmtr{writing-mode:tb-rl;}/*top-bottom right-left*/
.wrmlt{writing-mode:lr-tb;}/*left-right top-bottom*/
/*direction*/
.dirl{direction:ltr;}/*left-to-right*/
.dirr{direction:rtl;}/*right-to-left*/
/*layout-flow*/
.layfh{layout-flow:horizontal;}
.layfv{layout-flow:vertical-ideographic;}
/*text-decoration*/
.tdo{text-decoration:overline;}
.tdl{text-decoration:line-through;}
.tdu{text-decoration:underline;}
.tdn,.tdn:hover,.tdn a:hover,a.tdl:hover{text-decoration:none;}
/*text-height*/
.tha{text-height:auto;}
.thf{text-height:font-size;}
.tht{text-height:text-size;}
.thm{text-height:max-size;}
/*text-transform*/
.ttn{text-transform:none;}
.ttu{text-transform:uppercase;}
.ttc{text-transform:capitalize;}
.ttl{text-transform:lowercase;}
/*text-shadow*/
.tshn{text-shadow:none;}
/*white-space*/
.whsn{white-space:normal;}
.whsp{white-space:pre;}
.whsnw{white-space:nowrap;}
.whspw{white-space:pre-wrap;}
.whspl{white-space:pre-line;}
/*word-break*/
.wobn{word-break:normal;}
.wobk{word-break:keep-all;}
.wobba{word-break:break-all;}
.wobbs{word-break:break-strict;}
/*word-wrap*/
..wowno{word-wrap:none;}
..wown{word-wrap:normal;}
..wowu{word-wrap:unrestricted;}
..wows{word-wrap:suppress;}
/*vertical-align*/
.vasup{vertical-align:super;}
.vam{vertical-align:middle;}
.vat{vertical-align:top;}
.vatt{vertical-align:text-top;}
.vab{vertical-align:bottom;}
.vatb{vertical-align:text-bottom;}
.vabl{vertical-align:baseline;}
.vasub{vertical-align:sub;}
/*cursor*/
.curp{cursor:pointer;}
.curd{cursor:default;}
.curc{cursor:crosshair;}
.curha{cursor:hand;}
.curhe{cursor:help;}
.curm{cursor:move;}
.curt{cursor:text;}
/*overflow*/
.ovh{overflow:hidden;}
.ova{overflow:auto;}
.ovv{overflow:visible;}
.ovs{overflow:scroll;}
.ovxh{overflow-x:hidden;}
.ovxa{overflow-x:auto;}
.ovxv{overflow-x:visible;}
.ovxs{overflow-x:scroll;}
.ovyh{overflow-y:hidden;}
.ovya{overflow-y:auto;}
.ovyv{overflow-y:visible;}
.ovys{overflow-y:scroll;}
/*visibility*/
.vh{visibility:hidden;}
.vv{visibility:visible;}
/*background-color*/
.bgct{background-color:transparent;}
.bgmask1{background-color:rgba(0,0,0,0.1);}
.bgmask2{background-color:rgba(0,0,0,0.2);}
.bgmask3{background-color:rgba(0,0,0,0.3);}
.bgmask4{background-color:rgba(0,0,0,0.4);}
.bgmask5{background-color:rgba(0,0,0,0.5);}
.bgmask6{background-color:rgba(0,0,0,0.6);}
.bgmask7{background-color:rgba(0,0,0,0.7);}
.bgmask8{background-color:rgba(0,0,0,0.8);}
.bgmask9{background-color:rgba(0,0,0,0.9);}
.bgmask10{background-color:rgba(0,0,0,1);}
/*background*/
.bgn{background:none;}
/*background-image*/
.bgin{background-image:none;}
/*background-position*/
.bgplt{background-position: left top;}
.bgplt:hover{background-position: left bottom;}
.bgplb{background-position: left bottom;}
.bgplb:hover{background-position: left top;}
.bgpct{background-position: center top;}
.bgpct:hover{background-position: center bottom;}
.bgpcc{background-position: center center;}
.bgpcc:hover{background-position: center center;}
.bgprt{background-position: right top;}
.bgprt:hover{background-position: right bottom;}
.bgprb{background-position: right bottom;}
.bgprb:hover{background-position: right top;}
/*background-repeat*/
.bgrr{background-repeat:repeat;}
.bgrx{background-repeat:repeat-x;}
.bgry{background-repeat:repeat-y;}
.bgrn{background-repeat:no-repeat;}
/*background-attachment*/
.bgaf{background-attachment:fixed;}
.bgas{background-attachment:scroll;}
/*background-size*/
.bgsa{background-size:auto;}
.bgsct{background-size:contain;}
.bgscv{background-size:cover;}
/*border-style*/
.bds{border-style:none;}
/*opacity*/
.op0{opacity:0;}
.op1{opacity:0.1;}
.op2{opacity:0.2;}
.op3{opacity:0.3;}
.op4{opacity:0.4;}
.op5{opacity:0.5;}
.op6{opacity:0.6;}
.op7{opacity:0.7;}
.op8{opacity:0.8;}
.op9{opacity:0.9;}
.op10{opacity:1;}
/*transition*/
.trans1{transition:1s linear;}
.trans2{transition:2s linear;}

/*            */
/*multiply CSS*/
/*            */

/*
// 块状元素水平居中
.auto{margin-left:auto; margin-right:auto;}
// 清除浮 动
.fix{*zoom:1;}
.fix:after{display:table; content:''; clear:both;}
// 基于display:table-cell的自适应布局
.cell{display:table-cell; *display:inline-block; width:2000px; *width:auto;}
// 双栏自适应cell部分连续英文字符换行
.cell_bk{display:table; width:100%; table-layout:fixed; word-wrap:break-word;}
// 单行文字溢出虚点显 示
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
// css3过渡动画效果
.trans{
	-webkit-transition:all 0.3s;	
	        transition:all 0.3s;
}
// 大小不定元素垂直居中
.dib_vm{display:inline-block; width:0; height:100%; vertical-align:middle;}
// 加载中背景图片 - 如果您使用该CSS小库，务必修改此图片地址
.loading{background:url(http://www.zhangxinxu.com/study/image/loading.gif) no-repeat center;}
// 无框文本框文本域
.bd_none{border:0; outline:none;}
// 绝对定位隐藏
.abs_out{position:absolute; left:-999em; top:-999em;}
.abs_clip{position:absolute; clip:rect(0 0 0 0);}
// 按钮禁用
.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;}
//inline-block与float等宽列表
.inline_box{font-size:1em; letter-spacing:-.25em; font-family:Arial;}
.inline_two, .inline_three, .inline_four, .inline_five, .inline_six, .inline_any{display:inline-block; *display:inline; letter-spacing:0; vertical-align:top; *zoom:1;}
.float_two, .float_three, .float_four, .float_five, .float_six{float:left;}
.inline_two, .float_two{width:49.9%;}
.inline_three, .float_three{width:33.3%;}
.inline_four, .float_four{width:24.9%;}
.inline_five, .float_five{width:19.9%;}
.inline_six, .float_six{width:16.6%;}
.inline_fix{display:inline-block; width:100%; height:0; overflow:hidden;}
*/