html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; margin: 0; padding: 0 }
:focus { outline: 0 }
body { background: #fff; line-height: 1.2 }
ol, ul { list-style: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th, td { font-weight: 400; text-align: left }
blockquote:before, blockquote:after, q:before, q:after { content: "" }
blockquote, q { quotes: "" "" }
a img { border: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
h1, h2, h3, h4, h5, h6 { font-weight: 700 }
strong { font-weight: 700 }
cite, em { font-style: normal }
i { font-style: italic }
caption { text-align: center }
img { vertical-align: middle }
a { color: #009bed; text-decoration: none }
a:hover { text-decoration: underline }
html, body { min-width: 960px; height: 100%; background-color: #f5f5f5 }
body { font-family: Arial, sans-serif; font-size: 14px; color: #333; line-height: 1.2 }
input::-ms-clear {
display:none
}
.content {
*zoom:1; width: 960px; min-height: 80%; _height: 80%; margin: 20px auto }
.content:before, .content:after { display: table; content: "" }
.content:after { clear: both }
.common-box { margin: 0 auto; background-color: #fff; border: 1px solid #ececec }
.common-title { height: 26px; padding: 7px 0; font-size: 16px; font-weight: 400; line-height: 26px; vertical-align: top; color: #333 }
.common-title .title-bar { float: left; *display:inline;
*zoom:1;
width: 2px; height: 100%; margin-right: 18px; background-color: #0ae }
.num { color: #f94 }
.clear-fix { *zoom:1
}
.clear-fix:before, .clear-fix:after { display: table; content: "" }
.clear-fix:after { clear: both }
.float-l { float: left; *display:inline;
*zoom:1
}
.float-r { float: right; *display:inline;
*zoom:1
}
.round { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.ml-10 { margin-left: 10px }
.ml-20 { margin-left: 20px }
.mt-10 { margin-top: 10px }
.mt-20 { margin-top: 20px }
.mt-30 { margin-top: 30px }
.mt-40 { margin-top: 40px }
.mt-50 { margin-top: 50px }
.t-a-c { text-align: center }
.gap-w-1 { display: inline-block; *zoom:1;
width: 1em }
.form-title { height: 36px; padding-left: 30px; font-size: 16px; line-height: 36px; border-bottom: 1px solid #00a9f1; font-family: Microsoft YaHei }
.form-group { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding-top: 20px; line-height: 30px }
.form-group .form-item { min-height: 50px; _height: 50px }
.form-group .form-label { float: left; *display:inline;
*zoom:1;
width: 28%; text-align: right; vertical-align: top; color: #777 }
.form-group .form-content { margin-left: 28%; padding-left: 5px }
.form-group .item-tips { display: block; padding: 8px 0; font-size: 12px; line-height: 1.2; color: #777 }
.form-group .error { border-color: #f76 }
.form-group .error:focus { border-color: #f76 }
.form-group .error .icon-arrow-down { border-top-color: #f76 }
.form-group .error-info { display: none; line-height: 20px; *line-height:18px
}
.form-group .form-error-info { color: #f76; font-size: 12px; line-height: 18px }
.form-group .correct { border-color: #a0dd66 }
.form-group .correct:focus { border-color: #a0dd66 }
.form-group .correct .icon-arrow-down { border-top-color: #a0dd66 }
.form-group .btn-get-code { display: inline-block; width: 98px; height: 28px; margin-left: 20px; line-height: 28px; font-size: 14px }
.form-group .btn-code-disabled { background-color: #ececec; cursor: default }
.form-group .btn-code-disabled:hover, .form-group .btn-code-disabled:active { background-color: #ececec; border-color: #0ae; color: #009bed }
.form-group .form-num { font-size: 16px }
.form-group .form-tips { display: none; font-size: 12px; color: #aaa; line-height: 18px }
.form-group .addon { position: relative; left: -40px; *top:8px;
white-space: nowrap }
.form-group .link-agreement { font-size: 12px; color: #aaa }
.error-info { color: #f76; font-size: 12px }
.btn-group { margin-top: 30px; height: 32px; line-height: 32px; text-align: center }
.btn-group .btn { vertical-align: top }
.input, .select { display: inline-block; *display:inline;
*zoom:1;
width: 233px; height: 28px; padding: 0; padding-left: 5px; border: 1px solid #ddd; line-height: 28px; vertical-align: top; font-size: 100% }
.input:focus, .select:focus { border-color: #0ae }
.select { position: relative; width: 218px; padding-right: 15px }
.select .icon-arrow-down { position: absolute; top: 12px; right: 5px; border-top-color: #ddd }
.select .select-text { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; width: 100%; height: 100%; padding: 0; border: 0; cursor: default; outline: 0 }
.select .option-list { display: none; position: absolute; top: 28px; left: -1px; min-width: 100%; _width: 100%; max-height: 300px; overflow-y: auto; overflow-x: hidden; border: 1px solid #0ae; background-color: #fff }
.select .option-list li { padding: 0 20px 0 5px; white-space: nowrap; cursor: default }
.select .option-list .selected { background-color: #ececec }
.select-focus { border-color: #0ae }
.select-focus .icon-arrow-down { border-top-color: #0ae }
.form-steps { text-align: center }
.form-steps a { display: inline-block; width: 6px; height: 6px; margin: 0 3px; border-radius: 50%; background-color: #ccc; cursor: default; overflow: hidden }
.form-steps .cur { background-color: #0ae }
.select-110 { width: 88px }
.input-80 { width: 73px }
.input-120 { width: 113px }
.checkbox { margin: 0 5px 0 0; padding: 0; vertical-align: middle }
.radio-user { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; *display:inline;
*zoom:1;
width: 110px; *width:108px;
height: 30px; *height:28px;
margin-right: 10px; line-height: 28px; text-align: center; border: 1px solid #ddd; color: #333; vertical-align: middle }
.radio-user input { display: none }
.radio-user:hover { line-height: 26px; *line-height:28px;
border: 2px solid #0caeef; *border-width:1px;
text-decoration: none }
.radio-user-checked { line-height: 26px; *line-height:28px;
border: 2px solid #0caeef; *border-width:1px;
background: url(../img/radio-checked.png) no-repeat right bottom }
.radio-user-52 { width: 52.5px; *width:50.5px
}
.radio-user-60 { width: 60px; *width:58px
}
.radio-user-70 { width: 70px; *width:68px
}
.radio-user-80 { width: 80px; *width:78px
}
.radio-user-240 { width: 240px; *width:238px
}
.placeholder { color: #999!important }
.btn { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; width: 158px; height: 30px; padding: 0; text-align: center; border: 1px solid #ececec; cursor: pointer; outline: 0; font: 500 16px/30px Microsoft YaHei }
.btn:hover, .btn:focus { text-decoration: none; outline: 0 }
.btn-white { color: #0ae; background-color: #fff; border-color: #0ae }
.btn-white:hover { color: #fff; background-color: #50ccff; border-color: #50ccff }
.btn-white:active { color: #fff; background-color: #09e; border-color: #09e }
.btn-primary { background-color: #f54; border-color: #f54; color: #fff }
.btn-primary:hover { background-color: #f76; border-color: #f76 }
.btn-primary:active { background-color: #f02014; border-color: #f02014 }
.btn-info { background-color: #0ae; border-color: #0ae; color: #fff }
.btn-info:hover { background-color: #50ccff; border-color: #50ccff }
.btn-info:active { background-color: #09e; border-color: #09e }
.btn-submit { *height:32px
}
.btn-default { background-color: #ececec; border-color: #ececec; color: #aaa }
.btn-default:hover { background-color: #f5f5f5; border-color: #f5f5f5 }
.btn-default:active { background-color: #d9dde0; border-color: #d9dde0 }
.icon { display: inline-block; vertical-align: middle }
.icon-arrow-down, .icon-arrow-up, .icon-arrow-left, .icon-arrow-right { width: 0; height: 0; font-size: 0; line-height: 0; border: 5px solid transparent; _border: 5px solid #fbfbfb; _filter: chroma(color=#fbfbfb) }
.icon-arrow-up { border-bottom-color: #364455; border-top: 0 }
.icon-arrow-down { border-top-color: #364455; border-bottom: 0 }
.icon-arrow-left { border-right-color: #364455; border-left: 0 }
.icon-arrow-right { border-left-color: #364455; border-right: 0 }
.icon-alert { width: 24px; height: 24px; background-repeat: no-repeat; }
.icon-failed { width: 24px; height: 24px; background-repeat: no-repeat; }
.icon-succeed { width: 24px; height: 24px; background-repeat: no-repeat; }
.icon-weep { width: 32px; height: 32px; background-repeat: no-repeat; }
.icon-success { width: 32px; height: 32px; background-repeat: no-repeat; }
.icon-asc { width: 7px; height: 9px; background-repeat: no-repeat; }
.icon-desc { width: 7px; height: 9px; background-repeat: no-repeat; }
.selected .icon-asc, a:hover .icon-asc { background-repeat: no-repeat; }
.selected .icon-desc, a:hover .icon-desc { background-repeat: no-repeat; }
.icon-alert-s { width: 12px; height: 12px; background-repeat: no-repeat; }
.icon-triangle-up { width: 12px; height: 8px; background-repeat: no-repeat; }
.icon-quick-apply { width: 20px; height: 30px; background-repeat: no-repeat; }
.modal-mask { opacity: .5; filter: alpha(opacity=50); position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: 998 }
.modal { position: absolute; left: 50%; width: 480px; margin-left: -240px; background-color: #fff; border: 1px solid #ececec; z-index: 999; display: none }
.modal .modal-body { padding: 0 15px; overflow: auto }
.modal .icon-close { position: absolute; width: 24px; height: 24px; top: 13px; right: 13px; cursor: pointer; background-repeat: no-repeat; }
.modal .modal-title { height: 50px; padding: 0 40px; line-height: 50px; border-bottom: 1px solid #ececec; font-size: 18px; color: #aaa; text-align: center }
.modal .modal-btns { padding-bottom: 30px; text-align: center }
.modal .modal-btns .btn { margin: 0 8px }
.modal .modal-tips { margin: 70px 0 60px; text-align: center }
.modal .modal-tips .icon { margin-right: 15px }
.modal .form-group { border: 0 }
.modal .form-group .form-label { width: 27% }
.modal .form-group .form-content { margin-left: 27%; padding-left: 15px }
.product-tag i { display: inline-block; width: 16px; height: 16px; margin-right: 5px; overflow: hidden; background: url(../img/allicons.png) no-repeat; vertical-align: -4px; *vertical-align:0
}
i.tag-01 { background-position: 0 0 }
i.tag-02 { background-position: 0 -31px }
i.tag-03 { background-position: 0 -62px }
i.tag-04 { background-position: 0 -93px }
i.tag-05 { background-position: 0 -124px }
i.tag-06 { background-position: 0 -155px }
i.tag-07 { background-position: 0 -186px }
i.tag-08 { background-position: 0 -217px }
i.tag-09 { background-position: 0 -248px }
i.tag-10 { background-position: 0 -279px }
i.tag-11 { background-position: 0 -310px }
i.tag-12 { background-position: 0 -341px }
i.tag-13 { background-position: 0 -372px }
i.tag-14 { background-position: 0 -403px }
i.tag-15 { background-position: 0 -434px }
i.tag-16 { background-position: 0 -465px }
i.tag-17 { background-position: 0 -496px }
i.tag-18 { background-position: 0 -527px }
i.tag-19 { background-position: 0 -558px }
i.tag-20 { background-position: 0 -589px }
i.tag-21 { background-position: 0 -620px }
i.tag-22 { background-position: 0 -651px }
i.tag-23 { background-position: 0 -682px }
i.tag-24 { background-position: 0 -713px }
i.tag-25 { background-position: 0 -744px }
i.tag-26 { background-position: 0 -775px }
i.tag-27 { background-position: 0 -806px }
i.tag-28 { background-position: 0 -837px }
i.tag-29 { background-position: 0 -868px }
i.tag-30 { background-position: 0 -899px }
i.tag-31 { background-position: 0 -930px }
i.tag-32 { background-position: 0 -961px }
i.tag-33 { background-position: 0 -992px }
i.tag-34 { background-position: 0 -1023px }
i.tag-35 { background-position: 0 -1054px }
i.tag-36 { background-position: 0 -1085px }
i.tag-37 { background-position: 0 -1116px }
i.tag-38 { background-position: 0 -1147px }
i.tag-39 { background-position: 0 -1178px }
i.tag-40 { background-position: 0 -1209px }
i.tag-41 { background-position: 0 -1240px }
i.tag-42 { background-position: 0 -1271px }
i.tag-43 { background-position: 0 -1302px }
i.tag-44 { background-position: 0 -1333px }
i.tag-45 { background-position: 0 -1364px }
i.tag-46 { background-position: 0 -1395px }
i.tag-47 { background-position: 0 -1426px }
i.tag-48 { background-position: 0 -1457px }
i.tag-49 { background-position: 0 -1488px }
table { width: 100%; _width: 99%; table-layout: fixed }
.info-table { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-collapse: separate; border-top: 1px dashed #efefef }
.info-table td { padding-top: 15px; line-height: 26px; font-size: 12px; vertical-align: top }
.info-table .hover { background-color: #f5faff }
.pager { padding: 20px 0; font-size: 12px; color: #777; text-align: center }
.pager a, .pager strong { display: inline-block; min-width: 20px; _width: 20px; margin: 0 1px; height: 30px; line-height: 30px; padding: 0 5px; border: 1px solid #ddd; color: #777; font-family: sans-serif }
.pager a:hover, .pager strong:hover { border-color: #0ae; background-color: #0ae; color: #fff; text-decoration: none }
.pager strong { border-color: #0ae; background-color: #0ae; color: #fff }
.pager .omit { margin: 0 5px }
.topbar { height: 32px; font-size: 12px; border-bottom: 1px solid #ddd; background-color: #f5f5f5 }
.topbar .topbar-con { width: 1200px; margin: 0 auto }
.topbar .social-accont { float: left; *display:inline;
*zoom:1;
color: #777 }
.topbar .social-accont li { float: left; *display:inline;
*zoom:1;
position: relative; line-height: 32px; z-index: 51 }
.topbar .social-accont a { color: #777 }
.topbar .login-info { float: right; *display:inline;
*zoom:1;
height: 100%; height: 32px; line-height: 32px }
.topbar .login-info a { color: #777; margin: 0 10px }
.topbar .login-info .btn-register, .topbar .login-info .logout { margin-right: 0 }
.topbar .cur-city { color: #f60; font-size: 14px }
.header { height: 72px; background-color: #fff; border-bottom: 1px solid #ececec }
.header .header-con { width: 1200px; height: 100%; margin: 0 auto }
.header .logo { width: 200px; height: 60px; margin-top: 5px }
.header .btn-quick-apply { width: 70px; height: 64px; padding-top: 8px; text-align: center; color: #fff; line-height: 30px; background-color: #0ae }
.header .btn-quick-apply:hover { background-color: #50ccff; text-decoration: none; color: #fff }
.header .btn-quick-apply:active { background-color: #09e }
.header .nav { margin-left: 350px; padding-top: 19px }
.header .nav li { position: relative; float: left; *display:inline;
*zoom:1;
width: 90px; height: 32px; margin-left: 20px; z-index: 99 }
.header .nav a { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: block; text-align: center; font: 500 16px/32px Microsoft YaHei; text-decoration: none; color: #333 }
.header .nav a:hover { background-color: #50ccff; color: #fff }
.header .nav a:active { background-color: #09e; color: #fff }
.header .nav .active { background-color: #0ae; color: #fff }
.footer { width: 100%; min-width: 960px; color: #9ba2aa; font-weight: 400; font-size: 12px }
.footer .bg { width: 960px; margin: 0 auto; text-align: center; line-height: 26px }
.footer a { color: #9ba2aa; font-weight: 400 }
.footer .contact { padding: 5px 0 }
.footer .copyright { line-height: 20px; text-align: center; font-size: 12px; font-family: Arial, sans-serif; padding: 20px 0 }
.footer .footer-gap, .footer .footer-icp { margin: 0 10px }
.footer .footer-tips { margin-left: 32px }
.icon-weep { background-position: 0px 0px }
.icon-success { background-position: -42px 0px }
.icon-quick-apply { background-position: 0px -42px }
.icon-alert { background-position: -30px -42px }
.icon-succeed { background-position: -84px 0px }
.modal .icon-close { background-position: -84px -34px }
.icon-failed { background-position: 0px -82px }
.icon-alert-s { background-position: -34px -82px }
.selected .icon-asc, a:hover .icon-asc { background-position: -64px -42px }
.selected .icon-desc, a:hover .icon-desc { background-position: -56px -82px }
.icon-asc { background-position: -73px -82px }
.icon-desc { background-position: -90px -82px }
.icon-triangle-up { background-position: -118px 0px }
.icon-weep, .icon-success, .icon-quick-apply, .icon-alert, .icon-succeed, .modal .icon-close, .icon-failed, .icon-alert-s, .selected .icon-asc, a:hover .icon-asc, .selected .icon-desc, a:hover .icon-desc, .icon-asc, .icon-desc, .icon-triangle-up { background-image: url(../img/common_z.png) }