/*!

    common css style

    define the wrap of header/footer/page

*/





/*!

	common css style

	define html body

*/





/*! normalize.css v3.0.0 | MIT License | git.io/normalize */





/*! normalize.css v3.0.0 | HTML5 Display Definitions | MIT License | git.io/normalize */



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section,

summary {

    display: block

}



audio,

canvas,

progress,

video {

    display: inline-block;

    vertical-align: baseline

}



audio:not([controls]) {

    display: none;

    height: 0

}



[hidden],

template {

    display: none

}





/*! normalize.css v3.0.0 | Base | MIT License | git.io/normalize */



html {

    font-family: sans-serif;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%

}



body {

    margin: 0

}





/*! normalize.css v3.0.0 | Links | MIT License | git.io/normalize */



a {

    background: transparent

}



a:active,

a:hover {

    outline: 0

}





/*! normalize.css v3.0.0 | Typography | MIT License | git.io/normalize */



abbr[title] {

    border-bottom: 1px dotted

}



b,

strong {

    font-weight: bold

}



dfn {

    font-style: italic

}



h1 {

    font-size: 2em;

    margin: 0.67em 0

}



mark {

    background: #ff0;

    color: #000

}



small {

    font-size: 80%

}



sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline

}



sup {

    top: -0.5em

}



sub {

    bottom: -0.25em

}





/*! normalize.css v3.0.0 | Embedded Content | MIT License | git.io/normalize */



img {

    border: 0

}



svg:not(:root) {

    overflow: hidden

}





/*! normalize.css v3.0.0 | Figures | MIT License | git.io/normalize */



figure {

    margin: 1em 40px

}



hr {

    -moz-box-sizing: content-box;

    box-sizing: content-box;

    height: 0

}



pre {

    overflow: auto

}



code,

kbd,

pre,

samp {

    font-family: monospace, monospace;

    font-size: 1em

}





/*! normalize.css v3.0.0 | Forms | MIT License | git.io/normalize */



button,

input,

optgroup,

select,

textarea {

    color: inherit;

    font: inherit;

    margin: 0

}



button {

    overflow: visible

}



button,

select {

    text-transform: none

}



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

    -webkit-appearance: button;

    cursor: pointer

}



button[disabled],

html input[disabled] {

    cursor: default

}



button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0

}



input {

    line-height: normal

}



input[type="checkbox"],

input[type="radio"] {

    box-sizing: border-box;

    padding: 0

}



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

    height: auto

}



input[type="search"] {

    -webkit-appearance: textfield;

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box;

    box-sizing: content-box

}



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none

}



fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em

}



legend {

    border: 0;

    padding: 0

}



textarea {

    overflow: auto

}



optgroup {

    font-weight: bold

}





/*! normalize.css v3.0.0 | Tables | MIT License | git.io/normalize */



table {

    border-collapse: collapse;

    border-spacing: 0

}



td,

th {

    padding: 0

}



html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

b,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

    margin: 0;

    padding: 0;

    border: 0;

    font: inherit;

    font-size: 100%;

    vertical-align: baseline

}



html {

    line-height: 1

}



ol,

ul {

    list-style: none

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



caption,

th,

td {

    text-align: left;

    font-weight: normal;

    vertical-align: middle

}



q,

blockquote {

    quotes: none

}



q:before,

q:after,

blockquote:before,

blockquote:after {

    content: "";

    content: none

}



a img {

    border: none

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section,

summary {

    display: block

}



html {

    box-sizing: border-box

}



*,

*:before,

*:after {

    box-sizing: inherit

}



html {

    font-size: 10px;

    -webkit-tap-highlight-color: transparent;

    width: 100%;

    height: 100%

}



body {

    width: 100%;

    height: 100%;

    font-family: "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-size: 1.4rem;

    color: #333;

    background-color: #f9fbfb

}



a {

    text-decoration: none;

    cursor: pointer

}



ol,

ul,

dl {

    margin-top: 0;

    margin-bottom: 1rem

}



ol ol,

ul ul,

ol ul,

ul ol {

    margin-bottom: 0

}



a:link {

    text-decoration: none

}



a:visited {

    text-decoration: none

}



a:active {

    text-decoration: none

}



.nav a {

    text-decoration: none;

    outline: none;

    -moz-border-radius: .4rem;

    -webkit-border-radius: .4rem;

    border-radius: .4rem

}



.nav .logo {

    position: relative;

    float: left;

    top: 14px;

    background: url(../fonts/logo.svg) no-repeat;

    width: 92px;

    height: 30px;

    margin-right: 76px

}



.nav .logo h1 {

    text-indent: -119988px;

    overflow: hidden;

    text-align: left

}



.header-item {

    position: relative;

    float: left;

    color: #140808;

    line-height: 60px;

    text-align: center;

    font-size: 1.4rem;

    margin-right: 26px;

    width: 80px;

    overflow: hidden;

    white-space: nowrap;

    overflow: hidden;

    -ms-text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    cursor: pointer;

    transition: all .8s ease-in-out 0s

}



.login-item {

    color: #f69452;

    font-weight: 500;

    margin-right: 26px

}



#shelper {

    overflow: hidden;

    position: absolute;

    left: 0;

    text-indent: 8px;

    z-index: 999;

    display: none;

    font-size: 1.4rem;

    background-color: #fff;

    min-width: 250px

}



@media screen and (min-width: 1276px) and (max-width: 1500px) {

    #shelper {

        min-width: 490px

    }

}



@media screen and (min-width: 1500px) {

    #shelper {

        min-width: 570px

    }

}



#banner-search #shelper {

    overflow: hidden;

    position: absolute;

    left: 0;

    text-indent: 8px;

    text-align: left;

    z-index: 999;

    display: none;

    font-size: 1.4rem;

    background: rgba(255, 255, 255, 0) none repeat scroll 0 0 !important;

    filter: Alpha(opacity=0);

    background: #fff;

    -moz-opacity: 0;

    -khtml-opacity: 0;

    color: #ccc;

    width: 536px

}



.shelper-lucency {

    border-left: 1px solid #e6e6e6;

    border-right: 1px solid #e6e6e6;

    border-bottom: 1px solid #e6e6e6;

    color: #666;

    -moz-box-shadow: 1px 1px 3px #ededed;

    -webkit-box-shadow: 1px 1px 3px #ededed;

    box-shadow: 1px 1px 3px #ededed

}



#banner-search .shelper-lucency {

    border-left: 1px solid #e6e6e6;

    border-right: 1px solid #e6e6e6;

    border-bottom: 1px solid #e6e6e6;

    color: #666;

    -moz-box-shadow: 0 0 0 #e6e6e6;

    -webkit-box-shadow: 0 0 0 #e6e6e6;

    box-shadow: 0 0 0 #e6e6e6

}



.shelper-opacity {

    border-left: 1px solid rgba(173, 173, 173, 0.8);

    border-right: 1px solid rgba(173, 173, 173, 0.8);

    border-bottom: 1px solid rgba(173, 173, 173, 0.8);

    background-color: #fff;

    color: #666

}



#shelper li {

    padding: 0;

    line-height: 22px;

    cursor: pointer;

    width: 100%;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden

}



#shelper .on {

    background: #f0f0f0

}



#banner-search #shelper .on {

    background: #fff

}



.video-content {

    position: relative;

    width: 100%;

    height: 100%

}



.video-content>.video-row {

    margin: 0 auto 30px;

    width: 960px

}



@media screen and (min-width: 1276px) and (max-width: 1500px) {

    .video-content>.video-row {

        width: 1212px

    }

}



@media screen and (min-width: 1500px) {

    .video-content>.video-row {

        width: 1464px

    }

}



.video-row:last-child {

    margin: 0 auto

}



.video-row>.video-card {

    display: inline-block;

    padding: 0;

    margin: 0;

    margin-right: 22px;

    border: solid 1px #d9d9de;

    overflow: hidden;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    border-radius: 4px

}



.video-row>.video-card:hover {

    border: solid 1px #b8b8b8

}



.video-col-3 {

    width: 303.33333px

}



@media screen and (min-width: 1276px) and (max-width: 1500px) {

    .video-col-3 {

        width: 387.33333px

    }

}



@media screen and (min-width: 1500px) {

    .video-col-3 {

        width: 471.33333px

    }

}



.video-col-4 {

    width: 221.5px

}



@media screen and (min-width: 1276px) and (max-width: 1500px) {

    .video-col-4 {

        width: 284.5px

    }

}



@media screen and (min-width: 1500px) {

    .video-col-4 {

        width: 347.5px

    }

}



.video-card:last-child {

    margin-right: 0

}



.video-card .img-card-4 {

    width: 222.5px;

    height: 125.15625px

}



@media screen and (min-width: 1276px) and (max-width: 1500px) {

    .video-card .img-card-4 {

        width: 285.5px;

        height: 160.59375px

    }

}



@media screen and (min-width: 1500px) {

    .video-card .img-card-4 {

        width: 348.5px;

        height: 196.03125px

    }

}



.video-card .img-card-3 {

    width: 304.33333px;

    height: 171.1875px

}



@media screen and (min-width: 1276px) and (max-width: 1500px) {

    .video-card .img-card-3 {

        width: 388.33333px;

        height: 218.4375px

    }

}



@media screen and (min-width: 1500px) {

    .video-card .img-card-3 {

        width: 472.33333px;

        height: 265.6875px

    }

}



.video-card .video-desc-section {

    width: 94%;

    padding-top: 20px;

    margin: auto

}



.video-card .video-desc-section h3 {

    color: #333;

    line-height: 12px;

    white-space: nowrap;

    overflow: hidden;

    -ms-text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    font-size: 1.2rem;

    margin-bottom: 12px

}



.video-card .video-desc-section h3:hover {

    color: #fe5453

}



.video-card .video-desc-section .video-tags {

    width: 100%;

    height: 56px;

    color: #999;

    font-size: 1.2rem;

    font-weight: normal;

    line-height: 16px;

    overflow: hidden

}



.video-card .video-price-section {

    width: 94%;

    margin: auto

}



.video-card .video-price-section a {

    text-decoration: none;

    color: #666;

    font-size: 1.2rem;

    margin-left: 4px

}



.video-card .video-price-section a:hover {

    color: #333

}



.video-card .video-price {

    margin-bottom: 12px

}



.video-card .video-price h2 {

    display: inline-block;

    position: relative;

    color: #fe5453;

    font-size: 1.6rem;

    line-height: 16px

}



.video-card .video-price h3 {

    display: inline-block;

    position: relative;

    color: #666;

    font-size: 1.2rem;

    line-height: 16px;

    text-decoration: line-through;

    float: right

}



.prompt-word {

    margin: 0 auto;

    margin-top: 30px;

    width: 960px;

    text-align: center;

    font-size: 2rem;

    color: #666;

    line-height: 2rem

}



@media screen and (min-width: 1276px) and (max-width: 1500px) {

    .prompt-word {

        width: 1212px

    }

}



@media screen and (min-width: 1500px) {

    .prompt-word {

        width: 1464px

    }

}



.prompt-level-word {

    margin: auto;

    margin-top: 60px;

    margin-bottom: 20px;

    width: 960px;

    text-align: center;

    font-size: 1.6rem;

    color: #666;

    line-height: 1.6rem

}



@media screen and (min-width: 1276px) and (max-width: 1500px) {

    .prompt-level-word {

        width: 1212px

    }

}



@media screen and (min-width: 1500px) {

    .prompt-level-word {

        width: 1464px

    }

}



.prompt-level-word a {

    color: #fe5453;

    font-weight: 600

}



.btn {

    display: inline-block;

    font-weight: normal;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    touch-action: manipulation;

    cursor: pointer;

    user-select: none;

    border: .0625rem solid transparent;

    padding: 1.375rem 2rem;

    font-size: 1.2rem;

    line-height: 1rem;

    -moz-border-radius: .4rem;

    -webkit-border-radius: .4rem;

    border-radius: .4rem;

    -moz-transition: all .1s ease-in-out;

    -o-transition: all .1s ease-in-out;

    -webkit-transition: all .1s ease-in-out;

    transition: all .1s ease-in-out

}



.btn:focus,

.btn.focus,

.btn:active:focus,

.btn:active.focus,

.btn.active:focus,

.btn.active.focus {

    outline: thin dotted;

    outline: 5px auto -webkit-focus-ring-color;

    outline-offset: -2px

}



.btn:focus,

.btn:hover {

    text-decoration: none

}



.btn.focus {

    text-decoration: none

}



.btn:active,

.btn.active {

    background-image: none;

    outline: 0;

    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)

}



.btn.disabled,

.btn:disabled,

fieldset[disabled] .btn {

    cursor: not-allowed;

    opacity: .65;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none

}



a.btn.disaabled,

fieldset[disabled] a.btn {

    pointer-events: none

}



.btn-primary {

    color: #fff;

    background-color: #fe5453;

    border-color: #fe2220

}



.btn-primary:focus,

.btn-primary.focus,

.btn-primary:active,

.btn-primary.active,

.open>.btn-primary.dropdown-toggle {

    color: #fff;

    background-color: #fe0807;

    border-color: #e00301

}



.btn-primary:hover {

    color: #fff;

    background-color: #fe0807;

    border-color: #e00301

}



.btn-primary:active,

.btn-primary.active,

.open>.btn-primary.dropdown-toggle {

    background-image: none;

    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)

}



.btn-primary.disabled:focus,

.btn-primary.disabled.focus,

.btn-primary:disabled:focus,

.btn-primary:disabled.focus,

fieldset[disabled] .btn-primary:focus,

fieldset[disabled] .btn-primary.focus {

    background-color: #fe5453;

    border-color: #fe2220

}



.btn-primary.disabled:hover,

.btn-primary:disabled:hover,

fieldset[disabled] .btn-primary:hover {

    background-color: #fe5453;

    border-color: #fe2220

}



.btn-secondary {

    color: #333;

    background-color: #fff;

    border-color: #ccc

}



.btn-secondary:focus,

.btn-secondary.focus,

.btn-secondary:active,

.btn-secondary.active,

.open>.btn-secondary.dropdown-toggle {

    color: #333;

    background-color: #d9d9d9;

    border-color: #adadad

}



.btn-secondary:hover {

    color: #333;

    background-color: #d9d9d9;

    border-color: #adadad

}



.btn-secondary:active,

.btn-secondary.active,

.open>.btn-secondary.dropdown-toggle {

    background-image: none;

    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)

}



.btn-secondary.disabled:focus,

.btn-secondary.disabled.focus,

.btn-secondary:disabled:focus,

.btn-secondary:disabled.focus,

fieldset[disabled] .btn-secondary:focus,

fieldset[disabled] .btn-secondary.focus {

    background-color: #fff;

    border-color: #ccc

}



.btn-secondary.disabled:hover,

.btn-secondary:disabled:hover,

fieldset[disabled] .btn-secondary:hover {

    background-color: #fff;

    border-color: #ccc

}



.btn-info {

    color: #fff;

    background-color: #5bc0de;

    border-color: #5bc0de

}



.btn-info:focus,

.btn-info.focus,

.btn-info:active,

.btn-info.active,

.open>.btn-info.dropdown-toggle {

    color: #fff;

    background-color: #28a1c5;

    border-color: #2aabd2

}



.btn-info:hover {

    color: #fff;

    background-color: #28a1c5;

    border-color: #2aabd2

}



.btn-info:active,

.btn-info.active,

.open>.btn-info.dropdown-toggle {

    background-image: none;

    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)

}



.btn-info.disabled:focus,

.btn-info.disabled.focus,

.btn-info:disabled:focus,

.btn-info:disabled.focus,

fieldset[disabled] .btn-info:focus,

fieldset[disabled] .btn-info.focus {

    background-color: #5bc0de;

    border-color: #5bc0de

}



.btn-info.disabled:hover,

.btn-info:disabled:hover,

fieldset[disabled] .btn-info:hover {

    background-color: #5bc0de;

    border-color: #5bc0de

}



.btn-success {

    color: #fff;

    background-color: #5cb85c;

    border-color: #5cb85c

}



.btn-success:focus,

.btn-success.focus,

.btn-success:active,

.btn-success.active,

.open>.btn-success.dropdown-toggle {

    color: #fff;

    background-color: #3d8b3d;

    border-color: #419641

}



.btn-success:hover {

    color: #fff;

    background-color: #3d8b3d;

    border-color: #419641

}



.btn-success:active,

.btn-success.active,

.open>.btn-success.dropdown-toggle {

    background-image: none;

    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)

}



.btn-success.disabled:focus,

.btn-success.disabled.focus,

.btn-success:disabled:focus,

.btn-success:disabled.focus,

fieldset[disabled] .btn-success:focus,

fieldset[disabled] .btn-success.focus {

    background-color: #5cb85c;

    border-color: #5cb85c

}



.btn-success.disabled:hover,

.btn-success:disabled:hover,

fieldset[disabled] .btn-success:hover {

    background-color: #5cb85c;

    border-color: #5cb85c

}



.btn-warning {

    color: #fff;

    background-color: #f0ad4e;

    border-color: #f0ad4e

}



.btn-warning:focus,

.btn-warning.focus,

.btn-warning:active,

.btn-warning.active,

.open>.btn-warning.dropdown-toggle {

    color: #fff;

    background-color: #df8a13;

    border-color: #eb9316

}



.btn-warning:hover {

    color: #fff;

    background-color: #df8a13;

    border-color: #eb9316

}



.btn-warning:active,

.btn-warning.active,

.open>.btn-warning.dropdown-toggle {

    background-image: none;

    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)

}



.btn-warning.disabled:focus,

.btn-warning.disabled.focus,

.btn-warning:disabled:focus,

.btn-warning:disabled.focus,

fieldset[disabled] .btn-warning:focus,

fieldset[disabled] .btn-warning.focus {

    background-color: #f0ad4e;

    border-color: #f0ad4e

}



.btn-warning.disabled:hover,

.btn-warning:disabled:hover,

fieldset[disabled] .btn-warning:hover {

    background-color: #f0ad4e;

    border-color: #f0ad4e

}



.btn-danger {

    color: #fff;

    background-color: #d9534f;

    border-color: #d9534f

}



.btn-danger:focus,

.btn-danger.focus,

.btn-danger:active,

.btn-danger.active,

.open>.btn-danger.dropdown-toggle {

    color: #fff;

    background-color: #b52b27;

    border-color: #c12e2a

}



.btn-danger:hover {

    color: #fff;

    background-color: #b52b27;

    border-color: #c12e2a

}



.btn-danger:active,

.btn-danger.active,

.open>.btn-danger.dropdown-toggle {

    background-image: none;

    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)

}



.btn-danger.disabled:focus,

.btn-danger.disabled.focus,

.btn-danger:disabled:focus,

.btn-danger:disabled.focus,

fieldset[disabled] .btn-danger:focus,

fieldset[disabled] .btn-danger.focus {

    background-color: #d9534f;

    border-color: #d9534f

}



.btn-danger.disabled:hover,

.btn-danger:disabled:hover,

fieldset[disabled] .btn-danger:hover {

    background-color: #d9534f;

    border-color: #d9534f

}



.btn-primary-outline {

    color: #fe5453;

    background-image: none;

    background-color: transparent;

    border-color: #fe5453

}



.btn-primary-outline:focus,

.btn-primary-outline.focus,

.btn-primary-outline:active,

.btn-primary-outline.active,

.open>.btn-primary-outline.dropdown-toggle {

    color: #fff;

    background-color: #fe5453;

    border-color: #fe5453

}



.btn-primary-outline:hover {

    color: #fff;

    background-color: #fe5453;

    border-color: #fe5453

}



.btn-primary-outline.disabled:focus,

.btn-primary-outline.disabled.focus,

.btn-primary-outline:disabled:focus,

.btn-primary-outline:disabled.focus,

fieldset[disabled] .btn-primary-outline:focus,

fieldset[disabled] .btn-primary-outline.focus {

    border-color: #ffb9b8

}



.btn-primary-outline.disabled:hover,

.btn-primary-outline:disabled:hover,

fieldset[disabled] .btn-primary-outline:hover {

    border-color: #ffb9b8

}



.btn-secondary-outline {

    color: #ccc;

    background-image: none;

    background-color: transparent;

    border-color: #ccc

}



.btn-secondary-outline:focus,

.btn-secondary-outline.focus,

.btn-secondary-outline:active,

.btn-secondary-outline.active,

.open>.btn-secondary-outline.dropdown-toggle {

    color: #fff;

    background-color: #ccc;

    border-color: #ccc

}



.btn-secondary-outline:hover {

    color: #fff;

    background-color: #ccc;

    border-color: #ccc

}



.btn-secondary-outline.disabled:focus,

.btn-secondary-outline.disabled.focus,

.btn-secondary-outline:disabled:focus,

.btn-secondary-outline:disabled.focus,

fieldset[disabled] .btn-secondary-outline:focus,

fieldset[disabled] .btn-secondary-outline.focus {

    border-color: #fff

}



.btn-secondary-outline.disabled:hover,

.btn-secondary-outline:disabled:hover,

fieldset[disabled] .btn-secondary-outline:hover {

    border-color: #fff

}



.btn-info-outline {

    color: #5bc0de;

    background-image: none;

    background-color: transparent;

    border-color: #5bc0de

}



.btn-info-outline:focus,

.btn-info-outline.focus,

.btn-info-outline:active,

.btn-info-outline.active,

.open>.btn-info-outline.dropdown-toggle {

    color: #fff;

    background-color: #5bc0de;

    border-color: #5bc0de

}



.btn-info-outline:hover {

    color: #fff;

    background-color: #5bc0de;

    border-color: #5bc0de

}



.btn-info-outline.disabled:focus,

.btn-info-outline.disabled.focus,

.btn-info-outline:disabled:focus,

.btn-info-outline:disabled.focus,

fieldset[disabled] .btn-info-outline:focus,

fieldset[disabled] .btn-info-outline.focus {

    border-color: #b0e1ef

}



.btn-info-outline.disabled:hover,

.btn-info-outline:disabled:hover,

fieldset[disabled] .btn-info-outline:hover {

    border-color: #b0e1ef

}



.btn-success-outline {

    color: #5cb85c;

    background-image: none;

    background-color: transparent;

    border-color: #5cb85c

}



.btn-success-outline:focus,

.btn-success-outline.focus,

.btn-success-outline:active,

.btn-success-outline.active,

.open>.btn-success-outline.dropdown-toggle {

    color: #fff;

    background-color: #5cb85c;

    border-color: #5cb85c

}



.btn-success-outline:hover {

    color: #fff;

    background-color: #5cb85c;

    border-color: #5cb85c

}



.btn-success-outline.disabled:focus,

.btn-success-outline.disabled.focus,

.btn-success-outline:disabled:focus,

.btn-success-outline:disabled.focus,

fieldset[disabled] .btn-success-outline:focus,

fieldset[disabled] .btn-success-outline.focus {

    border-color: #a3d7a3

}



.btn-success-outline.disabled:hover,

.btn-success-outline:disabled:hover,

fieldset[disabled] .btn-success-outline:hover {

    border-color: #a3d7a3

}



.btn-warning-outline {

    color: #f0ad4e;

    background-image: none;

    background-color: transparent;

    border-color: #f0ad4e

}



.btn-warning-outline:focus,

.btn-warning-outline.focus,

.btn-warning-outline:active,

.btn-warning-outline.active,

.open>.btn-warning-outline.dropdown-toggle {

    color: #fff;

    background-color: #f0ad4e;

    border-color: #f0ad4e

}



.btn-warning-outline:hover {

    color: #fff;

    background-color: #f0ad4e;

    border-color: #f0ad4e

}



.btn-warning-outline.disabled:focus,

.btn-warning-outline.disabled.focus,

.btn-warning-outline:disabled:focus,

.btn-warning-outline:disabled.focus,

fieldset[disabled] .btn-warning-outline:focus,

fieldset[disabled] .btn-warning-outline.focus {

    border-color: #f8d9ac

}



.btn-warning-outline.disabled:hover,

.btn-warning-outline:disabled:hover,

fieldset[disabled] .btn-warning-outline:hover {

    border-color: #f8d9ac

}



.btn-danger-outline {

    color: #d9534f;

    background-image: none;

    background-color: transparent;

    border-color: #d9534f

}



.btn-danger-outline:focus,

.btn-danger-outline.focus,

.btn-danger-outline:active,

.btn-danger-outline.active,

.open>.btn-danger-outline.dropdown-toggle {

    color: #fff;

    background-color: #d9534f;

    border-color: #d9534f

}



.btn-danger-outline:hover {

    color: #fff;

    background-color: #d9534f;

    border-color: #d9534f

}



.btn-danger-outline.disabled:focus,

.btn-danger-outline.disabled.focus,

.btn-danger-outline:disabled:focus,

.btn-danger-outline:disabled.focus,

fieldset[disabled] .btn-danger-outline:focus,

fieldset[disabled] .btn-danger-outline.focus {

    border-color: #eba5a3

}



.btn-danger-outline.disabled:hover,

.btn-danger-outline:disabled:hover,

fieldset[disabled] .btn-danger-outline:hover {

    border-color: #eba5a3

}



input[type="submit"].btn-block,

input[type="reset"].btn-block,

input[type="button"].btn-block {

    width: 100%

}



.btn-red-common {

    width: 140px;

    height: 35px;

    background-color: #fe5453;

    border-color: #fff;

    border-radius: 5px;

    border: none;

    color: #fff;

    font-size: 1.4rem

}



.btn-red-common:hover {

    background-color: #666;

    color: #fff;

    cursor: pointer

}



.btn-gray-common {

    width: 140px;

    height: 35px;

    background-color: #666;

    border-color: #fff;

    border-radius: 4px;

    border: none;

    color: #fff;

    font-size: 1.4rem;

    text-align: center

}



.btn-gray-common:hover {

    background-color: #999;

    color: #fff;

    cursor: pointer

}



.btn-c-r {

    cursor: pointer;

    background: #fe5453

}



.btn-c-r:hover {

    background-color: #fe2220 !important;

    color: #fff !important

}



.btn-c-g {

    cursor: pointer;

    background: #999

}



.btn-c-g:hover {

    background-color: gray !important;

    color: #fff !important

}



body {

    font-family: "PingFang SC", "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif !important;

    font-weight: 500

}



.page {

    background: #FDFFFF !important

}



a:focus,

a:hover {

    text-decoration: none !important;

    outline: none !important

}



a {

    outline: none !important

}



.header {

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    height: 60px;

    z-index: 9998;

    background: #f9fbfb;

    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;

    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;

    box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px

}



.header>.menu-bar {

    position: absolute;

    height: 100%;

    left: 0;

    right: 0;

    margin: 0 auto;

    width: 960px !important

}



@media screen and (min-width: 1276px) and (max-width: 1500px) {

    .header>.menu-bar {

        width: 1212px !important

    }

}



@media screen and (min-width: 1500px) {

    .header>.menu-bar {

        width: 1300px !important

    }

}



.menu-bar>.left-part {

    position: relative;

    float: left;

    left: 0

}



.menu-bar>.left-part a:last-child {

    margin-right: 0

}



.menu-bar>.middle-part {

    position: relative;

    float: left;

    left: 30px;

    right: 20px;

    top: 14px

}



.menu-bar>.middle-part input {

    min-width: 250px;

    height: 32px;

    font-size: 1.2rem !important;

    padding: 0 10px;

    border: 1px solid rgba(217, 217, 222, 0.9);

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    background-color: rgba(248, 248, 245, 0.2)

}



@media screen and (min-width: 1276px) and (max-width: 1500px) {

    .menu-bar>.middle-part input {

        min-width: 490px

    }

}



@media screen and (min-width: 1500px) {

    .menu-bar>.middle-part input {

        min-width: 570px

    }

}



.menu-bar>.middle-part input:focus,

.menu-bar>.middle-part input:hover {

    border: 1px solid #d9d9e0;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    background-color: rgba(241, 241, 237, 0.3)

}



.menu-bar>.right-part {

    position: absolute;

    right: 0

}



.menu-bar>.right-part:hover .warnWindom {

    opacity: 1

}



.menu-bar>.right-part a:last-child {

    margin-right: 0

}



.right-part img {

    height: 30px;

    width: 30px;

    border-radius: 90px;

    vertical-align: middle !important

}



.page {

    position: relative;

    top: 60px;

    background: #f9fbfb

}



.footer {

    position: relative;

    width: 100%;

    top: 60px

}



.footer .footer-desc-wrap {

    position: relative;

    width: 100%;

    height: 285px;

    background: #FFEEEF

}



.footer-desc-wrap .footer-desc {

    width: 960px;

    text-align: center;

    margin: 0 auto;

    padding-top: 60px

}



@media screen and (min-width: 1276px) and (max-width: 1500px) {

    .footer-desc-wrap .footer-desc {

        width: 1212px

    }

}



@media screen and (min-width: 1500px) {

    .footer-desc-wrap .footer-desc {

        width: 1464px

    }

}



.footer-desc-wrap .footer-desc h2 {

    font-size: 2.6rem;

    color: #333;

    line-height: 2.6rem;

    margin-bottom: 26px

}



.footer-desc-wrap .footer-desc p {

    font-size: 1.6rem;

    color: #666;

    height: 24px;

    line-height: 24px

}



.footer-desc-wrap .footer-desc .known-btn {

    margin-top: 22px

}



.footer-desc-wrap .footer-desc .known-btn a {

    display: block;

    text-decoration: none;

    color: #fff

}



.footer-desc-wrap .footer-desc .known-btn a:hover,

.footer-desc-wrap .footer-desc .known-btn a:visited {

    color: #fff

}



.footer-wrap {

    position: relative;

    width: 100%;

    height: 330px;

    background: #140808

}



@media screen and (max-width: 1276px) {

    .footer-wrap {

        height: 344px

    }

}



.footer-wrap .footer-content {

    width: 960px;

    height: 294px;

    margin: 0 auto;

    border-bottom: solid 1px #d9d9de

}



@media screen and (min-width: 1276px) and (max-width: 1500px) {

    .footer-wrap .footer-content {

        width: 1212px

    }

}



@media screen and (min-width: 1500px) {

    .footer-wrap .footer-content {

        width: 1464px

    }

}



@media screen and (max-width: 1276px) {

    .footer-wrap .footer-content {

        height: 308px

    }

}



.footer-content .footer-column {

    display: inline-block;

    vertical-align: top;

    width: 156px;

    margin-top: 60px

}



@media screen and (min-width: 1276px) and (max-width: 1500px) {

    .footer-content .footer-column {

        width: 198px

    }

}



@media screen and (min-width: 1500px) {

    .footer-content .footer-column {

        width: 240px

    }

}



.footer-content .footer-column .title {

    font-size: 1.4rem;

    font-weight: normal;

    line-height: 1.4rem;

    color: #fff;

    margin-bottom: 20px

}



.footer-content .footer-column .top-margin {

    margin-top: 40px

}



.footer-content .footer-column a {

    display: block;

    text-decoration: none;

    color: #dedede;

    font-size: 1.2rem;

    line-height: 1.4rem;

    margin-bottom: 10px

}



.footer-content .footer-column .mark-icon {

    width: 120px;

    height: 120px

}



.footer-content .footer-column h3 {

    display: inline-block

}



.footer-content .footer-column h4 {

    margin: 5px auto;

    text-indent: 2.2rem;

    font-size: 1.2rem;

    line-height: 1.2rem;

    color: #dedede

}



.footer-content .footer-column .qq-icon {

    display: inline-block;

    width: 16px;

    height: 16px;

    vertical-align: bottom;

    margin-right: 6px

}



.footer-content .footer-column .tel-icon {

    display: inline-block;

    width: 16px;

    height: 16px;

    vertical-align: middle;

    margin-right: 6px

}



.footer-content .footer-column .mail-icon {

    display: inline-block;

    width: 16px;

    height: 16px;

    vertical-align: middle;

    margin-right: 6px

}



.footer-content .footer-column .mailClient {

    margin-bottom: 12px

}



.footer-content .footer-notice {

    margin: 20px auto

}



.footer-content .footer-notice h2 {

    font-size: 1.4rem;

    font-weight: normal;

    line-height: 1.4rem;

    margin-bottom: 10px;

    color: #c8c8c8

}



.footer-content .footer-notice p {

    font-size: 1.2rem;

    line-height: 1.2rem;

    margin: 5px auto;

    color: #bbb

}



.footer-wrap .footer-box {

    width: 960px;

    height: 36px;

    margin: 0 auto;

    text-align: center;

    color: #dedede;

    line-height: 36px;

    font-size: 1.2rem

}



@media screen and (min-width: 1276px) and (max-width: 1500px) {

    .footer-wrap .footer-box {

        width: 1212px

    }

}



@media screen and (min-width: 1500px) {

    .footer-wrap .footer-box {

        width: 1464px

    }

}



.footer-wrap .footer-box a {

    text-decoration: none;

    color: #dedede;

    font-size: 1.2rem

}



.toolbar {

    position: fixed;

    right: 0px;

    bottom: 50px

}



.toolbar-item {

    display: block;

    width: 52px;

    height: 52px;

    margin-top: 1px;

    position: relative;

    -moz-transition: background-position 1s;

    -ms-transition: background-position 1s;

    -o-moz-transition: background-position 1s;

    -webkit-moz-transition: background-position 1s;

    transition: background-position 1s

}



.modal-open {

    overflow: hidden

}



.modal {

    display: none;

    overflow: hidden;

    position: fixed;

    top: 50%;

    margin-top: -212px;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1050;

    -webkit-overflow-scrolling: touch;

    outline: 0

}



.modal.fade .modal-dialog {

    -webkit-transform: translate(0, -25%);

    -ms-transform: translate(0, -25%);

    -o-transform: translate(0, -25%);

    transform: translate(0, -25%);

    -webkit-transition: -webkit-transform 0.3s ease-out;

    -o-transition: -o-transform 0.3s ease-out;

    transition: transform 0.3s ease-out

}



.modal.in .modal-dialog {

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0)

}



.modal-open .modal {

    overflow-x: hidden;

    overflow-y: auto

}



.modal-dialog {

    position: relative;

    width: auto;

    margin: 10px

}



.modal-content {

    position: relative;

    background-color: #fff;

    border: 1px solid #999;

    border: 1px solid rgba(0, 0, 0, 0.2);

    border-radius: 6px;

    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);

    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    outline: 0

}



.modal-backdrop {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1040;

    background-color: #000

}



.modal-backdrop.fade {

    opacity: 0;

    filter: alpha(opacity=0)

}



.modal-backdrop.in {

    opacity: .8;

    filter: alpha(opacity=80)

}



.modal-header {

    padding: 15px;

    border-bottom: 1px solid #e5e5e5;

    min-height: 16.42857px

}



.modal-header .close {

    margin-top: -2px

}



.modal-title {

    margin: 0;

    line-height: 1.42857

}



.modal-body {

    position: relative;

    padding: 15px

}



.modal-footer {

    padding: 15px;

    text-align: right;

    border-top: 1px solid #e5e5e5

}



.modal-footer .btn+.btn {

    margin-left: 5px;

    margin-bottom: 0

}



.modal-footer .btn-group .btn+.btn {

    margin-left: -1px

}



.modal-footer .btn-block+.btn-block {

    margin-left: 0

}



.modal-scrollbar-measure {

    position: absolute;

    top: -9999px;

    width: 50px;

    height: 50px;

    overflow: scroll

}



@media (min-width: 768px) {

    .modal-dialog {

        width: 600px;

        margin: 50px auto

    }

    .modal-content {

        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);

        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)

    }

    .modal-sm {

        width: 300px

    }

}



@media (min-width: 992px) {

    .modal-lg {

        width: 900px

    }

}



.clearfix:before,

.clearfix:after,

.modal-footer:before,

.modal-footer:after {

    content: " ";

    display: table

}



.clearfix:after,

.modal-footer:after {

    clear: both

}



.center-block {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.pull-right {

    float: right !important

}



.pull-left {

    float: left !important

}



.hide {

    display: none !important

}



.show {

    display: block !important

}



.invisible {

    visibility: hidden

}



.text-hide {

    font: 0/0 a;

    color: transparent;

    text-shadow: none;

    background-color: transparent;

    border: 0

}



.hidden {

    display: none !important

}



.affix {

    position: fixed

}



.modal-body .modal-icon {

    position: relative;

    float: right;

    right: -36px;

    top: -34px;

    width: 40px;

    height: 40px;

    cursor: pointer

}



.modal-body dl {

    text-align: center

}



.modal-body dl dt:first-child {

    margin: 40px auto;

    color: #666;

    font-size: 36px;

    font-weight: 600

}



.modal-body dl dd:nth-child(2) {

    margin: 30px auto;

    font-size: 1.8rem

}



.modal-body dl dd:nth-child(2) input {

    display: inline-block;

    text-indent: 10px;

    width: 240px;

    height: 48px;

    border: solid 1px #666;

    color: #666

}



.modal-body dl dd:nth-child(2) .call-btn {

    display: inline-block;

    vertical-align: top;

    line-height: 48px;

    margin-left: -6px;

    width: 118px;

    height: 48px;

    background-color: #fe5453;

    color: #ffffff

}



.modal-body dl dd:nth-child(2) .call-btn .call-icon {

    display: inline-block;

    vertical-align: middle;

    line-height: 34px;

    width: 14px;

    height: 14px

}



.modal-body dl dd:nth-child(2) .modal-message {

    display: block;

    height: 30px;

    line-height: 30px;

    color: #fe5453;

    font-size: 1.6rem;

    font-weight: normal

}



.modal-body dl dt:nth-child(3) {

    margin-top: 30px;

    margin-bottom: 15px

}



.modal-body dl dt:nth-child(3) .model-qq-icon {

    width: 42px;

    height: 42px;

    margin: 0 auto

}



.modal-body dl dd:last-child {

    color: #666;

    margin-bottom: 40px;

    font-size: 1.8rem

}



.warn {

    width: 16px;

    height: 16px;

    border-radius: 120px;

    background: #fe5453;

    color: white;

    text-align: center;

    line-height: 18px;

    position: absolute;

    top: 41px;

    left: 17px

}



.warnWindom {

    width: 80px;

    height: 30px;

    border: 1px solid #ccc;

    position: absolute;

    background: white;

    color: #333;

    border-radius: 5px;

    line-height: 30px;

    padding-right: 0px;

    margin-top: 77px;

    text-align: inherit;

    padding-left: 20px;

    opacity: 0

}



.warnWindom .divImg {

    position: absolute;

    top: -17px;

    left: 37px;

    width: 25px;

    height: 25px;

    background: url("../images/upjiao.png") no-repeat;

    background-size: 25px 25px

}



@CHARSET "UTF-8";

.header {

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    height: 60px;

    z-index: 9998;

    background: transparent;

    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;

    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;

    box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;

    height: 80px;

    transition: all .8s ease-in-out 0s;

    box-shadow: none

}



.login-item {

    color: white !important;

    font-weight: 500;

    max-width: 100px;

    white-space: nowrap;

    overflow: hidden;

    -ms-text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis

}



@media screen and (min-width: 1276px) and (max-width: 1500px) {

    .login-item {

        max-width: 120px

    }

}



@media screen and (min-width: 1500px) {

    .login-item {

        max-width: 180px

    }

}



.headerMove .login-item {

    color: #fe5453 !important;

    font-weight: 500

}



.headerMove .warn {

    width: 16px;

    height: 16px;

    border-radius: 120px;

    background: #fe5453;

    color: white;

    text-align: center;

    line-height: 18px;

    position: absolute;

    top: 33px;

    left: 17px

}



.headerMove {

    height: 60px !important;

    background: white;

    -moz-box-shadow: 10px 10px 5px #cccccc;

    box-shadow: 0px 0px 10px #cccccc

}



.headerMove .header-item {

    line-height: 60px !important;

    color: black;

    font-weight: 500

}



.headerMove .header-item:hover {

    color: #fe5453 !important

}



.headerMove .header-item:hover .showVideo {

    background-position: 0px -15px !important

}



.headerMove .header-item span {

    bottom: 10px

}



.headerMove .showVideo {

    width: 15px;

    height: 15px;

    background: url(../images/showvideob.png) no-repeat 0 0px !important;

    position: absolute;

    top: 23px !important;

    left: 75px !important

}



.headerMove .tele-h-svg {

    transition: all .8s ease-in-out 0s;

    position: relative;

    top: 22px !important;

    width: 145px;

    height: 60px;

    background: url(../images/bannerphoner.svg) no-repeat !important

}



.headerMove .nav .logo {

    background: url(../fonts/8cc3d0c58acd464d972af6ab75ecbadf.svg) no-repeat

}



.foot3 {

    background: black;

    height: 440px;

    position: relative;

    border-top: 1px solid white;

    font-weight: 500

}



.foot3 .title a {

    cursor: default !important

}



.foot3 a:hover {

    color: white

}



.foot3 a:visited {

    color: white

}



.foot3 a:link {

    color: white

}



.foot3 a {

    color: white

}



.foot3 .footContent {

    width: 960px !important;

    margin: 0 auto;

    padding-top: 60px

}



@media screen and (min-width: 1276px) and (max-width: 1500px) {

    .foot3 .footContent {

        width: 1212px !important

    }

}



@media screen and (min-width: 1500px) {

    .foot3 .footContent {

        width: 1300px !important

    }

}



.foot3 .footContent .contentBottom {

    text-align: center;

    color: white;

    padding-top: 30px

}



.foot3 .footContent .contentBottom div {

    font-size: 1.2rem

}



.foot3 .footContent .contentBottom div:first-child {

    font-size: 1.6rem !important;

    margin-bottom: 16px

}



.foot3 .footContent .contentBottom div:nth-child(3) {

    margin-top: 5px

}



.foot3 .footContent .contentBottom div:last-child {

    margin-top: 20px

}



.foot3 .footContent .contentTop {

    font-size: 0;

    padding-bottom: 55px;

    border-bottom: 1px solid #666

}



.foot3 .footContent .contentTop .codeWidth {

    width: 140px !important

}



@media screen and (min-width: 1276px) {

    .foot3 .footContent .contentTop .codeWidth {

        width: 200px !important

    }

}



.foot3 .footContent .contentTop .commonWidth {

    width: 110px

}



@media screen and (min-width: 1276px) and (max-width: 1500px) {

    .foot3 .footContent .contentTop .commonWidth {

        width: 144px !important

    }

}



@media screen and (min-width: 1500px) {

    .foot3 .footContent .contentTop .commonWidth {

        width: 184px !important

    }

}



.foot3 .footContent .contentTop .onLineWidth {

    width: 220px !important

}



@media screen and (min-width: 1276px) and (max-width: 1500px) {

    .foot3 .footContent .contentTop .onLineWidth {

        width: 196px !important

    }

}



@media screen and (min-width: 1500px) {

    .foot3 .footContent .contentTop .onLineWidth {

        width: 296px !important

    }

}



.foot3 .footContent .contentTop .topItem {

    display: inline-block;

    color: white;

    font-size: 1.2rem;

    vertical-align: top

}



.foot3 .footContent .contentTop .topItem .Twocode {

    width: 110px;

    height: 110px;

    background: url(../images/pai.png) no-repeat !important;

    margin-bottom: 10px

}



.foot3 .footContent .contentTop .topItem .smWord {

    font-size: 1.2rem;

    color: white

}



.foot3 .footContent .contentTop .topItem .title {

    font-size: 1.6rem !important;

    margin-bottom: 30px

}



.foot3 .footContent .contentTop .topItem .noiconItem {

    height: 12px;

    margin-bottom: 11px

}



.foot3 .footContent .contentTop .topItem .noiconItem:hover a {

    color: #fe5453

}



.foot3 .footContent .contentTop .topItem .noiconItem a {

    position: relative;

    top: -2px

}



.foot3 .footContent .contentTop .topItem .iconItem {

    height: 12px;

    padding-left: 14px;

    margin-bottom: 11px;

    padding-top: 1px

}



.foot3 .footContent .contentTop .topItem .iconItem:hover a {

    color: #fe5453

}



.foot3 .footContent .contentTop .topItem .iconItem a {

    position: relative;

    top: -2px;

    left: 8px

}



.foot3 .footContent .contentTop .topItem .iconItem:hover {

    background-position-y: -12px

}



.foot3 .footContent .contentTop .topItem .cusLogin {

    background: url(../images/cuslogin.png) no-repeat

}



.foot3 .footContent .contentTop .topItem .proLogin {

    background: url(../images/prologin.png) no-repeat

}



.foot3 .footContent .contentTop .topItem .manLogin {

    background: url(../images/manlogin.png) no-repeat

}



.foot3 .footContent .contentTop .topItem .reg {

    background: url(../images/reg.png) no-repeat

}



.foot3 .footContent .contentTop .topItem .cusSer {

    background: url(../images/cusser.png) no-repeat

}



.foot3 .footContent .contentTop .topItem .proSer {

    background: url(../images/proser.png) no-repeat

}



.foot3 .footContent .contentTop .topItem .email {

    background: url(../images/email.png) no-repeat

}



.foot3 .footContent .contentTop .topItem .tel {

    font-size: 34px !important;

    position: relative;

    top: -10px;

    background: black

}



.foot3 .footContent .contentTop .topItem .tel a {

    color: #fe5453 !important

}



.foot3 .footContent .contentTop .topItem .workTime {

    position: relative;

    top: -3px

}



.foot3 .footContent .contentTop .topItem .workTime a {

    cursor: none

}



.proSer {

    position: relative

}



.proSer:hover .showCodeToPro {

    display: block !important

}



.proSer .showCodeToPro {

    display: none;

    position: absolute;

    background: white;

    top: -240px;

    left: 0px;

    text-align: center;

    width: 270px;

    height: 312px;

    background: url(../images/footcodebackground.png);

    top: -315px;

    left: -30px;

    z-index: 99

}



.proSer .showCodeToPro img {

    display: block;

    width: 180px;

    margin-top: 40px;

    margin-left: 45px;

    margin-bottom: 10px

}



.proSer .showCodeToPro span {

    color: #fe5453;

    font-size: 1.4rem;

    margin-top: 30px;

    margin-bottom: 10px

}



.cusSer {

    position: relative

}



.cusSer:hover .showCodeToPro {

    display: block !important

}



.cusSer .showCodeToPro {

    display: none;

    position: absolute;

    width: 270px;

    height: 312px;

    background: url(../images/footcodebackground.png);

    top: -315px;

    left: -30px;

    text-align: center;

    z-index: 99

}



.cusSer .showCodeToPro img {

    display: block;

    width: 180px;

    margin-top: 40px;

    margin-left: 45px;

    margin-bottom: 10px

}



.cusSer .showCodeToPro span {

    color: #fe5453;

    font-size: 1.4rem;

    margin-top: 30px;

    margin-bottom: 10px

}



.openVideo {

    background: black;

    text-align: center;

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0px;

    overflow: hidden;

    z-index: 99;

    background: transparent

}



.openVideo .videoClose {

    position: absolute;

    height: 24px;

    width: 24px;

    z-index: 15;

    right: -486px;

    top: -10px;

    background: url(../images/close.png) no-repeat;

    cursor: pointer

}



.openVideo .videoClose:hover {

    background-position-y: -24px

}



.openVideo .openVideoCommon {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0px;

    background: black;

    opacity: 0.8;

    z-index: 10

}



.openVideo video {

    position: fixed;

    z-index: 12;

    width: 960px;

    height: 544px;

    -moz-transition: perspective(1000px) rotatex(-61deg);

    -webkit-transition: perspective(1000px) rotatex(-61deg);

    -o-transition: perspective(1000px) rotatex(-61deg);

    transform: perspective(1000px) rotatex(-61deg);

    transition: transform .3s linear, opacity .3s linear;

    -moz-transition: transform .3s linear, opacity .3s linear;

    -webkit-transition: transform .3s linear, opacity .3s linear;

    -o-transition: transform .3s linear, opacity .3s linear;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

    border: 5px solid rgba(255, 255, 255, 0.3);

    border-radius: 6px;

    opacity: 0

}



.openVideo #videoRoata {

    position: fixed;

    z-index: 12;

    width: 960px;

    height: 540px;

    top: 50%;

    left: 50%;

    margin-top: -270px;

    margin-left: -960px

}



.openVideo .active {

    -moz-transition: rotateX(0);

    -webkit-transition: rotateX(0);

    -o-transition: rotateX(0);

    transform: rotateX(0);

    opacity: 1

}



.comOrder {

    position: fixed;

    z-index: 120;

    top: 0px;

    height: 100%;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.5)

}



.cOrder {

    position: relative;

    width: 400px;

    bottom: -300px;

    top: 50%;

    margin-top: -200px;

    left: 50%;

    margin-left: -190px;

    border: 1px solid #999;

    border-radius: 4px;

    padding: 50px 50px 50px 50px;

    background: white

}



.cOrder .cOrderTitle {

    color: #fe5453;

    font-size: 1.6rem;

    margin-bottom: 20px;

    text-align: center

}



.cOrder .cCloseBtn {

    width: 24px;

    height: 24px;

    position: absolute;

    top: -12px;

    right: -12px;

    background: #f0f2f5 !important;

    border: 1px solid #d1d1d1;

    border-radius: 90px

}



.cOrder .cCloseBtn div {

    width: 12px;

    height: 12px;

    background: url(../images/close.png) no-repeat;

    position: relative;

    top: 5px !important;

    left: 5px !important

}



.cOrder .cCloseBtn div:hover {

    background-position-y: -12px

}



.cOrder .cOrderItem {

    position: relative;

    margin-bottom: 20px

}



.cOrder .cOrderItem input {

    height: 35px;

    border: 1px solid #999 !important;

    border-radius: 4px;

    color: #666;

    font-size: 1.4rem;

    outline: none;

    padding-right: 110px;

    padding-left: 10px;

    width: 100%

}



.cOrder .cOrderItem input:focus {

    border: 1px solid #999

}



.cOrder .cOrderItem div {

    height: 35px;

    width: 106px;

    background: #fe5453;

    color: white;

    font-size: 1.4rem;

    border-top-right-radius: 4px;

    border-bottom-right-radius: 4px;

    text-align: center;

    position: absolute;

    right: 0px;

    top: 0px;

    line-height: 35px;

    cursor: pointer

}



.cOrder .cOrderItem div:active {

    background: #ea0301

}



.cOrder .cOrderItem::after {

    content: attr(data-content);

    position: absolute;

    color: #fe5453;

    font-size: 1.2rem;

    top: 36px;

    right: 0px;

    bottom: 0px;

    left: 15px

}



.cOrder .cOrderBtn {

    height: 35px;

    color: white;

    font-size: 1.4rem;

    line-height: 35px;

    background: #fe5453;

    margin-bottom: 12px;

    text-align: center;

    border-radius: 4px;

    cursor: pointer

}



.cOrder .cOrderBtn:active {

    background: #ea0301

}



.cOrder .cOrderBotTitle {

    color: #999;

    font-size: 1.2rem

}



.dropdown-toggle {

    padding: 6px 12px

}



.dropdowns .dropdown-menu {

    left: 0px !important

}



.dropdowns {

    width: 100% !important;

    height: 35px !important;

    display: inline-block !important;

    border: none !important;

    background: transparent !important;

    position: relative !important

}



.dropdowns div {

    background: transparent !important

}



.dropdowns div:hover {

    background: transparent !important

}



.dropdowns span {

    color: #666;

    font-size: 1.4rem;

    position: absolute;

    left: 11px;

    bottom: -1px

}



.dropdowns .dropdown-menus {

    width: 100% !important;

    top: 29px;

    border-top-left-radius: 0px;

    border-top-right-radius: 0px;

    padding: 0px;

    margin: 0px;

    left: 0px !important

}



.dropdowns .dropdown-menus li {

    width: 100% !important;

    padding-left: 13px !important;

    color: #333;

    cursor: pointer;

    text-align: left

}



.dropdowns .dropdown-menus li:hover {

    background: #f0f2f5 !important

}



.dropdowns .carets {

    height: 15px !important;

    width: 15px !important;

    background: url("../images/selecticon.png") no-repeat !important;

    position: absolute !important;

    right: 20px !important;

    top: 10px !important

}



.dropdowns .carets:hover {

    background: url("../images/selecticon.png") no-repeat !important

}



.dropdowns .dropdown-toggle {

    color: #666;

    font-size: 1.4rem;

    width: 100% !important;

    height: 35px !important;

    background: white !important;

    text-align: left;

    padding-left: 20px;

    border: 1px solid #999 !important;

    outline: none !important

}



.dropdown-menu {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 1000;

    display: none;

    float: left;

    min-width: 160px;

    padding: 5px 0;

    margin: 2px 0 0;

    font-size: 14px;

    text-align: left;

    list-style: none;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ccc;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 4px;

    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)

}



.showSuccess {

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    position: fixed;

    top: 0px;

    left: 0px;

    z-index: 230

}



.showSuccess .cCloseBtn {

    width: 24px;

    height: 24px;

    position: absolute;

    top: -12px;

    right: -12px;

    background: #f0f2f5;

    border-radius: 90px;

    border: 1px solid #d1d1d1

}



.showSuccess .cCloseBtn div {

    width: 12px;

    height: 12px;

    background: url(../images/close.png) no-repeat;

    position: relative;

    top: 5px;

    left: 5px

}



.showSuccess .cCloseBtn div:hover {

    background-position-y: -12px

}



.successModal {

    position: relative;

    background: white;

    width: 402px;

    height: 286px;

    padding-top: 65px;

    border-radius: 6px;

    top: 50%;

    left: 50%;

    margin-top: -143px;

    margin-left: -201px;

    z-index: 101

}



.successWord {

    color: #333;

    font-size: 1.4rem;

    text-align: center;

    margin-bottom: 10px;

    cursor: pointer;

    border-bottom: 1px solid #fe5453;

    width: 80px;

    margin: 0 auto;

    line-height: 25px;

    color: #fe5453;

    margin-bottom: 10px

}



.successInfo {

    color: #999;

    font-size: 1.2rem;

    text-align: center

}



.successInfo span:nth-child(1) {

    color: #fe5453;

    margin-right: 16px;

    cursor: pointer

}



.show-zero2 {

    -webkit-animation: showZeroAlert 0.3s;

    animation: showZeroAlert 0.3s

}



.zeromodal-icon {

    width: 80px;

    height: 80px;

    border: 4px solid #808080;

    border-radius: 50%;

    margin: 16px auto 16px;

    margin-top: 16px;

    padding: 0;

    position: relative;

    box-sizing: content-box;

    cursor: default;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.zeromodal-icon.zeromodal-success {

    border-color: #a5dc86

}



.zeromodal-icon.zeromodal-success .line {

    height: 5px;

    background-color: #a5dc86;

    display: block;

    border-radius: 2px;

    position: absolute;

    z-index: 2

}



.zeromodal-icon.zeromodal-success .line.tip {

    width: 25px;

    left: 14px;

    top: 46px;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}



.zeromodal-icon.zeromodal-success .line.long {

    width: 47px;

    right: 8px;

    top: 38px;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.zeromodal-icon.zeromodal-success .placeholder {

    width: 80px;

    height: 80px;

    border: 4px solid rgba(165, 220, 134, 0.2);

    border-radius: 50%;

    box-sizing: content-box;

    position: absolute;

    left: -4px;

    top: -4px;

    z-index: 2

}



@-webkit-keyframes showZeroAlert {

    0% {

        -webkit-transform: scale(0.7);

        transform: scale(0.7)

    }

    45% {

        -webkit-transform: scale(1.05);

        transform: scale(1.05)

    }

    80% {

        -webkit-transform: scale(0.95);

        transform: scale(0.95)

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@keyframes showZeroAlert {

    0% {

        -webkit-transform: scale(0.7);

        transform: scale(0.7)

    }

    45% {

        -webkit-transform: scale(1.05);

        transform: scale(1.05)

    }

    80% {

        -webkit-transform: scale(0.95);

        transform: scale(0.95)

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



.errorLCommon {

    border: 1px solid #fe5453 !important

}



.errorLCommon:focus {

    border-color: #fe5453

}



.right-part:hover .showInfo {

    display: block !important

}



.showInfo {

    width: 180px;

    background: white;

    border-radius: 4px;

    color: #666;

    position: absolute;

    top: 60px;

    display: none;

    left: -70px

}



.showInfo .showInfoList {

    margin: 0px;

    padding: 0px 0px 10px 0px

}



.showInfo .showInfoList a,

.showInfo .showInfoList a:hover {

    color: #666

}



.showInfo .showInfoList li {

    padding-left: 75px;

    height: 36px;

    line-height: 36px;

    position: relative

}



.showInfo .showInfoList li:hover {

    background: #f0f2f5

}



.showInfo .showInfoList .showName {

    height: 41px;

    border-bottom: 1px solid #eee;

    line-height: 40px;

    text-align: center;

    white-space: nowrap;

    overflow: hidden;

    -ms-text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    padding: 0px;

    margin-bottom: 10px

}



.showInfo .showInfoList .toSet:before {

    content: '';

    position: absolute;

    background: url(../images/toinfo.png);

    width: 14px;

    height: 14px;

    top: 11px;

    left: 50px

}



.showInfo .showInfoList .toSafe:before {

    content: '';

    position: absolute;

    background: url(../images/tosafe.png);

    width: 14px;

    height: 14px;

    top: 11px;

    left: 50px

}



.showInfo .showInfoList .toList:before {

    content: '';

    position: absolute;

    background: url(../images/toinfo.png);

    width: 14px;

    height: 14px;

    top: 11px;

    left: 50px

}



.showInfo .showInfoList .toMy:before {

    content: '';

    position: absolute;

    background: url(../images/tomypro.png);

    width: 14px;

    height: 14px;

    top: 11px;

    left: 50px

}



.showInfo .showInfoList .loginOut:before {

    content: '';

    position: absolute;

    background: url(../images/loginout.png);

    width: 14px;

    height: 14px;

    top: 11px;

    left: 50px

}



.widthHear {

    width: 60px;

    text-align: left

}



.flexVideo {

    position: absolute;

    width: 100%;

    margin: 0 auto;

    overflow: hidden;

    position: relative;

    min-width: 960px;

    min-height: 320px

}



.flexVideo section {

    position: relative;

    overflow: hidden

}



.flexVideo .video-bg {

    position: absolute;

    width: 100%

}



.bgLogo {

    width: 300px;

    height: 25px;

    position: relative;

    margin-top: 60px;

    margin-bottom: 60px;

    background: url("../images/logo.svg") no-repeat !important

}



.titleTag {

    background: #f0f2f5;

    height: 70px;

    width: 100%;

    border-bottom: 1px solid #d1d1d1;

    position: fixed;

    top: 60px;

    z-index: 99

}



.titleTag .titleWord {

    width: 960px !important;

    margin: 0 auto;

    font-size: 0;

    padding-left: 16%;

    padding-right: 16%

}



@media screen and (min-width: 1276px) and (max-width: 1500px) {

    .titleTag .titleWord {

        width: 1212px !important

    }

}



@media screen and (min-width: 1500px) {

    .titleTag .titleWord {

        width: 1300px !important

    }

}



.titleTag .titleWord div {

    color: #999;

    font-size: 1.4rem;

    width: 20%;

    display: inline-block;

    line-height: 69px;

    text-align: center;

    cursor: pointer

}



.titleTag .titleWord .checkActive {

    color: #fe5453 !important;

    border-bottom: 1px solid #fe5453

}



.tagsWidth {

    width: 960px !important;

    margin: 0 auto;

    margin-bottom: 120px;

    margin-top: 150px

}



@media screen and (min-width: 1276px) and (max-width: 1500px) {

    .tagsWidth {

        width: 1212px !important

    }

}



@media screen and (min-width: 1500px) {

    .tagsWidth {

        width: 1300px !important

    }

}



@media screen and (min-width: 1276px) {

    .tagsWidth {

        padding-left: 150px;

        padding-right: 150px

    }

}



.tagsWidth .RightIcon {

    width: 100%;

    height: 206px;

    position: relative

}



.tagsWidth .RightIcon div:first-child {

    position: absolute;

    top: 5px;

    left: 50px

}



.tagsWidth .RightIcon label {

    display: block

}



.tagsWidth .RightIcon label:nth-child(1) {

    color: #fe5453;

    font-size: 2.6rem

}



.tagsWidth .RightIcon label:nth-child(2) {

    color: #333;

    font-size: 1.4rem;

    margin-top: 20px;

    margin-bottom: 10px;

    font-weight: 500

}



.tagsWidth .RightIcon label:nth-child(3) {

    color: #999;

    font-size: 1.2rem;

    font-weight: 500

}



.tagsWidth .RightIcon div:last-child {

    background: url("../images/iconbg1.png") no-repeat;

    width: 350px;

    height: 214px;

    position: absolute;

    right: 40px;

    top: -30px;

    background-position-y: -220px !important

}



.tagsWidth .RightIcon div:last-child:hover {

    background-position-y: 0px !important

}



.tagsWidth .LeftIcon {

    width: 100%;

    height: 206px;

    margin-left: 10px;

    position: relative

}



.tagsWidth .LeftIcon div:first-child {

    position: absolute;

    top: 5px;

    right: 50px;

    text-align: right

}



.tagsWidth .LeftIcon label {

    display: block

}



.tagsWidth .LeftIcon label:nth-child(1) {

    color: #fe5453;

    font-size: 2.6rem

}



.tagsWidth .LeftIcon label:nth-child(2) {

    color: #333;

    font-size: 1.4rem;

    margin-top: 20px;

    margin-bottom: 10px;

    font-weight: 500

}



.tagsWidth .LeftIcon label:nth-child(3) {

    color: #999;

    font-size: 1.2rem;

    font-weight: 500

}



.tagsWidth .LeftIcon div:last-child {

    width: 350px;

    height: 214px;

    position: absolute;

    left: 40px;

    top: -30px;

    background-position-y: -220px !important

}



.tagsWidth .LeftIcon div:last-child:hover {

    background-position-y: 0px !important

}



.tagsWidth .icon {

    background-size: 100% 206px !important;

    margin-top: 15px

}



.tagsWidth .icon1 {

    background: url("../images/icon1.png") no-repeat

}



.tagsWidth .icon1 div:last-child {

    background: url("../images/iconbg1.png") no-repeat

}



.tagsWidth .icon2 {

    background: url("../images/icon2.png") no-repeat

}



.tagsWidth .icon2 div:last-child {

    background: url("../images/iconbg2.png") no-repeat

}



.tagsWidth .icon3 {

    background: url("../images/icon3.png") no-repeat

}



.tagsWidth .icon3 div:last-child {

    background: url("../images/iconbg3.png") no-repeat

}



.tagsWidth .icon4 {

    background: url("../images/icon4.png") no-repeat

}



.tagsWidth .icon4 div:last-child {

    background: url("../images/iconbg4.png") no-repeat

}



.tagsWidth .icon5 {

    background: url("../images/icon5.png") no-repeat

}



.tagsWidth .icon5 div:last-child {

    background: url("../images/iconbg5.png") no-repeat

}



.tagsWidth .icon6 {

    background: url("../images/icon6.png") no-repeat;

    height: 206px;

    background-size: 100% 206px !important;

    margin-top: 15px

}



.tagsWidth .icon6 div:last-child {

    background: url("../images/iconbg6.png") no-repeat

}