* {
	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;
}
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-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-cc: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";
}
.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: #e2231a;
	border-color: #e2231a;
}
.btn-red {
	background: #e2231a;
	border-color: #e2231a;
	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: #e2231a;
}
a.btn-outline-green {
	color: #19BE6B;
}
a.btn-outline-info {
	color: #2DB7F5;
}
.crumbs ul {
	list-style: none;
	color: #999;
}
.crumbs ul li {
	display: inline-block;
font-size:.7rem;
	color: #999;
}
.crumbs ul a {
	color: #999;
}
.crumbs ul li + li:before {
padding:0 .4rem;
	content: "/\00a0";
	color: #999;
font-size:.6rem;
	font-family: 宋体;
}
.crumbs_a ul li + li:before {
	content: ">>";
}
.crumbs-2 ul li + li:before {
	content: ">";
}
.crumbs ul li a {
font-size:.7rem;
}
.crumbs ul li a[class*="icon"]:before {
	color: #999;
font-size:.8rem;
padding-right:.25rem;
}
.carousel {
	position: relative;
}
.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.carousel-inner::after {
	display: block;
	clear: both;
	content: "";
}
.classify {
	background: #fff;
padding:.5rem 1rem 1rem 0;
}
.classify .classify-zc {
	text-align: right;
padding-top:.9rem;
	color: #999;
}
.classify .classify_yc {
padding-left:.5rem;
}
.classify .classify_yc a {
padding:.4rem .75rem;
border-radius:.1rem;
margin:.5rem .5rem 0 0;
	display: inline-block;
	color: #999;
}
.classify a:hover {
	border-color: #e2231a;
	color: #e2231a;
	cursor: pointer;
}
.classify a.active {
	color: #e2231a;
}
.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: #e2231a;
	color: #e2231a;
}
.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;
}
.classify .classify_yc-pic a.active {
	position: relative;
}
.classify .classify_yc-pic a:first-child {
margin-right:.75rem;
}
.eyou_gjc {
margin-bottom:.5rem;
padding-bottom:.25rem;
	position: relative;
}
.eyou_gjc+.hide {
	display: none;
}
.eyou_gjc > label {
margin-bottom:.5rem;
}
.eyoucms-ssfm {
	display: block;
	width: 100%;
padding:.6rem .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 button.tijiao {
padding:.3rem .8rem;
}
.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: inline-block;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
	border: 1px solid #dadada;
border-radius:.1rem;
	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;
	border: 1px solid #dadada;
	border-top: 0;
	border-bottom: 0;
padding:.25rem .5rem .15rem .5rem;
	cursor: pointer;
	margin-right: -1px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	color: #555;
}
.amount_min {
	border-left: 0;
}
.amount_min:hover, .amount_max:hover {
	color: #e2231a;
	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 {
	color: #333;
border-bottom:.1rem solid #999;
	margin-bottom: -1px;
	font-size: 15px;
}
.menu-red .eyou_mz {
	color: #ED4014;
	border-bottom-color: #ED4014;
}
.menu-yellow .eyou_mz {
	color: #F37B1D;
	border-bottom-color: #F37B1D;
}
.eyou_hs .eyou_mz {
	color: #e2231a;
	border-bottom-color: #e2231a;
}
.nav ul {
	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: block;
padding:.5rem .6rem;
	text-align: center;
font-size:.7rem;
}
.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: #e2231a;
	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: #e2231a;
}
.approve ul li a i {
font-size:.6rem;
margin-left:.25rem;
}
.approve ul li a.active {
	color: #e2231a;
}
.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: 340px;
}
.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);
	background: rgba(251,32,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: #e2231a;
}
.imgshow-pic em.bg-green {
	background: #19BE6B;
}
.imgshow-pic em.bg-info {
	background: #2DB7F5;
}
.imgshow_cap {
	margin: 0 10px 2px;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	text-align: center;
}
.imgshow_curve {
	display: flex;
	align-items: center;
}
.brick-item-m .sort {
	margin: 0 10px 10px;
	height: 18px;
	font-size: 12px;
	color: #b0b0b0;
}
.imgshow-jiage {
	color: #333;
	flex: 1;
font-size:.7rem;
	text-align: center;
}
.imgshow-jiage .sort {
	margin: 0 10px 10px;
	height: 18px;
	font-size: 12px;
	color: #b0b0b0;
}
.imgshow-jiage .price {
	margin: 0 10px 14px;
	text-align: center;
	color: #ED4014;
	line-height:30px;
	background:#000;
}


.imgshow_project:hover .price{
	background:blueviolet;
	color:#FFF;
}


.imgshow-jiage .price del {
	margin-left: .5em;
	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: 210px;
	height: 210px;
	margin: 0 auto 18px;
}
.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 {
	user-select: none;
}
.page ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
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: #e2231a;
	background: #e2231a;
}
.page ul li.active a {
	color: #fff;
	background: #e2231a;
}
.page ul li.active a:hover {
	background: #e2231a;
}
.page ul li:hover a {
	background: #f9f9f9;
}
.page-red ul li.active {
	border-color: #ED4014;
	background: #ED4014;
}
.page-red ul li.active a {
	background: #ED4014;
}
.page-red ul li.active a:hover {
	background: #ED4014;
}
.page-yellow ul li.active {
	border-color: #F37B1D;
	background: #F37B1D;
}
.page-yellow ul li.active a {
	background: #F37B1D;
}
.page-yellow ul li.active a:hover {
	background: #F37B1D;
}
.page-green ul li.active {
	border-color: #19BE6B;
	background: #19BE6B;
}
.page-green ul li.active a {
	background: #19BE6B;
}
.page-green ul li.active a:hover {
	background: #19BE6B;
}
.page-info ul li.active {
	border-color: #2DB7F5;
	background: #2DB7F5;
}
.page-info ul li.active a {
	background: #2DB7F5;
}
.page-info ul li.active a:hover {
	background: #2DB7F5;
}
.eyou_adj ul li {
margin-right:.3rem;
}
.eyou_adj ul li {
border-radius:.1rem;
}
.eyou_adj ul li:first-child, .eyou_adj ul li:last-child {
border-radius:.1rem;
}
.eyou_pages ul {
	display: flex;
	color: #999;
	justify-content: center;
	align-items: center;
}
.page-right ul {
	display: flex;
	justify-content: flex-end;
}
.page-right {
	display: flex;
}
.page-right .page-other {
	flex: 1;
	justify-content: flex-start;
	align-items: center;
	display: flex;
}
.eyou_adj ul li {
margin-right:.3rem;
}
.eyou_adj ul li {
border-radius:.1rem;
}
@-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_switch {
	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:.5rem .2rem;
font-size:.75rem;
}
.eyou_switch li a:hover {
	color: #e2231a;
}
.eyou_switch li:hover {
}
.eyou_switch li.active {
border-bottom:.1rem solid #e2231a;
}
.eyou_switch li.active a {
	color: #e2231a;
}
.eyou_matter {
	padding: 0;
}
.eyou_matter .eyou-contain {
	display: none;
}
.eyou_matter .eyou-contain img {
	max-width: 100%;
}
.eyou-contain.active {
	display: block;
}
.eyou-theme {
	display: flex;
	line-height: 0;
}
.eyou-theme .eyou-cap {
	align-items: center;
	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 {
	display: flex;
padding:.45rem .8rem;
	background: #e2231a;
	justfiy-content: center;
	align-items: center;
}
.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: #e2231a;
}
.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: #e2231a;
	color: #e2231a;
}
.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;
}
.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: #e2231a;
}
.bg-green {
	background: #19BE6B;
}
.bg-info {
	background: #2DB7F5;
}
.bg-info {
	background: #2DB7F5;
}
.eyoucms-wel {
	color: #ED4014;
}
.text-yellow {
	color: #F37B1D;
}
.text-blue {
	color: #e2231a;
}
.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: #e2231a;
}
.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)
}
}