/* CSS reset */
* { margin: 0; padding: 0;}
html ,body {height: 100%; font-size: 14px; line-height: 1.7em; }
body,input{ color: #333; font-family:"Microsoft Yahei";}
body{word-wrap:break-word; color: #333; }
a { color: #333;}
table { border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal;}
ol,ul { list-style:none;}
caption,th { text-align:left;}
img { border: none; vertical-align:top; }
a { text-decoration:none; }
a:hover { text-decoration:none; }
article, aside, dialog, figure, footer, header, legend, nav ,figcaption, section { display:block; }
.hidden { overflow:hidden;}
.hand { cursor:pointer;}
.vc, .vc img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
input { outline: none; color: #666;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #bbb;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #bbb;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #bbb;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #bbb;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px white inset;}
input:focus { }
/* text */
.f8 { font-size:8px; }
.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;}
.f22 { font-size:22px;}
.f24 { font-size:24px;}
.f26 { font-size:26px;}
.f28 { font-size:28px;}
.f30 { font-size:30px;}
.f32 { font-size:32px;}
.f34 { font-size:34px;}
.f36 { font-size:36px;}
.fb { font-weight:bold;}
.fn { font-weight:normal;}
.t2 { text-indent:2em;}
/*行高*/
.lh120 { line-height:120%; }
.lh150 { line-height:150%; }
.lh160 { line-height:160%; }
.lh180 { line-height:180%; }
.lh200 { line-height:200%; }
.lh250 { line-height:250%; }
.lh300 { line-height:300%; }
.hl20 { height: 20px; line-height: 20px;}
.hl25 { height: 25px; line-height: 25px;}
.hl30 { height: 30px; line-height: 30px;}
.hl40 { height: 40px; line-height: 40px;}
.hl50 { height: 50px; line-height: 50px;}
.hl60 { height: 60px; line-height: 60px;}
/* 显示 */
.disNone { display: none; }
.disBlock{ display: block; }
.disInBlock { display: inline-block; }
/* 定位 */
.tl { text-align:left; }
.tc { text-align:center; }
.tr { text-align:right; }
.fl, .fu li { float:left; display:inline;}
.fr,.fur li { float:right; display:inline;}
.cb:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.cb { clear:both; zoom:1;}
.pr { position:relative;}
.pa { position:absolute;}
.pf { position:fixed;}
.mlr{ margin-left:auto; margin-right:auto; }
/*圆角*/
.rad0 { border-radius: 0; -moz-border-radius: 0; }
.rad3 { border-radius: 3px; -moz-border-radius: 3px; }
.rad5 { border-radius: 5px; -moz-border-radius: 5px; }
.rad6 { border-radius: 6px; -moz-border-radius: 6px; }
.rad8 { border-radius: 8px; -moz-border-radius: 8px; }
.rad10 { border-radius: 10px; -moz-border-radius: 10px; }
.rad12 { border-radius: 12px; -moz-border-radius: 12px; }
.rad14 { border-radius: 14px; -moz-border-radius: 12px; }
.rad15 { border-radius: 15px; -moz-border-radius: 15px; }
.rad16 { border-radius: 16px; -moz-border-radius: 12px; }
.rad20 { border-radius: 20px; -moz-border-radius: 20px; }
.rad25 { border-radius: 25px; -moz-border-radius: 25px; }
.rad30 { border-radius: 30px; -moz-border-radius: 30px; }
/* 边距*/
.m1 { margin:1px;}
.m2 { margin:2px;}
.m5 { margin:5px;}
.m10 { margin:10px;}
.m15 { margin:15px;}
.m20 { margin:20px;}
.m30 { margin:30px;}
.mt2 { margin-top:2px;}
.mt5 { margin-top:5px;}
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}
.mt80 { margin-top:80px; }
.mt100 { margin-top:100px;}
.mb2 { margin-bottom:2px;}
.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb50 { margin-bottom:50px;}
.mb60 { margin-bottom:60px;}
.mb80 { margin-bottom:80px;}
.mb100 { margin-bottom:100px;}
.mL2 { margin-left:2px; }
.mL5 { margin-left:5px; }
.mL10 { margin-left:10px;}
.mL15 { margin-left:15px;}
.mL20 { margin-left:20px;}
.mL30 { margin-left:30px;}
.mL40 { margin-left:40px;}
.mL50 { margin-left:50px;}
.mL80 { margin-left:80px;}
.mL100{ margin-left:100px;}
.mr2 { margin-right:2px;}
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px;}
.mr40 { margin-right:40px;}
.mr50 { margin-right:50px;}
.mr60 { margin-right:60px;}
.mr80 { margin-right:80px;}
.mr100{ margin-right:100px;}
.p1 { padding:1px;}
.p2 { padding:2px;}
.p5 { padding:5px;}
.p10 { padding:10px;}
.p15 { padding:15px;}
.p20 { padding:20px;}
.p30 { padding:30px;}
.p50 { padding:50px;}
.p60 { padding:60px;}
.p80 { padding:80px;}
.pt2 { padding-top:2px;}
.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt50 { padding-top:50px;}
.pt60 { padding-top:60px;}
.pt80 { padding-top:80px;}
.pt100{ padding-top:100px;}
.pL2 { padding-left:2px;}
.pL5 { padding-left:5px;}
.pL10 { padding-left:10px;}
.pL12 { padding-left:12px;}
.pL15 { padding-left:15px;}
.pL20 { padding-left:20px;}
.pL24 { padding-left:24px;}
.pL30 { padding-left:30px;}
.pL50 { padding-left:50px;}
.pL60 { padding-left:60px;}
.pL80 { padding-left:80px;}
.pL100{ padding-left:100px;}
.pr2 { padding-right:2px;}
.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pr30 { padding-right:30px;}
.pr50 { padding-right:50px;}
.pr60 { padding-right:60px;}
.pr80 { padding-right:80px;}
.pr100{ padding-right:100px;}
.pb2 { padding-bottom:2px;}
.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb30 { padding-bottom:30px;}
.pb50 { padding-bottom:50px;}
.pb60 { padding-bottom:60px;}
.pb80 { padding-bottom:80px;}
.pb100{ padding-bottom:100px;}
.w1200{ width: 1200px; }
.w1080{ width: 1080px; }
.w1020{ width: 1020px; }
.w1000{ width: 1000px; }
.w980 { width: 980px; }
.w960 { width: 960px; }
.wd100{ width: 100%; }
.wd98 { width: 98%; }
.wd98 { width: 96%; }
.wd95 { width: 95%; }
.wd90 { width: 90%; }
.wd85 { width: 85%; }
.wd80 { width: 80%; }
.wd75 { width: 75%; }
.wd70 { width: 70%; }
.wd65 { width: 65%; }
.wd60 { width: 60%; }
.wd55 { width: 55%; }
.wd50 { width: 50%; }
.wd45 { width: 45%; }
.wd40 { width: 40%; }
.wd35 { width: 35%; }
.wd33 { width:33.3333333%;}
.wd30 { width: 30%; }
.wd25 { width: 25%; }
.wd20 { width: 20%; }
.wd15 { width: 15%; }
.wd10 { width: 10%; }
.wd5 { width: 5%; }
/* box-sizing */
.borbox, *[class*='guid'] { box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;}
/*guid*/
*[class*='guid']:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
*[class*='guid-']:first-child { margin-left: 0; }
*[class*='guid-'] {float: left;}
.guid-S-1 { width: 5.58333333333%; margin-left: 3%; }
.guid-S-2 { width: 14.1666666667%; margin-left: 3%; }
.guid-S-3 { width: 22.75%; margin-left: 3%; }
.guid-S-4 { width: 31.3333333333%; margin-left: 3%; }
.guid-S-5 { width: 39.9166666667%; margin-left: 3%; }
.guid-S-6 { width: 48.5%; margin-left: 3%; }
.guid-S-7 { width: 57.0833333333%; margin-left: 3%; }
.guid-S-8 { width: 65.6666666667%; margin-left: 3%; }
.guid-S-9 { width: 74.25%; margin-left: 3%; }
.guid-S-10 { width: 82.8333333333%; margin-left: 3%; }
.guid-S-11 { width: 91.4166666667%; margin-left: 3%; }
.guid-1 { width: 6.5%; margin-left: 2%; }
.guid-2 { width: 15%; margin-left: 2%; }
.guid-3 { width: 23.5%; margin-left: 2%; }
.guid-4 { width: 32%; margin-left: 2%; }
.guid-5 { width: 40.5%; margin-left: 2%; }
.guid-6 { width: 49%; margin-left: 2%; }
.guid-7 { width: 57.5%; margin-left: 2%; }
.guid-8 { width: 66%; margin-left: 2%; }
.guid-9 { width: 74.5%; margin-left: 2%; }
.guid-10 { width: 83%; margin-left: 2%; }
.guid-11 { width: 91.5%; margin-left: 2%; }
.guid-L-1 { width: 6.95833333333%; margin-left: 1.5%;}
.guid-L-2 { width: 15.4166666667%; margin-left: 1.5%;}
.guid-L-3 { width: 23.875%; margin-left: 1.5%;}
.guid-L-4 { width: 32.3333333333%; margin-left: 1.5%;}
.guid-L-5 { width: 40.7916666667%; margin-left: 1.5%;}
.guid-L-6 { width: 49.25%; margin-left: 1.5%;}
.guid-L-7 { width: 57.7083333333%; margin-left: 1.5%;}
.guid-L-8 { width: 66.1666666667%; margin-left: 1.5%;}
.guid-L-9 { width: 74.625%; margin-left: 1.5%;}
.guid-L-10 { width: 83.0833333333%; margin-left: 1.5%;}
.guid-L-11 { width: 91.5416666667%; margin-left: 1.5%;}
.guid-XL-1 { width: 7.41666666667%; margin-left: 1%;}
.guid-XL-2 { width: 15.8333333333%; margin-left: 1%;}
.guid-XL-3 { width: 24.25%; margin-left: 1%;}
.guid-XL-4 { width: 32.6666666666%; margin-left: 1%;}
.guid-XL-5 { width: 38.0333333333%; margin-left: 1%;}
.guid-XL-6 { width: 49.5%; margin-left: 1%;}
.guid-XL-7 { width: 57.9166666667%; margin-left: 1%;}
.guid-XL-8 { width: 66.3333333333%; margin-left: 1%;}
.guid-XL-9 { width: 74.75%; margin-left: 1%;}
.guid-XL-10 { width: 83.1666666667%; margin-left: 1%;}
.guid-XL-11 { width: 91.5833333333%; margin-left: 1%;}
[class*="offset-"] { position: relative; }
.offset-1 { left: 8.5%; }
.offset-1A { left:3.25% }
.offset-1F { left:6.5%; }
.offset-1M { left:12.75%; }
.offset-1.pm { left:12.75%; }
/*text - background*/
.co-3, .co-3 a { color: #333; }
.co-6, .co-6 a { color: #666; }
.co-9, .co-9 a { color: #999; }
.co-b, .co-b a { color: #bbb; }
.co-c, .co-c a { color: #ccc; }
.co-f, .co-f a { color: #fff; }
.co-red, .co-red a { color: #ff0000; }
.co-blue , .co-blue a { color: #0099ff; }
.co-green , .co-green a { color: #33cc99; }
.co-orange, .co-orange a { color: #ff6600; }
.bg-0 { background: #000; }
.bg-3 { background: #333; }
.bg-f { background: #fff; }
.bg-grey { background-color: #f3f5f7; }
.bga-0 { background-color:#000000\9; filter:alpha(opacity=50)\9; background: rgba(0,0,0,0.5); }
.bga-orange { background-color:#ff6634\9; filter:alpha(opacity=80)\9; background: rgba(255,102,52,0.8); }
.bga-blue { background-color:#0098fe\9; filter:alpha(opacity=80)\9; background: rgba(0,152,254,0.8); }
.bga-green { background-color:#34cc99\9; filter:alpha(opacity=80)\9; background: rgba(52,204,153,0.8); }
*[class*='link-']:hover, *[class*='link-'] a:hover
{ cursor: pointer; text-decoration:underline; }
/*linebox*/
.linebox-solid { border: 1px solid #e5e5e5; }
.linebox-dotted { border: 1px dotted #e5e5e5; }
.linebox-dashed { border: 1px dashed #e5e5e5; }
.linebox-bg { border: 2px solid #f4f5f9; background: #f4f5f7; }
.linebox-orange { border: 1px solid #ff6600; }
.linebox-blue { border: 1px solid #0099ff; }
/*list-col*/
[class*="list-col"] > * { float: left; margin-left: 2%; display: inline-block;
box-sizing: border-box; -moz-box-sizing: border-box;
-o-box-sizing: border-box; -ms-border-box:border-box;
}
.list-col6 > * { margin-left: 0.83333333%\9; margin-right: 0.83333333%\9; }
.list-col5 > * { margin-left: 0.8%\9; margin-right: 0.8%\9; }
.list-col4 > * { margin-left: 0.75%\9; margin-right: 0.75%\9; }
.list-col3 > * { margin-left: 0.6666667%\9; margin-right: 0.6666667%\9; }
.list-col2 > * { margin-left: 0.5%\9; margin-right: 0.5%\9; }
[class*="list-col"] > *:nth-child(1) { margin-left: 0; }
.list-col6 > * { width: 15%; }
.list-col6 > *:nth-child(6n+1) { margin-left: 0;}
.list-col5 > * { width: 18.4%; }
.list-col5 > *:nth-child(5n+1) { margin-left: 0;}
.list-col4 > * { width: 23.5%; }
.list-col4 > *:nth-child(4n+1) { margin-left: 0;}
.list-col3 > * { width: 32%; }
.list-col3 > *:nth-child(3n+1) { margin-left: 0;}
.list-col2 > * { width: 49%; }
.list-col2 > *:nth-child(2n+1) { margin-left: 0;}
/*button*/
.btnBg { background: #ff6600; height: 30px; line-height: 30px; display: inline-block;
padding: 0 10px; color: #fff; cursor: pointer; box-sizing: border-box;
-moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-border-box:border-box;
border-radius: 3px; -moz-border-radius: 3px; }
.btnLine { border:1px solid #ff6600; height: 30px; line-height: 28px; display: inline-block;
padding: 0 9px; color: #ff6600; cursor: pointer; box-sizing: border-box;
-moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-border-box:border-box;
border-radius: 3px; -moz-border-radius: 3px; }
.button, .input { padding: 0 12px; font-size: 16px; box-sizing: border-box;
height: 2em; -moz-box-sizing: border-box; -o-box-sizing: border-box;
line-height: 2em; display: inline-block; -ms-border-box:border-box;
background-color: #f60;
color: #fff; transition: background-color 0.5s, color 0.5s ; -moz-transition: background-color 0.5s, color 0.5s;
-webkit-transition: background-color 0.5s, color 0.5s; -o-transition:background-color 0.5s, color 0.5s; }
.button { cursor: pointer; border:none;}
.button:hover { background-color: #f00; }
.button:active { background-color: #d00; }
.buttonGroup > * { float: left; }
.button.bg-orange { background-color: #ff6600; }
.button.bg-orange:hover { background-color: #ff855c; }
.button.bg-orange:active { background-color: #da572b; }
.button.bg-blue { background-color: #0098fe; }
.button.bg-blue:hover { background-color: #0080ff; }
.button.bg-blue:active { background-color: #009eff; }
.button.bg-green { background-color: #34cc99; }
.button.bg-green:hover { background-color: #26e49e; }
.button.bg-green:active { background-color: #76b280; }
.button.bg-grey { background-color: #b1b1b1; }
.button.bg-grey:hover { background-color: #c1c1c1; }
.button.bg-grey:active { background-color: #a1a1a1; }
.button[class*='bo-'], .buttonGroup[class*='bo-'] > * {
background: #fff; color: #666; border-width: 1px; border-style: solid;
}
.button[class*='bo-']:hover, .buttonGroup[class*='bo-'] > *:hover {
background: #666; color: #fff; border-color: #666;
}
.buttonGroup[class*='bo-'] { border: none; }
.buttonGroup[class*='bo-'] > * { border-left-width: 0; }
.buttonGroup[class*='bo-'] > *:first-child { border-left-width: 1px; }
.bo-orange, .buttonGroup.bo-orange > * { border-color: #ff6634; }
.button.bo-orange:hover, .buttonGroup.bo-orange > *:hover { border-color: #ff6634; background-color: #ff6634; }
.bo-blue, .buttonGroup.bo-blue > * { border-color: #0098fe; }
.button.bo-blue:hover, .buttonGroup.bo-blue > *:hover { border-color: #0098fe; background-color: #0098fe; }
.bo-green, .buttonGroup.bo-green > * { border-color: #34cc99; }
.button.bo-green:hover, .buttonGroup.bo-green > *:hover { border-color: #34cc99; background-color: #34cc99; }
.bo-grey, .buttonGroup.bo-grey > * { border-color: #b1b1b1; }
.button.bo-grey:hover, .buttonGroup.bo-grey > *:hover { border-color: #b1b1b1; background-color: #b1b1b1; }
.button.disable:hover { background-color: #ddd; border-color:#b1b1b1; color: #bbb; }
.button.disable:active { background-color: #ddd; border-color:#b1b1b1; color: #bbb; }
/**/
input[type='checkbox'] { border: 1px solid #b1b1b1; }
.chekcbox { display: inline-block; width: 0.8em; height: 0.8em;
border: 1px solid #e5e5e5; border-sizing: border-box; -moz-border-sizing: border-box;
cursor: pointer; }
.chekcbox.active { background: url("../../img/images2.0/icon/checkBoxBg.png") center center no-repeat;
backgruond-size: 90% auto; }
/*input*/
.input { color: #666; background: #fff; border: 1px solid #e6e6e6; }
.input:focus { border-color: rgba(82,168,236,0.8);
box-shadow: 0 0 1px 1px rgba(0,0,0, 0.075) inset, 0 0 8px rgba(102,175,233,0.6); }
.textarea { color: #666; background: #fff; border: 1px solid #e6e6e6; }
.textarea:focus { border-color: rgba(82,168,236,0.8);
box-shadow: 0 0 1px 1px rgba(0,0,0, 0.075) inset, 0 0 8px rgba(102,175,233,0.6); }
.input.error { border: 1px solid #c76061; }
.input.error:focus { border: 1px solid #b2e0ff; }
.inputTitle[class*="size-"] { padding: 0; }
.inputTitle { font-size: 16px; height: 2em; line-height: 2em; position: relative; border: 1px solid #e5e5e5; }
.inputTitle.active { border-color: rgba(82,168,236,0.8);
box-shadow: 0 0 1px 1px rgba(0,0,0, 0.075) inset, 0 0 8px rgba(102,175,233,0.6); }
.inputTitle > * { box-sizing: border-box; -ms-border-box:border-box;
-moz-box-sizing: border-box; -o-box-sizing: border-box; }
.inputTitle > input { font-size: 14px; border: 0; background: #fefefe; width: 100%; margin: 0; padding: 0 4px 0 36px; }
.inputTitle > .icon, .inputTitle > *[class*='text-'], .inputTitle.size-M > *[class*='text-'] {
text-align: right; background: #f4f5f7;
position: absolute; top: 0; left: 0; color: #cccccc; }
.inputTitle > input { font-size: 0.8em; padding-right: 0.2em; line-height: 2.5em; }
.inputTitle > .icon { width: 2em; line-height: 2em; display: inline-block; text-align: center; }
.inputTitle > .icon i { line-height: 2em; }
.inputTitle > .icon + input { padding-left: 2.8em; }
.inputTitle > .text- { padding-right: 1em; }
.inputTitle > .text-2 { width: 4em; }
.inputTitle > .text-2 + input { padding-left: 5.4em; }
.inputTitle > .text-4 { width: 6.5em; }
.inputTitle > .text-4 + input { padding-left: 8.5em; }
.inputTitle > .text-6 { width: 9em; }
.inputTitle > .text-6 + input { padding-left: 11.6em; }
.inputTitle > .text-8 { width: 11.6em; }
.inputTitle > .text-8 + input { padding-left: 14.8em; }
/* Webkit内核兼容CSS */ @media screen and (-webkit-min-device-pixel-ratio:0) {
.inputTitle.size-XS > .icon + input { padding-left: 2.4em; }
.inputTitle.size-XS > .text-2 + input { padding-left: 4.5em; }
.inputTitle.size-S > .text-2 + input { padding-left: 5em; }
.inputTitle.size-XS > .text-4 + input { padding-left: 7em; }
.inputTitle.size-S > .text-4 + input { padding-left: 8em; }
.inputTitle.size-S > .text-6 + input { padding-left: 11em; }
.inputTitle.size-XS > .text-6 + input { padding-left: 9.5em; }
.inputTitle> .text-8 + input { padding-left: 15em; }
.inputTitle.size-S > .text-8 + input { padding-left: 14em; }
.inputTitle.size-XS > .text-8 + input { padding-left: 12em; }
}
/*size*/
.size-XS, .buttonGroup.size-XS > * { font-size: 12px; padding: 0 4px; }
.size-S, .buttonGroup.size-S > * { font-size: 14px; padding: 0 8px; }
.size-M, .buttonGroup.size-M > * { font-size: 16px; padding: 0 12px; }
.size-L, .buttonGroup.size-L > * { font-size: 20px; padding: 0 16px; }
.size-XL, .buttonGroup.size-XL > * { font-size: 24px; padding: 0 20px; }
.buttonGroup { padding: 0 0; }
/*type*/
.WL, .buttonGroup.WL > * { padding: 0 1.6em; }
.buttonGroup.rad > *:first-child { border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; }
.buttonGroup.frad> *:last-child { border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; }
.buttonGroup.frad> *:first-child { border-radius: 1em 0 0 1em; -moz-border-radius: 1em 0 0 1em; }
.buttonGroup.frad> *:last-child { border-radius: 0 1em 1em 0; -moz-border-radius: 0 1em 1em 0; }
.button.rad, .input.rad { border-radius: 3px; -moz-border-radius: 3px; }
.button.frad, .input.frad { border-radius: 1em; -moz-border-radius: 1em; }
.button.disable, .input[disabled="disabled"] { background-color: #ddd; border-color:#b1b1b1; color: #bbb; cursor:not-allowed; }
.hide{display:none;}
.selectBox { width: 160px; display: inline-block; position: relative; background: #fff; }
.selectBox dt { width: 160px; height: 38px; line-height: 36px; padding: 0 30px 0 15px; cursor: pointer; border: 1px solid #e6e6e6;
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; }
.selectBox dt:after { content:"▲"; display: inline-block; position: absolute; top: 0; right: 5px; color: #e3e4e8;
transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);
-o-transform: rotate(180deg); -moz-transform: rotate(180deg); }
.selectBox:hover dt:after { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);
-o-transform: rotate(0deg); -moz-transform: rotate(0deg); }
.selectBox:hover dd { display: block; background: #fff; }
.selectBox dd { border: 1px solid #e6e6e6; width: 154px; padding: 2px; position: absolute; top: 38px; left: 0; display: none; z-index: 100; }
.selectBox dd span { display: block; line-height: 30px; padding-left:15px; cursor: pointer;}
.selectBox dd span:hover { background: #808080; color: #fff; }
.bg-f8 { background: #f8f8f8;}
input,button,select,textarea{outline:none; font-family:"微软雅黑"; color:#666;}