/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

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

/**
 * 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
   ========================================================================== */
/**
 * 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
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 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 */
}

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

/**
 * 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 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
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * 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;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * 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;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 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 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
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 in Chrome and Safari on macOS.
 */
[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 Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

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

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

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

* {
    margin: 0;
    padding: 0;
}

html {
    margin: 0;
    padding: 0;
    height: 100%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei", "SimSun", Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

body {
    color: #555;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bolder;
    font-size: 100%;
    margin: 0;
    padding: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal;
}

a {
    color: #555;
    text-decoration: none;
}

a:hover {
    color: #633869;
}

img {
    border: none;
}

ol,
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul {
    *zoom: 1;
    margin: 0;
    padding: 0;
}

ul:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

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

p {
    margin-bottom: 5px;
}

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

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

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

table {
    border-collapse: collapse;
}

.clearfix {
    *zoom: 1;
}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.list-inline {
    list-style: outside none none;
    margin-left: -5px;
}

.list-inline li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-left: 5px;
    padding-right: 5px;
}

.row {
    *zoom: 1;
    width: 100%;
}

.row:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.hide {
    display: none;
}

.btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    background-repeat: repeat-x;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
}

.btn-block {
    display: block !important;
    width: 100%;
}

a.btn-block {
    width: auto !important;
}

input.btn-block {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: block !important;
    height: auto !important;
    line-height: normal !important;
    width: 100% !important;
    color: #fff !important;
}

button.btn-block {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: block !important;
    height: auto !important;
    line-height: normal !important;
    width: 100% !important;
    color: #fff !important;
    font-size: 14px !important;
}

.aui_outer table tr td {
    border: none;
}

.text-muted {
    color: #333;
}

.text-primary {
    color: #08c;
}

.text-primary:hover {
    color: #37b6fb;
}

.text-danger {
    color: #ff0000;
}

.text-success {
    color: #22ac38;
}

.text-orange {
    color: #EEA531;
}

.bg-default {
    padding: 15px 0;
    background-color: #eee;
}

.bg-default .form-group label {
    width: 185px;
}

.pull-right {
    float: right;
}

.b-b-e {
    border-bottom: 1px solid #eee;
}

.gary-bg {
    background-color: #fbfbfb;
}

.primary-bg {
    background-color: #633869;
}

.btn-inline {
    margin: 15px 0;
}

.btn-inline .btn {
    display: inline;
    margin: 0 5px;
}

.bg {
    background-color: #fff;
}

.btn-default {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333;
}

.btn-default:hover {
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6;
    color: #333;
}

.btn-orange {
    background-color: #633869;
    border: 1px solid #633869;
    color: #fff;
}

.btn-orange:hover {
    color: #fff;
    background-color: #713879;
    border: 1px solid #713879;
}

.btn-primary {
    background-color: #633869;
    border: 1px solid #633869;
    color: #fff;
}

.btn-primary:hover {
    color: #fff;
    background-color: #713879;
    border: 1px solid #713879;
}

.btn-success {
    background-color: #22ac38;
    border: 1px solid #22ac38;
    color: #fff;
}

.btn-success:hover {
    color: #fff;
    background-color: #019919;
    border: 1px solid #019919;
}

input[type="checkbox"] {
    width: 14px !important;
    height: 14px !important;
}

input[type="radio"] {
    width: 14px !important;
    height: 14px !important;
}

.w-50 {
    width: 50px;
}

.w-60 {
    width: 60px;
}

.w-70 {
    width: 70px;
}

.w-80 {
    width: 80px;
}

.w-90 {
    width: 90px;
}

.w-100 {
    width: 100px;
}

.w-110 {
    width: 110px;
}

.w-120 {
    width: 120px;
}

.w-130 {
    width: 130px;
}

.w-140 {
    width: 140px;
}

.w-150 {
    width: 150px;
}

.w-160 {
    width: 160px;
}

.w-170 {
    width: 170px;
}

.w-200 {
    width: 200px;
}

.w-260 {
    width: 260px;
}

.w-300 {
    width: 300px;
}

.w-350 {
    width: 350px;
}

.w-400 {
    width: 400px;
}

.w-450 {
    width: 450px;
}

.w-500 {
    width: 500px;
}

.w-550 {
    width: 550px;
}

.w-600 {
    width: 600px;
}

.w-650 {
    width: 650px;
}

.w-700 {
    width: 700px;
}

.w-750 {
    width: 750px;
}

.w-790 {
    width: 790px;
}

.w-800 {
    width: 800px;
}

.w-850 {
    width: 850px;
}

.w-900 {
    width: 900px;
}

.w-912 {
    width: 912px;
}

.w-950 {
    width: 950px;
}

.wrapper {
    min-height: 100%;
    margin: auto;
    background: none !important;
}

/* 
.main-content {
    padding: 0 0 194px 0;
    *zoom: 1;
}

.main-content:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
} */

* html .wrapper {
    height: 100%;
}

* html .out-content {
    height: 1%;
}

/* .toprow {
    width: 100%;
    height: 36px;
    margin: 0 auto -36px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: #fff;
}

.toprow>.link {
}

.toprow>.link .language {
    float: right;
    background: rgba(216, 216, 216, 0) none repeat scroll 0 0;
    border: 1px solid #9b9b9b;
    border-radius: 10px;
    cursor: pointer;
    line-height: 22px;
    padding: 1px 11px;
    margin: 7px 0 0 0;
}

.toprow>.link .language * {
    float: left;
}

.toprow>.link .language input {
    background: none;
    border: none;
    color: #9b9b9b;
    font-size: 12px;
    cursor: pointer;
}

.toprow>.link .language span {
    background-color: #9b9b9b;
    width: 1px;
    height: 16px;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: middle;
}

.toprow>.link .language .active {
    color: #633869;
}

.toprow>.link ul {
    float: right;
}

.toprow>.link .list-inline {
    padding-right: 40px;
}

.toprow>.link a {
    line-height: 36px;
    font-size: 13px;
}

.toprow>.link a img {
    margin-right: 5px;
    position: relative;
    top: 2px;
} */

/* .header {
    overflow: visible !important;
}

.header .logo {
    margin: 0;
    padding: 0;
    width: 100%;
  height: 120px;
    display: block;
    background: url("../i/logo-bg.png") no-repeat;
} */

/* .header .logo img {
  height: 70px;
  padding: 25px 0 0 25px;
  display: block;
} */
/* .header span {
    float: left;
    font-size: 15px;
    margin: 36px 0 0 10px;
}

.header span a {
    font-size: 13px;
}

.header .page-name {
    border-left: 1px solid #ddd;
    font-size: 22px;
    padding-left: 15px;
}

.header .css-nav {
    position: relative;
    z-index: 100;
    margin: 0 auto;
}

.header .css-nav .container {
    position: relative;
    margin-top: 0 !important;
}

.header .css-nav .css-navbar {
    position: relative;
    *zoom: 1;
}

.header .css-nav .css-navbar:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.header .css-nav .css-navbar .css-dropdown {
    display: none;
    border: none;
    overflow: hidden;
}

.header .css-nav .css-navbar .css-dropdown>li {
    text-align: center;
    line-height: 45px;
    border-top: 1px solid #ddd;
    margin-top: -1px;
}

.header .css-nav .css-navbar .css-dropdown>li:first-child {
    border-top: none;
}

.header .css-nav .css-navbar .css-dropdown>li a {
    font-size: 14px;
    padding: 0;
}

.header .css-nav .css-navbar .css-dropdown>li a:hover {
    color: #ddd;
}

.header .css-nav .css-navbar>li {
    float: left;
    height: 45px;
    line-height: 45px;
    position: relative;
}

.header .css-nav .css-navbar>li>a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 0 50px;
    font-size: 16px;
    position: relative;
    z-index: 1000;
}

.header .css-nav .css-navbar>li:hover .css-dropdown {
    border-top-color: #fff;
    position: absolute;
    top: 0;
    padding-top: 45px;
    width: 100%;
    display: block;
    z-index: 999;
}

.header .css-nav .css-loginbtn {
    height: 45px;
    top: 0;
    right: 0;
    position: absolute;
    width: 150px;
    text-align: center;
    z-index: 10;
}

.header .css-nav .css-loginbtn>a {
    line-height: 45px;
    padding: 0 26px;
    display: block;
    color: #fff;
    font-size: 16px;
}

.header .css-nav .css-loginbtn>a img {
    height: 15px;
    margin-right: 5px;
    vertical-align: middle;
    top: -2px;
    position: relative;
}

.header .css-nav .css-loginbtn .css-dropdown {
    display: none;
    border: none;
    overflow: hidden;
    background-color: #fff;
}

.header .css-nav .css-loginbtn .css-dropdown>li {
    text-align: center;
    line-height: 45px;
    border-top: 1px solid #ddd;
    margin-top: -1px;
}

.header .css-nav .css-loginbtn .css-dropdown>li:first-child {
    border-top: none;
}

.header .css-nav .css-loginbtn .css-dropdown>li a {
    font-size: 14px;
    padding: 0;
    background: none;
    display: block;
}

.header .css-nav .css-loginbtn:hover .css-dropdown {
    border-top-color: #fff;
    position: absolute;
    top: 0;
    width: 100%;
    padding-top: 45px;
    display: block;
    z-index: -1;
}

.header .css-nav .css-loginoutbtn {
    color: #fff;
    width: 200px;
    position: absolute;
    right: 5px;
    top: 0;
    z-index: 10;
    text-align: right;
}

.header .css-nav .css-loginoutbtn .list-inline {
    margin-left: 0;
    height: 45px;
    line-height: 45px;
}

.header .css-nav .css-loginoutbtn .list-inline li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
}

.header .css-nav .css-loginoutbtn .list-inline li a {
    color: #fff;
}

.header .css-nav .css-loginoutbtn .list-inline li:first-child a {
    width: 70px;
    float: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
} */

/* .footer {
  height: 194px;
  background-color: #f5f5f5;
  margin: -180px auto 0 !important;
  font-size: 12px;
  overflow: hidden;
  *zoom: 1;
} */
/* .footer:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.footer .text {
    padding-top: 10px;
}

.footer .text p {
    text-align: center;
    font-size: 14px;
    padding: 6px 0;
    color: #555;
}

.footer .text p span {
    margin-right: 26px;
}

.footer .text p img {
    vertical-align: middle;
    margin-right: 8px;
}

.footer .text .list-inline {
    padding: 20px 0 15px 0;
}

.footer .text .list-inline li {
    padding: 0 15px;
    border-left: 1px solid #888;
}

.footer .text .list-inline li:first-child {
    border: none;
}

.footer .text .list-inline li a {
    color: #9b9b9b;
} */


.container_whole {
    width: 1200px;
    margin: 0 auto;
    *zoom: 1;
}

.container_whole:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* .container_whole a {
    display: block;
} */

.container-s {
    width: 1000px;
    margin: 0 auto;
    *zoom: 1;
}

.container-s:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.css-common-view {
    width: 1154px !important;
}

.mCon {
    /* width: 1198px !important; */
}

.css-400 {
    width: 400px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.css-340 {
    width: 340px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.css-180 {
    width: 400px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.css-ainline a {
    display: inline;
    float: none !important;
    width: auto !important;
    padding-left: 10px !important;
}

.wrapper .form,
.wrapper .form-sm {
    margin: 15px;
}

.wrapper .form .form-group,
.wrapper .form-sm .form-group {
    margin-bottom: 15px;
    width: 100%;
    zoom: 1;
    *zoom: 1;
}

.wrapper .form .form-group:first-child,
.wrapper .form-sm .form-group:first-child {
    padding-top: 10px;
}

.wrapper .form .form-group:after,
.wrapper .form-sm .form-group:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.wrapper .form .form-group label,
.wrapper .form-sm .form-group label {
    float: left;
    vertical-align: top;
    width: 330px;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    text-align: right;
    margin-right: 15px;
}

.wrapper .form .form-group label span,
.wrapper .form-sm .form-group label span {
    padding-left: 5px;
}

.wrapper .form .form-group input,
.wrapper .form-sm .form-group input,
.wrapper .form .form-group i,
.wrapper .form-sm .form-group i {
    width: 320px;
    height: 36px;
    line-height: 36px;
    float: left;
    padding: 0 15px;
    border: 1px solid #ddd;
    box-shadow: none;
    outline: none;
    color: #555;
    background-color: #fafafa;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wrapper .form .form-group input:focus,
.wrapper .form-sm .form-group input:focus,
.wrapper .form .form-group i:focus,
.wrapper .form-sm .form-group i:focus {
    border-color: #633869;
}

.wrapper .form .form-group span input,
.wrapper .form-sm .form-group span input {
    width: 14px;
    height: 14px;
    margin-right: 6px;
    float: none;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.wrapper .form .form-group span label,
.wrapper .form-sm .form-group span label {
    float: none;
    vertical-align: middle;
}

.wrapper .form .form-group .select,
.wrapper .form-sm .form-group .select {
    width: 352px;
    float: left;
}

.wrapper .form .form-group .select select,
.wrapper .form-sm .form-group .select select {
    border: 1px solid #ddd;
    line-height: 22px;
    *height: 22px;
    *margin: -2px;
    color: #555;
    padding: 8px 14px;
    font-size: 13px;
    width: 352px;
    *width: 344px;
}

.wrapper .form .form-group .select .chosen-container,
.wrapper .form-sm .form-group .select .chosen-container {
    width: 352px !important;
    *width: 344px !important;
}

.wrapper .form .form-group .select.two select,
.wrapper .form-sm .form-group .select.two select,
.wrapper .form .form-group .select.two .chosen-container,
.wrapper .form-sm .form-group .select.two .chosen-container {
    width: 173px !important;
    *width: 165px !important;
}

.wrapper .form .form-group .select.three select,
.wrapper .form-sm .form-group .select.three select,
.wrapper .form .form-group .select.three .chosen-container,
.wrapper .form-sm .form-group .select.three .chosen-container {
    width: 114px !important;
    *width: 106px !important;
}

.wrapper .form .form-group .select .chosen-container-single .chosen-search input[type="text"],
.wrapper .form-sm .form-group .select .chosen-container-single .chosen-search input[type="text"] {
    width: 100%;
    padding: 4px 20px 4px 5px;
    height: auto;
    line-height: normal;
    float: none;
}

.wrapper .form .form-group .select .chosen-container-single .chosen-single,
.wrapper .form-sm .form-group .select .chosen-container-single .chosen-single {
    border-color: #ddd;
    border-radius: 0;
    box-shadow: none;
    height: 38px;
    line-height: 37px;
}

.wrapper .form .form-group .select .chosen-container-single .chosen-single:focus,
.wrapper .form-sm .form-group .select .chosen-container-single .chosen-single:focus {
    border-color: #633869;
}

.wrapper .form .form-group .select .chosen-container-single .chosen-single div b,
.wrapper .form-sm .form-group .select .chosen-container-single .chosen-single div b {
    background-position: 0 9px;
}

.wrapper .form .form-group .select .chosen-container .chosen-drop,
.wrapper .form-sm .form-group .select .chosen-container .chosen-drop {
    border-left-color: #633869;
    border-bottom-color: #633869;
    border-right-color: #633869;
    border-radius: 0;
}

.wrapper .form .form-group .select .chosen-container-active .chosen-single,
.wrapper .form-sm .form-group .select .chosen-container-active .chosen-single {
    border-color: #633869;
}

.wrapper .form .form-group .error,
.wrapper .form-sm .form-group .error,
.wrapper .form .form-group .Validform_error,
.wrapper .form-sm .form-group .Validform_error {
    border-color: #ff0000;
    color: #ff0000;
}

.wrapper .form .form-group .error .chosen-container-single .chosen-single,
.wrapper .form-sm .form-group .error .chosen-container-single .chosen-single,
.wrapper .form .form-group .Validform_error .chosen-container-single .chosen-single,
.wrapper .form-sm .form-group .Validform_error .chosen-container-single .chosen-single {
    border-color: #ff0000;
    color: #ff0000;
}

.wrapper .form .form-group .upload,
.wrapper .form-sm .form-group .upload {
    width: 352px;
    height: 352px;
    float: left;
    position: relative;
}

.wrapper .form .form-group .upload input[type="file"],
.wrapper .form-sm .form-group .upload input[type="file"] {
    border: none;
    position: absolute;
    left: 0;
    margin: 0;
    padding: 0;
    float: none;
    filter: alpha(opacity=0);
    *filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer;
}

.wrapper .form .form-group .upload .addimg,
.wrapper .form-sm .form-group .upload .addimg {
    width: 310px;
    height: 310px;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #ddd;
    z-index: 1;
    cursor: pointer;
}

.wrapper .form .form-group .upload .delete,
.wrapper .form-sm .form-group .upload .delete {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    cursor: pointer;
}

.wrapper .form .form-group .upload .delete i.fa-remove,
.wrapper .form-sm .form-group .upload .delete i.fa-remove {
    background: none;
    border: none;
    box-shadow: none;
    float: none;
    height: auto;
    line-height: normal;
    width: auto;
    padding: 0;
}

.wrapper .form .form-group .textarea,
.wrapper .form-sm .form-group .textarea {
    width: 333px;
    height: 100px;
    padding: 8px;
    border: 1px solid #ddd;
    resize: none;
    font-size: 14px;
    float: left;
    overflow-y: auto;
}

.wrapper .form .form-group .textarea:focus,
.wrapper .form-sm .form-group .textarea:focus {
    border-color: #633869;
}

.wrapper .form .form-group .number,
.wrapper .form-sm .form-group .number {
    width: 200px;
}

.wrapper .form .form-group .msg-btn,
.wrapper .form-sm .form-group .msg-btn {
    width: 105px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    overflow: hidden;
    padding: 0;
    margin-left: 15px;
    font-size: 12px;
    float: left;
}

.wrapper .form .form-group .yzm-img,
.wrapper .form-sm .form-group .yzm-img {
    float: left;
    height: 36px;
    line-height: 36px;
    margin-left: 15px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    border: 1px solid #ddd;
    width: 103px;
    cursor: pointer;
}

.wrapper .form .form-group .tip,
.wrapper .form-sm .form-group .tip {
    width: 300px;
    float: left;
    height: 34px;
    line-height: 34px;
    margin-left: 15px;
    color: #888;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wrapper .form .form-group .check,
.wrapper .form-sm .form-group .check {
    text-align: center;
    margin: 0;
    height: auto;
    line-height: auto;
    width: auto;
    margin-left: 345px;
}

.wrapper .form .form-group .check input,
.wrapper .form-sm .form-group .check input {
    width: auto;
    float: none;
    height: 19px;
    line-height: 19px;
    position: relative;
    top: 4px;
    border: none;
    background: none;
    padding: 0;
}

.wrapper .form .form-group .Validform_wrong,
.wrapper .form-sm .form-group .Validform_wrong {
    color: #ff0000 !important;
}

.wrapper .form .form-group .Validform_right,
.wrapper .form-sm .form-group .Validform_right {
    color: #22ac38 !important;
}

.wrapper .form .bg-default .title,
.wrapper .form-sm .bg-default .title {
    width: 185px;
    text-align: right;
    display: block;
    margin-bottom: 15px;
}

.wrapper .form .bg-default .form-group label,
.wrapper .form-sm .bg-default .form-group label {
    width: 200px;
}

.wrapper .form .form-text,
.wrapper .form-sm .form-text {
    width: 700px;
    margin: 0 auto 15px;
    background-color: #e1f9ff;
    border: 1px solid #00abd8;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    text-align: center;
}

.wrapper .form .submit,
.wrapper .form-sm .submit {
    width: 352px;
    margin: 15px 0 30px 345px;
}

.wrapper .form .submit .btn,
.wrapper .form-sm .submit .btn {
    padding-top: 6px;
    padding-bottom: 6px;
}

.wrapper .tbox {
    width: 800px;
    padding: 65px 0;
    margin: 0 auto;
    text-align: center;
}

.wrapper .tbox div {
    font-size: 16px;
    margin: 10px 0 40px;
}

.wrapper .tbox div .pl {
    width: 317px;
    margin: 0 auto;
}

.wrapper .tbox div .pl li {
    float: right;
    width: 150px;
    text-align: center;
    margin-right: -75px;
}

.wrapper .tbox div .pl li:first-child {
    float: left;
    margin-left: -75px;
}

.wrapper .tbox p {
    margin-top: 5px;
}

.wrapper .form-sm .form-group label {
    width: 200px;
}

.wrapper .form-sm .form-group input {
    width: 318px;
}

.wrapper .form-sm .form-group .tip {
    width: 360px;
    font-size: 14px;
}

.wrapper .form-sm .form-group .Validform_wrong {
    color: #ff0000 !important;
    width: 300px !important;
}

.wrapper .form-sm .form-group .Validform_right {
    color: #22ac38 !important;
    width: 300px !important;
}

.wrapper .form-sm .form-text {
    width: 488px;
}

.wrapper .form-sm .submit {
    margin-left: 216px;
}

/* .main-content {
    height: calc(100% - 0px);
} */

.main-content .wrap-full {
    width: 100%;
}

.main-content .wrap-full .wrap {
    width: 1182px;
    margin: 0 auto;
}

.main-content .wrap-full .slide-area {
    position: relative;
    z-index: 100;
}

.main-content .wrap-full .notice {
    background-color: #633869;
    height: 50px;
    line-height: 50px;
    padding-left: 12px;
    padding-right: 30px;
    position: relative;
    z-index: 1;
}

.main-content .wrap-full .notice .notice-icon {
    float: left;
}

.main-content .wrap-full .notice .notice-icon img {
    border: none;
    max-width: 100%;
    vertical-align: middle;
}

.main-content .wrap-full .notice .view-more {
    float: right;
}

.main-content .wrap-full .notice .view-more a {
    color: #ffffff;
    font-size: 13px;
    letter-spacing: 0.58px;
}

.main-content .wrap-full .notice .view-more img {
    height: 16px;
    margin-left: 15px;
    vertical-align: middle;
    width: 16px;
    position: relative;
    top: -2px;
}

.main-content .wrap-full .notice .view-more818 {
    cursor: pointer;
    position: absolute;
    right: 15px;
}

.main-content .wrap-full .notice .scrollParent {
    height: 65px;
    overflow: hidden;
    position: relative;
    width: 1035px;
}

.main-content .wrap-full .notice .scrollParent .scrollNews {
    animation: 15s linear 0s normal none infinite running scroll;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.main-content .wrap-full .notice .scrollParent .scrollNews li a {
    color: #fff;
    padding-left: 15px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .wrap-full .notice .scrollParent .scrollNews li a span {
    width: 880px;
    float: left;
}

.main-content .wrap-full .notice .scrollParent .scrollNews li a time {
    float: right;
    padding-right: 20px;
}

.main-content .wrap-full .slide-box {
    margin-top: 35px;
}

.main-content .wrap-full .slide-box .swiper-container ul li {
    width: 385px;
    height: 272px;
    margin: 0 7px;
    float: left;
}

.main-content .wrap-full .slide-box .swiper-container ul li a {
    display: block;
}

.main-content .wrap-full .slide-box .swiper-container ul li a>img {
    width: 385px;
    border: none;
    vertical-align: middle;
    height: 216px;
}

.main-content .wrap-full .slide-box .swiper-container ul li a .slide-box-title {
    background-color: #3ac3dd;
    height: 76px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -20px;
    padding-left: 22px;
    padding-right: 15px;
    position: relative;
    width: 319px;
    overflow: hidden;
    z-index: 1;
}

.main-content .wrap-full .slide-box .swiper-container ul li a .slide-box-title .arrow {
    margin-top: -7px;
    position: absolute;
    right: 13px;
    top: 50%;
}

.main-content .wrap-full .slide-box .swiper-container ul li a .slide-box-title h1 {
    width: 300px;
    color: #ffffff;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 76px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .wrap-full .slide-box .swiper-container ul li a .slide-box-title h3 {
    width: 300px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .wrap-full .slide-box .swiper-container ul li a .slide-box-title time {
    font-family: ArialMT, Arial;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    line-height: 30px;
    margin-top: 10px;
    display: block;
}

.main-content .calendar-box {
    margin: 15px 0 15px;
    *zoom: 1;
}

.main-content .calendar-box:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .calendar-box .title {
    border-bottom: 4px solid #633869;
    color: #633869;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 36px;
    padding-left: 13px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.main-content .calendar-box .title i {
    margin-right: 5px;
}

.main-content .calendar-box .calendar {
    *zoom: 1;
}

.main-content .calendar-box .calendar:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .calendar-box .calendar>.content {
    width: 328px;
    padding: 0;
    float: right;
}

.main-content .calendar-box .calendar>.content .ui-datepicker-calendar {
    background: #fbfbfb none repeat scroll 0 0;
    height: 255px;
}

.main-content .calendar-box .calendar .calendar-right {
    width: 850px;
    float: left;
}

.main-content .calendar-box .calendar .calendar-right .information-area {
    width: 100%;
    border: 1px solid #ddd;
}

.main-content .calendar-box .calendar .calendar-right .information-area .title {
    font-size: 28px;
    letter-spacing: 0;
    line-height: 58px;
    margin-top: 24px;
    padding-left: 23px;
}

.main-content .calendar-box .calendar .calendar-right .information-area .caption {
    border-bottom: 1px solid #633869;
}

.main-content .calendar-box .calendar .calendar-right .information-area .caption .more {
    padding-left: 23px;
    height: 38px;
    line-height: 37px;
    display: block;
    color: #633869 !important;
}

.main-content .calendar-box .calendar .calendar-right .information-area .caption .more img {
    position: relative;
    vertical-align: middle;
    top: -1px;
    width: 16px;
    height: 16px;
    margin-left: 10px;
}

.main-content .calendar-box .calendar .calendar-right .information-area .caption ul {
    margin: 0 0 -1px 0 !important;
    position: relative;
    z-index: 10;
}

.main-content .calendar-box .calendar .calendar-right .information-area .caption ul li {
    font-size: 16px;
    color: #633869;
    float: left;
    padding: 0 !important;
}

.main-content .calendar-box .calendar .calendar-right .information-area .caption ul li a {
    padding: 11px 30px;
    height: 37px;
    font-size: 16px;
    border-bottom-color: #633869;
}

.main-content .calendar-box .calendar .calendar-right .information-area .caption ul .current {
    background-color: #fff;
}

.main-content .calendar-box .calendar .calendar-right .information-area .caption ul .current a {
    color: #633869;
    border-width: 2px 1px 1px 1px;
    border-color: #633869 #633869 #fff #633869;
    border-style: solid;
}

.main-content .calendar-box .calendar .calendar-right .information-area .content {
    overflow: hidden;
}

.main-content .calendar-box .calendar .calendar-right .information-area .content ul {
    *zoom: 1;
    height: 310px;
    margin: 10px 0;
    overflow: hidden;
}

.main-content .calendar-box .calendar .calendar-right .information-area .content ul:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .calendar-box .calendar .calendar-right .information-area .content ul li {
    line-height: 35px;
    height: 35px;
    zoom: 1;
    float: left;
    width: 100%;
    *zoom: 1;
}

.main-content .calendar-box .calendar .calendar-right .information-area .content ul li:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .calendar-box .calendar .calendar-right .information-area .content ul li time {
    float: right;
    color: #4a4a4a;
    margin-right: 15px;
    padding-right: 10px;
}

.main-content .calendar-box .calendar .calendar-right .information-area .content ul li a {
    width: 700px;
    float: left;
    color: #555;
    padding-left: 23px;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .calendar-box .calendar .calendar-right .information-area .content ul li a:hover {
    color: #633869;
}

.main-content .calendar-box .calendar .calendar-right .information-area {
    padding: 0;
    float: left;
    border: 1px solid #ddd;
}

.main-content .calendar-box .calendar .calendar-right .information-area .caption {
    height: 38px;
    line-height: 37px;
    font-size: 16px;
    color: #633869;
}

.main-content .calendar-box .calendar .calendar-right .information-area .caption img {
    margin-right: 10px;
    position: relative;
    top: 3px;
}

.main-content .calendar-box .calendar .calendar-right .information-area .caption .more {
    float: right;
    font-size: 14px;
    color: #4f81e3;
    position: relative;
    right: 10px;
    z-index: 11;
}

.main-content .calendar-box .calendar .ui-datepicker .ui-datepicker-title {
    font-size: 15px;
    width: auto;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.main-content .dynamic {
    padding-bottom: 20px;
}

.main-content .dynamic .links-nav {
    float: right;
    width: 328px;
    border: 1px solid #ddd;
}

.main-content .dynamic .links-nav .css-title {
    color: #333;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    font-family: "Microsoft YaHei";
    border-bottom: 4px solid #ddd;
}

.main-content .dynamic .links-nav .css-title>span {
    padding: 0 15px;
    width: 90px;
    color: #fff;
}

.main-content .dynamic .links-nav .css-title .css-more {
    float: right;
    color: #fff;
    font-size: 12px;
    padding-right: 10px;
}

.main-content .dynamic .links-nav .css-content {
    height: 301px;
    border-top: none;
    overflow: hidden;
    margin: 12px 20px 17px;
}

.main-content .dynamic .links-nav .css-content li {
    width: 86px;
    height: 86px;
    float: left;
    text-align: center;
    margin: 10px 0 0 8px;
    cursor: pointer;
}

.main-content .dynamic .links-nav .css-content li a {
    display: block;
    height: 100%;
    overflow: hidden;
    color: #fff;
}

.main-content .dynamic .links-nav .css-content li img {
    display: block;
    margin: 15px auto 10px;
    height: 28px;
}

.main-content .dynamic .links-nav .css-content li.bg1 {
    background: url("../i/links-navbg1.png") no-repeat;
}

.main-content .dynamic .links-nav .css-content li.bg2 {
    background: url("../i/links-navbg2.png") no-repeat;
}

.main-content .dynamic .links-nav .css-content li.bg3 {
    background: url("../i/links-navbg3.png") no-repeat;
}

.main-content .dynamic .links-nav .css-content li.bg4 {
    background: url("../i/links-navbg4.png") no-repeat;
}

.main-content .dynamic .links-nav .css-content li.bg5 {
    background: url("../i/links-navbg5.png") no-repeat;
}

.main-content .dynamic .links-nav .css-content li.bg6 {
    background: url("../i/links-navbg1.png") no-repeat;
}

.main-content .dynamic .links-nav .css-content li.bg7 {
    background: url("../i/links-navbg2.png") no-repeat;
}

.main-content .dynamic .links-nav .css-content li.bg8 {
    background: url("../i/links-navbg3.png") no-repeat;
}

.main-content .dynamic .links-nav .css-content li.bg9 {
    background: url("../i/links-navbg4.png") no-repeat;
}

.main-content .dynamic .information-area {
    width: 850px;
    border: 1px solid #ddd;
}

.main-content .dynamic .information-area .title {
    font-size: 28px;
    letter-spacing: 0;
    line-height: 58px;
    margin-top: 24px;
    padding-left: 23px;
}

.main-content .dynamic .information-area .caption {
    border-bottom: 4px solid #633869;
}

.main-content .dynamic .information-area .caption .more {
    padding-left: 23px;
    height: 38px;
    line-height: 37px;
    display: block;
    color: #633869 !important;
}

.main-content .dynamic .information-area .caption .more img {
    position: relative;
    vertical-align: middle;
    top: -1px;
    width: 16px;
    height: 16px;
    margin-left: 10px;
}

.main-content .dynamic .information-area .caption ul {
    height: 42px;
    overflow: hidden;
    margin: 0 !important;
    position: relative;
    z-index: 10;
}

.main-content .dynamic .information-area .caption ul li {
    font-size: 16px;
    color: #633869;
    float: left;
    padding: 0 !important;
    margin-top: 0;
}

.main-content .dynamic .information-area .caption ul li a {
    padding: 0 30px;
    height: 35px;
    font-size: 16px;
    border-bottom-color: #633869;
}

.main-content .dynamic .information-area .caption ul .current {
    background-color: #fff;
    line-height: 34px;
}

.main-content .dynamic .information-area .caption ul .current a {
    color: #633869;
    border-width: 4px 4px 4px 4px;
    border-color: #633869 #633869 #fff #633869;
    border-style: solid;
}

.main-content .dynamic .information-area .content {
    overflow: hidden;
}

.main-content .dynamic .information-area .content ul {
    *zoom: 1;
    height: 310px;
    margin: 10px 0;
    overflow: hidden;
}

.main-content .dynamic .information-area .content ul:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .dynamic .information-area .content ul li {
    line-height: 31px;
    height: 31px;
    zoom: 1;
    float: left;
    width: 100%;
    *zoom: 1;
}

.main-content .dynamic .information-area .content ul li:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .dynamic .information-area .content ul li time {
    float: right;
    color: #4a4a4a;
    margin-right: 15px;
    padding-right: 10px;
}

.main-content .dynamic .information-area .content ul li a {
    width: 700px;
    float: left;
    color: #555;
    padding-left: 23px;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .dynamic .information-area {
    padding: 0;
    float: left;
}

.main-content .dynamic .information-area .caption {
    height: 38px;
    line-height: 37px;
    font-size: 16px;
    color: #633869;
}

.main-content .dynamic .information-area .caption img {
    margin-right: 10px;
    position: relative;
    top: 3px;
}

.main-content .dynamic .information-area .caption .more {
    float: right;
    font-size: 14px;
    color: #4f81e3;
    position: relative;
    right: 10px;
    z-index: 11;
}

.main-content .friend-link {
    width: 1198px;
    margin: 0 auto;
    border: 1px solid #ddd;
}

.main-content .friend-link .css-title {
    border-bottom: none;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    padding: 5px 0;
    margin: 0 15px;
    position: relative;
}

.main-content .friend-link .css-title span {
    position: absolute;
    bottom: 0;
}

.main-content .friend-link .content .Box_con {
    position: relative;
    padding: 15px 0;
}

.main-content .friend-link .content .Box_con .btnl {
    position: absolute;
}

.main-content .friend-link .content .Box_con .btn {
    display: block;
    width: 18px;
    height: 60px;
    position: absolute;
    top: 14px;
    cursor: pointer;
}

.main-content .friend-link .content .Box_con .btnl {
    background: url(../i/jtl02.png) no-repeat center;
    left: 0;
}

.main-content .friend-link .content .Box_con .btnr {
    background: url(../i/jtr02.png) no-repeat center;
    right: 0;
}

.main-content .friend-link .content .Box_con .conbox {
    position: relative;
    overflow: hidden;
    width: 1115px;
    margin: 0 auto;
}

.main-content .friend-link .content .Box_con .conbox ul {
    position: relative;
    list-style: none;
    height: 70px;
    overflow: hidden;
}

.main-content .friend-link .content .Box_con .conbox ul li {
    float: left;
}

.main-content .friend-link .content .Box_con .conbox ul li a {
    margin-bottom: 10px;
    display: block;
    position: relative;
    width: 224px;
    height: 70px;
    text-align: center;
    overflow: hidden;
}

.main-content .friend-link .content .Box_con .conbox ul li a img {
    vertical-align: middle;
    border: none;
    margin: 0 auto;
    height: 70px;
    width: 220px;
}

.main-content .friend-link .content .BoxSwitch {
    margin-top: 30px;
    text-align: center;
}

.main-content .friend-link .content .BoxSwitch span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 30px;
    height: 3px;
    background: #ccc;
    margin: 0 5px;
    cursor: pointer;
}

.main-content .friend-link .content .BoxSwitch span.cur {
    background: red;
}

.main-content .links {
    margin: 77px 0;
}

.main-content .links li {
    float: left;
    width: 286px;
    margin: 0 7px;
}

.main-content .links li a {
    display: block;
}

.main-content .links li a img {
    width: 100%;
    height: 154px;
    display: block;
    border: none;
}

.main-content .links li a p {
    padding: 30px 15px;
    font-size: 20px;
    color: #FFFFFF;
    background-color: #633869;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
}

.main-content .quicklinks {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #fbfbfb url(../i/dots_bg.jpg);
}

.main-content .quicklinks .title {
    font-size: 24px;
    color: #633869;
    margin: 0;
    padding: 0 10px;
    margin-top: 8px;
    margin-bottom: 20px;
}

.main-content .quicklinks .title img {
    vertical-align: middle;
    margin-right: 5px;
}

.main-content .quicklinks li {
    line-height: 24px;
    padding: 0 15px;
}

.main-content .quicklinks li a {
    padding-right: 27px;
    background: url(../i/semoe.png) right center no-repeat;
}

.main-content .select-list {
    padding: 50px 0;
}

.main-content .select-list ul {
    margin: 0;
}

.main-content .select-list ul li {
    width: 386px;
    height: 150px;
    margin-left: 20px;
    padding: 0;
    position: relative;
    float: left;
}

.main-content .select-list ul li:first-child {
    margin-left: 0;
}

.main-content .select-list ul li a {
    display: block;
}

.main-content .select-list ul li a h3 {
    color: #ffffff;
    font-size: 26px;
    position: absolute;
    top: 23px;
    width: 100%;
    z-index: 1;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .select-list ul li a img {
    max-width: 100%;
    border: none;
    display: block;
}

.main-content .select-list ul li a .into {
    bottom: 17px;
    position: absolute;
    right: 28px;
}

.main-content .sidenav {
    width: 200px;
    height: 100%;
    min-height: 60px;
    margin-bottom: 15px;
    float: left;
}

.main-content .sidenav .caption {
    background-color: #633869;
    color: #fff;
    height: 58px;
    line-height: 58px;
    padding-left: 15px;
    font-size: 16px;
}

.main-content .sidenav .caption img {
    margin-right: 8px;
}

.main-content .sidenav ul {
    background-color: #f4f4f4;
    line-height: 56px;
    margin: 0;
    padding: 0;
}

.main-content .sidenav ul li a {
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #fff;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .sidenav ul .active {
    background-color: #633869;
}

.main-content .sidenav ul .active a {
    color: #fff;
}

.main-content .layout .list-page>.content {
    width: 980px;
    float: right;
}

.main-content .layout .list-page>.content .panel {
    margin-top: 0;
}

.main-content .layout .list-page>.content .panel .panel-heading {
    line-height: auto;
    border-bottom: 1px solid #eee;
    background-color: #f9f9f9;
    padding: 10px 15px;
    font-size: 16px;
}

.main-content .layout .list-page>.content .panel .panel-body {
    border: 1px solid #eee;
    border-top: none;
    padding-top: 15px;
}

.main-content .layout .list-page>.content .panel .panel-body .caption {
    border-bottom: 1px solid #633869;
}

.main-content .layout .list-page>.content .panel .panel-body .caption ul {
    padding: 0 15px;
    border-bottom: 1px solid #633869;
    margin-bottom: -2px;
}

.main-content .layout .list-page>.content .panel .panel-body .caption ul li {
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #633869;
}

.main-content .layout .list-page>.content .panel .panel-body .caption ul li a {
    padding: 0 15px;
    height: 28px;
    display: block;
    color: #555;
    border-style: solid;
    font-size: 14px;
    border-width: 1px 0 1px 0;
    border-color: #fff #fff #633869 #fff;
}

.main-content .layout .list-page>.content .panel .panel-body .caption ul .current a {
    color: #633869;
    border-width: 1px 1px 1px 1px;
    border-color: #633869 #633869 #ffffff #633869;
}

.main-content .layout .list-page>.content .panel .panel-body .content {
    padding-top: 15px;
}

.main-content .layout .list-page>.content .panel .panel-body .largefairs-table {
    padding: 0 15px 20px;
}

.main-content .layout .list-page>.content .panel .panel-body .largefairs-table .table {
    margin-top: 15px;
}

.main-content .layout .list-page>.content .panel .panel-body .largefairs-table .table td {
    line-height: 30px;
    vertical-align: middle;
}

.main-content .layout .list-page>.content .panel .panel-body .largefairs-table .table td input,
.main-content .layout .list-page>.content .panel .panel-body .largefairs-table .table td select {
    margin-left: 10px;
    padding: 4px 10px;
    box-shadow: none;
    float: left;
    border: 1px solid #ddd;
}

.main-content .layout .list-page>.content .panel .panel-body .largefairs-table .table td textarea {
    border: 1px solid #ddd;
    box-shadow: none;
    resize: none;
}

.main-content .layout .list-page>.content .panel .panel-body .largefairs-table .table td label {
    width: 100px;
    text-align: right;
    float: left;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .layout .list-page>.content .panel .panel-body .largefairs-table .recruit {
    margin-top: -1px;
    margin-bottom: 20px;
}

.main-content .layout .list-page>.content .panel .panel-body .largefairs-table .recruit td,
.main-content .layout .list-page>.content .panel .panel-body .largefairs-table .recruit th {
    line-height: 30px;
    vertical-align: middle;
}

.main-content .layout .list-page>.content .panel .panel-body .largefairs-table .recruit td input,
.main-content .layout .list-page>.content .panel .panel-body .largefairs-table .recruit th input,
.main-content .layout .list-page>.content .panel .panel-body .largefairs-table .recruit td select,
.main-content .layout .list-page>.content .panel .panel-body .largefairs-table .recruit th select {
    margin-left: 0;
    width: 90px;
}

.main-content .layout .list-page>.content .searchbox {
    background-color: #fff;
    margin-bottom: 15px;
    *zoom: 1;
}

.main-content .layout .list-page>.content .searchbox:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .layout .list-page>.content .searchbox label {
    float: left;
    line-height: 36px;
    padding: 0 10px;
    font-weight: bolder;
}

.main-content .layout .list-page>.content .searchbox ul {
    float: left;
}

.main-content .layout .list-page>.content .searchbox ul>li {
    height: 38px;
    margin: 0 0 0 20px;
    float: left;
    position: relative;
    *zoom: 1;
}

.main-content .layout .list-page>.content .searchbox ul>li:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .layout .list-page>.content .searchbox ul>li:first-child {
    margin-left: 0;
}

.main-content .layout .list-page>.content .searchbox ul>li input {
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    border: 1px solid #ddd;
    box-shadow: none;
    outline: none;
    color: #555;
    background-color: #fafafa;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .layout .list-page>.content .searchbox ul>li input:focus {
    border-color: #633869;
}

.main-content .layout .list-page>.content .searchbox ul>li i {
    width: 92%;
    padding: 0 4%;
    display: block;
    height: 34px;
    line-height: 34px;
    border: 1px solid #ddd;
    background-color: #fafafa;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .layout .list-page>.content .searchbox ul>li img {
    float: left;
    top: 12px;
    left: 15px;
    position: relative;
    z-index: 1;
}

.main-content .layout .list-page>.content .searchbox ul>li .select {
    bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.main-content .layout .list-page>.content .searchbox ul>li .select .chosen-container {
    position: static;
}

.main-content .layout .list-page>.content .searchbox ul>li .select .chosen-container .chosen-drop {
    margin-top: -2px;
    left: 0;
    border-left-color: #633869;
    border-bottom-color: #633869;
    border-right-color: #633869;
    border-radius: 0;
}

.main-content .layout .list-page>.content .searchbox ul>li .select .chosen-container .chosen-drop .chosen-search .chosen-search-input {
    padding: 0 6px;
    margin: 5px 0 0 3px;
    height: 27px;
    position: static;
}

.main-content .layout .list-page>.content .searchbox ul>li .select .chosen-container .chosen-drop .chosen-results {
    float: none;
}

.main-content .layout .list-page>.content .searchbox ul>li .select .chosen-container .chosen-drop .chosen-results li {
    height: auto;
    margin: 0 !important;
}

.main-content .layout .list-page>.content .searchbox ul>li .select .chosen-container-single .chosen-single {
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    border: 1px solid #ddd;
    box-shadow: none;
    outline: none;
    color: #888;
    background-color: #fafafa;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0;
}

.main-content .layout .list-page>.content .searchbox ul>li .select .chosen-container-single .chosen-single:focus {
    border-color: #633869;
}

.main-content .layout .list-page>.content .searchbox ul>li .select .chosen-container-single .chosen-single div b {
    background-position: 0 9px;
}

.main-content .layout .list-page>.content .searchbox ul>li .select .chosen-container-active .chosen-single {
    border-color: #633869;
}

.main-content .layout .list-page>.content .searchbox ul>li .select img {
    float: left;
    top: 12px;
    left: 15px;
    position: relative;
    z-index: 1;
}

.main-content .layout .list-page>.content .searchbox ul>li input {
    width: 100%;
}

.main-content .layout .list-page>.content .searchbox ul>li .select .chosen-container .chosen-drop {
    width: 100%;
}

.main-content .layout .list-page>.content .searchbox ul>li .select .chosen-container .chosen-drop .chosen-search .chosen-search-input {
    width: 98%;
}

.main-content .layout .list-page>.content .searchbox ul>li .select .chosen-container .chosen-drop .chosen-results li {
    width: 100%;
}

.main-content .layout .list-page>.content .searchbox ul>li .select .chosen-container-single .chosen-single {
    width: 100%;
}

.main-content .layout .list-page>.content .searchbox ul .keywords img {
    display: none;
}

.main-content .layout .list-page>.content .searchbox ul .keywords input {
    width: 94%;
    padding: 0 3%;
}

.main-content .layout .list-page>.content .searchbox .btn {
    float: left;
    margin: 0 20px 0;
    padding: 6px 15px;
}

.main-content .layout .list-page>.content .resultbox {
    position: relative;
}

.main-content .layout .list-page>.content .resultbox label {
    position: absolute;
    height: 30px;
    line-height: 30px;
    width: 80px;
    text-align: right;
    font-weight: bolder;
}

.main-content .layout .list-page>.content .resultbox .show {
    margin-left: 90px;
    line-height: 30px;
}

.main-content .layout .list-page>.content .resultbox .show>li {
    border: 1px #ddd dashed;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
    white-space: nowrap;
    margin-bottom: 10px;
    height: 30px;
    float: left;
}

.main-content .layout .list-page>.content .resultbox .show>li:hover {
    border-color: #633869;
    cursor: pointer;
}

.main-content .layout .list-page>.content .resultbox .show>li em {
    color: #633869;
    font-style: normal;
    display: inline-block;
    background: url(../i/icon-close.png) right center no-repeat;
    background-size: 10px 10px;
    padding-right: 20px;
}

.main-content .layout .list-page>.content .selector {
    border: 1px solid #ddd;
    padding: 10px 0;
    margin: 10px 0 30px;
}

.main-content .layout .list-page>.content .selector .item {
    position: relative;
    margin-top: 10px;
    margin-bottom: 15px;
}

.main-content .layout .list-page>.content .selector .item label {
    position: absolute;
    width: 80px;
    text-align: right;
    font-weight: bolder;
    line-height: 22px;
}

.main-content .layout .list-page>.content .selector .item .contor {
    margin-left: 90px;
    padding-right: 70px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    height: 35px;
}

.main-content .layout .list-page>.content .selector .item .contor li {
    margin-right: 10px;
    white-space: nowrap;
    margin-bottom: 10px;
    float: left;
}

.main-content .layout .list-page>.content .selector .item .contor li a {
    padding: 3px 6px;
    display: block;
}

.main-content .layout .list-page>.content .selector .item .contor.open {
    height: auto;
}

.main-content .layout .list-page>.content .selector .item .contor .active a {
    background-color: #633869;
    color: #fff;
}

.main-content .layout .list-page>.content .selector .item .shrink {
    position: absolute;
    line-height: 24px;
    right: 15px;
    top: 0;
    color: #633869;
}

.main-content .layout .list-page>.content .selector .item .shrink:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 6px;
    margin-left: 5px;
    background: url(../i/icon_down.png) no-repeat;
    top: -2px;
    position: relative;
}

.main-content .layout .list-page>.content .selector .item .shrink.open:after {
    background: url(../i/icon_down.png) 0 -6px no-repeat;
}

.main-content .main-content {
    padding: 0;
    height: calc(100% - 0px);
}

.main-content .login-page,
.main-content .register-page {
    position: fixed;
    width: 100%;
    top: 160px;
    bottom: 194px;
    padding-top: 64px;
    background: url("../i/denglu-bg.jpg") repeat-x;
    background-size: cover;
}

.main-content .login-page .login-box,
.main-content .register-page .login-box {
    width: 380px;
    height: 325px;
    margin: 0 auto;
    border-radius: 5px;
    padding: 40px 55px;
    background-color: #fff;
}

.main-content .login-page .login-box .title,
.main-content .register-page .login-box .title {
    font-size: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.main-content .login-page .login-box .title .switch,
.main-content .register-page .login-box .title .switch {
    float: right;
    font-size: 14px;
    line-height: 35px;
}

.main-content .login-page .login-box .content,
.main-content .register-page .login-box .content {
    margin-top: 24px;
    *zoom: 1;
}

.main-content .login-page .login-box .content:after,
.main-content .register-page .login-box .content:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .login-page .login-box .content ul,
.main-content .register-page .login-box .content ul {
    float: left;
    width: 100%;
}

.main-content .login-page .login-box .content ul li,
.main-content .register-page .login-box .content ul li {
    width: 100%;
    height: 36px;
    margin-bottom: 15px;
    position: relative;
    *zoom: 1;
}

.main-content .login-page .login-box .content ul li:after,
.main-content .register-page .login-box .content ul li:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .login-page .login-box .content ul li input,
.main-content .register-page .login-box .content ul li input {
    width: 90%;
    height: 34px;
    line-height: 34px;
    padding: 0 5%;
    border: 1px solid #ddd;
    box-shadow: none;
    outline: none;
    color: #555;
    background-color: #fafafa;
    position: absolute;
    left: 0;
    top: 0;
}

.main-content .login-page .login-box .content ul li input:focus,
.main-content .register-page .login-box .content ul li input:focus {
    border-color: #633869;
}

.main-content .login-page .login-box .content ul li img,
.main-content .register-page .login-box .content ul li img {
    float: left;
    top: 10px;
    left: 15px;
    position: relative;
    z-index: 1;
}

.main-content .login-page .login-box .content ul li .yzm-input,
.main-content .register-page .login-box .content ul li .yzm-input {
    width: 40%;
}

.main-content .login-page .login-box .content ul li .yzm-img,
.main-content .register-page .login-box .content ul li .yzm-img {
    width: 30%;
    height: 36px;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: static;
    float: right;
    cursor: pointer;
}

.main-content .login-page .login-box .content ul li .select,
.main-content .register-page .login-box .content ul li .select {
    bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.main-content .login-page .login-box .content ul li .select .chosen-container,
.main-content .register-page .login-box .content ul li .select .chosen-container {
    position: static;
}

.main-content .login-page .login-box .content ul li .select .chosen-container .chosen-drop,
.main-content .register-page .login-box .content ul li .select .chosen-container .chosen-drop {
    margin-top: -2px;
    left: 0;
    width: 100%;
    border-left-color: #633869;
    border-bottom-color: #633869;
    border-right-color: #633869;
    border-radius: 0;
}

.main-content .login-page .login-box .content ul li .select .chosen-container .chosen-drop .chosen-search .chosen-search-input,
.main-content .register-page .login-box .content ul li .select .chosen-container .chosen-drop .chosen-search .chosen-search-input {
    padding: 0 6px;
    width: 98%;
    margin: 5px 0 0 1%;
    height: 27px;
    position: static;
}

.main-content .login-page .login-box .content ul li .select .chosen-container .chosen-drop .chosen-results,
.main-content .register-page .login-box .content ul li .select .chosen-container .chosen-drop .chosen-results {
    float: none;
}

.main-content .login-page .login-box .content ul li .select .chosen-container .chosen-drop .chosen-results li,
.main-content .register-page .login-box .content ul li .select .chosen-container .chosen-drop .chosen-results li {
    height: auto;
    margin: 0 !important;
}

.main-content .login-page .login-box .content ul li .select .chosen-container-single .chosen-single,
.main-content .register-page .login-box .content ul li .select .chosen-container-single .chosen-single {
    width: 100%;
    height: 38px;
    line-height: 38px;
    padding: 0 5%;
    border: 1px solid #ddd;
    box-shadow: none;
    outline: none;
    color: #888;
    background-color: #fafafa;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0;
}

.main-content .login-page .login-box .content ul li .select .chosen-container-single .chosen-single:focus,
.main-content .register-page .login-box .content ul li .select .chosen-container-single .chosen-single:focus {
    border-color: #633869;
}

.main-content .login-page .login-box .content ul li .select .chosen-container-single .chosen-single div b,
.main-content .register-page .login-box .content ul li .select .chosen-container-single .chosen-single div b {
    background-position: 0 9px;
}

.main-content .login-page .login-box .content ul li .select .chosen-container-active .chosen-single,
.main-content .register-page .login-box .content ul li .select .chosen-container-active .chosen-single {
    border-color: #633869;
}

.main-content .login-page .login-box .content ul li .select img,
.main-content .register-page .login-box .content ul li .select img {
    float: left;
    top: 12px;
    left: 15px;
    position: relative;
    z-index: 1;
}

.main-content .login-page .login-box .content .btn,
.main-content .register-page .login-box .content .btn {
    padding: 10px 12px;
    font-size: 16px;
    line-height: 1.42857143;
}

.main-content .login-page .login-box .content .list-inline,
.main-content .register-page .login-box .content .list-inline {
    width: 100%;
    padding: 0;
    margin: 10px auto 0;
    *zoom: 1;
}

.main-content .login-page .login-box .content .list-inline:after,
.main-content .register-page .login-box .content .list-inline:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .login-page .login-box .content .list-inline li,
.main-content .register-page .login-box .content .list-inline li {
    width: auto;
    float: right;
    margin: 0;
    padding: 0;
}

.main-content .login-page .login-box .content .list-inline li:first-child,
.main-content .register-page .login-box .content .list-inline li:first-child {
    float: left;
}

.main-content .login-page .left,
.main-content .register-page .left {
    width: 722px;
    height: 404px;
    margin: 64px 0 0 30px;
    float: left;
}

.main-content .register {
    margin: 30px 0;
}

.main-content .register .caption {
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #633869;
    margin-top: 15px;
    padding: 0 15px;
    font-size: 16px;
    color: #633869;
    filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=100, finishy=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fff, endcolorstr=#fafafa, gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=100, finishy=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fff, endcolorstr=#fafafa, gradientType=0);
    /*IE8*/
    background: #fff;
    /* 一些不支持背景渐变的浏览器 */
    background: -moz-linear-gradient(top, #fff, #fafafa);
    background: -webkit-gradient(linear, 0 0, 0 top, from(#fff), to(#fafafa));
    background: -o-linear-gradient(top, #fff, #fafafa);
}

.main-content .register .caption img {
    margin-right: 10px;
    position: relative;
    top: 3px;
}

.main-content .register .caption .more {
    float: right;
    font-size: 14px;
    color: #555;
}

.main-content .register .content {
    padding-bottom: 45px;
    background-color: #fff;
    *zoom: 1;
}

.main-content .register .content .procedure {
    padding: 50px 0 30px 0;
    border-bottom: 1px solid #ddd;
}

.main-content .register .content .procedure ul {
    width: 850px;
    margin: 0 auto;
}

.main-content .register .content .procedure ul li {
    width: 282px;
    height: 50px;
    float: left;
    text-align: center;
    position: relative;
}

.main-content .register .content .procedure ul li span {
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin: 0 auto;
    display: block;
}

.main-content .register .content .procedure ul li p {
    height: 24px;
    line-height: 24px;
}

.main-content .register .content .procedure ul li .line {
    height: 3px;
    width: 130px;
    background-color: #bdbdbd;
}

.main-content .register .content .procedure ul li .lightline {
    height: 3px;
    width: 130px;
    background-color: #34a1df;
}

.main-content .register .content .procedure ul li .left {
    position: absolute;
    left: 0;
    top: 12px;
}

.main-content .register .content .procedure ul li .right {
    position: absolute;
    right: 0;
    top: 12px;
}

.main-content .register .content .choosebox {
    margin: 0 auto;
    padding-top: 45px;
    overflow: hidden;
    width: 100%;
    height: 300px;
    text-align: center;
}

.main-content .register .content .choosebox>.link {
    overflow: hidden;
    width: 265px;
    height: 300px;
    text-align: center;
    margin: 0 10px;
    font-size: 18px;
    display: inline-block;
    background-color: #eee;
    color: #000;
}

.main-content .register .content .choosebox>.link .fa {
    display: block;
    margin: 60px 0 5px 0;
    font-size: 70px;
    color: #333;
}

.main-content .register .content .choosebox>.link p {
    font-size: 12px;
    color: #555;
    margin-top: 15px;
    padding: 0 10px;
}

.main-content .default {
    margin: 30px 0;
}

.main-content .default .caption {
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #633869;
    margin-top: 15px;
    padding: 0 15px;
    font-size: 16px;
    color: #633869;
    filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=100, finishy=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fff, endcolorstr=#fafafa, gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=100, finishy=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fff, endcolorstr=#fafafa, gradientType=0);
    /*IE8*/
    background: #fff;
    /* 一些不支持背景渐变的浏览器 */
    background: -moz-linear-gradient(top, #fff, #fafafa);
    background: -webkit-gradient(linear, 0 0, 0 top, from(#fff), to(#fafafa));
    background: -o-linear-gradient(top, #fff, #fafafa);
}

.main-content .default .caption img {
    margin-right: 10px;
    position: relative;
    top: 3px;
}

.main-content .default .caption .more {
    float: right;
    font-size: 14px;
    color: #555;
}

.main-content .default .content {
    overflow: hidden;
    padding-bottom: 45px;
    background-color: #fff;
}

.main-content .schoollist .content {
    padding: 20px;
}

.main-content .schoollist .content .group {
    border: 1px solid #ddd;
    margin-bottom: -1px;
    min-height: 35px;
    *zoom: 1;
}

.main-content .schoollist .content .group:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .schoollist .content .group ul {
    width: 950px;
    height: 100%;
    min-height: 35px;
    float: right;
    border-left: 1px solid #ddd;
}

.main-content .schoollist .content .group ul li {
    float: left;
    width: 315px;
}

.main-content .schoollist .content .group ul li a {
    padding: 8px 15px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .schoollist .content .group .area {
    line-height: 35px;
    height: 100%;
    text-align: center;
    font-weight: bolder;
    font-size: 16px;
    color: #633869;
}

.main-content .list-page .searchbox {
    background-color: #fff;
    margin-bottom: 15px;
    *zoom: 1;
}

.main-content .list-page .searchbox:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .list-page .searchbox ul {
    float: left;
}

.main-content .list-page .searchbox ul>li {
    height: 38px;
    margin: 20px 0 0 20px;
    float: left;
    position: relative;
    *zoom: 1;
}

.main-content .list-page .searchbox ul>li:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .list-page .searchbox ul>li input {
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    border: 1px solid #ddd;
    box-shadow: none;
    outline: none;
    color: #555;
    background-color: #fafafa;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .list-page .searchbox ul>li input:focus {
    border-color: #633869;
}

.main-content .list-page .searchbox ul>li i {
    width: 92%;
    padding: 0 4%;
    display: block;
    height: 34px;
    line-height: 34px;
    border: 1px solid #ddd;
    background-color: #fafafa;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .list-page .searchbox ul>li img {
    float: left;
    top: 12px;
    left: 15px;
    position: relative;
    z-index: 1;
}

.main-content .list-page .searchbox ul>li .select {
    bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.main-content .list-page .searchbox ul>li .select .chosen-container {
    position: static;
}

.main-content .list-page .searchbox ul>li .select .chosen-container .chosen-drop {
    margin-top: -2px;
    left: 0;
    border-left-color: #633869;
    border-bottom-color: #633869;
    border-right-color: #633869;
    border-radius: 0;
}

.main-content .list-page .searchbox ul>li .select .chosen-container .chosen-drop .chosen-search .chosen-search-input {
    padding: 0 6px;
    margin: 5px 0 0 3px;
    height: 27px;
    position: static;
}

.main-content .list-page .searchbox ul>li .select .chosen-container .chosen-drop .chosen-results {
    float: none;
}

.main-content .list-page .searchbox ul>li .select .chosen-container .chosen-drop .chosen-results li {
    height: auto;
    margin: 0 !important;
}

.main-content .list-page .searchbox ul>li .select .chosen-container-single .chosen-single {
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    border: 1px solid #ddd;
    box-shadow: none;
    outline: none;
    color: #888;
    background-color: #fafafa;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0;
}

.main-content .list-page .searchbox ul>li .select .chosen-container-single .chosen-single:focus {
    border-color: #633869;
}

.main-content .list-page .searchbox ul>li .select .chosen-container-single .chosen-single div b {
    background-position: 0 9px;
}

.main-content .list-page .searchbox ul>li .select .chosen-container-active .chosen-single {
    border-color: #633869;
}

.main-content .list-page .searchbox ul>li .select img {
    float: left;
    top: 12px;
    left: 15px;
    position: relative;
    z-index: 1;
}

.main-content .list-page .searchbox ul>li input {
    width: 100%;
}

.main-content .list-page .searchbox ul>li .select .chosen-container .chosen-drop {
    width: 100%;
}

.main-content .list-page .searchbox ul>li .select .chosen-container .chosen-drop .chosen-search .chosen-search-input {
    width: 98%;
}

.main-content .list-page .searchbox ul>li .select .chosen-container .chosen-drop .chosen-results li {
    width: 100%;
}

.main-content .list-page .searchbox ul>li .select .chosen-container-single .chosen-single {
    width: 100%;
}

.main-content .list-page .searchbox ul .keywords img {
    display: none;
}

.main-content .list-page .searchbox ul .keywords input {
    width: 94%;
    padding: 0 3%;
}

.main-content .list-page .searchbox .btn {
    float: left;
    margin: 20px;
    padding: 8px 15px;
}

.main-content .list-page .selector {
    margin-bottom: 15px;
    background-color: #fff;
    padding: 0 15px 15px;
    overflow: hidden;
}

.main-content .list-page .selector .group {
    *zoom: 1;
    margin: 15px 0 0 5px;
}

.main-content .list-page .selector .group:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .list-page .selector .group label {
    float: left;
    height: 24px;
    line-height: 24px;
}

.main-content .list-page .selector .group ul {
    float: left;
    width: 1060px;
}

.main-content .list-page .selector .group ul li {
    float: left;
    margin-left: 8px;
    height: 24px;
    line-height: 24px;
}

.main-content .list-page .selector .group ul li a {
    color: #777;
    padding: 2px 4px;
}

.main-content .list-page .selector .group ul li a:hover {
    color: #633869;
}

.main-content .list-page .selector .group ul .current a {
    background-color: #633869;
    color: #fff;
}

.main-content .list-page .selector .group ul .current a:hover {
    color: #fff;
}

.main-content .list-page .content {
    margin-bottom: 15px;
    background-color: #fff;
}

.main-content .list-page .content .tabnav {
    margin-bottom: 20px;
    border: 1px solid #ddd;
}

.main-content .list-page .content .tabnav li {
    line-height: 26px;
    float: left;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-left: -1px;
}

.main-content .list-page .content .tabnav li a {
    padding: 3px 12px;
    display: block;
}

.main-content .list-page .content .tabnav li:first-child {
    border-left: none;
}

.main-content .list-page .content .tabnav .current {
    background-color: #633869;
    border-color: #633869;
}

.main-content .list-page .content .tabnav .current a {
    color: #fff;
}

.main-content .list-page .content .list>li {
    padding: 20px;
    border-bottom: 1px solid #eee;
}

.main-content .list-page .content .list>li .left {
    width: 790px;
}

.main-content .list-page .content .list>li .left .job .name {
    font-size: 16px;
    padding-right: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .list-page .content .list>li .left .job .name small {
    margin-left: 15px;
}

.main-content .list-page .content .list>li .left .job span {
    float: left;
    margin: 20px 15px 0 0;
}

.main-content .list-page .content .list>li .left .job ul {
    float: left;
    margin-top: 20px;
    overflow: hidden;
    border-bottom: none;
}

.main-content .list-page .content .list>li .left .job ul li {
    float: left;
    margin: 2px 0 0 -1px;
    padding: 0 10px;
    height: 16px;
    line-height: 16px;
    border: none;
    border-left: 1px solid #ddd;
    font-size: 13px;
    color: #777;
}

.main-content .list-page .content .list>li .left .job .company {
    float: right;
    text-align: right;
    width: 300px;
}

.main-content .list-page .content .list>li .left .job .company a {
    font-size: 16px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .list-page .content .list>li .left .job .company ul {
    float: none;
}

.main-content .list-page .content .list>li .left .job .company ul li {
    float: none;
    padding: 0 0 0 10px;
    margin: 2px 0 0 10px;
    height: 16px;
    line-height: 16px;
    font-size: 13px;
}

.main-content .list-page .content .list>li .left .job .company ul li:first-child {
    border: none;
}

.main-content .list-page .content .list>li .right {
    float: right;
    width: 120px;
}

.main-content .list-page .content .list>li .right p {
    text-align: center;
    margin-top: 10px;
}

.main-content .list-page .content .list>li .right p i {
    margin-right: 5px;
}

.main-content .list-page .content .panel {
    margin-top: 20px;
}

.main-content .list-page .content .panel .panel-heading {
    line-height: normal;
    border: 1px solid #eee;
    background-color: #f9f9f9;
    padding: 10px 15px;
    font-size: 16px;
    *zoom: 1;
}

.main-content .list-page .content .panel .panel-heading:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .list-page .content .panel .panel-heading .more {
    float: right;
    font-size: 14px;
}

.main-content .list-page .content .panel .panel-body {
    border: 1px solid #eee;
    border-top: none;
}

.main-content .list-page .content .panel .panel-body .searchbox {
    background-color: #fff;
    margin-bottom: 15px;
    *zoom: 1;
}

.main-content .list-page .content .panel .panel-body .searchbox:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .list-page .content .panel .panel-body .searchbox ul {
    float: left;
}

.main-content .list-page .content .panel .panel-body .searchbox ul>li {
    width: 279px;
    height: 38px;
    margin: 20px 0 0 20px;
    float: left;
    position: relative;
    *zoom: 1;
}

.main-content .list-page .content .panel .panel-body .searchbox ul>li:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .list-page .content .panel .panel-body .searchbox ul>li input {
    width: 223px;
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    border: 1px solid #ddd;
    box-shadow: none;
    outline: none;
    color: #555;
    background-color: #fafafa;
    position: absolute;
    left: 0;
    top: 0;
}

.main-content .list-page .content .panel .panel-body .searchbox ul>li input:focus {
    border-color: #633869;
}

.main-content .list-page .content .panel .panel-body .searchbox ul>li img {
    float: left;
    top: 12px;
    left: 15px;
    position: relative;
    z-index: 1;
}

.main-content .list-page .content .panel .panel-body .searchbox ul>li .select {
    bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.main-content .list-page .content .panel .panel-body .searchbox ul>li .select .chosen-container {
    position: static;
}

.main-content .list-page .content .panel .panel-body .searchbox ul>li .select .chosen-container .chosen-drop {
    margin-top: -2px;
    left: 0;
    width: 100%;
    border-left-color: #633869;
    border-bottom-color: #633869;
    border-right-color: #633869;
    border-radius: 0;
}

.main-content .list-page .content .panel .panel-body .searchbox ul>li .select .chosen-container .chosen-drop .chosen-search .chosen-search-input {
    padding: 0 6px;
    width: 264px;
    margin: 5px 0 0 3px;
    height: 27px;
    position: static;
}

.main-content .list-page .content .panel .panel-body .searchbox ul>li .select .chosen-container .chosen-drop .chosen-results {
    float: none;
}

.main-content .list-page .content .panel .panel-body .searchbox ul>li .select .chosen-container .chosen-drop .chosen-results li {
    height: auto;
    margin: 0 !important;
}

.main-content .list-page .content .panel .panel-body .searchbox ul>li .select .chosen-container-single .chosen-single {
    width: 280px;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    border: 1px solid #ddd;
    box-shadow: none;
    outline: none;
    color: #888;
    background-color: #fafafa;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0;
}

.main-content .list-page .content .panel .panel-body .searchbox ul>li .select .chosen-container-single .chosen-single:focus {
    border-color: #633869;
}

.main-content .list-page .content .panel .panel-body .searchbox ul>li .select .chosen-container-single .chosen-single div b {
    background-position: 0 9px;
}

.main-content .list-page .content .panel .panel-body .searchbox ul>li .select .chosen-container-active .chosen-single {
    border-color: #633869;
}

.main-content .list-page .content .panel .panel-body .searchbox ul>li .select img {
    float: left;
    top: 12px;
    left: 15px;
    position: relative;
    z-index: 1;
}

.main-content .list-page .content .panel .panel-body .searchbox ul .keywords {
    width: 256px;
}

.main-content .list-page .content .panel .panel-body .searchbox ul .keywords input {
    width: 200px;
}

.main-content .list-page .content .panel .panel-body .searchbox .btn {
    float: left;
    margin: 20px 0 0 20px;
}

.main-content .list-page .content .panel .panel-body .title {
    border-bottom: 1px solid #eee;
}

.main-content .list-page .content .panel .panel-body .title li {
    float: left;
    height: 26px;
    line-height: 26px;
    padding: 10px 0;
    margin-left: 10px;
}

.main-content .list-page .content .panel .panel-body .title li span {
    padding: 0 5px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .list-page .content .panel .panel-body .list ul {
    border-bottom: 1px dashed #eee;
}

.main-content .list-page .content .panel .panel-body .list ul li {
    float: left;
    height: 26px;
    line-height: 26px;
    padding: 10px 0;
    margin-left: 10px;
}

.main-content .list-page .content .panel .panel-body .list ul li span {
    display: block;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .list-page .content .panel .panel-body .list ul li span a:first-child {
    padding-left: 0;
}

.main-content .list-page .content .panel .panel-body .list ul li a {
    display: block;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .list-page .content .panel .panel-body .list ul li a.btn {
    display: inline;
    padding: 2px 12px;
    font-size: 13px;
}

.main-content .list-page .content .panel .panel-body .list ul li a.inline {
    display: inline;
}

.main-content .list-page .content .panel .panel-body .list ul li .line {
    display: inline;
    float: left;
}

.main-content .list-page .content .panel .panel-body .q-list ul {
    border-bottom: 1px dashed #eee;
}

.main-content .list-page .content .panel .panel-body .q-list ul li {
    float: left;
    height: 26px;
    line-height: 26px;
    padding: 10px 0;
    margin-left: 10px;
}

.main-content .list-page .content .panel .panel-body .q-list ul li span {
    display: block;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .list-page .content .panel .panel-body .q-list ul li span a:first-child {
    padding-left: 0;
}

.main-content .list-page .content .panel .panel-body .q-list ul li a {
    display: block;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .list-page .content .panel .panel-body .q-list ul li a.btn {
    display: inline;
    padding: 2px 12px;
    font-size: 13px;
}

.main-content .list-page .content .panel .panel-body .q-list ul li a.inline {
    display: inline;
}

.main-content .list-page .content .panel .panel-body .q-list ul li .line {
    display: inline;
    float: left;
}

.main-content .list-page .content .panel .panel-body .q-list ul {
    padding-top: 5px;
}

.main-content .list-page .content .panel .panel-body .q-list ul li {
    padding: 0;
    margin-bottom: 5px;
    line-height: 24px;
    height: auto;
}

.main-content .list-page .content .panel .panel-body .q-list ul li span {
    white-space: normal;
}

.main-content .list-page .content .panel .panel-body .media {
    overflow: hidden;
    zoom: 1;
    padding: 15px;
    border-bottom: 1px solid #eee;
    *zoom: 1;
}

.main-content .list-page .content .panel .panel-body .media:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .list-page .content .panel .panel-body .media .media-left {
    width: 100px;
    height: 100px;
    margin-right: 15px;
    float: left;
}

.main-content .list-page .content .panel .panel-body .media .media-left .media-object {
    display: block;
    border: none;
    width: 100%;
}

.main-content .list-page .content .panel .panel-body .media .media-body p {
    margin-top: 5px;
}

.main-content .list-page .content .panel .panel-body .media .media-body .con {
    width: 722px;
    float: left;
}

.main-content .list-page .content .panel .panel-body .media .media-body .side {
    width: 100px;
    float: right;
}

.main-content .list-page .content .panel .panel-body .media .media-body label {
    font-weight: bolder;
}

.main-content .list-page .content-sm {
    width: 985px;
    float: right;
}

.main-content .list-page .content-sm .panel {
    margin-top: 0;
}

.main-content .list-page .choose-areanav {
    float: left;
    width: 200px;
    margin-bottom: 15px;
}

.main-content .list-page .choose-areanav .panel .panel-heading {
    background-color: #f26222;
    color: #fff;
    line-height: 45px;
    padding-left: 15px;
    font-size: 16px;
}

.main-content .list-page .choose-areanav .panel .panel-heading i.fa {
    margin-right: 5px;
}

.main-content .list-page .choose-areanav .panel .list-group li {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #eee;
    border-left: none;
    border-right: none;
    font-size: 14px;
}

.main-content .list-page .sidenav {
    width: 200px;
    height: 100%;
    min-height: 60px;
    margin-bottom: 15px;
    background-color: #fff;
    float: left;
}

.main-content .list-page .sidenav .caption {
    background-color: #633869;
    color: #fff;
    height: 45px;
    line-height: 45px;
    padding-left: 15px;
    font-size: 16px;
}

.main-content .list-page .sidenav .caption img {
    margin-right: 8px;
}

.main-content .list-page .sidenav .panel {
    border: none;
}

.main-content .list-page .sidenav .panel .panel-heading {
    color: #633869;
    background-color: #efefef;
    padding: 10px 15px;
    height: auto;
    line-height: normal;
    font-size: 14px;
}

.main-content .list-page .sidenav .panel ul li {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #eee;
    font-size: 14px;
}

.main-content .list-page .sidenav .panel ul li img {
    position: relative;
    top: 4px;
    margin-right: 6px;
}

.main-content .list-page .content-jobfair {
    background: none;
}

.main-content .list-page .content-jobfair .list li {
    margin-bottom: 10px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    position: relative;
    *zoom: 1;
}

.main-content .list-page .content-jobfair .list li:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .list-page .content-jobfair .list li .right a.btn+a.btn {
    margin-top: 10px;
}

.main-content .list-page .content-jobfair .list li .left {
    width: auto;
}

.main-content .list-page .content-jobfair .list li .date {
    width: 90px;
    height: 90px;
    background: url("../i/valid-date.png") no-repeat;
    border-radius: 5px;
    text-align: center;
    float: left;
}

.main-content .list-page .content-jobfair .list li .date p {
    color: #fff;
    height: 25px;
    line-height: 25px;
}

.main-content .list-page .content-jobfair .list li .date b {
    display: block;
    font-size: 30px;
    color: #000;
}

.main-content .list-page .content-jobfair .list li .info {
    margin: 0 150px 0 110px;
}

.main-content .list-page .content-jobfair .list li .info a {
    font-size: 16px;
}

.main-content .list-page .content-jobfair .list li .info p {
    margin-top: 5px;
}

.main-content .list-page .content-jobfair .list li .status {
    width: 51px;
    height: 51px;
    background: url("../i/valid.gif");
    position: absolute;
    top: -6px;
    right: -8px;
}

.main-content .list-page .content-jobfair .list .lapsed .date {
    background: url("../i/lapsed-date.png") no-repeat;
}

.main-content .list-page .content-jobfair .list .lapsed .status {
    background: url("../i/lapsed.png");
}

.main-content .list-page .content-jobfair .list .lapsed .right a.btn {
    background-color: #999;
    border-color: #999;
}

.main-content .list-page .content-jobfair .pagination {
    background-color: #fff;
}

.main-content .content-page .head {
    background-color: #fff;
    padding: 20px 20px 20px;
    border-bottom: 1px solid #eee;
    *zoom: 1;
}

.main-content .content-page .head:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .content-page .head h2 {
    font-size: 28px;
    color: #633869;
}

.main-content .content-page .head ul {
    *zoom: 1;
    float: right;
    margin-top: 15px;
    height: 18px;
}

.main-content .content-page .head ul:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .content-page .head ul li {
    line-height: 18px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .content-page .head ul .share {
    float: right;
    width: 550px;
    overflow: visible;
    *zoom: 1;
}

.main-content .content-page .head ul .share:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .content-page .head ul .share .txt,
.main-content .content-page .head ul .share .qrcode {
    float: right;
    display: block;
    padding-right: 10px;
}

.main-content .content-page .head ul .share .txt .alert-sm,
.main-content .content-page .head ul .share .qrcode .alert-sm {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -191px 0 0 -150px;
    width: 300px;
    z-index: 1001;
}

.main-content .content-page .head ul .share .txt .alert-sm .caption,
.main-content .content-page .head ul .share .qrcode .alert-sm .caption {
    background-color: #633869;
    color: #fff;
    cursor: move;
}

.main-content .content-page .head ul .share .txt .alert-sm .content,
.main-content .content-page .head ul .share .qrcode .alert-sm .content {
    width: 268px;
    max-height: 498px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #633869;
}

.main-content .content-page .head ul .share .txt .msgbox .content .img,
.main-content .content-page .head ul .share .qrcode .msgbox .content .img {
    height: 200px;
    width: 200px;
}

.main-content .content-page .head ul .share #qrcode {
    height: 18px;
    position: relative;
    vertical-align: middle;
    width: 70px;
    background: url("../i/qr.gif") no-repeat scroll 45px 3px;
}

.main-content .content-page .head ul .share #qrcode #qricon {
    cursor: pointer;
    display: block;
    height: 18px;
    width: 78px;
}

.main-content .content-page .head ul .share #qrcode #qrwp {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #a0a0a0;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    display: none;
    font-size: 12px;
    font-weight: normal;
    height: 200px;
    left: 73px;
    line-height: 22px;
    padding: 10px 0 4px;
    position: absolute;
    text-align: center;
    top: -8px;
    width: 180px;
    z-index: 111;
}

.main-content .content-page .head ul .share #qrcode #qrwp .c_arrow {
    border-color: transparent #fff;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    left: -11px;
    position: absolute;
    top: -5px;
    z-index: 1111;
}

.main-content .content-page .head ul .share #qrcode #qrwp .c_arrow .c_arrow_u,
.main-content .content-page .head ul .share #qrcode #qrwp .c_arrow .c_arrow_d {
    border-style: solid;
    height: 0;
    position: absolute;
    width: 0;
}

.main-content .content-page .head ul .share #qrcode #qrwp .c_arrow .c_arrow_d {
    border-color: transparent #aaa;
    border-width: 11px 11px 11px 0;
}

.main-content .content-page .head ul .share #qrcode #qrwp .c_arrow .c_arrow_u {
    border-color: transparent #fff;
    border-width: 10px 10px 10px 0;
    left: 1px;
    top: 1px;
}

.main-content .content-page .head ul .share #qrcode #qrwp .qrclose {
    background: rgba(0, 0, 0, 0) url("../i/sprint.gif") no-repeat scroll -298px -232px;
    display: block;
    height: 18px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 18px;
    z-index: 111;
}

.main-content .content-page .head ul .share #qrcode #qrwp #qrimg {
    height: 150px;
    margin-left: 8px;
    margin-top: 8px;
    width: 150px;
    background: url("../i/onLoad.gif") no-repeat scroll center center;
}

.main-content .content-page .head ul .share #qrcode #qrwp #qrimg img {
    height: 150px;
    margin-left: 8px;
    margin-top: 8px;
    width: 150px;
}

.main-content .content-page .head ul .share #qrcode #qrwp p {
    margin: 10px auto 5px;
    font-size: 12px;
}

.main-content .content-page .head ul .share .jiathis_style {
    float: right;
    margin-top: 2px;
    *zoom: 1;
}

.main-content .content-page .head ul .share .jiathis_style:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

.main-content .content-page .head .list-inline {
    float: left;
}

.main-content .content-page .content {
    background-color: #fff;
    padding: 20px 20px 20px;
    margin-bottom: 15px;
    overflow: hidden;
    font-size: 16px;
}

.main-content .content-page .content .info ul {
    padding: 25px 0 10px;
}

.main-content .content-page .content .info ul li {
    width: 49%;
    margin-bottom: 15px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .content-page .content .info ul li label {
    font-size: 16px;
}

.main-content .content-page .content .info ul li span {
    font-size: 16px;
}

.main-content .content-page .content .info .full-line li {
    float: none;
    width: 100%;
}

.main-content .content-page .content .caption {
    margin-top: 20px;
    line-height: 35px;
    font-size: 20px;
    color: #633869;
}

.main-content .content-page .content .caption ul {
    background-color: #eee;
}

.main-content .content-page .content .caption ul li {
    height: 35px;
    line-height: 35px;
    float: left;
    cursor: pointer;
}

.main-content .content-page .content .caption ul li a {
    display: block;
    padding: 0 15px;
}

.main-content .content-page .content .caption ul li:hover {
    background-color: #633869;
}

.main-content .content-page .content .caption ul li:hover a {
    color: #fff;
}

.main-content .content-page .content .caption ul .current {
    background-color: #633869;
}

.main-content .content-page .content .caption ul .current a {
    color: #fff;
}

.main-content .content-page .content .text {
    padding: 15px 0;
}

.main-content .content-page .content .text p {
    margin-bottom: 10px;
    font-size: 16px;
}

.main-content .consult-page .form-group span {
    float: left;
    line-height: 36px;
}

.main-content .user-page .panel {
    border: 1px solid #ddd;
    background-color: #fff;
}

.main-content .user-page .panel .panel-heading {
    line-height: auto;
    border-bottom: 1px solid #eee;
    background-color: #f9f9f9;
    padding: 10px 15px;
    font-size: 16px;
}

.main-content .user-page .panel .panel-heading .more {
    float: right;
    font-size: 14px;
}

.main-content .user-page .panel .panel-body .searchbox {
    background-color: #fff;
    margin-bottom: 15px;
    *zoom: 1;
}

.main-content .user-page .panel .panel-body .searchbox:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .user-page .panel .panel-body .searchbox ul {
    float: left;
}

.main-content .user-page .panel .panel-body .searchbox ul>li {
    height: 38px;
    margin: 20px 0 0 10px;
    float: left;
    position: relative;
    *zoom: 1;
}

.main-content .user-page .panel .panel-body .searchbox ul>li:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .user-page .panel .panel-body .searchbox ul>li input {
    width: 164px;
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    border: 1px solid #ddd;
    box-shadow: none;
    outline: none;
    color: #555;
    background-color: #fafafa;
    position: absolute;
    left: 0;
    top: 0;
}

.main-content .user-page .panel .panel-body .searchbox ul>li input:focus {
    border-color: #633869;
}

.main-content .user-page .panel .panel-body .searchbox ul>li img {
    float: left;
    top: 12px;
    left: 15px;
    position: relative;
    z-index: 1;
}

.main-content .user-page .panel .panel-body .searchbox ul>li .select {
    bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.main-content .user-page .panel .panel-body .searchbox ul>li .select .chosen-container {
    position: static;
}

.main-content .user-page .panel .panel-body .searchbox ul>li .select .chosen-container .chosen-drop {
    margin-top: -2px;
    left: 0;
    width: 159px;
    border-left-color: #633869;
    border-bottom-color: #633869;
    border-right-color: #633869;
    border-radius: 0;
}

.main-content .user-page .panel .panel-body .searchbox ul>li .select .chosen-container .chosen-drop .chosen-search .chosen-search-input {
    padding: 0 6px;
    width: 134px;
    margin: 5px 0 0 1%;
    height: 27px;
    position: static;
}

.main-content .user-page .panel .panel-body .searchbox ul>li .select .chosen-container .chosen-drop .chosen-results {
    float: none;
}

.main-content .user-page .panel .panel-body .searchbox ul>li .select .chosen-container .chosen-drop .chosen-results li {
    height: auto;
    margin: 0 !important;
}

.main-content .user-page .panel .panel-body .searchbox ul>li .select .chosen-container-single .chosen-single {
    width: 159px;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    border: 1px solid #ddd;
    box-shadow: none;
    outline: none;
    color: #888;
    background-color: #fafafa;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0;
}

.main-content .user-page .panel .panel-body .searchbox ul>li .select .chosen-container-single .chosen-single:focus {
    border-color: #633869;
}

.main-content .user-page .panel .panel-body .searchbox ul>li .select .chosen-container-single .chosen-single div b {
    background-position: 0 9px;
}

.main-content .user-page .panel .panel-body .searchbox ul>li .select .chosen-container-active .chosen-single {
    border-color: #633869;
}

.main-content .user-page .panel .panel-body .searchbox ul>li .select img {
    float: left;
    top: 12px;
    left: 15px;
    position: relative;
    z-index: 1;
}

.main-content .user-page .panel .panel-body .searchbox ul>li input {
    width: 100%;
}

.main-content .user-page .panel .panel-body .searchbox ul>li .select .chosen-container .chosen-drop {
    width: 100%;
}

.main-content .user-page .panel .panel-body .searchbox ul>li .select .chosen-container .chosen-drop .chosen-search .chosen-search-input {
    width: 98%;
}

.main-content .user-page .panel .panel-body .searchbox ul>li .select .chosen-container .chosen-drop .chosen-results li {
    width: 100%;
}

.main-content .user-page .panel .panel-body .searchbox ul>li .select .chosen-container-single .chosen-single {
    width: 100%;
}

.main-content .user-page .panel .panel-body .searchbox ul .keywords img {
    display: none;
}

.main-content .user-page .panel .panel-body .searchbox ul .keywords input {
    width: 94%;
    padding: 0 3%;
}

.main-content .user-page .panel .panel-body .title {
    border-bottom: 1px solid #eee;
}

.main-content .user-page .panel .panel-body .title li {
    float: left;
    height: 26px;
    line-height: 26px;
    padding: 10px 0;
    margin-left: 10px;
}

.main-content .user-page .panel .panel-body .title li span {
    padding: 0 5px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .user-page .panel .panel-body .title li a {
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .user-page .panel .panel-body .title li a.btn {
    display: inline;
    padding: 2px 12px;
    font-size: 13px;
}

.main-content .user-page .panel .panel-body .list ul {
    border-bottom: 1px dashed #eee;
}

.main-content .user-page .panel .panel-body .list ul li {
    float: left;
    height: 26px;
    line-height: 26px;
    padding: 10px 0;
    margin-left: 10px;
}

.main-content .user-page .panel .panel-body .list ul li span {
    padding: 0 5px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .user-page .panel .panel-body .list ul li a {
    padding: 0 5px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .user-page .panel .panel-body .list ul li a.btn {
    display: inline;
    padding: 2px 12px;
    font-size: 13px;
}

.main-content .user-page .panel .panel-body .list ul li a.inline {
    display: inline;
}

.main-content .user-page .panel-style {
    float: right;
    width: 980px;
    margin-bottom: 15px;
}

.main-content .user-page .sidenav {
    width: 200px;
    height: 100%;
    min-height: 60px;
    margin-bottom: 15px;
    background-color: #fff;
    float: left;
}

.main-content .user-page .sidenav .caption {
    background-color: #633869;
    color: #fff;
    height: 45px;
    line-height: 45px;
    padding-left: 15px;
    font-size: 16px;
}

.main-content .user-page .sidenav .caption img {
    margin-right: 8px;
}

.main-content .user-page .sidenav .panel {
    border: none;
}

.main-content .user-page .sidenav .panel .panel-heading {
    color: #633869;
    background-color: #efefef;
    padding: 10px 15px;
    height: auto;
    line-height: normal;
    font-size: 14px;
}

.main-content .user-page .sidenav .panel ul li {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #eee;
    font-size: 14px;
}

.main-content .user-page .sidenav .panel ul li img {
    position: relative;
    top: 4px;
    margin-right: 6px;
}

.main-content .user-page .content {
    float: right;
    width: 950px;
    margin-bottom: 15px;
    padding: 0 15px 15px;
    min-height: 60px;
    background-color: #fff;
}

.main-content .user-page .content .userinfo {
    *zoom: 1;
    padding-top: 15px;
}

.main-content .user-page .content .userinfo:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .user-page .content .userinfo .text {
    width: 800px;
}

.main-content .user-page .content .userinfo .text .welcome {
    font-size: 18px;
    color: #633869;
    margin-bottom: 10px;
    padding-left: 15px;
}

.main-content .user-page .content .userinfo .text ul {
    float: left;
    width: 100%;
}

.main-content .user-page .content .userinfo .text ul li {
    float: left;
    padding: 0 15px;
    height: 14px;
    margin-top: 15px;
    line-height: 14px;
    border-left: 1px solid #555;
}

.main-content .user-page .content .userinfo .text ul li:first-child {
    border-left: none;
}

.main-content .user-page .content .userinfo .userimg {
    width: 93px;
    height: 92px;
    float: right;
}

.main-content .user-page .content .numlist {
    margin: 30px 0 20px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
}

.main-content .user-page .content .numlist ul {
    *zoom: 1;
}

.main-content .user-page .content .numlist ul:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .user-page .content .numlist ul li {
    margin: 10px 0;
    height: 32px;
    line-height: 32px;
    border-left: 1px solid #ddd;
    width: 33%;
    float: left;
    text-align: center;
    font-size: 14px;
}

.main-content .user-page .content .numlist ul li:first-child {
    margin-left: -1px;
}

.main-content .user-page .content .numlist ul li img {
    margin-right: 10px;
    vertical-align: top;
}

.main-content .user-page .content .numlist ul li a {
    padding: 0 10px;
    color: #633869;
}

.main-content .user-page .resume-box .group {
    margin-top: 20px;
}

.main-content .user-page .resume-box .group .title {
    font-size: 16px;
    font-weight: bolder;
    padding: 10px 15px;
    margin-bottom: 15px;
}

.main-content .user-page .resume-box .group .con ul li {
    float: left;
    border-left: 1px solid #555;
    padding: 0 15px;
    margin-bottom: 10px;
}

.main-content .user-page .resume-box .group .con ul li:first-child {
    border-left: none;
}

.main-content .user-page .resume-box .group .con p {
    margin: 15px 0;
    padding: 0 15px;
}

.main-content .user-page .resume-box dl {
    margin-top: 20px;
}

.main-content .user-page .resume-box dl dt {
    font-size: 16px;
    font-weight: bolder;
    padding: 10px 15px;
    margin-bottom: 15px;
}

.main-content .user-page .resume-box dl dd {
    padding-left: 15px;
}

.main-content .user-page .resume-box dl dd ul li {
    margin-bottom: 10px;
}

.main-content .user-page .resume-box dl dd p {
    margin: 15px 0;
}

.main-content .user-page .content-jobfair {
    background: none;
    padding: 0;
    width: 980px;
    float: right;
    margin-bottom: 15px;
}

.main-content .user-page .content-jobfair .list li {
    margin-bottom: 10px;
    padding: 20px;
    background-color: #fff;
    border: none;
    position: relative;
    *zoom: 1;
}

.main-content .user-page .content-jobfair .list li:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-content .user-page .content-jobfair .list li .right a.btn+a.btn {
    margin-top: 10px;
}

.main-content .user-page .content-jobfair .list li .left {
    width: auto;
}

.main-content .user-page .content-jobfair .list li .right {
    float: right;
    width: 120px;
}

.main-content .user-page .content-jobfair .list li .right p {
    text-align: center;
    margin-top: 10px;
}

.main-content .user-page .content-jobfair .list li .right p i {
    margin-right: 5px;
}

.main-content .user-page .content-jobfair .list li .date {
    width: 90px;
    height: 90px;
    background: url("../i/valid-date.png") no-repeat;
    border-radius: 5px;
    text-align: center;
    float: left;
}

.main-content .user-page .content-jobfair .list li .date p {
    color: #fff;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
}

.main-content .user-page .content-jobfair .list li .date b {
    display: block;
    font-size: 30px;
    color: #000;
}

.main-content .user-page .content-jobfair .list li .info {
    margin: 0 150px 0 110px;
}

.main-content .user-page .content-jobfair .list li .info a {
    font-size: 16px;
}

.main-content .user-page .content-jobfair .list li .info p {
    margin-top: 5px;
}

.main-content .user-page .content-jobfair .list li .status {
    width: 51px;
    height: 51px;
    background: url("../i/valid.gif");
    position: absolute;
    top: -6px;
    right: -8px;
}

.main-content .user-page .content-jobfair .list .lapsed .date {
    background: url("../i/lapsed-date.png") no-repeat;
}

.main-content .user-page .content-jobfair .list .lapsed .status {
    background: url("../i/lapsed.png");
}

.main-content .user-page .content-jobfair .list .lapsed .right a.btn {
    background-color: #999;
    border-color: #999;
}

.main-content .user-page .content-jobfair .pagination {
    background-color: #fff;
}

.main-content .user-page .content-jobfair .panel-style .panel-body .list li {
    border-bottom: 1px dashed #ddd;
}

.breadcrumb {
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}

.breadcrumb label {
    display: inline;
}

.breadcrumb ol {
    display: inline;
    padding: 0 10px;
}

.breadcrumb ol li {
    display: inline;
}

.breadcrumb ol li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

.breadcrumb ol .active {
    color: #633869;
}

.breadcrumb ol .active a {
    color: #633869;
}

.table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px 0;
}

.table thead th {
    padding: 8px;
    border-top: 0 none;
    vertical-align: bottom;
    white-space: nowrap;
}

.table tbody tr td {
    padding: 8px;
    vertical-align: middle;
    text-align: center;
}

.table-border {
    border: 1px solid #ddd;
}

.table-border thead tr th {
    border-bottom-width: 2px;
    border: 1px solid #ddd;
}

.table-border tbody tr td {
    padding: 8px;
    vertical-align: middle;
    border: 1px solid #ddd;
}

.subnav {
    margin: 10px 0;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
}

.subnav li {
    height: 38px;
    line-height: 38px;
    padding: 0 20px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top: 2px solid #fff;
    float: left;
}

.subnav li a {
    color: #555;
}

.subnav li a:hover {
    color: #222;
}

.subnav li:hover {
    background-color: #fff;
    height: 38px;
    line-height: 38px;
    border-top: 2px solid #633869;
    border-bottom: none;
}

.subnav .current {
    background-color: #fff;
    height: 38px;
    line-height: 38px;
    border-top: 2px solid #633869;
    border-bottom: none;
}

.subnav .current a {
    color: #333;
}

.pagination {
    padding: 20px 0;
    height: 30px;
    line-height: 30px;
    text-align: center;
    *zoom: 1;
}

.pagination:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.pagination .page {
    display: inline;
    height: 24px;
    margin-top: 2px;
    padding-top: 5px;
}

.pagination .page li {
    display: inline;
}

.pagination .page li a {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #333;
    padding: 4px 12px;
}

.pagination .page li a:hover {
    border-color: #633869;
    background-color: #633869;
    color: #fff;
}

.pagination .page .current a {
    border-color: #633869;
    background-color: #633869;
    color: #fff;
}

.fade {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 1000;
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.msgbox {
    width: 400px;
    background-color: #fff;
    display: none;
}

.msgbox .caption {
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
}

.msgbox .caption .close {
    color: #fff;
    float: right;
}

.msgbox .content {
    padding: 15px;
    overflow-y: auto;
    overflow-x: hidden;
}

.msgbox .content .img {
    width: 200px;
    height: 100px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}

.msgbox .content input {
    width: 300px;
    height: 30px;
    margin: 15px auto 15px;
    display: block;
    line-height: 30px;
    padding: 0 15px;
    border: 1px solid #ddd;
}

.msgbox .content input:focus {
    border-color: #633869;
}

.msgbox .content .btn {
    width: 310px;
    margin: 15px auto 15px;
}

.alert-xs {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -233px 0 0 -215px;
    width: 400px;
    z-index: 1001;
}

.alert-xs .caption {
    background-color: #633869;
    color: #fff;
    cursor: move;
}

.alert-xs .content {
    width: 368px;
    max-height: 398px;
    background-color: #fff;
    border: 1px solid #633869;
}

.alert-sm {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -333px 0 0 -315px;
    width: 600px;
    z-index: 1001;
}

.alert-sm .caption {
    background-color: #633869;
    color: #fff;
    cursor: move;
}

.alert-sm .content {
    width: 568px;
    max-height: 498px;
    background-color: #fff;
    border: 1px solid #633869;
}

.alert-md {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -433px 0 0 -415px;
    width: 800px;
    z-index: 1001;
}

.alert-md .caption {
    background-color: #633869;
    color: #fff;
    cursor: move;
}

.alert-md .content {
    width: 768px;
    max-height: 598px;
    background-color: #fff;
    border: 1px solid #633869;
}

.content-style {
    padding: 20px;
}

.content-style .title {
    font-weight: bolder;
    font-size: 16px;
    margin-bottom: 15px;
    border: none !important;
}

.content-style .list-fullinline ul li {
    font-size: 14px;
    margin-bottom: 15px;
}

.content-style .list-fullinline label {
    font-weight: bolder;
}

.content-style .caption {
    margin-top: 20px;
    background-color: #eee;
}

.content-style .caption li {
    height: 35px;
    line-height: 35px;
    float: left;
    cursor: pointer;
}

.content-style .caption li a {
    display: block;
    padding: 0 15px;
}

.content-style .caption li:hover {
    background-color: #633869;
}

.content-style .caption li:hover a {
    color: #fff;
}

.content-style .caption .current {
    background-color: #633869;
}

.content-style .caption .current a {
    color: #fff;
}

.content-style .reservation-box table {
    width: 100%;
}

.content-style .reservation-box table thead th {
    padding: 10px 8px;
    vertical-align: middle;
    border: 1px solid #ddd;
    position: relative;
}

.content-style .reservation-box table tbody tr td {
    padding: 10px 8px;
    vertical-align: middle;
    border: 1px solid #ddd;
    position: relative;
}

.content-style .reservation-box table tbody tr td label {
    width: 90px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    text-align: right;
    float: left;
    vertical-align: middle;
}

.content-style .reservation-box table tbody tr td input {
    vertical-align: middle;
    padding: 2px 10px;
    height: 24px;
    line-height: 24px;
    box-shadow: none;
    border: 1px solid #ddd;
    outline: none;
    color: #555;
}

.content-style .reservation-box table tbody tr td input:focus {
    border-color: #633869;
}

.content-style .reservation-box table tbody tr td .select {
    float: left;
}

.content-style .reservation-box table tbody tr td .select select {
    border: 1px solid #ddd;
    line-height: 22px;
    *height: 22px;
    *margin: -2px;
    color: #555;
    padding: 8px 14px;
    font-size: 13px;
    width: 190px;
    *width: 182px;
}

.content-style .reservation-box table tbody tr td .select .chosen-container {
    width: 190px !important;
    *width: 182px !important;
}

.content-style .reservation-box table tbody tr td .select .chosen-container-single .chosen-search input[type="text"] {
    width: 100%;
    padding: 4px 20px 4px 5px;
    height: auto;
    line-height: normal;
    float: none;
}

.content-style .reservation-box table tbody tr td .select .chosen-container-single .chosen-single {
    border-color: #ddd;
    border-radius: 0;
    box-shadow: none;
    height: 30px;
    line-height: 29px;
}

.content-style .reservation-box table tbody tr td .select .chosen-container-single .chosen-single:focus {
    border-color: #633869;
}

.content-style .reservation-box table tbody tr td .select .chosen-container-single .chosen-single div b {
    background-position: 0 5px;
}

.content-style .reservation-box table tbody tr td .select .chosen-container .chosen-drop {
    border-left-color: #633869;
    border-bottom-color: #633869;
    border-right-color: #633869;
    border-radius: 0;
}

.content-style .reservation-box table tbody tr td .select .chosen-container-active .chosen-single {
    border-color: #633869;
}

.content-style .reservation-box table tbody tr td textarea {
    vertical-align: middle;
    padding: 10px;
    box-shadow: none;
    border: 1px solid #ddd;
    outline: none;
    color: #555;
    resize: none;
}

.content-style .reservation-box table tbody tr td textarea:focus {
    border-color: #633869;
}

.content-style .reservation-box .recruit {
    margin-top: 15px;
    width: 800px;
}

.content-style .reservation-box .recruit tbody tr td>input {
    width: 90px;
}

.content-style .reservation-box .recruit tbody tr td .select select {
    border: 1px solid #ddd;
    line-height: 22px;
    *height: 22px;
    *margin: -2px;
    color: #555;
    padding: 8px 14px;
    font-size: 13px;
    width: 89px;
    *width: 81px;
}

.content-style .reservation-box .recruit tbody tr td .select .chosen-container {
    width: 89px !important;
    *width: 81px !important;
}

.dayTip {
    background: none !important;
}

.dayTip a {
    color: #fff;
    background-color: #3476a8;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50px;
}

.dayTip a:hover {
    color: #fff;
}

.dayTip_last {
    background: none !important;
}

.dayTip_last a {
    color: #fff;
    background-color: #96c7ed;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50px;
}

.dayTip_last a:hover {
    color: #fff;
}

.dayTip {
    background: none !important;
}

.dayTip a {
    color: #fff;
    background-color: #633869;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50px;
}

.dayTip a:hover {
    color: #fff;
}

.dayTip_last {
    background: none !important;
}

.dayTip_last a {
    color: #fff;
    background-color: #A574AA;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50px;
}

.dayTip_last a:hover {
    color: #fff;
}

.datePickerLayout {
    width: 280px;
}

.datePickerLayout ul {
    margin-bottom: 20px;
}

.datePickerLayout ul li {
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    width: 280px;
}

.datePickerLayout ul li a {
    font-weight: bold;
    text-decoration: underline;
}

/*头像*/
.view {
    /* width: 700px; */
    background: #FFF;
}

.upload-avatar-mod .bd {
    padding: 30px 40px 66px 20px;
}

.crop-avatar-mod .hd {
    display: none;
}

.crop-avatar-mod .bd {
    padding: 4px 40px 36px 46px;
}

.upload-avatar-mod .default-avatar-box,
.sns-avatar-show .sns-avatar-box {
    height: 161px;
    margin-right: 30px;
    float: left;
    overflow: hidden;
}

.upload-avatar-mod .action-box {
    overflow: hidden;
}

.upload-avatar-mod .avatar-tips {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 58px;
}

.upload-avatar-mod .up-btn-box {
    width: 143px;
    height: 39px;
    *margin-right: 5px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.upload-pic-input {
    width: 40px;
    height: 39px;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 999;
    outline: none;
}

.upload-pic-input:hover {
    outline: none;
}

.upload-pic-box .g9 {
    padding-top: 5px;
}

.sns-avatar-show {
    padding: 0 20px 0 90px;
}

.sns-avatar-show .confirm-pic-btn {
    margin-bottom: 5px;
}

.sns-avatar-show .sns-avatar-box {
    width: 160px;
}

.crop-tips {
    font-size: 14px;
    padding-bottom: 15px;
}

.dj-crop-mod {
    width: 250px;
    margin-right: 60px;
    float: left;
}

.dj-preview-mod {
    margin-left: 310px;
    padding-left: 15px;
    border-left: 1px solid #e5e5e5;
}

.dj-crop-mod .photo-box {
    width: 250px;
    background: #333;
    overflow: hidden;
}

.avatar-preview-m,
.avatar-preview-s {
    margin-bottom: 12px;
    border: 1px solid #ccc;
    overflow: hidden;
    position: relative;
}

.avatar-preview-m {
    width: 80px;
    height: 80px;
}

.avatar-preview-s {
    width: 30px;
    height: 30px;
    margin-top: 30px;
}

.save-avatar-box {
    margin-top: 85px;
}

.upload-pic-btn {
    width: 143px;
    background-position: -406px 0;
}

.save-avatar-btn {
    width: 91px;
    background-position: -198px 0;
}

.confirm-pic-btn {
    width: 144px;
    background-position: -555px 0;
}

.modify-avatar-box .default-avatar-box {
    width: 160px;
    padding-left: 50px;
}

.modify-avatar-box .up-btn-box {
    width: 100px;
    height: 30px;
    _height: 31px;
}

.modify-avatar-box .upload-pic-input {
    height: 30px;
    _height: 31px;
}

.modify-avatar-btn,
.modify-avatar-btn b {
    color: #333;
    font-size: 14px;
    text-align: center;
    height: 30px;
    background: url(../i/resume/bg_reg_btn2.png) no-repeat 0 -143px;
    display: inline-block;
    cursor: pointer;
    margin: 0;
    padding: 0;
    border: 0;
}

.modify-avatar-btn {
    padding-left: 20px;
}

.modify-avatar-btn b {
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    padding: 5px 20px 5px 0;
    background-position: 100% -143px;
}

.font14 {
    font-size: 14px;
}

.dj-newug-mod .table-box {
    padding-bottom: 10px;
}

.dj-newug-mod .practice-box {
    padding-top: 10px;
}

.practice-box .disabled {
    background: #f3f3f3;
    border-width: 1px;
}

.dj-newug-mod .bd {
    padding: 0;
}

.modify-avatar-box {
    width: 100%;
    overflow: hidden;
}

.action-box {
    float: left;
    width: 360px;
    padding-left: 100px;
}

.upload-avatar-mod .default-avatar-box {
    float: right;
    height: auto;
    margin-right: 0;
    padding-right: 55px;
}

.action-box h2 {
    font: normal 16px/44px 'Microsoft YaHei', 'SimHei';
    color: #333;
    text-indent: 8px;
}

.default-avatar-box h3 {
    margin-bottom: 6px;
    color: #999;
}

.upload-pic-box {
    position: relative;
    width: 358px;
    height: 378px;
    background: url(../i/resume/avator-bg1.png) 0 0 no-repeat;
    cursor: pointer;
    overflow: hidden;
}

#J_ImageForm {
    position: relative;
    z-index: 100;
}

.upload-pic-box .g9 {
    position: absolute;
    width: 100%;
    left: 0;
    top: 244px;
    text-align: center;
    z-index: 80;
}

.avator1,
.avatar-preview-x {
    width: 150px;
    height: 150px;
}

.avator2,
.avatar-preview-m {
    width: 80px;
    height: 80px;
}

.avator3,
.avatar-preview-s {
    width: 50px;
    height: 50px;
}

.avator1,
.avator2,
.avator3,
.avatar-preview-x,
.avatar-preview-m,
.avatar-preview-s {
    position: relative;
    overflow: hidden;
    border: #ccc 1px solid;
    margin-bottom: 20px;
}

.default-avatar-box img {
    position: absolute;
    vertical-align: top;
    z-index: 100;
}

.upload-avatar-mod .up-btn-box {
    display: block;
    width: 358px;
    height: 378px;
    overflow: hidden;
}

.modify-avatar-btn {
    width: 358px;
    height: 378px;
}

.upload-pic-input {
    cursor: pointer;
}

#J_UploadPicBtn b {
    position: absolute;
    left: 90px;
    top: 200px;
    display: block;
    background: none;
    width: 176px;
    height: 39px;
    padding: 0;
    text-indent: -9999px;
    background: url(../i/resume/btn-sub.png) 0 0 no-repeat;
    overflow: hidden;
}

.hov {
    background: url(../i/resume/avator-bg2.png) 0 0 no-repeat;
}

.dj-ug-dialog .uploading {
    position: absolute;
    left: 220px;
    top: 210px;
    z-index: 120;
}

#J_UploadPicBtn .avator_loading {
    background: url(../i/resume/btn-sub2.png) 0 0 no-repeat;
}

.dj-preview-mod {
    border: 0 none;
    margin-left: 0;
    padding-left: 0;
}

.dj-crop-mod {
    float: none;
    margin-right: 0;
    width: 354px;
    height: 374px;
    margin: 2px 0 0 2px;
}

.dj-crop-mod .photo-box {
    position: relative;
    width: 338px;
    height: 360px;
    margin: 8px 0 0 7px;
    *margin-top: 6px;
    overflow: hidden;
    background: #fff;
    border: #d7dee3 1px solid;
    background: #e5e5e5;
}

.save-avatar-box {
    margin-top: 20px;
}

#avator-substatus {
    text-align: center;
}

#avator-substatus a {
    text-align: left;
    text-indent: 26px;
    letter-spacing: 4px;
    color: #333;
    font-size: 14px;
}

#avator-substatus a:hover {
    text-decoration: none;
}

.save-avatar-btn {
    display: inline-block;
    width: 85px;
    height: 30px;
    line-height: 30px;
    background: url(../i/resume/save-btn.png) 0 0 no-repeat;
    margin-right: 10px;
}

.cancel-avatar-btn {
    display: inline-block;
    width: 85px;
    height: 30px;
    line-height: 30px;
    background: url(../i/resume/save-btn.png) -86px 0 no-repeat;
}

#avator-savestatus {
    display: none;
}

.avator-saving {
    display: block;
    width: 115px;
    height: 30px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 30px;
    text-align: left;
    text-indent: 20px;
    color: #999;
    background: url(../i/resume/save-btn.png) -172px 0 no-repeat;
    border: 0 none;
}

.avator-saving img {
    margin-left: 4px;
    vertical-align: -3px;
}

.avator-pre-loading {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    background: #f0f0f0;
}

.aplx {
    width: 150px;
    height: 150px;
}

.aplm {
    width: 80px;
    height: 80px;
}

.apls {
    width: 50px;
    height: 50px;
}

.aplx img {
    position: absolute;
    top: 50px;
    left: 50px;
}

.aplm img {
    position: absolute;
    top: 28px;
    left: 28px;
}

.apls img {
    position: absolute;
    top: 17px;
    left: 17px;
}

#avator-substatus-unfn {
    padding-left: 24px;
    text-align: center;
}

#avator-substatus-unfn a {
    color: #999;
}

#avator-substatus-unfn a:hover {
    text-decoration: none;
}

.cancel-avatar-btn {
    margin-left: 10px;
}

.modify-avatar-btn,
.card-set-btn .modify-avatar-btn b {
    background: none;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    text-align: center;
    width: auto;
}

.card-set-btn .modify-avatar-btn b {
    background-position: 100% -143px;
}

.action-box {
    padding: 25px 0 0 40px;
}

.default-avatar-box {
    padding-top: 25px;
}

.uploadimg-v2 {
    padding: 0 0 70px;
}

/*头像  end*/
/*简历编辑*/
.resume {
    padding: 0;
    padding-bottom: 15px;
}

.r-update {
    margin-top: 15px;
    text-align: right;
    color: #aaaaaa;
    height: 36px;
    line-height: 36px;
}

.r-update span {
    color: #666666;
}

.r-title {
    font-family: verdana;
    font-size: 14px;
    padding: 0 15px;
    color: #333;
    font-weight: bold;
    background: #edf6fb;
    height: 43px;
    line-height: 43px;
}

.r-title a {
    font-size: 12px;
    margin-top: 6px;
    font-weight: normal;
    text-align: center;
    color: #FFF;
    float: right;
    margin-left: 10px;
    width: 49px;
    height: 30px;
    line-height: 30px;
    background: url(../i/resume/sprint.gif) -332px -38px;
}

.r-title a:hover {
    text-decoration: none;
}

.usr-info {
    padding-top: 15px;
}

.usr-info dt {
    float: left;
    width: 515px;
    height: 210px;
}

.usr-info dd {
    float: left;
    width: 116px;
    height: 210px;
}

.usr-avatar {
    height: 160px;
}

.usr-avatar a {
    position: relative;
    display: block;
    height: 114px;
    width: 114px;
    border: 1px solid #e3e3e3;
}

.usr-avatar img {
    width: 114px;
    height: 114px;
}

.usr-avatar span {
    filter: alpha(opacity=70);
    /* IE */
    -moz-opacity: 0.7;
    /* Moz + FF */
    opacity: 0.7;
    color: #fff;
    bottom: 1px;
    left: 1px;
    padding-left: 43px;
    position: absolute;
    display: block;
    width: 69px;
    height: 21px;
    line-height: 21px;
    background: url(../i/resume/sprint.gif) -332px -79px;
}

.usr-info li {
    height: 30px;
    line-height: 30px;
    color: #666;
}

.usr-info li span {
    float: left;
    width: 120px;
    text-align: right;
    color: #aaa;
}

.isPreview {
    height: 20px;
    line-height: 20px;
    padding-left: 10px;
}

.isPreview input {
    vertical-align: middle;
    line-height: 20px;
    height: 20px;
}

.r1 {
    height: 285px;
}

.r-form table {
    width: 650px;
    font-family: verdana;
}

.r-form .label {
    text-align: right;
}

.aster {
    color: #F00;
}

.r-form input.text {
    width: 220px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    padding: 2px 2px;
    height: 18px;
}

.r-form td {
    padding: 4px 4px;
}

.r-form td textarea {
    width: 380px;
    height: 90px;
    overflow-y: auto;
}

.rbk {
    padding-bottom: 50px;
}

.rbk ul,
.rbk ol {
    border-bottom: 1px solid #eee;
    height: 33px;
    line-height: 33px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rbk ul {
    color: #aaa;
}

.rbk li {
    height: 33px;
    line-height: 33px;
    float: left;
    overflow: hidden;
}

.rbk .wA {
    width: 160px;
    padding-left: 60px;
}

.rbk .wB {
    width: 150px;
}

.rbk .wC {
    width: 80px;
}

.rbk .wD {
    width: 90px;
}

.rbk .wE {
    width: 120px;
}

.rbk .wF {
    width: 100px;
    padding-left: 60px;
}

.rbk .wG {
    width: 320px;
}

.rbk .wH {
    width: 380px;
    padding-left: 60px;
}

.rbk .wI {
    width: 130px;
}

.rbk .hA {
    height: auto;
}

/*.rbk .hA li{ height:auto; line-height:20px;}*/
.rbk .modify a {
    color: #009bd8;
}

.rbk .modify {
    float: right;
    padding-right: 10px;
    display: none;
}

.rbk .hover .modify {
    display: block;
}

.rbk ul {
    margin-top: 20px;
}

.rbk ol.hover {
    background: #fffad6;
}

.rbk .edit {
    padding: 10px 0 10px 20px;
    background: url(../i/resume/sprint.gif) -480px -135px no-repeat;
}

.rbk .del {
    padding: 10px 10px 10px 20px;
    background: url(../i/resume/sprint.gif) -480px -165px no-repeat;
}

.rbk dl {
    height: 50px;
    padding-left: 30px;
    padding-top: 20px;
}

.rbk dt {
    width: 48px;
    height: 48px;
    background: url(../i/resume/sprint.gif) 0 -246px;
    float: left;
}

.rbk dd {
    color: #333;
    width: 530px;
    height: 50px;
    padding-left: 20px;
    float: left;
    padding-top: 5px;
}

.rbk dd p {
    line-height: 21px;
}

.rbk dd p a {
    color: #009bd8;
}

.rsd {
    width: 200px;
    padding: 30px 30px 0 0;
}

.rsd .preview {
    margin: 0 auto;
    margin-bottom: 10px;
    width: 200px;
    height: 52px;
    display: block;
    text-indent: -9999px;
    background: url(../i/resume/sprint.gif) 0 -306px;
}

.rsd .save {
    margin: 0 auto;
    width: 200px;
    height: 52px;
    display: block;
    text-indent: -9999px;
    background: url(../i/resume/sprint.gif) 0 -358px;
}

.limit {
    width: 200px;
    height: 12px;
    background: url(../i/resume/sprint.gif) -61px -276px;
}

.limit span {
    display: block;
    width: 200px;
    height: 21px;
    background: url(../i/resume/sprint.gif) -61px -252px;
}

.rsd .percent {
    padding-top: 30px;
    font-size: 14px;
    font-weight: bold;
}

.rsd .percent .title {
    height: 35px;
    line-height: 35px;
    color: #666;
}

.rsd .percent .title span {
    float: right;
    color: #8eb346;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
}

.rsd .ritem {
    padding-top: 40px;
}

.rsd .ritem li {
    height: 30px;
}

.rsd .ritem li a {
    padding-left: 5px;
    display: block;
    height: 29px;
    line-height: 29px;
    border-bottom: 1px dashed #d9d9d9;
    overflow: hidden;
    white-space: norwap;
    text-overflow: ellipsis;
}

.rsd .ritem li a:hover {
    display: block;
    height: 29px;
    line-height: 29px;
    border-bottom: 1px solid #d9d9d9;
    background: #EEFDCF;
}

.rsd .ritem li .ok {
    float: right;
    background: url(../i/resume/sprint.gif) no-repeat -485px -260px;
    width: 11px;
    height: 8px;
    text-indent: -9999px;
    display: block;
    margin: 10px 5px 0 0;
}

.rsd .ritem li .hide {
    float: right;
    background: url(../i/resume/sprint.gif) no-repeat -485px -288px;
    width: 13px;
    height: 13px;
    text-indent: -9999px;
    display: block;
    margin: 10px 5px 0 0;
}

.rsd .ritem li span {
    float: right;
    color: #aaa;
}

.flag {
    padding: 20px 0;
    text-align: center;
}

.flag .ok {
    background: url(../i/resume/sprint.gif) no-repeat -485px -256px;
    margin: 10px 5px 0 0;
    padding: 0 10px 0 15px;
}

.flag .hide {
    background: url(../i/resume/sprint.gif) no-repeat -485px -285px;
    margin: 10px 5px 0 0;
    padding: 0 10px 0 15px;
}

.s-1 .title {
    background: url(../i/resume/sprint.gif) -470px -210px no-repeat;
    padding-left: 45px;
    margin-top: 40px;
    height: 28px;
    padding-bottom: 5px;
    line-height: 28px;
}

.s-1 .b {
    font-size: 10.5pt;
    font-weight: bold;
    border: none;
}

.s-1 .g6 {
    color: #666;
}

.options {
    border: 1px solid #EBEBEB;
    padding: 20px 15px 10px 5px;
}

.options li {
    background: url(../i/resume/sprint.gif) no-repeat -306px -146px;
    float: left;
    height: 23px;
    line-height: 23px;
    padding-left: 10px;
    margin-left: 15px;
    margin-bottom: 15px;
    display: inline;
    cursor: pointer;
    white-space: nowrap;
    _width: 50px;
}

.options li a {
    background: url(../i/resume/sprint.gif) no-repeat -412px -146px;
    display: inline-block;
    width: 44px;
    text-align: center;
    margin-left: 10px;
    color: #666;
}

.options .hide {
    display: none;
}

.options li.hover {
    background: url(../i/resume/sprint.gif) no-repeat -306px -123px;
}

.options li.hover a {
    color: #fff;
    text-decoration: none;
    background: url(../i/resume/sprint.gif) no-repeat -412px -123px;
}

.rhd {
    height: 70px;
}

.rp {
    width: 750px;
    margin: 0 auto;
}

.rp-l {
    margin-top: 23px;
    padding: 0 9px;
    position: relative;
    background: url(../i/resume/rp.gif) repeat-y;
}

/*简历排序*/
#sortable {
    padding: 20px 50px 50px 50px;
}

#sortable li {
    margin: 5px 0;
    cursor: move;
    padding: 0 30px;
    background: url(../i/resume/sprint.gif) no-repeat -475px -319px #f8f8f8;
    height: 30px;
    line-height: 30px;
    border: 1px solid #d3d3d3;
}

#sortable li span {
    float: right;
}

.rb {
    padding: 50px 30px;
}

.rb dd {
    margin-left: -30px;
}

.rb dt {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.r-base {
    height: 120px;
}

.r-base dt h1 {
    font-size: 24px;
}

.r-base dt {
    float: left;
    width: 560px;
    height: 120px;
}

.rb dl {
    padding: 20px 0;
    border-bottom: 1px solid #e6e6e6;
}

.rb li {
    font-size: 12px;
    font-weight: normal;
    /* height:25px; */
    line-height: 25px;
}

.r-base dd {
    float: left;
    width: 120px;
    height: 120px;
}

.rb dd ul {
    padding-left: 30px;
    padding-top: 10px;
}

.rb .tit {
    font-size: 14px;
    font-weight: bold;
    color: #86b5d7;
}

.rb .half li {
    width: 310px;
    float: left;
}

.xq {
    padding: 10px 10px 10px 90px;
    line-height: 22px;
}

.xq span,
.r_content span {
    float: left;
    margin-left: -60px;
}

.r_content {
    /*padding-left:90px; margin-left:-30px;*/
    height: auto !important;
}

.r_attachment li {
    width: 320px;
    float: left;
}

.r_attachment li a {
    color: #86b5d7;
}

.r_bottom {
    border-bottom: 1px dashed #E6E6E6;
}

.s-title {
    font-size: 14px;
    font-weight: bold;
    padding: 50px 50px 10px 50px;
    height: 30px;
    line-height: 30px;
}

.s-title .submit,
.rp .sortable,
.s-title .setDefault {
    text-align: center;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    float: right;
    width: 87px;
    height: 30px;
    line-height: 30px;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    background: url(../i/resume/sprint.gif) -306px -182px no-repeat;
}

.s-title .setDefault {
    margin-right: 10px;
    background: url(../i/resume/sprint.gif) 0 -38px;
    width: 106px;
    color: #000;
}

.rp .sortable {
    margin-top: 33px;
}

.rp .print {
    color: #666;
    margin-left: 10px;
    display: inline;
    margin-top: 33px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    float: right;
    display: block;
    background: url(../i/resume/sprint.gif) -393px -182px no-repeat;
}

.rp a:hover {
    text-decoration: none;
}

i {
    font-style: normal;
}

.z {
    float: left;
}

.y {
    float: right;
}

/*简历 end*/
div.indexmaindiv {
    height: 270px;
    margin: 0px auto;
}

div.indexmaindiv1 {
    position: relative;
}

div.indexmaindiv1 div.stylesgoleft {
    float: left;
    width: 19px;
    height: 34px;
    background: url('../i/download-1.png') no-repeat left top;
    margin: 106px 5px 0px 0;
    cursor: pointer;
    position: absolute;
    left: -50px;
}

div.indexmaindiv1 div.playerdetail {
    width: 172px;
    height: 270px;
    background: #FFF;
    font-family: '微软雅黑';
}

div.indexmaindiv1 div.playerdetail div.detailimg {
    width: 172px;
    height: 124px;
}

div.indexmaindiv1 div.playerdetail div.detailimg img {
    width: 172px;
    height: 115px;
}

div.indexmaindiv1 div.playerdetail div.teanames {
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
    color: #404040;
}

div.indexmaindiv1 div.playerdetail div.teadetail {
    width: 156px;
    height: 27px;
    margin: 5px 8px;
    color: #666;
}

div.indexmaindiv1 div.stylesgoright {
    float: left;
    width: 19px;
    height: 34px;
    background: url('../i/download-2.png') no-repeat;
    margin: 106px 0 0 50px;
    cursor: pointer;
    position: absolute;
    right: -50px;
}

/*滚动*/
div.maindiv1 {
    float: left;
    margin: 0 auto;
    width: 1195px;
    margin-left: -7px;
    height: 270px;
    overflow: hidden;
    position: relative;
}

div.maindiv1 ul {
    position: absolute;
    left: 0;
    top: 0;
}

/*弹框*/
/* .item { border: 1px solid #ddd; background: #FFF; margin-bottom: 10px; } */
.loginItem {
    height: 198px;
}

.it {
    height: 29px;
    line-height: 29px;
    background: #f4f4f4;
    border-bottom: 1px solid #ddd;
}

.it li {
    position: relative;
    height: 29px;
    line-height: 29px;
    width: 78px;
    float: left;
}

.it a {
    position: absolute;
    left: 0;
    top: 0;
    width: 78px;
    border-right: 1px solid #ddd;
    display: block;
    text-align: center;
    height: 29px;
    line-height: 29px;
}

.it b {
    padding-left: 10px;
}

.it .curr {
    /**/
    border-bottom: 1px solid #fff;
    font-weight: bold;
    background: #ffffff;
    height: 27px;
    line-height: 27px;
}

.ic {
    padding: 0px 15px 0 15px;
    height: 130px;
}

.user {
    padding-top: 15px;
    height: 115px;
}

.user span {
    color: #f67f00;
}

.user .u1 {
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid #e0e0e0;
}

.user .u2 .msg {
    background: url(../i/msg.gif) no-repeat 0 center;
    padding-left: 20px;
    height: 32px;
    line-height: 32px;
}

.user .u3 a {
    color: #3278ab;
    margin-right: 5px;
}

.hint {
    color: #aaaaaa;
}

.ic .username {
    margin-bottom: 7px;
}

.ipt {
    position: relative;
}

.ipt input {
    width: 229px;
    border: 1px solid #afaeb3;
    line-height: 12px;
    margin: 0;
    padding: 0;
    padding-left: 5px;
    padding-top: 7px;
    padding-bottom: 8px;
}

.loginPanel {
    position: relative;
    margin-top: 14px;
}

.loginPanel label {
    color: #afaeb3;
}

.loginPanel a {
    position: absolute;
    width: 80px;
    float: right;
    height: 16px;
    right: 0;
    top: 3px;
    color: #7a797f;
}

.loginPanel input {
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.loginPanel .ckbox {
    position: absolute;
    left: 75px;
    top: 3px;
    width: 75px;
    height: 16px;
}

.loginBtn {
    position: absolute;
    left: 0;
    width: 57px;
    height: 27px;
    margin: 0;
    padding: 0;
    border: 0;
    color: #fff;
    cursor: pointer;
}

.mobile {
    height: 38px;
    line-height: 38px;
    background: url(../i/mobile.png);
}

.mobile div {
    text-align: center;
}

.mobile a {
    text-align: center;
    color: #0f7ce2;
}

.mobile .android {
    margin-left: 55px;
    margin-top: 8px;
    display: inline;
    float: left;
    width: 64px;
    height: 20px;
    background: url(../i/android.png);
}

.mobile .ios {
    margin-left: 22px;
    margin-top: 8px;
    display: block;
    float: left;
    width: 60px;
    height: 18px;
    background: url(../i/ios.png);
}

.tabs {
    background: #FFF;
}

/*style/common-begin*/
.mini-menu {
    float: right;
    width: 290px;
    height: 34px;
    line-height: 34px;
}

.mini-menu {
    text-align: right;
    color: #fff;
    float: right;
    width: 260px;
    height: 34px;
    line-height: 34px;
}

.mini-menu .mitem {
    float: right;
    color: #fff;
    display: inline;
    margin: 0 10px;
    height: 34px;
    line-height: 34px;
}

.mspace {
    float: right;
}

.mini-menu a {
    color: #fff;
}

.mini-menu .mobile {
    background: url(../i/sprint.gif) -488px -388px no-repeat;
    padding-left: 15px;
}

.mini-menu .submenu {
    position: absolute;
    z-index: 1500;
    top: 37px;
    width: 130px;
    padding: 6px;
}

.mini-menu .submenu ul {
    background: #fff;
    height: 210px;
    border: 1px solid #cdcdcd;
    -webkit-box-shadow: 0 0 8px #cdcdcd;
    -moz-box-shadow: 0 0 8px #cdcdcd;
    box-shadow: 0 0 8px #cdcdcd;
    padding: 6px 0;
}

.mini-menu .submenu li {
    height: 35px;
    line-height: 35px;
}

.mini-menu .submenu li a {
    padding: 0 10px;
    color: #585858;
    text-align: left;
    display: block;
    height: 34px;
    line-height: 34px;
    border-bottom: 1px dashed #dcdddd;
}

.mini-menu .submenu li a:hover {
    background: #efefef;
    text-decoration: none;
}

.mini-menu .submenu i {
    text-decoration: none;
    float: right;
    padding-right: 10px;
    color: #f00;
}

.mini-menu .notice {
    cursor: pointer;
    background: url(../i/sprint.gif) -482px -442px no-repeat;
    padding: 3px 15px;
    position: relative;
}

.mini-menu .notice .submenu {
    left: -27px;
}

.ui_sup {
    position: absolute;
    top: 0px;
    left: 13px;
    cursor: pointer;
    z-index: 210;
    background-color: #FE6600;
    color: #FFF;
    padding: 1px 0;
    font-style: normal;
    font-family: Tahoma;
    font-size: 12px;
    line-height: 12px;
    height: 13px;
    display: inline-block;
}

.ui_sup b {
    height: 11px;
    background-color: #FE6600;
    margin: 0 -1px;
    display: inline-block;
    height: 13px;
    padding: 0 3px;
    _position: relative;
    left: -1px;
    white-space: nowrap;
}

.username {
    cursor: pointer;
    position: relative;
    display: inline;
    padding: 0px 15px 3px 0;
    background: url(../i/sprint.gif) right -482px no-repeat;
}

.username a {
    color: #fff;
    padding-left: 10px;
}

.username .submenu {
    right: -17px;
    width: 80px;
}

.username span {
    margin-left: 3px;
    border-color: #fff transparent transparent;
    border-style: solid dashed dashed;
    border-width: 4px 4px 0;
    font-size: 0;
    height: 0;
    width: 0;
    line-height: 0;
}

.password {
    margin-top: -1px;
}

.password .placeholder {
    padding-top: 6px;
}

.mlogin {
    float: right;
    padding: 0 10px;
}

.showPlaceholder .placeholder {
    visibility: visible;
    cursor: text;
}

.placeholder {
    color: #92a4bf;
    font-size: 12px;
    text-indent: 10px;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    background: none;
}

.pages {
    padding: 10px 5px 10px 0;
    text-align: center;
    background-color: #fff;
}

.pages ul li a {
    border-radius: 5px;
    height: 27px;
    line-height: 27px;
    padding: 0px 12px;
    background-image: none;
}

.pages ul li a:hover {
    background-color: #249BD3;
    color: #fff;
    border-color: #249BD3;
}

.pages ul .selected a {
    background-color: #249BD3;
    color: #fff;
    border-color: #249BD3;
}

.recruit-container .btn-orange {
    background-color: #f26222;
    border: 1px solid #f26222;
    color: #fff;
}

.recruit-container .viewHead {
    padding: 15px 25px 0px 25px;
}

.recruit-container .viewHead .info {
    margin-bottom: 0;
    height: 35px;
}

.recruit-container .viewHead .info dt {
    font-size: 22px;
    color: #333;
}

.recruit-container a {
    cursor: pointer;
}

.recruit-container .text-blue {
    color: #37B6FB !important;
}

.recruit-container .btn {
    padding: 5px 12px;
    width: auto;
}

.recruit-container .fl {
    float: left;
}

.recruit-container .fr {
    float: right;
}

.recruit-container .ms-room {
    float: right;
    width: 200px;
    text-align: right;
    margin-bottom:5px;
}

.recruit-container .ms-room img {
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
}

.recruit-container .ms-room span {
    height: 20px;
    vertical-align: middle;
    font-size: 16px;
}

.recruit-container .ms-room .btn {
    color: #fff;
    float: none;
    line-height: 20px;
    text-align: right;
    padding: 8px 30px;
}

.recruit-container .send-btn {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 15px;
    border: 1px solid #B1ECFE;
    background-color: #E5F6FE;
    min-width: 65px;
    padding: 2px;
}

.recruit-container .recruit-conlist ul li {
    width: 33.333%;
    float: left;
}

.recruit-container .recruit-conlist ul li .list-container {
    border: 1px solid #ddd;
    padding: 10px;
    margin: 10px;
    height: 440px;
    position: relative;
}

.recruit-container .recruit-conlist ul li .list-container img {
    width: 100%;
    height: 165px;
    vertical-align: middle;
}

.recruit-container .recruit-conlist ul li .list-container .title-state {
    height: 30px;
    line-height: 30px;
    color: #fff;
    padding: 0 10px;
    margin-bottom: 0;
}

.recruit-container .recruit-conlist ul li .list-container .start-color {
    background-color: #5CB48A;
}

.recruit-container .recruit-conlist ul li .list-container .end-color {
    background-color: #5C5C5C;
}

.recruit-container .recruit-conlist ul li .recurit-info {
    padding-top: 5px;
}

.recruit-container .recruit-conlist ul li .recurit-info .recurit-top {
    padding: 5px 15px 10px 15px;
    border-bottom: 1px solid #ddd;
    height: 85px;
}

.recruit-container .recruit-conlist ul li .recurit-info .recurit-top .title {
    font-size: 17px;
    text-align: center;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 100%;
}

.recruit-container .recruit-conlist ul li .recurit-info .recurit-top p {
    color: #333;
    padding: 10px 0;
    width: 50%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recruit-container .recruit-conlist ul li .recurit-info .recurit-top p img {
    width: 25px;
    height: 23px;
    margin: 0 10px;
    vertical-align: middle;
}

.recruit-container .recruit-conlist ul li .recurit-info .recurit-top p span {
    vertical-align: middle;
}

.recruit-container .recruit-conlist ul li .recurit-info .recurit-bottom {
    padding: 15px 10px 10px 10px;
}

.recruit-container .recruit-conlist ul li .recurit-info .recurit-bottom p {
    color: #696969;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recruit-container .recruit-conlist ul li .list-btn {
    text-align: center;
    margin-bottom: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 18px;
}

.recruit-container .recruit-conlist ul li .list-btn a {
    margin: 0 10px;
    border-radius: 0;
}

.recruit-container .recruit-conlist ul li .list-btn .sign-btn {
    background: #32A16E;
    color: #fff;
    border: 1px solid #32A16E;
}

.recruit-container .recruit-conlist ul li .list-btn .disabled-btn {
    background-color: #666666;
    border: 1px solid #666666;
    color: #fff;
}

.recruit-container .recruit-conlist ul li .list-btn .into-btn {
    border: 1px solid #32A16E;
    color: #32A16E;
}

.recruit-container .recruit-condetail {
    background: #f8f8f8;
}

.recruit-container .recruit-condetail .banner {
    min-width: auto;
    width: 100%;
    height: auto !important;
}

.recruit-container .recruit-condetail .banner img {
    width: 100%;
    height: auto ;
}

.recruit-container .recruit-condetail h5 {
    background-color: #F3F3F3;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    color: #333;
}

.recruit-container .recruit-condetail .reruit-nav {
    background-color: #fff;
    padding: 20px;
}

.recruit-container .recruit-condetail .reruit-nav .reruit-box {
    background-color: #E2F3FB;
    width: 750px;
    border-radius: 30px;
    color: #333;
    text-align: center;
    font-size: 18px;
    margin: 0 auto;
}

.recruit-container .recruit-condetail .reruit-nav p {
    display: inline-block;
    margin-bottom: 0;
    height: 55px;
    line-height: 55px;
    padding: 0 10px;
}

.recruit-container .recruit-condetail .reruit-nav p span {
    vertical-align: middle;
    font-weight: bold;
    font-size: 16px;
}

.recruit-container .recruit-condetail .reruit-nav p i {
    vertical-align: sub;
    margin: 0 5px;
}

.recruit-container .recruit-condetail .reruit-nav p img {
    width: 25px;
    height: 23px;
    vertical-align: middle;
}

.recruit-container .recruit-condetail .reruit-nav p i {
    font-size: 24px;
}

.recruit-container .recruit-condetail .recruit-detail {
    padding: 0 20px;
    background-color: #fff;
    margin-bottom: 15px;
}

.recruit-container .recruit-condetail .recruit-detail img{
    max-width: 100%;
}

.recruit-container .recruit-condetail .recruit-detail h4 {
    font-size: 18px;
    padding: 10px 0;
    color: #333;
}

.recruit-container .recruit-condetail .recruit-detail .wlo-line {
    width: 100%;
}

.recruit-container .recruit-condetail .recruit-detail ul {
    padding: 10px 0;
}

.recruit-container .recruit-condetail .recruit-detail ul li {
    width: 49%;
    float: left;
    padding: 5px 0;
    color: #333;
}

.recruit-container .recruit-condetail .recruit-detail .redetail-btn {
    margin-bottom: 20px;
}

.recruit-container .recruit-condetail .recruit-detail .redetail-btn a {
    margin-right: 5px;
}

.recruit-container .recruit-condetail .recruit-detail .info {
    overflow: hidden;
    padding: 10px;
}

.recruit-container .recruit-condetail .recruit-detail .info p {
    line-height: 22px;
}

.recruit-container .recruit-condetail .recruit-detail .info p span {
    /* font-family: inherit !important; */
}

.recruit-container .recruit-condetail .recruit-detail .more-btn {
    color: #f26222;
    font-size: 16px;
    text-align: center;
    padding: 5px 0 10px 0;
    cursor: pointer;
}

.recruit-container .recruit-condetail .recruit-detail .Retract-btn {
    color: #f26222;
    font-size: 18px;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    display: none;
}

.recruit-container .recruit-condetail .recruit-detail .Retract-btn img {
    width: 20px;
    vertical-align: middle;
}

.recruit-container .recruit-condetail .recruit-detail .more-btn img {
    width: 20px;
    vertical-align: middle;
}

.recruit-container .recruit-condetail .recruit-list {
    padding: 10px 15px;
    background-color: #fff;
}

.recruit-container .recruit-condetail .recruit-list .searchbox {
    padding: 5px 12px;
}
.recruit-container .recruit-condetail .recruit-list #search_form::before {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    zoom: 1;
}

.recruit-container .recruit-condetail .recruit-list .searchbox h4 {
    font-size: 18px;
    color: #333;
    float: left;
}

.recruit-container .recruit-condetail .recruit-list .searchbox input {
    width: 258px;
    height: 36px;
    padding: 0 10px;
    line-height: 36px;
    float: right;
    border: 1px solid #ddd;
    margin-left:5px;
    border-right: none;
}

.recruit-container .recruit-condetail .recruit-list .searchbox button {
    padding: 8px 30px;
    background-color: #f26222 !important;
    border: 1px solid #f26222 !important;
    color: #fff;
    cursor: pointer;
    border-radius: 0;
}


.recruit-container .recruit-condetail .recruit-list .searchbox .select-box {
    float: right;
   width:80%;
}

.recruit-container .recruit-condetail .recruit-list .searchbox h4 {
    margin-top: 6px;
}

.recruit-container .recruit-condetail .recruit-list .searchbox .select-box .schBox {
    border: none;
    margin: 0;
    padding: 0;
    min-height: 36px;
}

.recruit-container .recruit-condetail .recruit-list .searchbox .select-box .schBox .schItem {
    height: 36px;
    width: 135px;
    float: right;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    margin:0 0 5px 5px;
    border:1px solid #ddd;
}

.recruit-container .recruit-condetail .recruit-list .searchbox .select-box .schBox .schItem .schIpt {
    height: 36px;
    width: 122px;
    border:none;

}

.recruit-container .recruit-condetail .recruit-list .searchbox .select-box .schBox .schItem .schIpt i {
    height: 36px;
    line-height: 36px;
}

.recruit-container .recruit-condetail .recruit-list .list-content li {
    width: 25%;
    float: left;
}

.recruit-container .recruit-condetail .recruit-list .list-content li .thumbnail {
    position: relative;
    margin: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding-bottom: 20px;
    height: 289px;
}

.recruit-container .recruit-condetail .recruit-list .list-content li .thumbnail .heading {
    border-bottom: 1px solid #ddd;
    margin: 8px 10px 5px 10px;
    position: relative;
}

.recruit-container .recruit-condetail .recruit-list .list-content li .thumbnail .heading img {
    width: 50px;
    height: 50px;
    vertical-align: middle;
    position: absolute;
    left: 0;
}

.recruit-container .recruit-condetail .recruit-list .list-content li .thumbnail .heading .head-left {
    padding-left: 60px;
    min-height: 60px;
}

.recruit-container .recruit-condetail .recruit-list .list-content li .thumbnail .heading .head-left p {
    display: block;
    font-size: 16px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: clip;
    overflow: visible;
    line-height: 22px;
    white-space: normal;
  overflow: hidden;
}

.recruit-container .recruit-condetail .recruit-list .list-content li .thumbnail .heading .head-left .tips {
    width: 50px;
    padding: 2px;
    border: 1px solid #bf1b1a;
    color: #bf1b1a;
    border-radius: 3px;
    font-size: 12px !important;
    margin-top: 5px;
    text-align: center;
    height: auto;
    line-height: unset;
}

.recruit-container .recruit-condetail .recruit-list .list-content li .thumbnail .Joblist {
    padding: 10px 15px 10px 25px;
    color: #333;
}

.recruit-container .recruit-condetail .recruit-list .list-content li .thumbnail .Joblist .line {
    position: relative;
    margin-bottom: 15px;
}

.recruit-container .recruit-condetail .recruit-list .list-content li .thumbnail .Joblist .line p {
    font-size: 13px;
}

.recruit-container .recruit-condetail .recruit-list .list-content li .thumbnail .Joblist .line h4 {
    font-size: 14px;
    color: #333;
    margin-bottom: 5px;
    padding-right: 90px;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.recruit-container .recruit-condetail .recruit-list .list-content li .thumbnail .Joblist .line:before {
    content: "";
    position: absolute;
    left: -15px;
    top: 4px;
    background-color: #B1E06A;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.recruit-container .recruit-condetail .recruit-list .list-content li .thumbnail .view-more {
    position: absolute;
    right: 10px;
    bottom: 15px;
    color: #37B6FB;
    font-size: 14px;
}

.recruit-container .recruit-condetail .jobfair-content {
    color: #333;
    padding: 25px;
    background-color: #fff;
}

.recruit-container .recruit-condetail .jobfair-content h5 {
    margin-bottom: 15px;
}

.recruit-container .recruit-condetail .jobfair-content table thead {
    background-color: #f6f8fa;

}

.recruit-container .recruit-condetail .jobfair-content table thead tr th {
    text-align: center;
}

.recruit-container .recruit-condetail .jobfair-content ul {
    padding: 0 18px;
}

.recruit-container .recruit-condetail .jobfair-content ul li {
    border-bottom: 1px dashed #ddd;
    padding-top: 15px;
    position: relative;
}

.recruit-container .recruit-condetail .jobfair-content ul li .list-left a {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
    display: inline-block;
}

.recruit-container .recruit-condetail .jobfair-content ul li .list-left p {
    margin-bottom: 10px;
}

.recruit-container .recruit-condetail .jobfair-content ul li .list-right {
    text-align: center;
}

.recruit-container .recruit-condetail .jobfair-content ul li .list-right a {
    position: static;
    margin: 3px 5px 25px 0;
}

.recruit-container .recruit-condetail .jobfair-content ul li .list-right p {
    text-align: left;
    color: #4A4A4A;
}

.recruit-container .recruit-condetail .jobfair-content .info {
    padding: 10px;
}

.recruit-container .recruit-condetail .jobfair-content .info p {
    line-height: 22px;
}

.viewHead {
    background-color: #fff;
}

.viewHead .info dd {
    line-height: 24px;
}

table tr td {
    border: 1px solid #ddd;
}

body .infoBox {
    margin: 10px 0 !important;
}

.css-footer .container {
    text-align: center;
}

.table thead tr th {
    text-align: center;
}

.table tbody tr td .text-primary.apply_job {
    background-color: #E5F7FF !important;
    border: 1px solid #B2EDFF !important;
    color: #47BAFC;
    padding: 5px 10px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
}


.msroom-page {
    background-color: #fff;
    padding: 15px 25px;
}

.msroom-page .title {
    background-color: #f3f3f3;
    color: #333;
    font-size: 18px;
    padding: 10px;
    text-align: center;
    margin-top: 15px;
}

.msroom-page table {
    margin-top: 15px;
}

.msroom-page table thead {
    background-color: #f6f8fa;
}

.msroom-page table thead tr th {
    font-weight: bold;
}

.msroom-page table i {
    margin-right: 5px;
}

.msroom-page table tr td a {
    padding: 3px;
}

.msroom-page .mini-program {
    width: 400px;
    height: 302px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -151px 0 0 -200px;
    z-index: 1000;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px #555;
}

.msroom-page .mini-program .content-box {
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 10px;
}

.msroom-page .mini-program .content-box .status {
    display: block;
    margin: 15px 0;
    text-align: center;
    font-size: 18px;
}

.msroom-page .mini-program .content-box .txt {
    padding: 4px 15px;
    text-align: center;
    background-color: #408080;
    color: #fff;
    border-radius: 4px;
    width: 250px;
    margin: 0 auto 15px;
}

.msroom-page .mini-program .content-box .mini-img {
    display: block;
    margin: 0 auto 15px;
    width: 160px;
}

.msroom-page .mini-program .esc_btn {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1001;
}

.msroom-page .mini-program .esc_btn i {
    font-size: 26px;
    cursor: pointer;
}

.msroom-page .mini-program .esc_btn i:hover {
    color: #08c;
}


.msroom-page .mini-program-alertbox {
    width: 200px;
    height: 150px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -75px 0 0 -100px;
    z-index: 1000;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px #555;
}

.msroom-page .mini-program-alertbox {
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 10px;
}

.msroom-page .mini-program-alertbox .btn {
    display: block;
    margin: 15px auto 0;
    text-align: center;
    font-size: 18px;
    background-color: #f26222;
    color: #fff;
    width: 150px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
}

.msroom-page .mini-program-alertbox .esc_btn {
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 1001;
}

.msroom-page .mini-program-alertbox .esc_btn i {
    font-size: 26px;
    cursor: pointer;
}

.msroom-page .mini-program-alertbox .esc_btn i:hover {
    color: #08c;
}

.msroom-page .videoview-alertbox {
    width: 600px;
    height: 400px;
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -200px 0 0 -300px;
    z-index: 1000;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 20px #555;
    display: none;
}

.msroom-page .videoview-alertbox .title {
    margin: 0;
}

.msroom-page .video-view {
    padding: 0px;
    height: 360px;
    overflow-y: auto;
}

.msroom-page .video-view .group {
    padding: 15px;
}

.msroom-page .video-view .group p {
    margin-bottom: 10px;
}

.msroom-page .video-view .group .video-box {
    text-align: center;
}

.msroom-page .videoview-alertbox {
    display: none;
}

.msroom-page .videoview-alertbox .esc_btn {
    position: absolute;
    top: 7px;
    right: 10px;
    z-index: 1001;
}

.msroom-page .videoview-alertbox .esc_btn i {
    font-size: 26px;
    cursor: pointer;
}

.msroom-page .videoview-alertbox .esc_btn i:hover {
    color: #08c;
}

.msroom-page .addmsqus-box {
    margin-top: 20px;
}

.msroom-page .addmsqus-box .qus-tabs {
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: 0;
}

.msroom-page .addmsqus-box .qus-tabs .more {
    padding-left: 23px;
    height: 40px;
    line-height: 40px;
    display: block;
    color: #E4E4E4 !important
}

.msroom-page .addmsqus-box .qus-tabs .more img {
    position: relative;
    vertical-align: middle;
    top: -1px;
    width: 16px;
    height: 16px;
    margin-left: 10px
}

.msroom-page .addmsqus-box .qus-tabs ul {
    margin: 0 !important;
    position: relative;
    z-index: 10;
    background-color: #F4F7FA;
}

.msroom-page .addmsqus-box .qus-tabs ul li {
    height: 40px;
    line-height: 16px;
    font-size: 16px;
    color: #E4E4E4;
    float: left;
    padding: 0 !important
}

.msroom-page .addmsqus-box .qus-tabs ul li a {
    padding: 11px 30px;
    height: 16px;
    font-size: 18px;
    border-bottom-color: #E4E4E4;
    display: block;
}

.msroom-page .addmsqus-box .qus-tabs ul .current {
    background: none;
    background-color: #fff;
}

.msroom-page .addmsqus-box .qus-tabs ul .current a {
    color: #1ABC9C;
    border-width: 2px 1px 1px;
    border-color: #E4E4E4 #E4E4E4 #fff;
    border-style: solid
}

.msroom-page .addmsqus-box .content {
    border: 1px solid #E4E4E4;
    border-top: none;
    margin-top: 0;
    padding: 20px;
}

.msroom-page .addmsqus-box .content .btn-add {
    background-color: #169BD5;
    color: #fff;
    border-radius: 4px;
    padding: 6px 12px;
}

.msroom-page .addmsqus-box .content .add-btn {
    margin-bottom: 25px;
}

.msroom-page .addmsqus-box .content .table {
    margin-top: 15px;
}

.msroom-page .addmsqus-box .sub-container {
    width: 560px;
    padding: 20px;
    margin: 0 auto;
}

.msroom-page .addmsqus-box .sub-container .group {
    *zoom: 1;
    margin-top: 15px;
}

.msroom-page .addmsqus-box .sub-container .group:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

.msroom-page .addmsqus-box .sub-container .group .label {
    height: 38px;
    line-height: 38px;
    width: 100px;
    float: left;
    font-size: 16px;
    text-align: right;
}

.msroom-page .addmsqus-box .sub-container .group .input {
    width: 440px;
    margin-left: 20px;
    float: left;
}

.msroom-page .addmsqus-box .sub-container .group .input input {
    border: none;
    outline: none;
    display: block;
    border: 1px solid #ddd;
    padding: 6px 20px;
    height: 26px;
    line-height: 26px;
    width: 398px;
}

.msroom-page .addmsqus-box .sub-container .group .input input:focus {
    border-color: #0E88EB;
}

.msroom-page .addmsqus-box .sub-container .group .textarea {
    width: 440px;
    margin-left: 20px;
    float: left;
}

.msroom-page .addmsqus-box .sub-container .group .textarea textarea {
    border: none;
    outline: none;
    display: block;
    border: 1px solid #ddd;
    padding: 20px;
    width: 398px;
}

.msroom-page .addmsqus-box .sub-container .group .textarea textarea:focus {
    border-color: #0E88EB;
}


#nav .nav {
    /* width: 1200px; */
    margin: 0 auto;
}

.main-content .banner {
    min-width: auto !important;
}