/* CSS重置 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0;border:0;}
input,button,select,textarea{outline:none}
ol,ul,li{list-style:none}
fieldset,img {border:none;}
img{vertical-align:top;}
textarea{overflow:auto;vertical-align:top;resize:none;}
* html body{background-image:url(about:blank);background-attachment:fixed;}
body{width:auto;height:auto;_height:100%;min-height:100%;color:#666;background:#FFF;overflow-x: hidden;overflow-y: auto;}
body,input,textarea{font: 12px/1.5 "Microsoft Yahei",arial,Simsun;}
button,input,select,textarea {font-size:100%;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal}
table {border-collapse:collapse;border-spacing:0}
a{color:#666;text-decoration:none;cursor:pointer;}
a:hover{text-decoration:none;}
a:focus{outline:0;}
i{font-style: normal;}
button:focus,input:focus,textarea:focus,select:focus {outline-width: 0;}
.clear{clear:both}
.clearfix:after,.c:after{content:".";display:block;font-size:0;height:0;clear:both;visibility:hidden}
.clearfix,.c{zoom:1}
em{font-style: normal;}
/* 字体 */
.f0{font-size:0;}
.f12{font-size:12px;}
.f14{font-size:14px !important;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px !important;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f_c_000{color:#000;}
.f_c_fff{color:#fff;}
.f_c_333{color:#333;}
.f_c_666{color:#666;}
.f_c_999{color:#999;}
.f_c_ccc{color:#CCC;}
.f_c_f00{color:#F00;}
.f_c_f63{color:#f63;}
.f_c_369{color:#369;}


.f_simsun{font-family:"Simsun";}
.f_yahei{font-family:"Microsoft Yahei";}
.f_arial{font-family:Arial;}
.f_verdana{font-family:Verdana;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}
.tac{text-align:center !important;}
.fwn{font-weight:normal;}
.fwb{font-weight:bold;}
.vat{vertical-align:top;}
.vam{vertical-align:middle;}
.vab{vertical-align:bottom;}
.tin2{text-indent:2em;}
.tin99{text-indent:-9999px}
.lhn{line-height:normal}
.lh18{line-height:18px}
.lh20{line-height:20px}
.lh22{line-height:22px}
.lh24{line-height:24px}
.lh17{line-height:17px !important;}
.lh34{line-height:34px !important;}

/* 定位 */
.fl{float:left !important;}
.fr{float:right !important;}
.fn{float:none !important;}
.fixed{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.por,.posr{position:relative;}
.poa,.posa{position:absolute;}
.dn,.dsn{display:none !important;}
.di{display:inline;}
.db{display:block !important;}
.dib{display:inline-block;*display:inline;*zoom:1;}
.dib_wrap {font-size:0;*word-spacing:-1px;}
.dib_wrap .dib{font-size: 12px;letter-spacing: normal;word-spacing: normal;vertical-align:top;}
@media screen and (-webkit-min-device-pixel-ratio:0){.dib_wrap{letter-spacing:-4px;}}
.zoom{zoom:1;}
.z0{z-index:0 !important;}
.z1{z-index:1 !important;}
.z2{z-index:2 !important;}
.z3{z-index:3 !important;}
.z4{z-index:4 !important;}
.z9{z-index:9 !important;}
.z99{z-index:99 !important;}

/* 宽度 */
.w_100{width:100% !important;}
.w_50{width:50% !important;}
.w10{width:10px !important;}
.w15{width:15px !important;}
.w20{width:20px !important;}
.w30{width:30px !important;}
.w35{width:35px !important;}
.w40{width:40px !important;}
.w50{width:50px !important;}
.w60{width:60px !important;}
.w70{width:70px !important;}
.w80{width:80px !important;}
.w90{width:90px !important;}
.w100{width:100px !important;}
.w120{width:120px !important;}
.w130{width:130px !important;}
.w140{width:140px !important;}
.w150{width:150px !important;}
.w160{width:160px !important;}
.w170{width:170px !important;}
.w180{width:180px !important;}
.w190{width:190px !important;}
.w200{width:200px !important;}
.w250{width:250px !important;}
.w300{width:300px !important;}
.w320{width:320px !important;}
.w340{width:340px !important;}
.w400{width:400px !important;}
.w500{width:500px !important;}
.w600{width:600px !important;}
.w700{width:700px !important;}
.w730{width:730px !important;}
.w800{width:800px !important;}
.w940{width:940px !important;}
.w960{width:960px !important;}
.w980{width:980px !important;}
.w1000{width:1000px !important;}
.w1200{width:1200px !important;}

/* 高度 */
.h_100{height:100% !important;}
.h_50{height:50% !important;}
.h10{height:10px !important;}
.h15{height:15px !important;}
.h20{height: 20px !important;}
.h25{height:25px !important;}
.h30{height:30px !important;}
.h35{height:35px !important;}
.h40{height:40px !important;}
.h50{height:50px !important;}
.h60{height:60px !important;}
.h70{height:70px !important;}
.h80{height:80px !important;}
.h90{height:90px !important;}
.h100{height:100px !important;}
.h120{height:120px !important;}
.h150{height:150px !important;}
.h200{height:200px !important;}
.h250{height:250px !important;}
.h300{height:300px !important;}

.mh23{min-height: 230px !important;}

/* 边距 */
.m5{margin:5px !important;}
.m10{margin:10px !important;}
.m15{margin:15px !important;}
.m30{margin:30px !important;}
.m0,.nomargin{margin:0 !important;}

.mt0{margin-top:0 !important;}
.mt2{margin-top:2px !important;}
.mt3{margin-top:3px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt100{margin-top:100px !important;}

.mb0{margin-bottom:0 !important;}
.mb2{margin-bottom:2px !important;}
.mb3{margin-bottom:3px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px !important;}
.mb100{margin-bottom:100px !important;}

.ml0{margin-left:0 !important;}
.ml2{margin-left:2px !important;}
.ml3{margin-left:3px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml50{margin-left:50px !important;}
.ml100{margin-left:100px !important;}

.mr0{margin-right:0 !important;}
.mr2{margin-right:2px !important;}
.mr3{margin-right:3px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr100{margin-right:100px !important;}

.m_auto{margin-left:auto;margin-right:auto;}

.p0{padding:0 !important;}
.p5{padding:5px !important;}
.p8{padding:8px !important;}
.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}
.p30{padding:30px !important;}
.p50{padding:50px !important;}

.pt0{padding-top:0 !important;}
.pt5{padding-top:5px; !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt100{padding-top:100px !important;}

.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb50{padding-bottom:50px !important;}
.pb100{padding-bottom:100px !important;}

.pl0{padding-left:0 !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important}
.pl50{padding-left:50px !important}
.pl60{padding-left:60px !important;}
.pl100{padding-left:100px !important;}

.pr0{padding-right:0 !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr50{padding-right:50px !important;}
.pr100{padding-right:100px !important;}

.bdn { border:none !important;}
.br3{border-radius: 3px !important;}
.br_50{border-radius: 50% !important;}
.ofH{overflow: hidden !important;}

/* 背景颜色控制 */
.bgf{background-color: #fff !important;}
.bg0{background-color: #000 !important;}
.bgt{background-color:transparent !important;}

/* cursor */
.pointer{cursor: pointer !important;_cursor: hand;}
.normal{cursor: default !important;}
.curInput{cursor: text !important;}

@keyframes showAnimation {
0% {
    transform: scaleY(0.1);
}
40% {
    transform: scaleY(1.04);
}
60% {
    transform: scaleY(0.98);
}
80% {
    transform: scaleY(1.04);
}
100% {
    transform: scaleY(0.98);
}
80% {
    transform: scaleY(1.02);
}
100% {
    transform: scaleY(1);
}
}
@keyframes showAnimation {
0% {
    transform: scaleY(0.1);
}
40% {
    transform: scaleY(1.04);
}
60% {
    transform: scaleY(0.98);
}
80% {
    transform: scaleY(1.04);
}
100% {
    transform: scaleY(0.98);
}
80% {
    transform: scaleY(1.02);
}
100% {
    transform: scaleY(1);
}
}
@keyframes showAnimation {
0% {
    transform: scaleY(0.1);
}
40% {
    transform: scaleY(1.04);
}
60% {
    transform: scaleY(0.98);
}
80% {
    transform: scaleY(1.04);
}
100% {
    transform: scaleY(0.98);
}
80% {
    transform: scaleY(1.02);
}
100% {
    transform: scaleY(1);
}
}
@keyframes hideAnimation {
0% {
    transform: scaleY(1);
}
60% {
    transform: scaleY(0.98);
}
80% {
    transform: scaleY(1.02);
}
100% {
    transform: scaleY(0);
}
}
@keyframes hideAnimation {
0% {
    transform: scaleY(1);
}
60% {
    transform: scaleY(0.98);
}
80% {
    transform: scaleY(1.02);
}
100% {
    transform: scaleY(0);
}
}
@keyframes hideAnimation {
0% {
    transform: scaleY(1);
}
60% {
    transform: scaleY(0.98);
}
80% {
    transform: scaleY(1.02);
}
100% {
    transform: scaleY(0);
}
}