@charset "UTF-8";
@import url("iconfont.css");
/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
/** 1. Change the default font family in all browsers (opinionated). 2. Correct the line height in all browsers. 3. Prevent adjustments of font size after orientation changes in IE and iOS. */
/* Document ========================================================================== */
html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }

/** Add the correct display in IE 9-. */
article, aside, footer, header, nav, section { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in IE. */
figcaption, figure, main { /* 1 */ display: block; }

/** Add the correct margin in IE 8. */
figure { margin: 1em 40px; }

/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }

/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
a:active, a:hover { outline-width: 0; }

/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }

/** Add the correct background and color in IE 9-. */
mark { background-color: #ff0; color: #000; }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Add the correct display in IE 9-. */
audio, video { display: inline-block; }

/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }

/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Forms ========================================================================== */
/** 1. Change font properties to `inherit` in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ }

/** Restore the font weight unset by the previous rule. */
optgroup { font-weight: bold; }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Change the border, margin, and padding in all browsers (opinionated). */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** 1. Add the correct display in IE 9-. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Remove the default vertical scrollbar in IE. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. */
details, menu { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Scripting ========================================================================== */
/** Add the correct display in IE 9-. */
canvas { display: inline-block; }

/** Add the correct display in IE. */
template { display: none; }

/* Hidden ========================================================================== */
/** Add the correct display in IE 10-. */
[hidden] { display: none; }

@font-face { font-family: 'notosans'; src: url("/static/fonts/notosans.eot"); src: url("/static/fonts/notosans-.eot#iefix") format("embedded-opentype"), url("/static/fonts/notosans.woff") format("woff"), url("/static/fonts/notosans.ttf") format("truetype"), url("/static/fonts/notosans.svg") format("svg"); font-weight: normal; font-style: normal; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

p, ul, ol, dl, dd, dt { margin: 0; }

body { min-width: 1240px; font-size: 14px; line-height: 1.715; font-family: "SimSun"; color: #666; }

ul, ol { padding-left: 0; list-style-type: none; }

a { cursor: pointer; color: #333; text-decoration: none; }
a:hover, a a:focus { color: #1f74e0; }

img { vertical-align: middle; }

button, button:active, input, input:focus, select, select:focus, textarea, textarea:focus { outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

input:disabled, textarea:disabled, button:disabled, select:disabled { opacity: 1; }

table { border-collapse: collapse; border-spacing: 0; }

.placeholder { color: #999; }

[role="button"] { cursor: pointer; }

.clearfix, .row, .wrapper, .pagination { zoom: 1; }
.clearfix:before, .row:before, .wrapper:before, .pagination:before, .clearfix:after, .row:after, .wrapper:after, .pagination:after { content: ''; display: table; }
.clearfix:after, .row:after, .wrapper:after, .wrapper-link:after, .pagination:after { clear: both; }

.fwb { font-weight: 700; }

.fs12 { font-size: 9pt; }

.fs16 { font-size: 1pc; }

.fs20 { font-size: 20px; }

.mt10 { margin-top: 10px; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mt50 { margin-top: 50px; }

.mb0 { margin-bottom: 0; }

.mb10 { margin-bottom: 10px; }

.mb20 { margin-bottom: 20px; }

.mb30 { margin-bottom: 30px; }

.mb50 { margin-bottom: 50px; }

.mr0 { margin-right: 0; }

.mr20 { margin-right: 20px; }

.mr30 { margin-right: 30px; }

.mr40 { margin-right: 40px; }

.mr50 { margin-right: 50px; }

.ml0 { margin-left: 0; }

.ml5 { margin-left: 5px; }

.ml10 { margin-left: 10px; }

.ml15 { margin-left: 15px; }

.ml20 { margin-left: 20px; }

.ml25 { margin-left: 25px; }

.ml30 { margin-left: 30px; }

.ml35 { margin-left: 35px; }

.ml40 { margin-left: 40px; }

.ml45 { margin-left: 45px; }

.ml50 { margin-left: 50px; }

.pt10 { padding-top: 10px; }

.pr5 { padding-right: 5px; }

.pr10 { padding-right: 10px; }

.pr15 { padding-right: 15px; }

.pr20 { padding-right: 20px; }

.pr25 { padding-right: 25px; }

.pr30 { padding-right: 30px; }

.pr35 { padding-right: 35px; }

.pr40 { padding-right: 40px; }

.pr45 { padding-right: 45px; }

.pr50 { padding-right: 50px; }

.pb5 { padding-bottom: 5px; }

.pb10 { padding-bottom: 10px; }

.pb15 { padding-bottom: 15px; }

.pb20 { padding-bottom: 20px; }

.pb25 { padding-bottom: 25px; }

.pb30 { padding-bottom: 30px; }

.pb35 { padding-bottom: 35px; }

.pb40 { padding-bottom: 40px; }

.pb45 { padding-bottom: 45px; }

.pb50 { padding-bottom: 50px; }

.pl5 { padding-left: 5px; }

.pl10 { padding-left: 10px; }

.pl15 { padding-left: 15px; }

.pl20 { padding-left: 20px; }

.pl25 { padding-left: 25px; }

.pl30 { padding-left: 30px; }

.pl35 { padding-left: 35px; }

.pl40 { padding-left: 40px; }

.pl45 { padding-left: 45px; }

.pl50 { padding-left: 50px; }

.fl { float: left; }

.fr { float: right; }

.ta-c { text-align: center; }

.ta-r { text-align: right; }

.ta-l { text-align: left; }

.va-top { vertical-align: top; }

.va-m { vertical-align: middle; }

.va-ba { vertical-align: baseline; }

.va-bo { vertical-align: bottom; }

.ra1 { -webkit-border-radius: 1px; border-radius: 1px; }

.ra2 { -webkit-border-radius: 2px; border-radius: 2px; }

.ra3 { -webkit-border-radius: 3px; border-radius: 3px; }

.ra4 { -webkit-border-radius: 4px; border-radius: 4px; }

.ra5 { -webkit-border-radius: 5px; border-radius: 5px; }

.ra6 { -webkit-border-radius: 6px; border-radius: 6px; }

.ra7 { -webkit-border-radius: 7px; border-radius: 7px; }

.ra8 { -webkit-border-radius: 8px; border-radius: 8px; }

.ra9 { -webkit-border-radius: 9px; border-radius: 9px; }

.ra10 { -webkit-border-radius: 10px; border-radius: 10px; }

.opa1 { opacity: 0.1; filter: alpha(opacity=10); }

.opa2 { opacity: 0.2; filter: alpha(opacity=20); }

.opa3 { opacity: 0.3; filter: alpha(opacity=30); }

.opa4 { opacity: 0.4; filter: alpha(opacity=40); }

.opa5 { opacity: 0.5; filter: alpha(opacity=50); }

.opa6 { opacity: 0.6; filter: alpha(opacity=60); }

.opa7 { opacity: 0.7; filter: alpha(opacity=70); }

.opa8 { opacity: 0.8; filter: alpha(opacity=80); }

.opa9 { opacity: 0.9; filter: alpha(opacity=90); }

.cb { clear: both; }

.ti2 { text-indent: 2em; }

.td-n { text-decoration: none; }

.td-u { text-decoration: underline; }

.ofh { overflow: hidden; }

.pos-r { position: relative; }

.db { display: block; }

.di { display: inline; }

.dib { display: inline-block; }

/*文字*/
.text-black { color: #333; }
a.text-black:hover, a.text-black:focus { color: #1a1a1a; }

.text-muted { color: #999; }
a.text-muted:hover, a.text-muted:focus { color: gray; }

.text-primary { color: #1f74e0; }
a.text-primary:hover, a.text-primary:focus { color: #9a0b1c; }

.text-normal { color: #666; }
a.text-normal:hover, a.text-normal:focus { color: #4d4d4d; }

.text-success { color: #37bc46; }
a.text-success:hover, a.text-success:focus { color: #2b9537; }

.text-warning { color: #f67a0c; }
a.text-warning:hover, a.text-warning:focus { color: #c86207; }

.text-danger { color: #e8001c; }
a.text-danger:hover, a.text-danger:focus { color: #b50016; }

.text-info { color: #3580c0; }
a.text-info:hover, a.text-info:focus { color: #2a6598; }

.ellipsis { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.hover-tdu:hover { text-decoration: underline; }

/*布局辅助*/

.col-4 { padding-left: 5px; padding-right: 5px; float: left; min-height: 1px; }

.col-4 { width: 33.33333%; }

.mask-tit { position: absolute; right: 0; bottom: 0; left: 0; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000'); background-color: rgba(0, 0, 0, 0.6); }

.full-img { width: 100%; display: block; }

.caret { font-family: "iconfont" !important; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 3px; width: 16px; height: 16px; line-height: 16px; text-align: center; }
.caret:after { color: #c2c2c2; font-size: 12px; content: '\e60e'; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.animation { visibility: hidden !important; }
.animation.active, .active .animation { visibility: visible !important; -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animation.active.fadeIn, .active .animation.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
.animation.active.fadeInDown, .active .animation.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
.animation.active.fadeInUp, .active .animation.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
.animation.active.fadeInLeft, .active .animation.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
.animation.active.fadeInRight, .active .animation.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
@keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
@-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
@keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
@-webkit-keyframes rotate { from { -webkit-transform: rotate(0); transform: rotate(0); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes rotate { from { -webkit-transform: rotate(0); transform: rotate(0); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
/* ------------------------------------------------- btn scss -------------------------------------------------
*/
.ui-btn, .ui-btn-primary, .ui-btn-warning, .ui-btn-warning-minor, .ui-btn-dirty, .ui-btn-muted, .ui-btn-cute { display: inline-block; vertical-align: middle; padding: 0 24px; font-size: 14px; height: 32px; line-height: 30px; text-align: center; border: 0 none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; }

.ui-btn { color: #fff; border: 1px solid #8b8b8b; background-color: #8b8b8b; }
.ui-btn:hover { background-color: #7e7e7e; border-color: #7e7e7e; color: #fff; }

.ui-btn-primary { color: #fff; border: 1px solid #1f74e0; background-color: #1f74e0; }
.ui-btn-primary:hover { background-color: #b20c21; border-color: #b20c21; color: #fff; }
.ui-btn-primary.hollow { color: #1f74e0; border: 1px solid #1f74e0; background-color: transparent; }
.ui-btn-primary.hollow:hover { background-color: transparent; border-color: #b20c21; color: #b20c21; }

.ui-btn-warning { color: #fff; border: 1px solid #f67a0c; background-color: #f67a0c; }
.ui-btn-warning:hover { background-color: #e06e08; border-color: #e06e08; color: #fff; }
.ui-btn-warning.hollow { color: #f67a0c; border: 1px solid #f67a0c; background-color: transparent; }
.ui-btn-warning.hollow:hover { background-color: transparent; border-color: #e06e08; color: #e06e08; }

.ui-btn-warning-minor { color: #f67a0c; border: 1px solid #ffc693; background-color: #fcf4ec; }
.ui-btn-warning-minor:hover { background-color: #f9e7d6; border-color: #ffb97a; color: #f67a0c; }
.ui-btn-warning-minor.hollow { color: #ffc693; border: 1px solid #ffc693; background-color: transparent; }
.ui-btn-warning-minor.hollow:hover { background-color: transparent; border-color: #ffb97a; color: #ffb97a; }

.ui-btn-dirty { color: #fff; border: 1px solid #5b3b3e; background-color: #5b3b3e; }
.ui-btn-dirty:hover { background-color: #4c3133; border-color: #4c3133; color: #fff; }
.ui-btn-dirty.hollow { color: #5b3b3e; border: 1px solid #5b3b3e; background-color: transparent; }
.ui-btn-dirty.hollow:hover { background-color: transparent; border-color: #4c3133; color: #4c3133; }

.ui-btn-muted { color: #858585; border: 1px solid #e5e5e5; background-color: #fcfcfc; }
.ui-btn-muted:hover { background-color: #efefef; border-color: #d8d8d8; color: #858585; }
.ui-btn-muted.hollow { color: #e5e5e5; border: 1px solid #e5e5e5; background-color: transparent; }
.ui-btn-muted.hollow:hover { background-color: transparent; border-color: #d8d8d8; color: #d8d8d8; }

.ui-btn-cute { color: #1f74e0; border: 1px solid #f69ea9; background-color: #fff8fb; }
.ui-btn-cute:hover { background-color: #ffdfec; border-color: #f48794; color: #1f74e0; }
.ui-btn-cute.hollow { color: #f69ea9; border: 1px solid #f69ea9; background-color: transparent; }
.ui-btn-cute.hollow:hover { background-color: transparent; border-color: #f48794; color: #f48794; }

.ui-btn-sm { padding: 0 18px; font-size: 12px; height: 26px; line-height: 24px; }

.ui-btn-lg { padding: 0 46px; font-size: 16px; height: 42px; line-height: 40px; }

.ui-btn-full { width: 100%; padding: 0; }

.ui-btn-cell { display: table; }

.ui-msg-danger, .ui-msg-success, .ui-msg-warning, .ui-msg-notice, .ui-msg-info, .ui-msg-question { position: relative; display: inline-block; vertical-align: middle; padding: 9px 18px; font-size: 14px; line-height: 21px; -webkit-border-radius: 3px; border-radius: 3px; }

.ui-msg { position: relative; display: inline-block; vertical-align: middle; padding: 9px 18px; font-size: 14px; line-height: 21px; -webkit-border-radius: 3px; border-radius: 3px; }
.ui-msg .msg-link { color: inherit; text-decoration: underline; }
.ui-msg .msg-close { float: right; padding: 0; margin-right: -10px; width: 20px; height: 22px; line-height: 22px; text-align: center; border: none; background: none; color: inherit; cursor: pointer; }
.ui-msg .msg-close i { display: inline-block; vertical-align: top; height: 1px; line-height: inherit; }

.ui-msg-danger { color: #ea4a36; border: 1px solid #ffe3e0; background-color: #fff2f2; }

.ui-msg-danger.ui--msg-naked { color: #ea4a36; }

.ui-msg-success { color: #4ab933; border: 1px solid #dcf9d6; background-color: #edffe9; }

.ui-msg-success.ui--msg-naked { color: #4ab933; }

.ui-msg-warning { color: #cf700b; border: 1px solid #f5cfa7; background-color: #fef1e3; }

.ui-msg-warning.ui--msg-naked { color: #cf700b; }

.ui-msg-notice { color: #ee9f28; border: 1px solid #faf1d7; background-color: #fffff1; }

.ui-msg-notice.ui--msg-naked { color: #ee9f28; }

.ui-msg-info { color: #3a9ed5; border: 1px solid #e4f3fd; background-color: #f2faff; }

.ui-msg-info.ui--msg-naked { color: #3a9ed5; }

.ui-msg-question { color: #333; border: 1px solid #eaeaea; background-color: #f7f7f7; }

.ui-msg-question.ui--msg-naked { color: #333; }

.ui-msg-naked { background: transparent; border-color: transparent; }

.ui-msg-block { display: block; margin: 10px 0; }

.ui-msg-inline { padding-top: 0; padding-bottom: 0; }

.ui-msg-noico { padding-left: 8px; }
.ui-msg-noico:before { display: none; }

.ui-msg-tit { font-weight: bold; }

.ui-msg-box { display: block; padding: 10px 10px 10px 32px; margin-bottom: 24px; }
.ui-msg-box:before { top: 11px; font-size: 20px; }

.ui-tools-side { position: fixed; top: 0; right: 0; height: 100%; z-index: 100; padding: 32px 0 92px; width: 35px; font-size: 0; -webkit-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); }
.ui-tools-side:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.ui-tools-side .tools-inner { position: absolute; top: 0; right: 0; height: 100%; width: 35px; }
.ui-tools-side .box-middle { position: relative; z-index: 3; display: inline-block; vertical-align: middle; width: 100%; }
.ui-tools-side .box-middle .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; }
.ui-tools-side .box-middle .tab { z-index: 2; }
.ui-tools-side .tab { position: relative; left: 0; display: block; height: 35px; width: 100%; margin: 8px 0; color: #fff; font-size: 12px; cursor: pointer; background-color: #000; }
.ui-tools-side .tab:hover { background-color: #b20c21; }
.ui-tools-side .tab:hover .tab-cart-num { color: #b20c21; background-color: #fff; }
.ui-tools-side .tab:hover .tab-cart-border { display: none; }
.ui-tools-side .tab:hover .tab-erwei { display: block; }
.ui-tools-side .tab-ico { height: 35px; line-height: 35px; text-align: center; }
.ui-tools-side .tab-ico i { display: block; font-size: 20px; }
.ui-tools-side .tab-tip { position: absolute; top: -1px; right: 70px; display: none; width: 100px; height: 35px; line-height: 35px; text-align: center; background-color: #494949; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); opacity: 0; }
.ui-tools-side .tab-tip:after { position: absolute; top: 50%; left: 100%; margin-top: -6px; content: ''; border: 6px solid transparent; border-left-color: #494949; }
.ui-tools-side .tab-erwei { position: absolute; display: none; right: 35px; bottom: 0; padding: 8px 8px 3px; background-color: #fff; border: 1px solid #e7e7e7; border-right: none; }
.ui-tools-side .tab-erwei img { width: 140px; }
.ui-tools-side .tab-erwei:after { position: absolute; bottom: 17px; left: 100%; margin-bottom: -5px; content: ''; border: 5px solid transparent; border-left-color: #fff; }
.ui-tools-side .tab-cart { height: auto; padding: 16px 0; background-color: #000; }
.ui-tools-side .tab-cart-ico { margin-bottom: 5px; height: 18px; line-height: 18px; }
.ui-tools-side .tab-cart-ico i { font-size: 18px; }
.ui-tools-side .tab-cart-txt { width: 20px; margin-left: 7px; line-height: 16px; text-align: center; }
.ui-tools-side .tab-cart-num { width: 20px; height: 20px; margin: 6px 0 0 7px; line-height: 20px; text-align: center; background-color: #b20c21; -webkit-border-radius: 50%; border-radius: 50%; }
.ui-tools-side .tab-cart-border { position: absolute; bottom: 0; left: 5px; width: 25px; content: ''; border-bottom: 1px solid #444; }
.ui-tools-side .tab-gotop { position: absolute; bottom: 0; left: 0; opacity: 0; filter: alpha(opacity=0); display: none; }
.ui-tools-side .box-bottom { position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; padding-bottom: 35px; }
.ui-tools-side .box-bottom .tab { margin: 0; }
.ui-tools-side .box-bottom .tab-ico { color: #ccc; }
.ui-tools-side .box-bottom .tab-ico:hover { color: #fff; }
.ui-tools-side .tools-bg { position: absolute; top: 0; left: 0; width: 35px; height: 100%; background-color: #000; }

.ui-bgbanner { overflow: hidden; }
.ui-bgbanner .inner { position: relative; left: 50%; margin-left: -1920px; width: 3840px; }
.ui-bgbanner .inner img { display: block; width: 1920px; margin: auto; }

.ui-filter { position: relative; margin-bottom: 20px; overflow: hidden; border: 1px solid #d8d8d8; }
.ui-filter .remove-row { overflow: hidden; padding: 18px 0 13px; background-color: #fcfcfc; border-bottom: 1px solid #e0e0e0; }
.ui-filter .remove-row .label { color: #777; }
.ui-filter .remove-box { font-size: 0; margin: 0 110px 0 84px; }
.ui-filter .remove-box .tag, .ui-filter .remove-box .del { display: inline-block; vertical-align: middle; margin: 0 5px 2px 0; height: 26px; line-height: 24px; font-size: 12px; color: #777; }
.ui-filter .remove-box .tag { position: relative; padding: 0 22px 0 8px; background-color: #fef9f9; border: 1px solid #f4b1b9; }
.ui-filter .remove-box .tag .ico { position: absolute; top: 6px; right: 4px; width: 13px; height: 13px; background: #d76674 url("/static/images/tagclose.png") no-repeat center; }
.ui-filter .remove-box .tag:hover .ico { top: 0; right: 0; width: 20px; height: 24px; }
.ui-filter .remove-box .del { padding: 0 8px; border: 1px solid #e7e7e7; }
.ui-filter .toggle { display:none; }
/*
.ui-filter .fold { overflow: hidden; height: 152px; }
.ui-filter .toggle { position: absolute; bottom: 12px; right: 13px; padding: 0 9px 0 19px; height: 25px; line-height: 23px; font-size: 12px; -webkit-border-radius: 3px; border-radius: 3px; background: url("/static/images/search.png") no-repeat 7px 7px; }
.ui-filter .toggle .p2 { display: none; }
.ui-filter .toggle.on { background-position: 7px -30px; }
.ui-filter .toggle.on .p1 { display: none; }
.ui-filter .toggle.on .p2 { display: block; }
*/
.ui-filter .chose-row { overflow: hidden; margin: -1px 0 1px; padding: 13px 0 9px; border-top: 1px dotted #e0e0e0; }
.ui-filter .chose-rowh { overflow: hidden;  border-top: 1px dotted #e0e0e0; }
.ui-filter .chose-row2 {margin-left:45px; overflow: hidden; margin: -1px 0 1px;    background: #f6f1f1; padding: 13px 0 9px; border-top: 1px dotted #e0e0e0; margin-left:40px;}
.ui-filter .label { float: left; padding-left: 22px; width: 105px; height: 26px; line-height: 26px; color: #000; }
.ui-filter .chose-box { font-size: 0; margin: 0 50px 0 84px; }
.ui-filter .chose-box .item { display: inline-block; vertical-align: middle; padding: 0 11px; margin: 0 3px 2px 0; font-size: 13px; line-height: 26px; color: #222; border-radius:3px;-webkit-border-radius:3px; -moz-border-radius:3px; -moz-border-radius:3px; font-family: "微软雅黑"; }
.ui-filter .chose-box .item.active, .ui-filter .chose-box .item:hover { color: #fff; background-color: #1f74e0; }
.ui-cnt-bar .bar-nav a { position: relative; float: left; height: 50px; margin: 0 0 -1px -1px; padding: 0 38px 0 38px; color: #777; border: 1px solid #e0e0e0; border-top: none; }
.ui-cnt-bar .bar-nav a.ey_active {color: #1f74e0;     background: #e0e0e0;}
	
.ui-cnt-bar { position: relative; z-index: 3; height: 51px; line-height: 50px; background-color: #fcfcfc; border: 1px solid #e0e0e0; border-top-color: #f4b1b9; }
.ui-cnt-bar .bar-nav .item { position: relative; float: left; height: 50px; margin: 0 0 -1px -1px; padding: 0 40px 0 28px; color: #777; border: 1px solid #e0e0e0; border-top: none; }
.ui-cnt-bar .bar-nav .item .arrow { position: absolute; top: 21px; right: 23px; width: 9px; height: 11px; background: url("/static/images/search.png") no-repeat 0 -56px; }
.ui-cnt-bar .bar-nav .item .arrow-ud { position: absolute; top: 50%; right: 23px; margin: -6px 0 0; }
.ui-cnt-bar .bar-nav .item .arrow-ud:before, .ui-cnt-bar .bar-nav .item .arrow-ud:after { display: block; width: 9px; height: 5px; content: ''; }
.ui-cnt-bar .bar-nav .item .arrow-ud:before { margin-bottom: 2px; background: url("/static/images/search.png") no-repeat -39px -56px; }
.ui-cnt-bar .bar-nav .item .arrow-ud:after { background: url("/static/images/search.png") no-repeat 0 -62px; }
.ui-cnt-bar .bar-nav .item.def { padding: 0 22px; }
.ui-cnt-bar .bar-nav .item.active, .ui-cnt-bar .bar-nav .item:hover { z-index: 2; background-color: #fff6f7; border-color: #f4b1b9; }
.ui-cnt-bar .bar-nav .item.active .arrow, .ui-cnt-bar .bar-nav .item:hover .arrow { background-position: -117px -56px; }
.ui-cnt-bar .bar-nav .item.active .arrow-ud:after, .ui-cnt-bar .bar-nav .item:hover .arrow-ud:after { background-position: -117px -62px; }
.ui-cnt-bar .bar-nav .item.asc.active .arrow, .ui-cnt-bar .bar-nav .item.asc:hover .arrow { background-position: -78px -56px; }
.ui-cnt-bar .bar-nav .item.asc .arrow-ud:after { background-position: 0 -62px; }
.ui-cnt-bar .bar-nav .item.asc .arrow-ud:before { background-position: -78px -56px; }
.ui-cnt-bar .account { float: right; padding: 0 15px; font-size: 12px; color: #777; }

.ui-router { position: relative; overflow: hidden; padding-left: 19px; height: 50px; line-height: 50px; font-size: 12px; color: #6d6d6d; }
.ui-router:before { position: absolute; top: 50%; left: 0; margin-top: -6px; content: ''; width: 12px; height: 11px; background: url("/static/images/home.png"); }
.ui-router .link { float: left; color: inherit; }
.ui-router .link:hover { text-decoration: underline; }
.ui-router .divider { float: left; padding: 0 6px; }
.ui-router .divider:after { content: '>'; }
.ui-router .cur { color: #1f74e0; }

.ui-page-notice { font-size: 0; text-align: center; }
.ui-page-notice:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.ui-page-notice .section { display: inline-block; vertical-align: middle; text-align: left; font-size: 14px; }
.ui-page-notice .ico { float: left; width: 80px; font-size: 80px; line-height: 1; text-align: center; color: #1f74e0; }
.ui-page-notice .cont { margin-left: 80px; padding-left: 30px; }
.ui-page-notice .tit { margin-bottom: 15px; font-size: 18px; color: #333; }
.ui-page-notice.cartempty { height: 400px; }

.ui-quan { display: inline-block; width: 202px; height: 75px; color: #fff; background: #1f74e0 url("/static/images/quan-l.jpg") repeat-y left top; }
.ui-quan .inner { overflow: hidden; height: 100%; padding: 0 0 0 20px; background: url("/static/images/quan-r.jpg") repeat-y right top; }
.ui-quan .value { float: left; line-height: 75px; font-size: 20px; }
.ui-quan .value .num { font-size: 50px; }
.ui-quan .value.three .num { font-size: 40px; }
.ui-quan .label { float: right; margin: 30px 15px 0 0; padding: 0 9px; height: 22px; line-height: 22px; background-color: #ab0116; -webkit-border-radius: 50px; border-radius: 50px; }

.ui-typo h1, .ui-typo h2, .ui-typo h3, .ui-typo h4, .ui-typo h5, .ui-typo h6, .ui-typo .h1, .ui-typo .h2, .ui-typo .h3, .ui-typo .h4, .ui-typo .h5, .ui-typo .h6 { margin-top: 24px; margin-bottom: 12px; line-height: 1.1; }
.ui-typo h1, .ui-typo .h1 { font-size: 34px; }
.ui-typo h2, .ui-typo .h2 { font-size: 28px; }
.ui-typo h3, .ui-typo .h3 { font-size: 20px; }
.ui-typo h4, .ui-typo .h4 { font-size: 16px; }
.ui-typo h5, .ui-typo .h5 { font-size: 14px; }
.ui-typo h6, .ui-typo .h6 { font-size: 12px; }

.ui-star { display: inline-block; vertical-align: middle; width: 82px; height: 13px; background: url("/static/images/cmt-star.png"); }
.ui-star .inner { height: 100%; background: url("/static/images/cmt-star.png") 0 -13px; }
.ui-star.value-1 .inner { width: 14px; }
.ui-star.value-2 .inner { width: 31px; }
.ui-star.value-3 .inner { width: 48px; }
.ui-star.value-4 .inner { width: 65px; }
.ui-star.value-5 .inner { width: 82px; }

.ui-txtin { display: inline-block; vertical-align: middle; padding: 3px 10px; height: 30px; line-height: 22px; font-weight: normal; font-size: 14px; border: 1px solid #d7d7d7; background-color: #fdfdfd; }
.ui-txtin:disabled { color: #ababab !important; background-color: #e6e6e6 !important; border-color: #bbb !important; }
.ui-txtin:focus { border-color: #b20c21; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #f34b60; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #f34b60; }
.ui-txtin.time { position: relative; width: 125px; padding-right: 34px; background-image: url("/static/images/cal.png"); background-repeat: no-repeat; background-position: right center; }

textarea.ui-txtin { height: auto; resize: none; }

.ui-calendar { line-height: normal; }
.ui-calendar .gsd_item { cursor: pointer; }
.ui-calendar .disabled { color: #999; cursor: default; }
.ui-calendar .empty { cursor: default; }
.ui-calendar .prev, .ui-calendar .next { padding: 2px 3px; background-color: #fff; color: #1f74e0; cursor: pointer; }
.ui-calendar .prev { float: left; margin-left: 5px; }
.ui-calendar .next { float: right; margin-right: 5px; }

/*第三方js插件*/
.laydate_body .laydate_box, .laydate_body .laydate_box * { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 300px; padding: 1px; font-size: 12px; font-weight: 400; line-height: 20px; background-color: #f5f5f5; border: 1px solid #ccc; -webkit-border-radius: 2px; border-radius: 2px; }
.popover.bottom { margin-top: 4px; }
.popover.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
.popover.fade.in { opacity: 1; }

.popover-content { padding: 2px 4px; }

.popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }

.popover > .arrow { border-width: 5px; }

.popover > .arrow:after { content: ""; border-width: 4px; }

.popover.bottom > .arrow { top: -5px; left: 50%; margin-left: -5px; border-top-width: 0; border-bottom-color: #ccc; }

.popover.bottom > .arrow:after { top: 1px; margin-left: -4px; content: " "; border-top-width: 0; border-bottom-color: #f5f5f5; }

.wrapper { width: 1200px; margin-left: auto; margin-right: auto; }

.wrapper-link { width: 1200px; margin-left: auto; margin-right: auto; margin-top: 10px;}
.wrapper-link ul{ list-style:none; }
.wrapper-link li{  float:left; padding:5px; overflow: hidden; white-space: nowrap;}

.ui-tools-side, .ui-filter .label, .ui-cnt-bar .bar-nav .item, .layui-layer, .popover, .nav, .ft-service .inner-wrap .tit, .fatfooter .col-erwei .info .tel, .fatfooter .col-links .tit, .footer .links li, .pagination, .layout-aside .aside-tit, .aside-nav .title, .section-hotrank, .sch-goods .cnt { font-family: "Helvetica Neue", Helvetica, STHeiTi, "Microsoft YaHei", "微软雅黑", SimSun, sans-serif; }

.topper { font-size: 12px; height: 30px; line-height: 29px; color: #727272; background-color: #fcfcfc; border-bottom: 1px solid #e2e2e2; }
.topper a { color: inherit; }
.topper a:hover { color: #1f74e0; }
.topper-links { float: left; }
.topper-links li { position: relative; float: left; padding: 0 9px 0 10px; }
.topper-links li:before { position: absolute; content: ''; top: 50%; left: 0; margin-top: -6px; height: 12px; border-left: 1px solid #727272; }
.topper-links li:first-child:before { content: none; }
.topper-links li.user a { color: #1f74e0; }
.topper-links li.user a:hover { text-decoration: underline; }
.topper-links .cnum { color: #1f74e0; }
.topper-links .erwei { position: relative; z-index: 11; }
.topper-links .erwei a { display: block; margin: 0 -9px 0 -10px; padding: 0 9px; }
.topper-links .erwei:hover a { height: 30px; background-color: #fff; }
.topper-links .erwei:hover:before { top: 0; margin-top: 0; height: 100%; border-left-color: #ddd; }
.topper-links .erwei:hover:after { position: absolute; top: 0; right: 0; height: 100%; content: ''; border-right: 1px solid #ddd; }
.topper-links .erwei:hover .subbox { display: block; }
.topper-links .subbox { position: absolute; z-index: -1; top: 100%; right: 0; display: none; margin-top: -1px; padding: 10px; text-align: center; background-color: #fff; border: 1px solid #ddd; }
.topper-links .subbox .pic { vertical-align: middle; width: 136px; height: 136px; }
.topper-links .subbox .label { display: block; color: #333; line-height: 28px; }

.header { height: 120px; background-color: #fff; }
.header .wrapper { position: relative; }
.header .logo { float: left; margin: 25px 0 0 0; width: 380px; height: 80px; overflow: hidden; text-indent: 110%; white-space: nowrap; background-repeat: no-repeat; }
.header .city-info { float: left; margin: 39px 0 0; }
.header .city-info .city { overflow: hidden; margin-bottom: 8px; font-size: 12px; line-height: 16px; }
.header .city-info .city .name { float: left; padding-left: 15px; color: #c71b2f; background: url("/static/images/dw.png") no-repeat left 2px; }
.header .city-info .city .toggle { float: left; margin-left: 8px; color: #a3a3a3; }
.header .city-info .city .toggle:hover { color: #1f74e0; text-decoration: underline; }
.header .city-info .slogan { width: 215px; height: 18px; overflow: hidden; text-indent: 110%; white-space: nowrap; background: url("/static/images/hdslogan.png") no-repeat; }
.header .ad { float: right; height: 120px; }
.header .sch-wrap { position: absolute; top: 42px; left: 462px; width: 429px; height: 38px; background: url("/static/images/sch-input.png") no-repeat; }
.header .sch-wrap .q { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 7px 90px 7px 18px; line-height: 24px; font-size: 12px; border: none; background: none; }
.header .sch-wrap .tj { position: relative; z-index: 2; float: right; width: 79px; height: 38px; background: url("/static/images/sch-submit.png") no-repeat; border: none; cursor: pointer; -webkit-border-radius: 0 38px 38px 0; border-radius: 0 38px 38px 0; }

.nav { height: 50px; line-height: 50px; color: #fff; background-color: #1f74e0; }
.nav-main { width: 100%; table-layout: fixed; }
.nav-main > li { float: left; }
.nav-main > li > a { display: block; padding: 0 30px; text-align: center; font-size: 16px; color: inherit; }
.nav-main > li > a:hover { background-color: #b20c21; }
.nav-main > li > a.active { background-color: #f67a0c; }
.nav-main > li.home a { padding: 0 30px; }
.nav-cate { position: relative; z-index: 5; width: 226px; }
.nav-cate .tit { padding: 0 0 0 23px; font-size: 16px; background-color: #0657bf; cursor: pointer; }
.nav-cate .fwrap { position: absolute; top: 100%; left: 0; width: 100%; height: 477px; display: none; background-color: #fff; border: 1px solid #e0e0e0; border-top: none; }
.nav-cate:hover .fwrap { display: block; }
.nav-cate .fitem { margin: 0 14px; border-bottom: 1px solid #e0e0e0; }
.nav-cate .fitem:hover { margin: -1px -1px 0 0; padding: 0 15px 0 14px; background-color: #fdfdfd; border-top: 1px solid #e0e0e0; }
.nav-cate .fitem:hover .cbox { display: block; }
.nav-cate .fbox { padding: 10px 0 13px; }
.nav-cate .ftit { position: relative; padding-left: 28px; line-height: 30px; color: #1f74e0; }
.nav-cate .ftit .ico { position: absolute; top: 2px; left: 0;     height: 23px;}
.nav-cate .ftit i { position: absolute; z-index: 1; top: 0px; right: -10px; width: 30px; height: 30px; background: url("/static/images/icon-rjt.jpg") 0 0 no-repeat; }
.nav-cate .flist { overflow: hidden; margin-right: -18px; height: 23px; line-height: 23px; font-family: "SimSun"; font-size: 12px; color: #777; }
.nav-cate .flist li { float: left; margin-right: 18px; }
.nav-cate .flist a { color: #555; }
.nav-cate .row1:hover { margin-top: 0; border-top: none; }
.nav-cate .row1 .flist { height: 68px; }
.nav-cate .row2 .flist { height: 30px; }
.nav-cate .row3 .flist { height: 30px; }
.nav-cate .row4 .flist { height: 30px; }
.nav-cate .row5 { border-bottom: none; }
.nav-cate .row5 .fbox { padding-bottom: 17px; }
.nav .cbox { position: absolute; left: 100%; top: 0; display: none; margin-left: 1px; padding: 7px 25px 0 28px; width: 670px; height: 477px; background-color: #fdfdfd; border: 1px solid #dfdfe0; border-left: none; border-top: none; }
.nav .cline { overflow: hidden; padding: 10px; line-height: 22px; border-top: 1px dotted #cacaca; }
.nav .cline:first-child { border-top: none; }
.nav .ctit { position: relative; float: left; width: 70px; color: #1f74e0; }
.nav .clist { font-family: "SimSun"; overflow: hidden; }
.nav .clist a { position: relative; float: left; margin: 3px 12px 9px 13px; font-size: 12px; line-height: 16px; }
.nav .clist a:before { position: absolute; top: 50%; left: -13px; margin-top: -6px; height: 12px; border-left: 1px solid #cacaca; content: ''; }
.nav .clist a.h, .nav .clist a:hover { color: #1f74e0; }
.nav-cate .row2 .cbox{	top:122px;	}
.nav-cate .row3 .cbox{	top:206px;	}
.nav-cate .row4 .cbox{	top:290px;	}
.nav-cate .row5 .cbox{ opacity: 0;}
.nav-cate .row5 .flist{ height: 46px;}

.ft-service { padding: 25px 0 24px; background-color: #373636; border-bottom: 1px solid #403f3f; }
.ft-service .inner-wrap { line-height: 0; text-align: justify; }
.ft-service .inner-wrap:after { display: inline-block; margin: 0; padding: 0; width: 100%; height: 0; overflow: hidden; content: ''; }
.ft-service .inner-wrap .item { display: inline-block; vertical-align: middle; padding-right: 10px; height: 70px; }
.ft-service .inner-wrap .ico { float: left; width: 70px; height: 70px; }
.ft-service .inner-wrap .cnt { margin-left: 70px; padding-left: 20px; line-height: 24px; }
.ft-service .inner-wrap .tit { margin: 14px 0 0; font-size: 20px; color: #fff; }
.ft-service .inner-wrap .desc { font-size: 12px; color: #a7a6a6; }

.fatfooter { padding: 32px 0; font-size: 12px; line-height: 21px; color: #888; background-color: #373636; }
.fatfooter .col-erwei { float: right; }
.fatfooter .col-erwei .code { float: left; margin: 5px 0 0; line-height: 26px; text-align: center; }
.fatfooter .col-erwei .code img { width: 100px; height: 100px; }
.fatfooter .col-erwei .info { margin-left: 100px; padding-left: 10px; }
.fatfooter .col-erwei .info .tel { margin: 5px 0; font-size: 24px; color: #bbb; }
.fatfooter .col-erwei .info strong { font-weight: normal; }
.fatfooter .col-links { float: left; overflow: hidden; }
.fatfooter .col-links .col { float: left; padding: 0 40px 200px; margin: 8px 0 -200px; border-left: 1px solid #4b4a4a; }
.fatfooter .col-links .col:first-child { margin-left: -24px; }
.fatfooter .col-links .tit { margin: -10px 0 5px; font-size: 16px; line-height: 35px; color: #fff; }
.fatfooter .col-links .list a { color: inherit; }
.fatfooter .col-links .list a:hover { text-decoration: underline; }

.friend-links { padding: 10px 35px; font-size: 12px; color: #888; background-color: #373636;}
.friend-links ul { width: 1200px; margin: 0 auto;}
.friend-links li { padding: 2px 5px; float:left; line-height: 25px; height: 25px;}
.friend-links a { color: inherit; }
.friend-links a:hover { text-decoration: underline; }

.footer { padding: 20px 0; font-size: 12px; color: #fff; text-align: center; background-color: #323232; border-top: 1px solid #403f3f; }
.footer a { color: inherit; }
.footer a:hover { text-decoration: underline; }
.footer .links { font-size: 0; margin: 5px 0 12px; }
.footer .links li { display: inline-block; vertical-align: middle; padding: 0 10px; font-size: 14px; line-height: 15px; color: #bfbfbf; border-left: 1px solid #bfbfbf; }
.footer .links li:first-child { border-left: none; }
.footer .copyright { line-height: 32px; opacity: 0.4; filter: alpha(opacity=40); }

.pagination { font-size: 0; margin: 60px 0; text-align: center; }
.pagination.ta-l { text-align: left; }
.pagination.ta-r { text-align: right; }

.pagination > li { display: inline-block; }
.pagination > li [rel="prev"] { margin-right: 7px; font-size: 0; }
.pagination > li [rel="prev"]:after { font-size: 14px; content: '上一页'; }
.pagination > li [rel="next"] { margin-left: 7px; font-size: 0; }
.pagination > li [rel="next"]:before { font-size: 14px; content: '下一页'; }

.pagination > li > a, .pagination > li > span { position: relative; display: block; padding: 10px 16px; margin: 0 1px; font-size: 14px; line-height: 1.42857143; color: #535353; text-decoration: none; background-color: #fff; border: 1px solid #d7d7d7; }

.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; }

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #820918; background-color: #eee; border-color: #d7d7d7; }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #1f74e0; border-color: #1f74e0; }

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #aaa; pointer-events: none; cursor: not-allowed; background-color: #fff; border-color: #ddd; }

.pagination-sm { margin: 40px 0; }
.pagination-sm > li [rel="prev"] { margin-right: 5px; }
.pagination-sm > li [rel="prev"]:after { font-size: 12px; }
.pagination-sm > li [rel="next"] { margin-left: 5px; }
.pagination-sm > li [rel="next"]:before { font-size: 12px; }
.pagination-sm > li > a, .pagination-sm > li > span { padding: 6px 10px; font-size: 12px; }

.header-sp { height: 120px; color: #fff; background-color: #1f74e0; }
.header-sp .logo { float: left; margin: 25px 0 0 0; width: 140px; height: 70px; overflow: hidden; text-indent: 110%; white-space: nowrap; background-repeat: no-repeat; }
.header-sp .title { position: relative; float: left; padding: 0 0 0 17px; margin: 50px 0 0 6px; line-height: 1; font-size: 24px; font-family: 'notosans'; -webkit-text-stroke-width: 0.2px; }
.header-sp .title:before { position: absolute; top: 2px; left: 0; width: 2px; height: 21px; background-color: #fff; content: ''; }

.body-fantasy { background: url("/static/images/detail-bg.jpg") no-repeat center top; }

.layout-main { margin: 0 0 100px 240px; }

.layout-aside { float: left; width: 220px; margin-left: -240px; }
.layout-aside .aside-tit { height: 65px; line-height: 65px; text-align: center; font-size: 20px; color: #fff; background-color: #4f3f3f; }

.layout-cnt.bfc { float: left; width: 100%; }
.layout-cnt .lc-panel { position: relative; background-color: #fff; border: 1px solid #d7d7d7; border-bottom: none; }
.layout-cnt .lc-panel:before { position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px solid #d7d7d7; content: ''; }
.layout-cnt .lc-panel.hold-height:after { display: block; content: ''; clear: both; }

.aside-nav { padding-bottom: 20px; overflow: hidden; border: 1px solid #d7d7d7; }
.aside-nav .list:first-child { padding-top: 7px; border-top: none; }
.aside-nav .title { position: relative; padding-left: 33px; line-height: 38px; font-weight: 700; }
.aside-nav .title .ico { position: absolute; top: 0; left: 10px; height: 48px; font-size: 0; }
.aside-nav .title.active { color: #1f74e0; }
.aside-nav .item { padding-left: 12px; height: 39px; line-height: 38px; font-size: 12px; color: #888; }
.aside-nav .item:after { display: block; margin-right: 10px; content: ''; border-bottom: 1px dashed #e6e6e6; }
.aside-nav .item a { position: relative; display: block; color: inherit; }
.aside-nav .item a:after { position: absolute; top: 14px; right: 2px; width: 4px; height: 7px; content: ''; background: url("/static/images/arrow.png"); -webkit-transition: right 0.275s; transition: right 0.275s; }
.aside-nav .item:hover a { color: #222; }
.aside-nav .item.active a { color: #fff; background-color: #1f74e0; }
.aside-nav .item.active a:after { right: 13px; }
.aside-nav .item.on { color:#f00; }
.aside-nav .sub {width:49%; float:left;}
.aside-nav .bold {font-weight:bold;}
.aside-nav .aitem { padding-left: 42px; height: 39px; line-height: 38px; font-size: 12px; color: #888; }
.aside-nav .aitem:after { display: block; margin-right: 10px; content: ''; border-bottom: 1px dashed #e6e6e6; }
.aside-nav .aitem a { position: relative; margin-left: -42px; padding-left: 42px;display: block; color: inherit; }
.aside-nav .aitem a:after { position: absolute; top: 14px; right: 2px; width: 4px; height: 7px; content: ''; background: url("/static/images/arrow.png"); -webkit-transition: right 0.275s; transition: right 0.275s; }
.aside-nav .aitem:hover a { color: #222; }
.aside-nav .aitem.active a { color: #fff; background-color: #1f74e0; }
.aside-nav .aitem.active a:after { right: 13px; }
.aside-nav .aitem.on { color:#f00; }

.goods-tag { position: absolute; z-index: 1; top: 0; left: 0; width: 70px; height: 74px; }
.goods-tag.xstj { background-image: url("/static/images/p-xstj.png"); }
.goods-tag.rmdp { background-image: url("/static/images/p-rmdp.png"); }
.goods-tag.rxcp { background-image: url("/static/images/p-rxcp.png"); }
.goods-tag.bzxp { background-image: url("/static/images/p-bzxp.png"); }

.section-hotrank { margin-bottom: 20px; border: 1px solid #f4b1b9; }
.section-hotrank .section-hd { padding-left: 16px; height: 50px; line-height: 50px; color: #1f74e0; background-color: #fff6f7; }
.section-hotrank .section-hd .tit { padding-left: 32px; font-size: 18px; background: url("/static/images/cal.png") no-repeat 0 14px; }
.section-hotrank .section-bd { min-height: 40px; border-top: 1px solid #f4b1b9; }
.section-hotrank .plist { margin: 0 -1px; }
.section-hotrank .plist li { float: left; width: 301px; margin-right: -1px; border-right: 1px solid #f4b1b9; }
.section-hotrank .plist li:first-child { border-left: none; }
.section-hotrank .plist li:hover .img { -webkit-transform: translateY(-3px); transform: translateY(-3px); }
.section-hotrank .plist .figure { position: relative; display: block; display: table-cell; vertical-align: middle; overflow: hidden; width: 300px; height: 374px; text-align: center; }
.section-hotrank .plist .figure .img { display: inline; width: 261px; max-height: 290px; margin: 0 auto; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; }
.section-hotrank .plist .figure .tag { position: absolute; top: 0; left: 1px; z-index: 1; width: 100px; height: 94px; }
.section-hotrank .plist .cnt { padding: 0 20px; height: 102px; border-top: 1px solid #f4b1b9; }
.section-hotrank .plist .price { float: right; margin-top: 37px; font-size: 16px; line-height: 1; }
.section-hotrank .plist .price .num { font-size: 28px; }
.section-hotrank .plist .info { margin-top: 29px; overflow: hidden; }
.section-hotrank .plist .name { margin-bottom: 9px; overflow: hidden; height: 20px; line-height: 20px; font-size: 18px; color: #444; }
.section-hotrank .plist .name a { color: inherit; }
.section-hotrank .plist .name a:hover { color: #1f74e0; text-decoration: underline; }
.section-hotrank .plist .desc { font-size: 14px; line-height: 20px; color: #888; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.sch-goods { margin: 0 -1px 60px 0; }
.sch-goods li { float: left; width: 301px; margin: -1px -1px 0 0; border: 1px solid #e0e0e0; -webkit-transition: all 0.3s; transition: all 0.3s; }
.sch-goods li:hover { position: relative; z-index: 4; border-color: #f4b1b9; }
.sch-goods .figure { position: relative; overflow: hidden; display: table-cell; vertical-align: middle; text-align: center; width: 300px; height: 332px; }
.sch-goods .figure img { display: inline-block; vertical-align: middle; width: 290px; max-height: 322px; }
.sch-goods .cnt { padding: 0 22px; height: 85px; }
.sch-goods .cnt .name { margin: 6px 0 4px; overflow: hidden; height: 28px; line-height: 28px; color: #666; }
.sch-goods .cnt .name a { color: inherit; }
.sch-goods .cnt .name a:hover { color: #1f74e0; }
.sch-goods .cnt .bottom { overflow: hidden; line-height: 30px; }
.sch-goods .cnt .price { float: left; color: #1f74e0; }
.sch-goods .cnt .price .num { font-size: 24px; }
.sch-goods .cnt .check { float: right; margin-right: 12px; visibility: hidden; font-size: 0; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: transform 0.2s linear 0s; transition: transform 0.2s linear 0s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer; }
.sch-goods .cnt .check i { display: inline-block; vertical-align: middle; margin-right: 7px; width: 20px; height: 20px; line-height: 18px; text-align: center; border: 1px solid #d7d7d7; -webkit-border-radius: 4px; border-radius: 4px; }
.sch-goods .cnt .check .label { display: inline-block; vertical-align: middle; font-size: 12px; font-family: "SimSun"; }
.sch-goods .cnt .check.active { color: #1f74e0; }
.sch-goods .cnt .check.active i { font-size: 18px; border-color: #1f74e0; }
.sch-goods .cnt .check.active i:after { font-family: "iconfont" !important; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e714'; }
.sch-goods .cnt .btn { float: right; padding: 0 10px; height: 30px; line-height: 28px; font-family: "SimSun"; font-size: 12px; -webkit-border-radius: 3px; border-radius: 3px; }
.sch-goods li:hover .check, .sch-goods .check.active { visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }

.about-arc { padding: 30px 40px 40px; }
.about-arc h1{ height:40px; }
.about-arc img { max-width:98%; }
.about-arc table td { border: 1px solid #d7d7d7; padding: 5px; 2px; }
.about-arc .tag-arc { margin-top:15px; margin-bottom:5px;}
.about-arc .relart-arc { margin: 5px 0;}
.about-arc-title{ text-align: center; color: #1f74e0; line-height: 56px; font-size: 16px; border-bottom: 1px dashed #e6e6e6;}
.about-arc-hd { text-align: center;  }
.about-arc-hd .tit { padding-bottom: 20px; color: #1f74e0; line-height: 24px; font-size: 16px; border-bottom: 1px dashed #e6e6e6; }
.about-arc-hd .meta { line-height: 40px; border-bottom: 1px dashed #e6e6e6; }
.about-arc-hd .meta .info { font-size: 12px; margin: 0 10px; }
.about-arc-typo { margin-top: 20px; color: #777; }
.about-arc-typo img { max-width: 100%; }

.about-cnt-list { padding: 10px 0; }
.about-cnt-list li { position: relative; padding: 0 100px 0 5px; height: 45px; line-height: 44px; border-bottom: 1px solid #eee; }
.about-cnt-list .tit { position: relative; padding-left: 25px; }
.about-cnt-list .tit:before { position: absolute; top: 50%; left: 10px; margin-top: -4px; border-style: solid; border-color: transparent transparent transparent #333; border-width: 4px; content: ''; }
.about-cnt-list .time { position: absolute; top: 0; right: 10px; width: 90px; color: #aaa; text-align: right; }

.lc-panel h2.title { position: relative; line-height: 50px; height: 50px; margin-top:0; padding: 0px 20px; font-size: 16px; background-color: #F7F7F7; border-bottom: 1px solid #eaeaea; font-weight: bold;}
.about-cnt-suggest { padding: 0px; height:340px;}
.about-cnt-suggest li { position: relative; width: 50%;float: left; height: 120px; line-height: 44px; border-bottom: 1px solid #eee; }
.about-cnt-suggest li a {display: block; background-color: #fff; margin-right: 1px; padding: 5px 20px 2px 140px;}
.about-cnt-suggest img { float: left; margin: 8px 0 0 -120px; width: 110px; height: 80px;}
.about-cnt-suggest h3 { font-size: 14px; margin: 0; font-weight: bold; height: 35px; overflow: hidden;}
.about-cnt-suggest p {overflow: hidden; height: 55px; line-height: 25px;}
.about-cnt-suggest .muted {color: #999;}
.about-cnt-suggest p {margin: 0 0 10px;}

.channel-article {height:240px;}
.channel-article h6 { font-size: 14px; margin-bottom: 10px; font-weight: 700;}
.channel-article h6 a { color: #f78585;}
.channel-article li { width:50%; float:left; height:40px; line-height:40px; border-bottom: dashed 1px #eeeeee;}

/*热门标签*/
.hot_tab { width: 302px; height: 432px; text-align: center; margin-right: 8px; }

.hot_tab .frame_1_1 { height: 116px; margin-bottom: 2px; }

.hot_tab .frame_1 div, .list-hot-tab .frame div { float: left; margin-right: 2px; display: inline-block; text-align: center; background-repeat: no-repeat; }

.hot_tab div a, .list-hot-tab div a { display: block; width: 100%; height: 100%; color: #fff; }

.hot_tab .f-s-max { font-size: 20px; }

.hot_tab .f-s-min { font-size: 16px; }

.hot_tab .f-s-mid { font-size: 18px; }

.hot_tab .max-square { width: 116px; height: 116px; padding: 40px 0; line-height: 36px; background-image: url("/static/images/tab-mid-1.jpg"); }

.hot_tab .frame_1 .col-box { float: left; width: 184px; height: 116px; margin-right: 0px; }

.frame_1 .col-box .col-mid-2 { width: 103px; height: 58px; line-height: 58px; background-image: url("/static/images/tab-mid-2.jpg"); }

.frame_1 .col-box .col-mid-1 { width: 77px; height: 58px; line-height: 58px; background-image: url("/static/images/tab-mid-3.jpg"); }

.frame_1 .col-box .col-mid-3 { width: 182px; height: 56px; line-height: 56px; background-image: url("/static/images/tab-mid-4.jpg"); margin-top: 2px; }

.frame_1_2, .frame_1_5 { height: 72px; line-height: 52px; margin-bottom: 2px; }

.frame_1 .min-square { width: 70px; height: 72px; padding: 10px 0; }

.frame_1 .square-shape1 { background-image: url("/static/images/tab-mid-5.jpg"); }

.frame_1 .square-shape2 { background-image: url("/static/images/tab-mid-7.jpg"); }

.frame_1 .min-rectangle { width: 156px; height: 72px; padding: 10px 0; background-image: url("/static/images/tab-mid-6.jpg"); }

.frame_1_3 { width: 300px; height: 60px; line-height: 60px; background-image: url("/static/images/tab-mid-8.jpg"); margin-bottom: 2px; }

.frame_1_4 { height: 103px; margin-bottom: 2px; line-height: 43px; }

.frame_1_4 .max-rectangle { width: 188px; height: 103px; padding: 30px 0; background-image: url("/static/images/tab-mid-9.jpg"); }

.frame_1_4 .max-square { width: 110px; height: 103px; padding: 30px 0; background-image: url("/static/images/tab-mid-10.jpg"); }

.frame_1_5 { margin-bottom: 0px; }

.frame_1_5 .square-shape1 { background-image: url("/static/images/tab-mid-11.jpg"); }

.frame_1_5 .square-shape2 { background-image: url("/static/images/tab-mid-13.jpg"); }

.frame_1_5 .min-rectangle { background-image: url("/static/images/tab-mid-12.jpg"); }

.frame_1_5 .f-style { padding: 15px; line-height: 20px; }

.frame_1 .col-box .f-style { padding: 10px 18px; line-height: 20px; }

/*列表页热门标签*/
.list-hot-tab { width: 100%; height: 195px; text-align: center; font-size: 20px; font-family: "微软雅黑"; }

.list-hot-tab .w292 { width: 292px; height: 95px; padding: 25px 0; line-height: 45px; }

.list-hot-tab .w145 { width: 145px; height: 95px; padding: 25px 0; line-height: 45px; }

.list-hot-tab .w305 { width: 305px; height: 64px; padding: 20px 0; line-height: 24px; }

.list-hot-tab .w202 { width: 202px; height: 62px; padding: 20px 0; line-height: 22px; }

.list-hot-tab .w204 { width: 204px; height: 126px; padding: 50px 0; line-height: 26px; }

.list-hot-tab .col-tab-1 { background-image: url("/static/images/tab-bg-1.jpg"); margin-bottom: 2px; }

.list-hot-tab .col-tab-2 { background-image: url("/static/images/tab-bg-6.jpg"); }

.list-hot-tab .col-tab-3 { background-image: url("/static/images/tab-bg-7.jpg"); }

.list-hot-tab .col-tab-4 { background-image: url("/static/images/tab-bg-2.jpg"); }

.list-hot-tab .col-tab-5 { background-image: url("/static/images/tab-bg-3.jpg"); }

.list-hot-tab .col-tab-6 { background-image: url("/static/images/tab-bg-8.jpg"); margin-bottom: 2px; }

.list-hot-tab .col-tab-7 { background-image: url("/static/images/tab-bg-9.jpg"); }

.list-hot-tab .col-tab-8 { background-image: url("/static/images/tab-bg-10.jpg"); }

.list-hot-tab .col-tab-9 { background-image: url("/static/images/tab-bg-11.jpg"); }

.list-hot-tab .col-tab-10 { background-image: url("/static/images/tab-bg-12.jpg"); }

.list-hot-tab .col-tab-11 { background-image: url("/static/images/tab-bg-4.jpg"); }

.list-hot-tab .col-tab-12 { background-image: url("/static/images/tab-bg-5.jpg"); }

.list-hot-tab .col-tab-13 { background-image: url("/static/images/tab-bg-13.jpg"); }

.list-hot-tab .col-frame-1, .list-hot-tab .frame-1-2 { width: 294px; }

.list-hot-tab .col-frame-2, .list-hot-tab .col-line-1, .list-hot-tab .col-line-2 { width: 614px; }

.list-hot-tab .col-l, .list-hot-tab .col-r { width: 204px; }

.list-hot-tab .col-m { width: 206px; }

.list-hot-tab .col-frame-3 { width: 292px; }

.list-hot-tab .active { color: yellow; opacity: .8; }

.list-hot-tab .mb2 { margin-bottom: 2px; }

.list-hot-tab .mr0 { margin-right: 0 !important; }

.hot_tab .frame_1 div:hover { opacity: .8; }

/*订单查询*/
.order-det-box{
	width:900px;
	margin:15px auto;
	font-family: "微软雅黑";
}
.order-det-box .title{
	height:50px;
	line-height: 50px;
	border-bottom: 1px solid #d7d7d7;
	font-size: 24px;
}
.order-det-box .order-form-box{
	padding:15px 0;
} 
.order-det-box .order-form-box .lab-t{
	font-weight: bold;
	color:#F00909;
	line-height: 34px;
}
.order-det-box .order-form-box  .lab-item{
	margin:10px 0;
	color: #888;
	height: 30px;
}
.order-det-box .order-form-box .lab-item .error{
	color:red;
}
.order-det-box .order-form-box .lab-item input.error{
	float:left;
}
.order-det-box .order-form-box .lab-item label{
	float: left;
	width:200px;
	text-align: right;
	padding-right:10px;
	line-height: 30px;
}
.order-det-box .lab-item .text{
	width:200px;
	height: 30px;
	line-height: 20px;
	padding:5px;
	border:1px solid #d7d7d7;
}
.order-det-box .lab-item .cx-btn{
	width:120px;
	height: 30px;
	line-height: 30px;
	background: #d70000;
	border: none;
	color: #fff;
	cursor: pointer;
}
.order-det-box .order-form-box .note{
	line-height: 24px;
	padding:12px;
}
.text-red{color:#F00;}