﻿/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
    font-family: Helvetica,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; /* 1 */
    font-size:625%;
    line-height: 1.42857143;
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/*reset font-size*/
body,
button,
input,
select,
textarea{
    font-size: 12px;
}

/**
 * Remove default margin.
 */

/*body {
    margin: 0;
}*/

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
    outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
    font-size: 20px;
    margin: 6.7px 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -5px;
}

sub {
    bottom: -2.5px;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
    margin: 10px 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 10px;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
    color: inherit; /* 1 */
 
    margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 * 3. Vertical align
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    vertical-align:middle; /* 3 */
    margin-top:-2px; /* 3 */
    margin-bottom:1px; /* 3 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 3.5px 6.25px 7.5px;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
    font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*  global.css
    ========================================================================== */
*{
    box-sizing: border-box;
}
html, body, h1, h2, h3, p, ol, ul, dl, dt, dd{
    margin: 0;
    padding: 0
}
html{
    color: #3f3f3f;
    background-color: #f3f4f6;
}
ul, ol{
    list-style: none
}
em{
    font-style: normal;
}
.page {
	padding: 20px 20px 60px 0;
	text-align: right;
	font-size: 14px;
}

.page span {
	padding: 0 7px;
	color: #333;
}

.page a {
	padding: 6px 13px;
	margin: 0 2px;
	height: 30px;
	line-height: 30px;
	background: #688f50;
	color: #fff;
	border-radius: 5px;
}

.clearfix{
    *zoom: 1;
}
.clearfix:after{
    clear: both;
}
.clearfix:before, .clearfix:after{
    content: " ";
    display: table;
}
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.pos{
    position: relative;
}
.pab{
    position: absolute;
}
.img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
}
.hidden{visibility: hidden}
.visible{visibility: visible}
.hide{display: none}
.show{display: block}
.placeholder{color: #aaaaaa}
.text-indent{text-indent: 24px}
.text-left{text-align: left!important}
.text-center{text-align: center!important}
.text-right{text-align: right!important}
.text-clip, .text-ellipsis{overflow:hidden; white-space:nowrap}
.text-clip{text-overflow:clip}
.text-ellipsis{text-overflow:ellipsis}
.text-autowrap{
    -ms-word-break: break-all;
    /* Be VERY careful with this, breaks normal words wh_erever */
    word-break: break-all;

    /* Non standard for webkit */
    word-wrap: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.block{
    display: block;
}
.block-center{
    margin-left: auto;
    margin-right: auto;
}
.lspace05{
    letter-spacing: .5px;
}
.lspace1{
    letter-spacing: 1px;
}
.lspace2{
    letter-spacing: 2px;
}
.lspace3{
    letter-spacing: 3px;
}
.lspace4{
    letter-spacing: 4px;
}
.lspace5{
    letter-spacing: 5px;
}
.lspace6{
    letter-spacing: 6px;
}
.lspace7{
    letter-spacing: 7px;
}

.lspace8{
    letter-spacing: 8px;
}

/*1px*/
.bt-1px{
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #e4e4e4;
}
.bb-1px{
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #e4e4e4;
}
.bh-1px{
    border-width: 1px 0;
    border-style: solid;
    border-color: #e4e4e4;
}

.bl-1px{
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: #e4e4e4;
}
.br-1px{
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #e4e4e4;
}
.bv-1px{
    border-width: 0 1px;
    border-style: solid;
    border-color: #e4e4e4;
}
.bt-1px,
.bb-1px,
.bh-1px{
    -webkit-border-image: url(../images/1px/border_image_horizontal.png) 2 0 stretch;
    border-image: url(../images/1px/border_image_horizontal.png) 2 0 stretch;
}
.bl-1px,
.br-1px,
.bv-1px{
    -webkit-border-image: url(../images/1px/border_image_vertical.png) 0 2 stretch;
    border-image: url(../images/1px/border_image_vertical.png) 0 2 stretch;
}
.b-1px{
	border: 1px solid #e4e4e4;
    -webkit-border-image: url(../images/1px/border_image.png) 1 1 stretch;
    border-image: url(../images/1px/border_image.png) 1 1 stretch;
}

.bl0{border-left: none!important}
.bt0{border-top: none!important}
.br0{border-right: none!important}
.bb0{border-bottom: none!important}
.bl1{border-left:1px solid #e4e4e4}
.bt1{border-top:1px solid #e4e4e4}
.br1{border-right:1px solid #e4e4e4}
.bb1{border-bottom:1px solid #e4e4e4}
.border{border:1px solid #e4e4e4}
.radius0{border-radius: 0!important}
.ml0{margin-left: 0!important}
.ml3{margin-left: 3px!important}
.ml5{margin-left: 5px!important}
.ml8{margin-left: 8px!important}
.ml10{margin-left: 10px!important}
.ml12{margin-left: 12px!important}
.ml15{margin-left: 15px!important}
.ml20{margin-left: 20px!important}
.ml25{margin-left: 25px!important}
.ml30{margin-left: 30px!important}
.ml35{margin-left: 35px!important}
.ml40{margin-left: 40px!important}
.ml45{margin-left: 45px!important}
.ml50{margin-left: 50px!important}
.mt0{margin-top: 0!important}
.mt3{margin-top: 3px!important}
.mt5{margin-top: 5px!important}
.mt8{margin-top: 8px!important}
.mt10{margin-top: 10px!important}
.mt12{margin-top: 12px!important}
.mt15{margin-top: 15px!important}
.mt-15{margin-top: -15px!important}
.mt18{margin-top: 18px!important}
.mt20{margin-top: 20px!important}
.mt25{margin-top: 25px!important}
.mt30{margin-top: 30px!important}
.mt35{margin-top: 35px!important}
.mt40{margin-top: 40px!important}
.mt45{margin-top: 45px!important}
.mt50{margin-top: 50px!important}
.mt60{margin-top: 60px!important}
.mr0{margin-right: 0!important}
.mr3{margin-right: 3px!important}
.mr5{margin-right: 5px!important}
.mr8{margin-right: 8px!important}
.mr10{margin-right: 10px!important}
.mr12{margin-right: 12px!important}
.mr15{margin-right: 15px!important}
.mr20{margin-right: 20px!important}
.mr25{margin-right: 25px!important}
.mr30{margin-right: 30px!important}
.mr35{margin-right: 35px!important}
.mr40{margin-right: 40px!important}
.mr45{margin-right: 45px!important}
.mr50{margin-right: 50px!important}
.mb0{margin-bottom: 0!important}
.mb3{margin-bottom: 3px!important}
.mb5{margin-bottom: 5px!important}
.mb8{margin-bottom: 8px!important}
.mb10{margin-bottom: 10px!important}
.mb12{margin-bottom: 12px!important}
.mb15{margin-bottom: 15px!important}
.mb20{margin-bottom: 20px!important}
.mb25{margin-bottom: 25px!important}
.mb30{margin-bottom: 30px!important}
.mb35{margin-bottom: 35px!important}
.mb40{margin-bottom: 40px!important}
.mb45{margin-bottom: 45px!important}
.mb50{margin-bottom: 50px!important}
.pl0{padding-left: 0!important}
.pl1{padding-left: 1px!important}
.pl2{padding-left: 2px!important}
.pl3{padding-left: 3px!important}
.pl5{padding-left: 5px!important}
.pl8{padding-left: 8px!important}
.pl10{padding-left: 10px!important}
.pl12{padding-left: 12px!important}
.pl15{padding-left: 15px!important}
.pl20{padding-left: 20px!important}
.pl25{padding-left: 25px!important}
.pl30{padding-left: 30px!important}
.pl35{padding-left: 35px!important}
.pl38{padding-left: 38px!important}
.pl40{padding-left: 40px!important}
.pl45{padding-left: 45px!important}
.pl50{padding-left: 50px!important}
.pl56{padding-left: 56px!important}
.pt0{padding-top: 0!important}
.pt3{padding-top: 3px!important}
.pt5{padding-top: 5px!important}
.pt8{padding-top: 8px!important}
.pt10{padding-top: 10px!important}
.pt12{padding-top: 12px!important}
.pt15{padding-top: 15px!important}
.pt20{padding-top: 20px!important}
.pt25{padding-top: 25px!important}
.pt30{padding-top: 30px!important}
.pt35{padding-top: 35px!important}
.pt40{padding-top: 40px!important}
.pt45{padding-top: 45px!important}
.pt50{padding-top: 50px!important}
.pr0{padding-right: 0!important}
.pr3{padding-right: 3px!important}
.pr5{padding-right: 5px!important}
.pr8{padding-right: 8px!important}
.pr10{padding-right: 10px!important}
.pr12{padding-right: 12px!important}
.pr15{padding-right: 15px!important}
.pr20{padding-right: 20px!important}
.pr25{padding-right: 25px!important}
.pr30{padding-right: 30px!important}
.pr35{padding-right: 35px!important}
.pr40{padding-right: 40px!important}
.pr45{padding-right: 45px!important}
.pr50{padding-right: 50px!important}
.pr60{padding-right: 60px!important}
.pr80{padding-right: 80px!important}
.pb0{padding-bottom: 0!important}
.pb3{padding-bottom: 3px!important}
.pb5{padding-bottom: 5px!important}
.pb8{padding-bottom: 8px!important}
.pb10{padding-bottom: 10px!important}
.pb12{padding-bottom: 12px!important}
.pb15{padding-bottom: 15px!important}
.pb20{padding-bottom: 20px!important}
.pb25{padding-bottom: 25px!important}
.pb30{padding-bottom: 30px!important}
.pb35{padding-bottom: 35px!important}
.pb40{padding-bottom: 40px!important}
.pb45{padding-bottom: 45px!important}
.pb50{padding-bottom: 50px!important}
.font12{font-size: 12px!important}
.font13{font-size: 13px!important}
.font14{font-size: 14px!important}
.font15{font-size: 15px!important}
.font16{font-size: 16px!important}
.font18{font-size: 18px!important}
.font20{font-size: 20px!important}
.font22{font-size: 22px!important}
.font24{font-size: 24px!important}
.font30{font-size: 30px!important}
.font32{font-size: 32px!important}
.fbold{font-weight: 700}
.fnormal{font-weight: 500}

.pointer{cursor: pointer}

/*gird*/
.col-12 {
    width: 100%;
}
.col-11 {
    width: 91.66666667%;
}
.col-10 {
    width: 83.33333333%;
}
.col-9 {
    width: 75%;
}
.col-8 {
    width: 66.66666667%;
}
.col-7 {
    width: 58.33333333%;
}
.col-6 {
    width: 50%;
}
.col-5 {
    width: 41.66666667%;
}
.col-4 {
    width: 33.33333333%;
}
.col-3 {
    width: 25%;
}
.col-2 {
    width: 16.66666667%;
}
.col-1 {
    width: 8.33333333%;
}

/* alert.css */
.alert-error,.alert-tips,.alert-success{
    padding:10px 12px;
    border: 1px solid transparent;
    font-size:14px;
}
.alert-error,.alert-tips{
    color: #ff5a54;
    background-color: #ffe1e0;
}
.alert-error{
    border-color: #f2c1c0;
}
.alert-success{
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

/*icofont*/
@font-face {
  font-family: "iconfont-sm";
  src: url('img/font_1433401008_2229297.woff') format('woff'), /* chrome???????firefox */ url('img/font_1433401008_2229297.ttf') format('truetype'), /* chrome???????firefox???????opera???????Safari, Android, iOS 4.2+*/ url('font_1433401008_2229297.svg#iconfont') format('svg');

  /* iOS 4.1- */
}
.suicon {
  font-family: "iconfont-sm" !important;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
  background-position: center;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.suicon-app:before {
  content: "\e605";
}
.suicon-browser:before {
  content: "\e606";
}
.suicon-card:before {
  content: "\e607";
}
.suicon-cart:before {
  content: "\e600";
}
.suicon-code:before {
  content: "\e609";
}
.suicon-computer:before {
  content: "\e616";
}
.suicon-remove:before {
  content: "\e60a";
}
.suicon-download:before {
  content: "\e60b";
}
.suicon-edit:before {
  content: "\e60c";
}
.suicon-emoji:before {
  content: "\e615";
}
.suicon-star:before {
  content: "\e60e";
}
.suicon-friends:before {
  content: "\e601";
}
.suicon-gift:before {
  content: "\e618";
}
.suicon-phone:before {
  content: "\e60f";
}
.suicon-clock:before {
  content: "\e619";
}
.suicon-home:before {
  content: "\e602";
}
.suicon-menu:before {
  content: "\e60d";
}
.suicon-message:before {
  content: "\e617";
}
.suicon-me:before {
  content: "\e603";
}
.suicon-picture:before {
  content: "\e61a";
}
.suicon-share:before {
  content: "\e61b";
}
.suicon-settings:before {
  content: "\e604";
}
.suicon-refresh:before {
  content: "\e61c";
}
.suicon-caret:before {
  content: "\e610";
}
.suicon-down:before {
  content: "\e611";
}
.suicon-up:before {
  content: "\e612";
}
.suicon-right:before {
  content: "\e613";
}
.suicon-left:before {
  content: "\e614";
}
.suicon-check:before {
  content: "\e608";
}
.suicon-search:before {
  content: "\e61d";
}
.suicon-new:before {
  content: "\e61e";
}
.suicon-next,
.suicon-prev {
  width: 0.75rem;
  height: 0.75rem;
}
.suicon-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.suicon-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'FontAwesome';
  src: url('img/fontawesome-webfont.eot?v=4.5.0');
  src: url('img/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('img/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('img/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('img/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('img/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fa {
    display: inline-block;
    margin-right: 1px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}
.fa-2x {
    font-size: 2em;
}
.fa-3x {
    font-size: 3em;
}
.fa-4x {
    font-size: 4em;
}
.fa-5x {
    font-size: 5em;
}
.fa-fw {
    width: 1.28571429em;
    text-align: center;
}
.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}
.fa-ul > li {
    position: relative;
}
.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center;
}
.fa-li.fa-lg {
    left: -1.85714286em;
}
.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eeeeee;
    border-radius: .1em;
}
.fa.pull-left {
    margin-right: .3em;
}
.fa.pull-right {
    margin-left: .3em;
}
.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    -webkit-filter: none;
    filter: none;
}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}
.fa-stack-1x {
    line-height: inherit;
}
.fa-stack-2x {
    font-size: 2em;
}
.fa-inverse {
    color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
/*icon*/
.fa-plus:before {
    content: "\f067";
}
.fa-minus:before {
    content: "\f068";
}
.fa-reply:before {
    content: "\f112";
}
.fa-check:before{
    content: "\f00c";
}
.fa-remove:before, .fa-close:before, .fa-times:before{
    content: "\f00d";
}
.fa-calendar:before{
    content: "\f073";
}
.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b";
}
.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7";
}
.fa-download:before {content: "\f019";}
.fa-caret-down:before {
    content: "\f0d7";
}
.fa-angle-down:before {
    content: "\f107";
}
.fa-angle-left:before{
    content: "\f104";
}
.fa-angle-right:before {
    content: "\f105";
}
.fa-angle-up:before {
    content: "\f106";
}
.fa-cog:before {
    content: "\f013";
}
.fa-cogs:before {
  content: "\f085";
}
.fa-user:before {
    content: "\f007";
}
.fa-users:before {
    content: "\f0c0";
}
.fa-th-list:before {
    content: "\f00b";
}
.fa-power-off:before {
    content: "\f011";
}
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: "\f157";
}
.fa-circle:before {
    content: "\f111";
}
.fa-chevron-down:before{
    content: "\f078";
}
.fa-chevron-up:before {
    content: "\f077";
}
.fa-map-marker:before {
    content: "\f041";
}
.fa-check-circle-o:before {
    content: "\f05d";
}
.fa-trash-o:before {
    content: "\f014";
}
.fa-edit:before {
    content: "\f044";
}
.fa-close:before{
    content: "\f00d";
}
.fa-volume-up:before {
    content: "\f028";
}
.fa-copy:before {
    content: "\f0c5";
}
.fa-phone:before {
    content: "\f095";
}
.fa-search:before {
    content: "\f002";
}
.fa-times-circle-o:before {
    content: "\f05c";
}
.fa-home:before {
    content: "\f015";
}
.fa-arrow-circle-left:before {
    content: "\f0a8";
}
.fa-exclamation-circle:before {
    content: "\f06a";
}
.fa-file-text-o:before {
    content: "\f0f6";
}
.fa-envelope:before {
    content: "\f0e0";
}
.fa-qq:before {
    content: "\f1d6";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-wechat:before {
    content: "\f1d7";
}
.fa-clock-o:before {
    content: "\f017";
}
.fa-frown-o:before {
    content: "\f119";
}
.fa-check-circle:before{
    content: "\f058";
}
.fa-arrow-right:before {
    content: "\f061";
}
.fa-rotate-right:before, .fa-repeat:before {
  content: "\f01e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-hand-pointer-o:before{
    content: "\f25a"
}

/*form.css*/
.fa-input{display:block;position: relative;width: 100%}
.fa-input .input-default{padding-right: 25px}
.fa-input:after{
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -10px;
    font-size: 14px;
    color: #838383;
}
.fa-input-datePicker:after{content: "\f073";}
.fa-input-percent:after{content: '%';}
.fa-input-yen:after{content: '???'}

/*record-empty*/
.record-empty{
    padding: 50px 12px;
    text-align: center;
}
.record-empty .pic-empty{
    display: inline-block;
    width: 100px;
    height:100px;
    background-color: #e3e4e6;
    background-repeat: no-repeat;
    background-size: 50px;
    border-radius: 100px;
}
.record-empty .pic-cart{
    background-image: url(img/icon_cart.png);
    background-position: 18px 32px;
    background-size: 58px;
}
.record-empty .pic-vmall{
    background-image: url(../images/icon_vmall.png);
    background-position: center center;
}
.record-empty .pic-record{
    background-image: url(img/icon_record.png);
    background-position: center center;
}

/*button.css*/
.button{
    display: inline-block;
    padding: 8px 20px;
    margin-bottom: 0;
    min-width: 74px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
}
.button-grid{
    width: 100%;
}
.button.disabled,
.button[disabled],
fieldset[disabled] .button,
.button-disabled,
.button-gray{
    color: #ffffff!important;
    border-color: #bbbbbb!important;
    background-color: #bbbbbb!important;
    pointer-events: none;
    cursor: not-allowed;
}

/*select*/
.style-select{
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 8px;
    -moz-padding-start: 8px;
    background-color: #ffffff; /* For Chrome and Safari */ /* For old Fx (3.6 to 15) */ /* For pre-releases of IE 10*/ /* For old Opera (11.1 to 12.0) */
    background-image: url(../images/select_arrow.png?v=2), linear-gradient(to bottom, #ffffff, #ffffff); /* Standard syntax; must be last */
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 16px 10px;
    border: 1px solid #e4e4e4;
    border-radius: 0;
    color: #3f3f3f;
    font-size: inherit;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.style-select::-ms-expand { /* for IE 11 */
    display: none;
}

/*arrow-hollow*/
.arrow-hollow{position:relative;background-color:#ffffff}
.arrow-hollow:before,.arrow-hollow:after{content:''; position:absolute;width:0;height:0;border:solid transparent;}

.arrow-hollow-top:before,
.arrow-hollow-left:before,
.arrow-hollow-right:before,
.arrow-hollow-bottom:before{border-width:12px;}

.arrow-hollow-top:after,
.arrow-hollow-left:after,
.arrow-hollow-right:after,
.arrow-hollow-bottom:after{border-width:11px}

.arrow-hollow-top:before,
.arrow-hollow-top:after{left:50%;bottom:100%}
.arrow-hollow-top:before{border-bottom-color:#e4e4e4;margin-left:-12px}
.arrow-hollow-top:after{border-bottom-color:#ffffff;margin-left:-11px}

.arrow-hollow-left:before,
.arrow-hollow-left:after{right:100%;top:50%}
.arrow-hollow-left:before{border-right-color:#e4e4e4;margin-top:-12px;}
.arrow-hollow-left:after{border-right-color:#ffffff;margin-top:-11px;}

.arrow-hollow-right:before,
.arrow-hollow-right:after{left:100%;top:50%}
.arrow-hollow-right:before{border-left-color:#cdcdcd;margin-top:-12px;}
.arrow-hollow-right:after{border-left-color:#ffffff;margin-top:-11px;}

.arrow-hollow-bottom:before,
.arrow-hollow-bottom:after{left:50%;top:100%}
.arrow-hollow-bottom:before{border-top-color:#cdcdcd;margin-left:-12px}
.arrow-hollow-bottom:after{border-top-color:#ffffff;margin-left:-11px}

/*back2top*/
.back2top-container{
    display: none;
    position: fixed;
    bottom: 85px;
    width: 40px;
    z-index: 99;
}
.back2top-container.fadein{
    display: block;
}
.back2top-container a{
    position: relative;
    display: block;
    margin-top: 3px;
    width: 40px;
    height: 40px;
    line-height: 46px;
    text-align: center;
    background-color: #ff5a54;
    border-radius: 5px;
}
.back2top-container a:link,
.back2top-container a:visited{
    color: #ffffff;
}
.back2top-container a:hover,
.back2top-container a:active{
    background-color: #FD726D;
}
.back2top-container a .fa{
    font-size: 22px;
}
.back2top-container .default em{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 8px;
    width: 40px;
    height: 40px;
    line-height: 1.1;
    border-radius: 5px;
    background-color: #FD726D;
}
.back2top-container .default:hover em{
    display: block;
}
.back2top-container .qrcode{
    cursor: default;
}

.back2top-container .qrcode span,
.back2top-container .email span{
    display: none;
    position: absolute;
    left: -135px;
    top: 0;
    padding: 8px 0;
    line-height: 1.5;
    color: #ffffff;
    background-color: #FD726D;
}
.back2top-container .qrcode span{
    width: 130px;
    height: 150px;
}
.back2top-container .email span{
    height: 40px;
    padding: 8px 10px;
    left: -188px;
    border-radius: 5px 0 0 5px;
}
.back2top-container .qrcode span i{
    position: absolute;
    right: -6px;
    top: 0;
    width: 6px;
    height: 40px;
    background-color: #FD726D;
}
.back2top-container .qrcode:hover{
    border-radius: 0 5px 5px 0;
}
.back2top-container .qrcode:hover span,
.back2top-container .email:hover span{
    display: block;
}
.back2top-container .back2top{
    visibility: hidden;
}

/*footer*/
#footer{padding:12px 0;text-align: center;color: #8e8e8e;}
.sub-nav a{
    display: inline-block;
    padding: 0 15px;
    font-size: 14px;
}
.sub-nav a:link,
.sub-nav a:visited{
    color: #8e8e8e;
}
.sub-nav a:hover,
.sub-nav a:active{
    color: #ff5a54;
}
.sub-nav .line{
    position: relative;
    left: 0;
    top: -1px;
}
#cnzz_stat_icon_1255509428{
    display: none
}
.clear_input{
    position: absolute;
    cursor: pointer;
    display: none;
    width: 16px;
    height: 16px;
    overflow: hidden;
    text-indent: -999px;
    border-radius: 16px;
    background: url(../images/icon_clear.png) no-repeat 0 0;
    background-size: 16px
}
.item-code .clear_input{
	right: 152px!important;
}
/*browsehappy.css*/
.browsehappy{
    height: 60px;
    line-height: 60px;
    text-align:center;
    font-size:16px;
    color:#555;
    background: url(../images/browsehappy.jpg) repeat-x 0 0
}

.show-wechat-inline,
.show-wechat-block,
.browser-wechat .hide-wechat{
    display: none!important;
}
.browser-wechat .show-wechat-inline{
    display: inline!important;
}
.browser-wechat .show-wechat-block{
    display: block!important;
}

.browser-wechat .hidden-wechat{display: none!important}
.browser-wechat .show-wechat{display: block!important}
.phone-block{margin-left:12px}
/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */

@media only screen and (max-width: 767px) {
    .hide-phone{display: none!important}
    .hide-tablet{display: inline}
    .hide-desktop{display: inline}

    .hidden-phone{display: none!important}
    .hidden-tablet{display: block}
    .hidden-desktop{display: block}

    .phone-block{display: block;margin-left:0}

    .back2top-container.fadein{display: none}

    /*footer*/
    #footer{padding-bottom: 60px}
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
    .hide-phone{display: inline}
    .hide-tablet{display: none!important}
    .hide-desktop{display: inline}

    .hidden-phone{display: block}
    .hidden-tablet{display: none!important}
    .hidden-desktop{display: block}
}

@media only screen and (min-width: 990px) {
    .hide-phone{display: inline}
    .hide-tablet{display: inline}
    .hide-desktop{display: none!important}

    .hidden-phone{display: block}
    .hidden-tablet{display: block}
    .hidden-desktop{display: none!important}

}
