* {
    font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
}

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

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    font-size: 125%;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

body {
    margin: 0;
    font-size: .7rem;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background: #fff;
}

[tabindex="-1"]:focus {
    outline: 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .25rem;
    font-weight: 300;
}

p {
    margin: 0 0 .75rem 0;
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: .5rem;
    font-style: normal;
    line-height: inherit;
}

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

ol ol,
ol ul,
ul ol,
ul ul {
    margin: 0;
    padding: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: .5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 .5rem;
}

b,
strong {
    font-weight: bold;
}

ey_little {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

em {
    font-style: normal;
}

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

a:hover {
    color: #f30;
}

a:not([href]):not([tabindex]) {
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

code,
kbd,
pre,
samp {
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: .5rem;
    overflow: auto;
}

figure {
    margin: 0 0 .5rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

table {
    border-collapse: collapse;
}

caption {
    padding: .75rem auto;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
}

button {
    border-radius: 0;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

input,
button,
select,
textarea {
    outline: none;
}

textarea {
    resize: none;
}

select {
    word-wrap: normal
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

progress {
    vertical-align: baseline
}

form {
    margin: 0;
    padding: 0;
}

fieldset {
    margin: .75rem 0;
    border: 1px solid #eaeaea;
    padding: 0 1rem 1rem 1rem;
    border-radius: .2rem;
    font-size: .75rem;
    line-height: 1.5rem;
    color: #333;
}

legend {
    border: 0;
    font-size: .85rem;
    width: auto;
    margin: .5rem;
    padding: 0 .25rem;
    color: #f30;
}

.flex-dir-row {
	flex-direction: row;
	display: flex !important;
}

.flex-dir-column {
	display: flex !important;
	flex-direction: column;
}

.flex-x-center {
	justify-content: center;
}

.flex-x-between {
	justify-content: space-between;
}

.flex-x-around {
	justify-content: space-around;
}

.flex-x-end {
	justify-content: flex-end;
}

.flex-x-start {
	justify-content: flex-start !important;
}

.flex-y-center {
	align-items: center;
}

.flex-y-end {
	align-items: flex-end;
}

.flex-y-baseline {
	align-items: baseline;
}

.flex-y-start {
	align-items: flex-start;
}
.flex-wrap {
	flex-wrap: wrap;
}
.ptl-10{
    padding: 10px !important;
    box-sizing: border-box;
}


.pb-3{
    padding-bottom: 3px !important;
    box-sizing: border-box;
}


.col-ff6700{
    color: #ff6700;
}
.bg-f{
    background: #fff;
}
.b-b{
    border-bottom: 1px solid #eaeaea;
}
hr {
    display: block;
    padding: 0;
    border: 0;
    height: 0;
    border-top: 1px solid #ddd;
}

@font-face {
    font-family: "iconfont";
    src: url('../font/iconfont.eot');
    src: url('../font/iconfont.eot') format('embedded-opentype'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg') format('svg');
}

[class*=ey-tb-],
.ey-tb-font {
    font-family: "iconfont";
    font-size: 1rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}
.ey-tb-play-circle:before {
    content: "\e78a";
}
.ey-tb-cart:before {
    content: "\e6af";
}

.ey-tb-feilei:before {
    content: "\e64b";
}

.ey-tb-triangle-circle:before {
    content: "\e77d";
}

.ey-tb-jia-circle:before {
    content: "\e789";
}

.ey-tb-shiian:before {
    content: "\e78f";
}

.ey-tb-jianchart:before {
    content: "\e7b5";
}

.ey-tb-heart:before {
    content: "\e816";
}

.ey-tb-cc-fill:before {
    content: "\e849";
}

.ey-tb-xx:before {
    content: "\e819";
}

.ey-tb-triangle:before {
    content: "\e830";
}

.ey-tb-jian:before {
    content: "\e832";
}

.ey-tb-coll:before {
    content: "\e86a";
}

.ey-tb-ss:before {
    content: "\e8f1";
}

.ey-tb-jia:before {
    content: "\e8fe";
}
.ey-tb-more:before {
    content: "\e628";
}
.ey-tb-qrcode:before {
    content: "\e80f";
}
.ey-tb-scan:before {
    content: "\e7fd";
}
.ey-tb-user:before {
    content: "\e7b2";
}
.ey-tb-mail:before {
    content: "\e812";
}
.ey-tb-filesearch:before {
    content: "\e7c3";
}
.ey-tb-copyright:before {
    content: "\e786";
}
.ey-tb-copyright:before {
    content: "\e786";
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.btn {
    position: relative;
    display: inline-block;
    border: 1px solid #d9d9d9;
    padding: 0 .8rem;
    font-size: .7rem;
    line-height: 1.5rem;
    border-radius: .2rem;
    color: #595959;
    background: #fff;
    user-select: none;
}

.btn:hover {
    color: #ff6700;
    border-color: #ff6700;
}

.btn-red {
    background: #ff6700;
    border-color: #ff6700;
    color: #fff;
}

.btn-red:hover {
    background: #c9221a;
    border-color: #c9221a;
    color: #fff;
}

a.btn-red,
a.btn-yellow,
a.btn-blue,
a.btn-green,
a.btn-info {
    color: #fff;
}

a:hover.btn-red,
a:hover.btn-yellow,
a:hover.btn-blue,
a:hover.btn-green,
a:hover.btn-info {
    color: #fff;
}

a.btn-outline-red {
    color: #ED4014;
}

a.btn-outline-yellow {
    color: #F37B1D;
}

a.btn-outline-blue {
    color: #ff6700;
}

a.btn-outline-green {
    color: #19BE6B;
}

a.btn-outline-info {
    color: #2DB7F5;
}

.position ul {
    list-style: none;
    color: #999;
}

.position ul li {
    display: inline-block;
    font-size: 14px;
    color: #999;
    height: 46px;
    line-height: 46px;
}

.position ul li a {
    color: #999;
    font-size: 14px;
}



.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: "";
}
.nav-top {
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    cursor: pointer;
}
.nav-top .nav-top-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    background-color: #fff;
    overflow: initial !important;
}
.nav-top .nav-top-row .list-type-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
    overflow: hidden;
    padding-left: 35px;
    width: 1050px;
}
.nav-top .nav-top-row .list-type-nav a.item {
    height: 100%;
    line-height: 50px;
    overflow: hidden;
}
.nav-top .nav-top-row .list-type-nav a.item~a.item {
    margin-left: 50px;
}
.nav-top .nav-top-row .list-type-nav a.item.cur {
    color: #ff6700;
}
.nav-top .nav-top-row .more-nav {
    position: relative;
}
.nav-top .nav-top-row .more-nav .more {
    position: relative;
    display: flex;
    justify-content: center;
    width: 132px;
    height: 100%;
    line-height: 50px;
}
.nav-top .nav-top-row .more-nav .more:before {
    background-color: #efefef;
    content: " ";
    height: 16px;
    left: 0;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 1px;
}
.nav-top .nav-top-row .more-nav .more i {
    margin-right: 6px;
    font-size: 15px;
}

.nav-top .nav-top-row .more-nav .more-down {
    display: none;
    background-color: #fff;
    box-shadow: 0 3px 16px rgba(0,0,0,.06);
    padding: 44px 44px 16px;
    position: absolute;
    right: 0;
    top: 50px;
    width: 1226px;
    z-index: 1;
}
.nav-top .nav-top-row .more-nav:hover .more-down{
    display: block;
}
.nav-top .nav-top-row .more-nav .more-down a.item {
    margin: 0 40px 28px 0;
}
.nav-top .nav-top-row .more-nav .more-down a.item.cur {
    color: #ff6700;
}

.classify {
    background: #fff;
    padding: 25px 17px;
}

.classify .acea-row {
    display: flex;
    flex-wrap: wrap;
}

.classify .classify-zc {
    text-align: right;
    color: #999;
}

.classify .classify_yc {
    width: 1150px;
    padding-left: .5rem;
}
.classify .list-border-yc {
    padding-bottom: 10px;
    border-bottom: 1px dotted #efefef;
}

.classify .classify_yc a {
    display: inline-block;
    color: #999;
    margin-bottom: 10px;
    margin-right: 30px;
}
.classify .list-mb-n a {
    margin-bottom: 0;
    position: relative;
}
.classify .list-mb-n a.search-arrow:after, .classify .list-mb-n a.search-arrow:before {
    content: "";
    position: absolute;
    right: -12px;
    border: 5px solid transparent;
}
.classify .list-mb-n a.search-arrow:after {
    top: -1px;
    border-bottom-color: #999;
}
.classify .list-mb-n a.search-arrow:before {
    border-top-color: #999;
    bottom: 0px;
}
.classify .list-mb-n a.search-arrow.arrow-up:after {
    border-bottom-color: #ff6700;
}
.classify .list-mb-n a.search-arrow.arrow-down:before {
    border-top-color: #ff6700;
}
.classify a:hover {
    border-color: #ff6700;
    color: #ff6700;
    cursor: pointer;
}

.classify a.active {
    color: #ff6700;
}

.classify-red a:hover,
.classify-red a.active {
    border-color: #ED4014;
    color: #ED4014;
}

.classify-yellow a:hover,
.classify-yellow a.active {
    border-color: #F37B1D;
    color: #F37B1D;
}

.classify-blue a:hover,
.classify-blue a.active {
    border-color: #ff6700;
    color: #ff6700;
}

.classify-green a:hover,
.classify-green a.active {
    border-color: #19BE6B;
    color: #19BE6B;
}

.classify-info a:hover,
.classify-info a.active {
    border-color: #2DB7F5;
    color: #2DB7F5;
}

.classify-black a:hover,
.classify-black a.active {
    border-color: #666;
    color: #666;
}

.classify .classify_yc-pic a:hover {
    position: relative;
}


.eyou_gjc {
    position: relative;
}

.eyou_gjc+.hide {
    display: none;
}

.eyou_gjc>label {
    margin-bottom: .5rem;
}

.eyoucms-ssfm {
    display: block;
    width: 100%;
    padding: .4rem .8rem;
    font-size: .7rem;
    font-weight: 400;
    color: #495057;
    background: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    text-align: left;
}

select.eyoucms-ssfm,
textarea.eyoucms-ssfm {
    height: auto;
}

textarea.eyoucms-ssfm {
    min-height: 5rem;
}

.eyoucms-ssfm::-ms-expand {
    background-color: transparent;
    border: 0;
}

.eyoucms-ssfm:focus {
    color: #495057;
    background: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, .25);
}

.eyoucms-ssfm::-webkit-input-placeholder {
    color: #999;
}

.eyoucms-ssfm::-moz-placeholder {
    color: #999;
}

.eyoucms-ssfm:-ms-input-placeholder {
    color: #999;
}

.eyoucms-ssfm::-ms-input-placeholder {
    color: #999;
}

.eyoucms-ssfm::placeholder {
    color: #999;
}

.eyoucms-ssfm:disabled {
    background: #fafafa;
    opacity: 1;
    cursor: not-allowed;
}

.eyoucms-ssfm[readonly] {
    background: #fafafa;
    opacity: 1;
}

.eyoucms-ssfm-check {
    margin-bottom: .15rem;
    margin-right: .25rem;
    vertical-align: middle;
}

.col-form-label {
    padding-top: .5rem;
    color: #666;
    padding-right: .5rem;
}

.eyou-key {
    display: flex;
}

.eyou-key .before {
    justify-content: center;
    align-items: center;
    display: flex;
    padding: .3rem .6rem;
    font-size: .7rem;
    font-weight: 400;
    color: #495057;
    border: 1px solid #ced4da;
    border-right: 0;
    background: #F6F7FF;
    border-radius: 0.2rem 0 0 0.2rem;
}

.eyou-key .tijiao {
    justify-content: center;
    align-items: center;
    display: flex;
    padding: .3rem 0.35rem;
    font-size: .7rem;
    font-weight: 400;
    color: #495057;
    border: 1px solid #ced4da;
    border-left: 0;
    background: #F6F7FF;
    white-space: nowrap;
}

.eyou-key a.tijiao {
    font-size: .7rem;
    padding: .3rem .6rem;
    cursor: pointer;
    font-family: microsoft yahei;
}

.eyou-key a.tijiao:before {
    margin-right: .25rem;
    font-size: .9rem;
    color: #999;
    font-family: "iconfont";
}

.eyou-key a:hover.tijiao,
.eyou-key a:hover.tijiao:before {
    color: #f30;
}

.eyou-key .code {
    min-height: 2.2rem;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 0 .6rem;
    border: 1px solid #ced4da;
    border-left: 0;
    background: #fff;
    border-radius: 0;
    cursor: pointer;
    border-radius: 0 .2rem .2rem 0;
}

.eyou-key .code img {
    height: 2.2rem;
    border-radius: 0 .2rem .2rem 0;
}

.eyou-key .eyoucms-ssfm {
    flex: 1;
}

.eyou-key-check {
    padding-top: .35rem;
}

.eyou-key-check label {
    margin-right: .5rem;
}

.eyou-key .radius-none {
    border-radius: 0;
}

.eyou-key .radius-left-none {
    border-radius: 0 .2rem .2rem 0;
}

.eyou-key .radius-right-none {
    border-radius: .2rem 0 0 .2rem;
}

.eyou-key .radius-none {
    border-radius: 0;
}

.eyoucms-ssfm.w-auto {
    width: auto;
    display: inline-block;
}

.amount_wrap {
    display: flex;
    border: 1px solid #dadada;
    border-radius: 4px;
    background: #fff;
}

.amount_wrap:hover {
    border-color: #ff9380;
}

.inputnumber-text {
    padding: .25rem;
    min-width: 2.5rem;
    border-radius: .1rem 0 0 .1rem;
    text-align: center;
}

.inputnumber:focus {
    box-shadow: none;
    border: 0;
}

.amount_min,
.amount_max {
    display: inline-block;
    padding: .25rem .5rem .15rem .5rem;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    color: #555;
}

.amount_min {
    border-right: 1px solid #dadada;
}
.amount_max {
    border-left: 1px solid #dadada;
}
.amount_min:hover,
.amount_max:hover {
    color: #ff6700;
    border-color: #ff9380;
    z-index: 1;
}

.amount_min i,
.amount_max i {
    font-size: .7rem;
}

.amount_min.inputnumber-disabled,
.amount_max.inputnumber-disabled {
    cursor: not-allowed;
    color: #999;
}

.amount_min.inputnumber-disabled:hover,
.amount_max.inputnumber-disabled:hover {
    border-color: #dadada;
}

.amount_wrap.disabled {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    background: #fafafa;
    cursor: not-allowed;
}

.amount_wrap.disabled:hover {
    border-color: #dadada;
}

.amount_wrap.disabled .amount_min,
.amount_wrap.disabled .amount_max,
.amount_wrap.disabled .inputnumber-text {
    cursor: not-allowed;
    color: #999;
}

.amount_wrap.disabled .amount_min:hover,
.amount_wrap.disabled .amount_max:hover {
    border-color: #dadada;
    color: #999;
}

.inputnumber-center .amount_min {
    border-left: 0;
    border-right-width: 1px;
}

.list {
    list-style: none;
}

.list li {
    border-bottom: 1px solid #e4eaec;
    padding: .5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.list li a {
    color: #333;
    flex: 1;
}

.list li a:hover {
    color: #f30;
}

.list li a .ui-icon-font {
    margin: 0 .5rem 0 .25rem;
    color: #999;
}

.list li .arrow {
    padding: 0 .25rem 0 .45rem;
}

.list li .arrow:after {
    content: "\e82a";
    font-family: "iconfont";
    color: #ccc;
    font-size: 1rem;
}

.list-border {
    border: 1px solid #e4eaec;
    border-bottom: 0;
}

.list-striped li:nth-child(even) {
    background: #F9FBFD;
}

.list-hover li:hover {
    background: #F9FBFD;
}

.list-border .arrow {
    padding: 0 .45rem;
}

.list .active {
    background: #F5FAFE;
}

.list_border_none li {
    border-bottom: 0;
    padding: 0;
}

.eyou-wzlb .media {
    margin-bottom: 1rem;
    padding-bottom: .75rem;
}

.eyou-wzlb .media:last-child {
    margin-bottom: 0;
}

.media {
    display: flex;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: .25rem;
}

.news_pic {}

.news_pic img,
.news_pic svg {
    border: 1px solid #eaeaea;
    padding: .15rem;
    text-anchor: middle;
}

.news_index {
    flex: 1;
    position: relative;
}

.news-toubu {
    font-size: .8rem;
    margin: 0 0 .25rem 0;
}

.news_miaos {
    font-size: .7rem;
    line-height: 1.2rem;
    color: #888;
    word-break: break-all;
}

.news_tsj {
    font-size: .6rem;
    color: #999;
    margin-top: .25rem;
    vertical-align: middle;
}

.menu {
    display: flex;
    border-bottom: 1px solid #eaeaea;
    justify-content: space-between;
    align-items: center;
    line-height: 2rem;
}

.menu .eyou_mz {
    font-size: 18px;
    color: #333;
}


.menu-yellow .eyou_mz {
    color: #F37B1D;
}

.eyou_hs .eyou_mz {
    color: #ff6700;
}

.nav ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
}

.nav ul li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

.nav ul li a {
    display: flex;
    padding: 0 15px;
    text-align: center;
    align-items: center;
}

.nav ul li a:hover {}

.nav ul li.active a {}

.nav ul li ul {
    position: absolute;
    min-width: 10rem;
    border: 1px solid #d9d9d9;
    background: #fff;
    opacity: 0;
    transition: all .3s ease 0s;
    visibility: hidden;
    transform: translate3d(0, .5rem, 0);
    box-shadow: 0 .15rem .5rem 0 rgba(51, 51, 51, 0.1);
    z-index: 20;
}

.nav ul li ul li {
    display: block;
    z-index: 1;
}

.nav ul li ul li a {
    text-align: left;
    color: #333;
    white-space: nowrap;
}

.nav ul li ul li a:hover {
    background: #ff6700;
    color: #fff;
}

.nav ul li:hover ul {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    visibility: visible;
}

.approve ul {
    list-style: none;
    display: flex;
}

.approve ul li:last-child a {
    border-right: unset;
}

.approve ul li a {
    border-right: 1px solid #e0e0e0;
    padding: .5rem 1rem;
    color: #666;
    display: block;
}

.approve ul li a:hover {
    color: #ff6700;
}

.approve ul li a i {
    font-size: .6rem;
    margin-left: .25rem;
}

.approve ul li a.active {
    color: #ff6700;
}

.imgshow {
    height: auto;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.imgshow:after {
    content: " ";
    clear: both;
    display: table;
}

.imgshow_project {
    position: relative;
    z-index: 1;
    float: left;
    width: 234px;
    margin-left: 14px;
    margin-bottom: 14px;
    background: #fff;
    transition: box-shadow .5s linear, -webkit-box-shadow .5s linear;
    box-sizing: unset;
}

.imgshow_project>a {
    display: block;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* padding: 20px 0; */
}

.eyou_ject {
    height: 356px;
}

.imgshow-more a {
    display: block;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0;
}

.imgshow_project:hover {
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1);
}

.imgshow-pic {
    position: relative;
    overflow: hidden;
}

.imgshow-pic img {
    width: 100%;
    position: absolute;
    z-index: 1;
}

.imgshow-pic .upload {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    color: #ccc;
    cursor: pointer;
    background: #f9f9f9;
}

.imgshow-pic .upload:hover {
    color: #333;
}

.imgshow-pic em {
    position: absolute;
    right: -3.7rem;
    top: .5rem;
    z-index: 10;
    width: 10rem;
    line-height: 1.6rem;
    background: #2DB7F5;
    color: #fff;
    font-size: .65rem;
    text-align: center;
    font-style: normal;
    transform: rotate(45deg);
}

.imgshow-pic em.bg-red {
    background: #ED4014;
}

.imgshow-pic em.bg-yellow {
    background: #F37B1D;
}

.imgshow-pic em.bg-blue {
    background: #ff6700;
}

.imgshow-pic em.bg-green {
    background: #19BE6B;
}

.imgshow-pic em.bg-info {
    background: #2DB7F5;
}

.imgshow-contain {
    padding: 0 15px;
}

.imgshow_cap {
    margin-top:5px;
    font-size: 14px;
    font-weight: 400;
    color: #5a5a5a;
    height: 36px;
    line-height: 18px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all;
    -webkit-line-clamp: 2;
}

.imgshow_curve {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.brick-item-m .sort {
    margin: 0 10px 10px;
    height: 18px;
    font-size: 12px;
    color: #b0b0b0;
}

.imgshow-jiage {
    flex: 1;
}
.imgshow-jiage .price {
    display: flex;
    align-items: flex-end;
}
.imgshow-jiage .price-unit {
    font-size: 14px;
    margin-bottom: 3px;
    margin-right: 2px;
    color: #ff6700;
}
.imgshow-jiage .price .num{
    font-size: 22px;
    font-weight: 700;
    color: #ff6700;
}


.imgshow-jiage .price del {
    margin-left: .5em;
    color: #b0b0b0;
}
.imgshow-jiage .y_money {
    color: #aaa;
    font-size: 12px;
    margin-left: 8px;
    margin-bottom: 4px;
    text-decoration: line-through;
}


.imgshow_curve .sort {
    margin: 0 0 5px;
    height: 18px;
    font-size: 12px;
    color: #b0b0b0;
}



.imgshow_curve .action {}

.imgshow_curve .action a.btn {
    border-radius: 2.5rem;
    padding: 0 1rem;
}

.imgshow-col-2 .imgshow_project {
    width: 48.5%;
}

.imgshow-col-3 .imgshow_project {
    width: 31.8%;
}

.imgshow-cb .imgshow_project {
    width: 234px;
    margin-right: 14px;
    margin-left: 0;
    transition: box-shadow .5s linear, -webkit-box-shadow .5s linear;
}

.imgshow-cb .imgshow_project:nth-child(5n) {
    margin-right: 0;
}

.imgshow_a .imgshow-pic {
    width: 204px;
    height: 204px;
    margin: 15px;
}

.imgshow-3-2 .imgshow-pic {
    padding-bottom: 66.6%;
}

.imgshow-3-4 .imgshow-pic {
    padding-bottom: 133.3%;
}

.imgshow-16-9 .imgshow-pic {
    padding-bottom: 56.2%;
}

.imgshow_ac .imgshow-pic img {
    min-height: 100%;
}

.imgshow-pic .upload-action {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .75rem;
    z-index: 2;
    background: rgba(0, 0, 0, .4);
    transition: all .5s ease 0s;
}

.imgshow-pic .upload-action a {
    font-size: 1rem;
    color: #999;
    margin: 0 .25rem;
}

.imgshow-pic .upload-action a:hover {
    color: #fff;
}

.imgshow-pic:hover .upload-action {
    bottom: 0;
}

.imgshow-top {
    margin-top: -.75rem;
}

.page {
    display: block;
    width: 100%;
    user-select: none;
}

.page ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    color: #999;
    justify-content: center;
    align-items: center;
    margin-left: .05rem;
}

.page ul li {
    font-size: 0;
    list-style: none;
    display: inline-block;
    border: 1px solid #d9d9d9;
    margin-left: -.05rem;
}

.page ul li:first-child,
.page ul li:first-child a {
    border-radius: .1rem 0 0 .1rem;
}

.page ul li:last-child,
.page ul li:last-child a {
    border-radius: 0 .1rem .1rem 0;
}

.page ul li a {
    font-size: .7rem;
    display: block;
    padding: 0 .65rem;
    line-height: 1.75rem;
    color: #444;
    background: #fff;
}

.page ul li a:not([href]) {
    color: #999;
    cursor: not-allowed;
}

.page ul li.active {
    border-color: #ff6700;
    background: #ff6700;
}

.page ul li.active a {
    color: #fff;
    background: #ff6700;
}

.page ul li.active a:hover {
    background: #ff6700;
}

.page ul li:hover a {
    background: #f9f9f9;
}

@-webkit-keyframes progress-bar-active {
    from {
        background-position: 1.5rem 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-active {
    from {
        background-position: 1.5rem 0
    }

    to {
        background-position: 0 0
    }
}

.table {
    width: 100%;
}

.table th {
    padding: .5rem .75rem;
    white-space: nowrap;
    border-bottom: .1rem solid #eee;
    white-space: nowrap;
}

.table td {
    padding: .5rem .75rem;
    border-bottom: 1px solid #eee;
    font-size: .65rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-height: 2rem;
}

.table .thead-dark {
    background: #697076;
}

.table .thead-dark th {
    color: #fff;
    border-color: #697076;
}

.table .thead-gray {
    background: #fafafa;
}

.table .thead-gray th {
    border-color: #eee;
}

.table-border,
.table-border th,
.table-border td {
    border: 1px solid #eee;
    text-align: center;
}

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

.table .top-wenzi {
    text-align: right;
}

.table-hover tr:hover {
    background: #EBF7FF;
}

.table-striped tr:nth-child(even) {
    background: #FBFDFF;
}

.table-striped tr:nth-child(even):hover {
    background: #EBF7FF;
}

.table .thead-dark tr:hover {
    background: #697076;
}

.table .thead-gray tr:hover {
    background: #fafafa;
}

.table td .switch {
    margin-top: .25rem;
}

.table td [class*=ui-icon-] {
    font-size: .95rem;
}

.table td a [class*=ui-icon-] {
    color: #999;
}

.table td a:hover [class*=ui-icon-] {
    color: #f30;
}

.table td del {
    color: #999;
}

.table .ui-active {
    background: #EBF7FF;
}

.table .ui-active tr:hover {
    background: #EBF7FF;
}

.table .border-left-none {
    border-left: 0;
}

.table .border-right-none {
    border-right: 0;
}

.table td .image {
    border: 1px solid #f3f3f3;
    width: 64px;
    vertical-align: text-top;
    margin-right: 15px;
    float: left;
    padding: 2px;
}

.select:after {
    display: table;
    content: " ";
    clear: both;
}

.eyou_tab_switch.fixed {  
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 9;
}
.eyou_tab_switch.fixed .eyou_switch_box {  
    width: 1226px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.eyou_switch .eyou_switch_box {
    border-bottom: 0 solid #e4eaec;
    font-size: 0;
    flex: 1;
}

.eyou_switch li {
    display: inline-block;
    margin-right: .5rem;
}

.eyou_switch li a {
    display: block;
    color: #76838F;
    padding: .6rem 0rem;
    font-size: 0.8rem;
}

.eyou_switch li a:hover,.eyou_switch li.active a {
    color: #ff6700;
}


.eyou_matter {
    padding: 0;
}

.eyou_matter .eyou-contain {
    display: none;
}
.eyou_matter .eyou-contain.active {
    display: block;
}
.eyou_matter .eyou-contain .eyou-contain-box{
    display: block;
    height: auto;
    margin-bottom: 30px;
}
.eyou_matter .eyou-contain img {
    max-width: 100%;
}
.eyou-contain .h2-name {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: #11192d;
    margin-bottom: 24px;
}

.eyou-theme {
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.eyou-theme .eyou-cap {
    /* justify-content: flex-start; */
    /* display: flex; */
    flex: 1;
    /* font-size: .9rem; */
    /* font-weight: 400; */
}

.eyou-theme .eyou_switch {
    justify-content: flex-end;
    display: flex;
}

.eyou-theme .eyou_switch li {
    margin-left: .5rem;
    margin-right: 0;
}

.eyou_matter .eyou-contain .eyou_switch li.active {
    display: inline-block;
}

@media(max-width:576px) {

    .modal,
    .dialog {
        max-width: 95%;
    }

    .imgshow-pic em {
        position: absolute;
        right: -4rem;
        top: .43rem;
        z-index: 10;
        width: 10rem;
        height: 1.2rem;
        line-height: 1.3rem;
        background: #2DB7F5;
        color: #fff;
        font-size: .45rem;
        text-align: center;
        font-style: normal;
        transform: rotate(45deg);
    }

    .page ul li a {
        font-size: .6rem;
        padding: 0 .6rem;
        line-height: 1.5rem;
    }

    .imgshow-jiage strong {
        font-size: .75rem;
        font-weight: normal;
    }
}

.mwidth {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}

.eyoucms_top-logo {
    padding: 0 .5rem .25rem 0;
}

.eyoucms_top-logo a {
    color: #fff;
}

.eyoucms_top-search {
    flex: 1;
    justify-content: flex-end;
    color: #fff;
    text-align: right;
    padding-right: 1rem;
    position: relative;
}

.eyoucms_top-search input {
    background: #fff;
    border: 1px solid rgba(255, 255, 255, .5);
    line-height: 1.5rem;
    height: 1.7rem;
    padding: 0 .75rem;
    border-radius: 1rem;
    color: #666;
    width: 100%;
    margin-left: 1rem;
}

.eyoucms_top-search button {
    position: absolute;
    background: none;
    width: 1.5rem;
    border: 0;
    top: 0;
    right: .5rem;
    top: .1rem;
}

.eyoucms_top-search button:focus {
    border: 0;
}

.eyoucms_top-search button i {
    color: #999;
}

.eyoucms_top-search-layout {
    flex: 1;
    justify-content: flex-end;
    text-align: right;
    padding-right: 1rem;
    position: relative;
}

.eyoucms_top-search-layout a {
    background: #fff;
    border: 1px solid rgba(255, 255, 255, .5);
    line-height: 1.5rem;
    height: 1.7rem;
    padding: .5rem .75rem;
    border-radius: 1rem;
    color: #666;
    width: 100%;
    margin-left: 1rem;
    display: block;
    text-align: left;
    line-height: 1;
}

.eyoucms_top-search-layout i {
    position: absolute;
    top: 10%;
    right: .75rem;
    color: #999;
}

.eyoucms_top-three {
    justify-content: space-between;
}

.eyoucms_top-left {
    color: #fff;
    min-width: 1rem;
    cursor: pointer;
}

.eyoucms_top-left a {
    color: #fff;
}

.eyoucms_top-title {
    color: #fff;
    font-size: .8rem;
    padding: 0 1rem;
}

.eyoucms_top-right {
    color: #fff;
    min-width: 1rem;
}

.eyoucms_top-right a {
    color: #fff;
}

.eyoucms_top-red {
    background: #ED4014;
}

.eyoucms_top-yellow {
    background: #F37B1D;
}

.eyoucms_top-blue {
    background: #ff6700;
}

.eyoucms_top-green {
    background: #19BE6B;
}

.eyoucms_top-info {
    background: #2DB7F5;
}

.eyoucms_top-black {
    background: #222;
}

.eyoucms_top-white {
    background: #fff;
}

.eyoucms_top-white .eyoucms_top-left a {
    color: #333;
}

.eyoucms_top-white .eyoucms_top-title {
    color: #333;
}

.eyoucms_top-white .eyoucms_top-right {
    color: #333;
}

.eyoucms_top-white .eyoucms_top-right a {
    color: #333;
}

.eyoucms_top-opacity {
    background: none;
    z-index: 999;
    position: relative;
}

.eyoucms_top-opacity .eyoucms_top-left a {
    color: #fff;
    background: rgba(51, 51, 51, .2);
    padding: 5px;
    border-radius: 50%;
}

.eyoucms_top-opacity .eyoucms_top-right a {
    color: #fff;
    background: rgba(51, 51, 51, .2);
    padding: 5px;
    border-radius: 50%;
}

.eyoucms_top-opacity .eyoucms_top-title ul {
    list-style: none;
    display: none;
    margin-bottom: -.3rem;
}

.eyoucms_top-opacity .eyoucms_top-title ul li {
    font-size: 13px;
    padding: 0 8px;
}

.eyoucms_top-opacity .eyoucms_top-title ul li a {
    border-bottom: 2px solid transparent;
    display: flex;
    padding-bottom: 5px;
}

.eyoucms_top-opacity .eyoucms_top-title ul li.active a {
    border-bottom-color: #ff6700;
    color: #ff6700;
}

.eyoucms_top-show {
    background: #fff;
    transition: background 1s;
    border-bottom: 1px solid #eee;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
}

.eyoucms_top-show .eyoucms_top-left {
    font-size: .8rem;
    color: #333;
}

.eyoucms_top-show .eyoucms_top-left a {
    color: #333;
    background: #fff;
    transition: background 1s;
    padding: 5px;
    font-size: .8rem;
}

.eyoucms_top-show .eyoucms_top-right a {
    color: #333;
    background: #fff;
    transition: background 1s;
    padding: 5px;
}

.eyoucms_top-show .eyoucms_top-title {
    color: #333;
}

.eyoucms_top-show .eyoucms_top-title ul {
    display: flex;
}


.wcontent {
	clear: both;
	overflow: hidden;
	width: 1226px;
	margin: 0 auto 0;
	padding-top: 16px
}
.wcontent .hotcontent {
    display: flex;
}
.wcontent .hotcontent .hot-left {
    float: left;
    height: 170px;
    width: 230px;
    padding: 3px 4px;
    background: #5f5750;
}
.wcontent .hotcontent .hot-left ul li {
    position: relative;
    float: left;
    width: 74px;
    height: 82px;
    padding: 0 3px;
}
.wcontent .hotcontent .hot-left ul li:after, .wcontent .hotcontent .hot-left ul li:before {
    position: absolute;
    content: "";
    background: #665e57;
}
.wcontent .hotcontent .hot-left ul li:before {
    top: -1px;
    left: 6px;
    width: 64px;
    height: 1px;
}
.wcontent .hotcontent .hot-left ul li:after {
    top: 6px;
    left: 0;
    width: 1px;
    height: 70px;
}
.wcontent .hotcontent .hot-left ul li:first-child::after {
    width: 0;
}
.wcontent .hotcontent .hot-left ul li:nth-child(4):after {
    width: 0;
}
.wcontent .hotcontent .hot-left ul li a {
    display: block;
    text-align: center;
    padding-top: 18px;
    text-overflow: ellipsis;
    color: #fff;
    opacity: .7;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}
.wcontent .hotcontent .hot-left ul li a i {
    margin: 0;
    font-size: 22px;
}
.wcontent .hotcontent .hot-left ul li a span{
    display: block;
    font-size: 12px;
}
.wcontent .hotcontent .hot-right {
    flex: 1;
}
.wcontent .hotcontent .hot-right ul li {
    margin-left: 16px;
	width: 316px;
	height: 170px;
	background: #fff;
	border-radius: 1px;
	float: left;
	overflow: hidden;
}
.wcontent .hotcontent .hot-right ul li img {
    height: 170px;
    width: 316px;
}
.wcontent .seckill {
    display: flex;
    flex-wrap: nowrap;
}
.wcontent .seckill .seckill-left {
    padding: 44px 0;
    width: 230px;
    height: 266px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: url(../images/skillbg.jpg) no-repeat;
    background-size: 100% 100%;
}
.wcontent .seckill .seckill-left .title {
    font-size: 28px;
    font-weight: 700;
}
.wcontent .seckill .seckill-left .timebox {
    margin-top: 20px;
}
.wcontent .seckill .seckill-left  .lines {
    background: #fff;
    height: 2px;
    margin: 10px auto 0;
    width: 17px;
}
.wcontent .seckill .seckill-left .tip {
    margin-top: 10px;
}
.wcontent .seckill .seckill-left .time {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.wcontent .seckill .seckill-left .time .red {
    margin: 4px 5px;
}
.wcontent .seckill .seckill-left .time .style {
    background-color: #222;
    font-weight: 700;
    padding: 5px;
}
.wcontent .seckill .seckill-right {
    background-color: #fff;
    height: 266px;
    position: relative;
    width: 996px;
}
.wcontent .seckill .seckill-right .swiper-container {
    width: 996px;
    height: 266px;
}
.wcontent .seckill .seckill-right .arrow-left {
    background: url(../images/slider1-1.png) no-repeat left top;
    position: absolute;
    left: 0;
    top: 42%;
    width: 25px;
    height: 40px;
    cursor: pointer;
}
.wcontent .seckill .seckill-right .arrow-right {
    background: url(../images/slider1-2.png) no-repeat left bottom;
    position: absolute;
    right: 0;
    top: 42%;
    width: 25px;
    height: 40px;
    cursor: pointer;
}
.wcontent .seckill .seckill-right .seckill-item {
    cursor: pointer;
    display: inline-block;
    position: relative;
}
.wcontent .seckill .seckill-right .seckill-item .seckill-item-box {
    margin: 0 auto;
    padding: 15px 0;
}
.wcontent .seckill .seckill-right .seckill-item .pictrue {
    margin: 0 auto;
    width: 170px;
    height: 170px;
}
.wcontent .seckill .seckill-right .seckill-item .pictrue img {
    height: 100%;
    width: 100%;
}
.wcontent .seckill .seckill-right .seckill-item .name {
    color: #282828;
    margin: 10px auto 0;
    text-align: center;
    width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wcontent .seckill .seckill-right .seckill-item .money {
    margin: 11px auto 0;
    text-align: center;
    width: 170px;
}
.wcontent .seckill .seckill-right .seckill-item .money .u-money {
    font-size: 16px;
    font-weight: 700;
    color: #ff6700;
}
.wcontent .seckill .seckill-right .seckill-item .money .h-money {
    color: #a3a3a3;
    margin-left: 6px;
    text-decoration: line-through;
}
/* 行距 begin*/
.blank {
    height: 10px;
    line-height: 10px;
    clear: both;
    font-size: 0
}

.blank-small {
    height: 20px;
    line-height: 20px;
    clear: both;
    font-size: 0
}

.blank-middle {
    height: 30px;
    line-height: 30px;
    clear: both;
    font-size: 0
}

.blank-big {
    height: 50px;
    line-height: 50px;
    clear: both;
    font-size: 0
}

.blank-large {
    height: 80px;
    line-height: 80px;
    clear: both;
    font-size: 0
}
.w-100 {
    width: 100%;
}

.w-auto {
    width: auto;
}

.h-25 {
    height: 25%;
}

.h-50 {
    height: 50%;
}

.h-75 {
    height: 75%;
}

.h-100 {
    height: 100%;
}

.h-auto {
    height: auto;
}

.mw-100 {
    max-width: 100%;
}

.mh-100 {
    max-height: 100%;
}

.min-vw-100 {
    min-width: 100vw;
}

.min-vh-100 {
    min-height: 100vh;
}

.min-100 {
    min-height: 100px;
}

.min-200 {
    min-height: 200px;
}

.min-300 {
    min-height: 300px;
}

.min-400 {
    min-height: 400px;
}

.vw-100 {
    width: 100vw;
}

.vh-100 {
    height: 100vh;
}

.p {
    padding: .5rem;
}

.p-0 {
    padding: 0;
}

.p-sm {
    padding: .25rem;
}

.p-10 {
    padding: .5rem;
}

.p-15 {
    padding: .75rem;
}

.p-20 {
    padding: 1rem;
}

.p-30 {
    padding: 1.5rem;
}

.p-40 {
    padding: 2rem;
}

.pt {
    padding-top: .5rem;
}

.pt-0 {
    padding-top: 0;
}

.pt-sm {
    padding-top: .25rem;
}

.pt-10 {
    padding-top: .5rem;
}

.pt-15 {
    padding-top: .75rem;
}

.pt-20 {
    padding-top: 1rem;
}

.pt-30 {
    padding-top: 1.5rem;
}

.pt-40 {
    padding-top: 2rem;
}

.pb {
    padding-bottom: .5rem;
}

.pb-0 {
    padding-bottom: 0;
}

.pb-sm {
    padding-bottom: .25rem;
}

.pb-10 {
    padding-bottom: .5rem;
}

.pb-15 {
    padding-bottom: .75rem;
}

.pb-20 {
    padding-bottom: 1rem;
}

.pl {
    padding-left: .5rem;
}

.pl-0 {
    padding-left: 0;
}

.pl-sm {
    padding-left: .25rem;
}

.pl-10 {
    padding-left: .5rem;
}

.pl-15 {
    padding-left: .75rem;
}

.pl-20 {
    padding-left: 1rem;
}

.pl-30 {
    padding-left: 1.5rem;
}

.pl-40 {
    padding-left: 2rem;
}

.pr {
    padding-right: .5rem;
}

.pr-0 {
    padding-right: 0;
}

.pr-sm {
    padding-right: .25rem;
}

.pr-10 {
    padding-right: .5rem;
}

.pr-15 {
    padding-right: .75rem;
}

.pr-20 {
    padding-right: 1rem;
}

.pr-30 {
    padding-right: 1.5rem;
}

.pr-40 {
    padding-right: 2rem;
}

.m {
    margin: .5rem;
}

.m-0 {
    margin: 0;
}

.m-sm {
    margin: .25rem;
}

.m-10 {
    margin: .5rem;
}

.m-15 {
    margin: .75rem;
}

.m-20 {
    margin: 1rem;
}

.m-30 {
    margin: 1.5rem;
}

.m-40 {
    margin: 2rem;
}

.mt {
    margin-top: .5rem;
}

.mt-0 {
    margin-top: 0;
}

.mt-sm {
    margin-top: .25rem;
}

.mt-10 {
    margin-top: .5rem;
}

.mt-15 {
    margin-top: .75rem;
}

.mt-20 {
    margin-top: 1rem;
}

.mt-30 {
    margin-top: 1.5rem;
}

.mt-40 {
    margin-top: 2rem;
}

.mb {
    margin-bottom: .5rem;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-sm {
    margin-bottom: .25rem;
}

.mb-10 {
    margin-bottom: .5rem;
}

.mb-15 {
    margin-bottom: .75rem;
}

.mb-20 {
    margin-bottom: 1rem;
}

.mb-30 {
    margin-bottom: 1.5rem;
}

.mb-40 {
    margin-bottom: 2rem;
}

.ml {
    margin-left: .5rem;
}

.ml-0 {
    margin-left: 0;
}

.ml-sm {
    margin-left: .25rem;
}

.ml-10 {
    margin-left: .5rem;
}

.ml-15 {
    margin-left: .75rem;
}

.ml-20 {
    margin-left: 1rem;
}

.ml-30 {
    margin-left: 1.5rem;
}

.ml-40 {
    margin-left: 2rem;
}

.mr {
    margin-right: .5rem;
}

.mr-0 {
    margin-right: 0;
}

.mr-sm {
    margin-right: .25rem;
}

.mr-10 {
    margin-right: .5rem;
}

.mr-15 {
    margin-right: .75rem;
}

.mr-20 {
    margin-right: 1rem;
}

.mr-30 {
    margin-right: 1.5rem;
}

.mr-40 {
    margin-right: 2rem;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

.show {
    display: block;
}

.hide {
    display: none;
}

@media print {
    .ui-print-hide {
        display: none !important
    }
}

.bd {
    border: 1px solid #eaeaea;
}

.bg-white {
    background: #fff;
}

.bg-gray {
    background: #f6f6f6;
}

.bg-red {
    background: #ED4014;
}

.bg-yellow {
    background: #F37B1D;
}

.bg-blue {
    background: #ff6700;
}

.bg-green {
    background: #19BE6B;
}

.bg-info {
    background: #2DB7F5;
}

.bg-info {
    background: #2DB7F5;
}

.eyoucms-wel {
    color: #ED4014;
}

.text-yellow {
    color: #F37B1D;
}

.text-blue {
    color: #ff6700;
}

.text-green {
    color: #19BE6B;
}

.text-info {
    color: #2DB7F5;
}

.text-white {
    color: #fff;
}

.text-black {
    color: #000;
}

.text-gray {
    color: #999;
}

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

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

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

.news_index,
.eyou_dhlb,
.eyou_wenben a {
    color: #333;
}

.news_index,
.eyou_dhlb,
.eyou_wenben a:hover {
    color: #ff6700;
}

.radius {
    border-radius: 50%;
}

.radius img,
.radius svg {
    border-radius: 50%;
}

.radius-sm {
    border-radius: .02rem;
}

.disabled,
button:disabled {
    cursor: not-allowed;
}








@-webkit-keyframes a-rotate {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg)
    }
}

@-moz-keyframes a-rotate {
    0% {
        -moz-transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg)
    }
}

@-ms-keyframes a-rotate {
    0% {
        -ms-transform: rotate(0deg)
    }

    100% {
        -ms-transform: rotate(359deg)
    }
}

@keyframes a-rotate {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(359deg)
    }
}

@-webkit-keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes scale-up {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale-up {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes scale-down {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale-down {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes slide-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slide-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slide-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slide-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10% {
        -webkit-transform: translateX(-9px);
        transform: translateX(-9px)
    }

    20% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    30% {
        -webkit-transform: translateX(-7px);
        transform: translateX(-7px)
    }

    40% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    50% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    60% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    70% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

    90% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px)
    }
}

@keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10% {
        -webkit-transform: translateX(-9px);
        transform: translateX(-9px)
    }

    20% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    30% {
        -webkit-transform: translateX(-7px);
        transform: translateX(-7px)
    }

    40% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    50% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    60% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    70% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

    90% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px)
    }
}

@-webkit-keyframes slide-top-fixed {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slide-top-fixed {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slide-bottom-fixed {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slide-bottom-fixed {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes right-spring {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(-20%);
        transform: translateX(-20%)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes right-spring {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(-20%);
        transform: translateX(-20%)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes left-spring {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(20%);
        transform: translateX(20%)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes left-spring {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(20%);
        transform: translateX(20%)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes f {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes f {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}