@charset "UTF-8";
@import url(./../../../../../public/css/font-awesome/4.7.0/css/font-awesome.min.css);
html { font-size: 100px; background: #fff; }

body { color: #555; line-height: 1; font-size: .12rem; }

body, button, input, select, textarea { font-family: tahoma,Helvetica, Arial,"\5FAE\8F6F\96C5\9ED1"; *font-family: "\5FAE\8F6F\96C5\9ED1"; }

.gehang { width: 10px; height: 10px; overflow: hidden; text-indent: -9999px; clear: both; display: block; }

.block { display: block; }

.none { display: none; }

.clear { clear: both; }

.fl { float: left; }

.fr { float: right; }

.tl { text-align: left; }

.tr { text-align: right; }

.tc { text-align: center; }

.bold { font-weight: bold; }

.cf, .web_, .web, .input_li li, .chart_panel, .goods_list li .goods, .order_deliver .order_goods label .goods, .order_show_main .goods li, .share_list ul, .goods_img .pic_box { zoom: 1; }
.cf:before, .web_:before, .web:before, .input_li li:before, .chart_panel:before, .goods_list li .goods:before, .order_deliver .order_goods label .goods:before, .order_show_main .goods li:before, .share_list ul:before, .goods_img .pic_box:before, .cf:after, .web_:after, .web:after, .input_li li:after, .chart_panel:after, .goods_list li .goods:after, .order_deliver .order_goods label .goods:after, .order_show_main .goods li:after, .share_list ul:after, .goods_img .pic_box:after { content: ""; display: table; }
.cf:after, .web_:after, .web:after, .input_li li:after, .chart_panel:after, .goods_list li .goods:after, .order_deliver .order_goods label .goods:after, .order_show_main .goods li:after, .share_list ul:after, .goods_img .pic_box:after { clear: both; }

.red { color: #ED5565; }

.green { color: #1AB394; }

.orange { color: #f29518; }

.yellow { color: #F8AC59; }

.web_ { width: 100%; min-width: 1200px; }

.web { width: 1200px; margin-left: auto; margin-right: auto; }

body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, button, textarea, p, blockquote, table, th, td, menu { margin: 0; padding: 0; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }

ul, ol, menu { list-style: none; text-align: left; }

fieldset, img { border: none; }

img, object, select, input, textarea, button { vertical-align: middle; box-sizing: content-box; }

input, textarea, select, address, caption, cite, code, dfn, em, i, b, strong, small, th, var, abbr, button, u, s, del { font-style: normal; text-decoration: none; }

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

code, kbd, pre, samp, tt { font-family: Consolas,"Courier New", Courier, monospace; }

address, cite, dfn, em, var, i { font-style: normal; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

a { text-decoration: none; cursor: pointer; color: #555; }
a:hover, a:focus { outline: none; color: #FF8225; text-decoration: underline; }
a, a * { cursor: pointer; }

abbr[title], acronym[title] { border-bottom: 1px dotted; cursor: help; }

html { font-size: 100px; }

@media screen and (min-width: 320px) { html { font-size: 88px; } }
@media screen and (min-width: 360px) { html { font-size: 100px; } }
@media screen and (min-width: 375px) { html { font-size: 104px; } }
@media screen and (min-width: 384px) { html { font-size: 106px; } }
@media screen and (min-width: 400px) { html { font-size: 111px; } }
@media screen and (min-width: 414px) { html { font-size: 115px; } }
@media screen and (min-width: 424px) { html { font-size: 117px; } }
@media screen and (min-width: 480px) { html { font-size: 133px; } }
@media screen and (min-width: 540px) { html { font-size: 150px; } }
@media screen and (min-width: 720px) { html { font-size: 200px; } }
body { font-size: rem(12); }

.edit_input.text, .edit_input.password, .edit_input.time { height: 18px; line-height: 18px; padding: 6px; background-color: #fff; border: 1px solid #ddd; width: 200px; border-radius: 5px; }
.edit_input.w40 { width: 40px !important; min-width: 40px !important; }
.edit_input.w50 { width: 50px !important; min-width: 50px !important; }
.edit_input.w100 { width: 100px !important; min-width: 100px !important; }
.edit_input.w150 { width: 150px !important; min-width: 150px !important; }
.edit_input.w200 { width: 200px !important; min-width: 200px !important; }
.edit_input.w250 { width: 250px !important; min-width: 250px !important; }
.edit_input.w300 { width: 300px !important; min-width: 300px !important; }
.edit_input.w350 { width: 350px !important; min-width: 350px !important; }
.edit_input.w400 { width: 400px !important; min-width: 400px !important; }
.edit_input.w450 { width: 450px !important; min-width: 450px !important; }
.edit_input.w500 { width: 500px !important; min-width: 500px !important; }
.edit_input.w550 { width: 550px !important; min-width: 550px !important; }
.edit_input.w600 { width: 600px !important; min-width: 600px !important; }
.edit_input.w650 { width: 650px !important; min-width: 650px !important; }
.edit_input.w700 { width: 700px !important; min-width: 700px !important; }
.edit_input.w750 { width: 750px !important; min-width: 750px !important; }
.edit_input.time { background: #fff url("../image/icon_time.png") right 4px center no-repeat; }
.edit_input.radio, .edit_input.checkbox { margin-right: 10px; cursor: pointer; }
.edit_input.radio input, .edit_input.checkbox input { display: none; }
.edit_input.radio input:checked + i, .edit_input.checkbox input:checked + i { box-shadow: 0 0 0 4px #f60 inset; border: 1px solid #f60; }
.edit_input.radio i, .edit_input.checkbox i { display: inline-block; width: 13px; height: 13px; background: #fff; margin-right: 5px; border: 1px solid #ccc; }
.edit_input.radio i { border-radius: 50%; }
.edit_input.checkbox input:checked + i { background: #f60; }
.edit_input.checkbox i { border-radius: 3px; position: relative; }
.edit_input.checkbox i:after { width: 3px; height: 6px; content: ""; position: absolute; left: 4px; top: 2px; border-width: 0 2px 2px 0; border-color: #fff; border-style: solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.edit_input.select { height: 28px; border: 1px solid #ddd; min-width: 120px; border-radius: 5px; }
.edit_input.textarea { width: 500px; height: 120px; background: #fafafa; border: 1px solid #ddd; resize: auto; border-radius: 5px; }
.edit_input.submit { display: inline-block; height: 32px; border: none; padding: 0 20px; background: #1C84C6; color: #fff; cursor: pointer; border-radius: 5px; }
.edit_input.submit:hover { background: #f60; }

.input_li { font-size: 0.12rem; }
.input_li li { position: relative; margin-bottom: 0.25rem; }
.input_li li .link { display: block; height: 0.3rem; line-height: 0.3rem; }
.input_li input[disabled] { background: #fafafa; }
.input_li .input_button { height: 0.42rem; display: block; border: none; position: absolute; right: 0; top: 0; padding: 0 0.1rem; background: #1C84C6; color: #fff; }
.input_li .input_text, .input_li .input_submit, .input_li .input_select, .input_li .input_textarea { display: block; width: 100%; height: 0.22rem; line-height: 0.22rem; border-radius: 0; padding: 0.1rem 0; border: none; }
.input_li .input_text, .input_li .input_select, .input_li .input_textarea { background: #fff; text-indent: 0.1rem; box-shadow: 0 0 0 1px #ddd; }
.input_li .time { background: #fff url("../image/icon_time.png") right 0.05rem center no-repeat; }
.input_li .input_select { background: url("../image/icon_godown.png") right 0.1rem center no-repeat #fff; background-size: 0.15rem auto; }
.input_li .input_select.f3 { width: 30%; float: left; }
.input_li .input_select.f3:not(:last-child) { margin-right: 5%; }
.input_li .input_select.f7 { width: 70%; float: left; }
.input_li .input_textarea { height: 0.8rem; }
.input_li .input_captcha { width: 1.2rem; float: left; }
.input_li .captchaImg { float: left; width: 1.2rem; height: 0.42rem; display: block; margin: 0 0.01rem; }
.input_li .sendMessage { display: block; float: left; height: 0.22rem; line-height: 0.22rem; padding: 0.1rem; margin: 0 0.1rem; box-shadow: 0 0 0 1px #ddd; background: #fafafa; }
.input_li .input_item { position: absolute; height: 0.1rem; line-height: 0.1rem; background: #fff; top: -0.07rem; padding: 0 0.1rem; left: 0.05rem; color: #999; font-size: 0.11rem; z-index: 1; }
.input_li .input_item em { color: #ED5565; }
.input_li .li_item { display: block; float: left; height: 0.42rem; line-height: 0.42rem; font-size: 0.14rem; text-indent: 0.1rem; }
.input_li .input_submit { background: #f25454; cursor: pointer; color: #fff; }
.input_li .input_radio { display: block; float: left; }
.input_li .input_radio input { display: none; }
.input_li .input_radio span { display: block; padding: 0 0.15rem; margin: 0.05rem; background: #eee; border-radius: 0.05rem; text-indent: 0; overflow: hidden; line-height: 0.32rem; height: 0.32rem; white-space: nowrap; text-overflow: ellipsis; }
.input_li .input_radio input:checked + span { background: #1C84C6; color: #fff; }
.input_li .input_radio.block { float: none; margin: -0.05rem; margin-bottom: 0.15rem; }
.input_li .input_radio.block span { box-shadow: 0 0 0 1px #eee; }
.input_li .input_radio.block input:checked + span { box-shadow: 0 0 0 1px #1C84C6; }
.input_li .input_tip { min-height: .2rem; line-height: .2rem; padding: .1rem; box-shadow: 0 0 0 1px #ddd; color: #999; background: #fafafa; }
.input_li .input_img { padding: .1rem; border: 1px solid #ddd; }
.input_li .input_img img { display: block; width: 100%; }
.input_li .input_unit { position: absolute; display: block; right: .1rem; top: 0; height: .42rem; line-height: .42rem; color: #999; -webkit-transform: scale(0.8); transform: scale(0.8); }
.input_li .input_add { width: 30%; float: right; height: .42rem; background: #1C84C6; color: #fff; border: none; outline: 1px solid #1C84C6; }
.input_li .btn_add, .input_li .btn_del { height: .32rem; line-height: .32rem; text-align: center; background: #1AB394; color: #fff; width: 100%; border: none; display: block; }
.input_li .btn_del { background: #ED5565; }
.input_li .input_btn { color: #999; background: #fafafa; width: 100%; display: block; border: none; height: .4rem; box-shadow: 0 0 0 1px #ddd; font-size: .14rem; text-align: center; line-height: .4rem; }

.detail_item { margin-bottom: .15rem; border: 1px solid #ddd; }
.detail_item p { line-height: 1.8; padding: .1rem .15rem; }
.detail_item p strong { color: #999; }
.detail_item p strong:after { content: "："; }
.detail_item p .goods { display: block; overflow: hidden; line-height: 0.28rem; height: 0.28rem; white-space: nowrap; text-overflow: ellipsis; color: #1C84C6; background: #fff; padding: 0 .05rem; box-shadow: 0 0 0 1px #ddd; }
.detail_item p .goods em { color: #F85D92; float: right; }
.detail_item p .goods_sta { background: #fafafa; padding: 0 .05rem; box-shadow: 0 0 0 1px #ddd; display: block; }
.detail_item p .goods_sta .sta { color: #FF8225; }

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; }

@-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
@keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash { from, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }
@keyframes flash { from, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }
.flash { -webkit-animation-name: flash; animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }
@keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }
.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0); transform: translateX(0); } }
.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }
.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.tada { -webkit-animation-name: tada; animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to { -webkit-transform: none; transform: none; } }
@keyframes wobble { from { -webkit-transform: none; transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to { -webkit-transform: none; transform: none; } }
.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
@keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; }

@-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: none; transform: none; } }
@keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: none; transform: none; } }
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: none; transform: none; } }
@keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: none; transform: none; } }
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none; transform: none; } }
@keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none; transform: none; } }
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
  to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
  to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
  to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
  to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }
@keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
@keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
@keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
@keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }
@keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }
.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }
@keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }
.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
  to { -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
  to { -webkit-transform: none; transform: none; opacity: 1; } }
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { from { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }
@keyframes lightSpeedOut { from { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } }
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }
@keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }
@keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
@keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
@keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }
@keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }
@keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }
.hinge { -webkit-animation-name: hinge; animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

@-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
@keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut { from { opacity: 1; }
  50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }
@keyframes zoomOut { from { opacity: 1; }
  50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }
@keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }
.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }
@keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }
.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

input, textarea, select, button { -webkit-appearance: none; color: #555; font-size: .12rem; -webkit-tap-highlight-color: rgba(255, 255, 255, 0.2); }
input[type="radio"], textarea[type="radio"], select[type="radio"], button[type="radio"] { -webkit-appearance: radio; }
input[type="checkbox"], textarea[type="checkbox"], select[type="checkbox"], button[type="checkbox"] { -webkit-appearance: checkbox; }

input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; }

input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; }

.btn_bottom { height: 0.58rem; }
.btn_bottom .btn_submit { font-size: .14rem; position: fixed; bottom: 0; left: 0; display: block; width: 100%; height: 0.48rem; line-height: 0.48rem; color: #fff; background: #1C84C6; border: none; cursor: pointer; outline: none; text-align: center; }
.btn_bottom .btn_submit.cf60 { background: #FF8225; }
.btn_bottom .btn_submit.pink { background: #F85D92; }
.btn_bottom .btn_submit.c99 { background: #999; }
.btn_bottom .btn_tab { display: table; position: fixed; bottom: 0; left: 0; width: 100%; height: 0.48rem; line-height: 0.48rem; table-layout: fixed; z-index: 3; }
.btn_bottom .btn_tab .btn_tab_submit { display: table-cell; text-align: center; color: #fff; font-size: .14rem; background: #555; }
.btn_bottom .btn_tab .btn_tab_submit.cf60 { background: #FF8225; }
.btn_bottom .btn_tab .btn_tab_submit.pink { background: #F85D92; }
.btn_bottom .btn_tab .btn_tab_submit.c99 { background: #999; }
.btn_bottom .btn_tab .btn_tab_submit.blue { background: #1C84C6; }
.btn_bottom .btn_tab .btn_tab_submit input { display: none; }

.btn { text-align: center; cursor: pointer; border: none; background: #1C84C6; color: #fff; font-size: 0.12rem; padding: 0.04rem 0.06rem; border-radius: 0.05rem; }

.btn_pink { background: #F85D92; }

.btn_green { background: #1AB394; }

.btn_blue { background: #1C84C6; }

.btn_all { display: block; width: 100%; height: 0.4rem; line-height: 0.4rem; }

.btn_s { height: 0.32rem; line-height: 0.32rem; }

.btn_fa { background: #fafafa; color: #555; }

.data_list .item { margin-bottom: .15rem; border: 1px solid #ddd; }
.data_list .item p { line-height: 1.8; padding: .1rem .15rem; }
.data_list .item p strong { color: #999; }
.data_list .item .data_btn { display: table; width: 100%; table-layout: fixed; }
.data_list .item .data_btn .btnn { display: table-cell; height: .36rem; line-height: .36rem; text-align: center; font-size: .13rem; box-shadow: 0 0 0 1px #ddd; background: #fafafa; }
.data_list .item .data_btn .btnn.red { color: #ED5565; }

.table_list table { width: 100%; text-align: center; }
.table_list table, .table_list table th, .table_list table td { border: 1px solid #ddd; }
.table_list table th, .table_list table td { padding: .1rem 0; text-align: center; }
.table_list table th { background: #fafafa; color: #222; }
.table_list table td:nth-child(1) { color: #1C84C6; font-weight: bold; }

.header { height: .4rem; line-height: .4rem; background: #1C84C6; position: fixed; left: 0; top: 0; right: 0; }
.header .open_nav { float: left; }
.header .open_nav i { width: .4rem; height: .4rem; display: block; float: left; text-align: center; line-height: .4rem; background: #166699; font-size: .18rem; margin-right: .1rem; color: #fff; }
.header ul { float: right; }
.header ul li { float: left; border-left: 1px solid #1975b0; }
.header ul li a { display: block; padding: 0 .2rem; font-size: .14rem; color: #fff; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; background: #1C84C6; }
.header ul li a:hover { text-decoration: none; background: #1AB394; }

.sidebar { position: fixed; left: -2.2rem; top: .4rem; width: 2.2rem; bottom: 0; background: #2F4050; overflow-y: auto; z-index: 10; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.sidebar.open { left: 0; }
.sidebar .user { background: #263646; padding: .4rem 0; }
.sidebar .user .ico { width: .8rem; height: .8rem; border-radius: 50%; display: block; margin: 0 auto; overflow: hidden; position: relative; cursor: pointer; }
.sidebar .user .ico:hover:after { content: "设置头像"; position: absolute; display: block; z-index: 2; border-radius: 50%; left: 0; top: 0; width: .8rem; height: .4rem; text-align: center; line-height: .4rem; padding-top: .4rem; background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 0.7); }
.sidebar .user .ico img { width: .8rem; height: .8rem; display: block; margin: 0 auto; display: none; }
.sidebar .user strong { text-align: center; color: #fff; display: table; margin: .15rem auto 0; padding: .05rem 8px; background: rgba(0, 0, 0, 0.5); border-radius: .1rem; }
.sidebar .user strong em { font-weight: normal; margin-right: .05rem; color: #8095A8; }
.sidebar .nav h3 { height: .46rem; line-height: .46rem; padding-left: .2rem; color: #A7B1C2; font-size: .14rem; border-top: 1px solid #263646; position: relative; cursor: pointer; }
.sidebar .nav h3:after { content: ""; display: block; width: .05rem; height: .05rem; box-shadow: 1px 1px #A7B1C2; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: .2rem; top: .18rem; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.sidebar .nav h3:hover { background: #293846; }
.sidebar .nav h3 i { margin-right: .1rem; }
.sidebar .nav h3.on { color: #fff; background: #293846; border-left: 4px solid #23C6C8; border-top: none; }
.sidebar .nav h3.on:after { -webkit-transform: rotate(225deg); transform: rotate(225deg); top: .22rem; }
.sidebar .nav ul { display: none; background: #293846; padding-bottom: .1rem; border-left: 4px solid #23C6C8; }
.sidebar .nav ul li { height: .32rem; line-height: .32rem; padding-left: .45rem; }
.sidebar .nav ul li a { color: #A7B1C2; }
.sidebar .nav ul li a:hover { color: #fff; }
.sidebar .nav ul li.on { font-weight: bold; }
.sidebar .nav ul li.on a { color: #fff; }

#main { position: fixed; top: .4rem; left: 0; bottom: 0; right: 0; padding: .10rem; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.copy { position: fixed; right: 0; bottom: 0; padding: 8px .1rem; border-radius: .1rem 0 0 0; box-shadow: 0 0 0.05rem #999; font-size: .11rem; background: rgba(255, 255, 255, 0.6); }
.copy a { font-weight: bold; color: #1C84C6; }

.ico_list { position: fixed; top: 50%; left: 50%; width: 600px; z-index: 3; padding: .2rem .1rem; border-radius: .1rem; background: #fff; box-shadow: 0 0 0.05rem #555, 0 0 0 10000px rgba(0, 0, 0, 0.5); display: none; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.ico_list h3 { font-size: .15rem; height: .3rem; line-height: .2rem; padding-left: .1rem; }
.ico_list i { position: absolute; right: .15rem; top: .15rem; font-size: .22rem; color: #ED5565; display: block; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; cursor: pointer; }
.ico_list i:hover { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.ico_list ul li { float: left; padding: .1rem; }
.ico_list ul li img { cursor: pointer; display: block; }

.sysseller_login { background-color: #555; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-image: -webkit-linear-gradient(-45deg, transparent, rgba(26, 179, 148, 0.8)), -webkit-linear-gradient(-135deg, transparent, rgba(248, 172, 89, 0.8)), -webkit-linear-gradient(-225deg, #fff, rgba(28, 132, 198, 0.8)), -webkit-linear-gradient(-315deg, #fff, rgba(26, 179, 148, 0.8)); background-image: linear-gradient(-45deg, transparent, rgba(26, 179, 148, 0.8)), linear-gradient(-135deg, transparent, rgba(248, 172, 89, 0.8)), linear-gradient(-225deg, #fff, rgba(28, 132, 198, 0.8)), linear-gradient(-315deg, #fff, rgba(26, 179, 148, 0.8)); }
.sysseller_login .login_box { position: fixed; left: 50%; top: 50%; margin-left: -1.6rem; margin-top: -1.4rem; width: 2.8rem; padding: .3rem .2rem; background: rgba(255, 255, 255, 0.5); border-radius: .1rem; box-shadow: 1px 1px 1px rgba(85, 85, 85, 0.5); }
.sysseller_login .login_box header { position: absolute; top: -40px; left: 0; right: 0; text-align: center; color: #fff; font-size: 24px; text-shadow: 1px 1px 1px rgba(85, 85, 85, 0.5); }
.sysseller_login .login_box section .password, .sysseller_login .login_box section .username { display: block; height: .2rem; line-height: .2rem; padding: .1rem; width: 2.6rem; border: none; background: rgba(255, 255, 255, 0.8); margin-bottom: .2rem; border-radius: .05rem; font-size: .15rem; }
.sysseller_login .login_box section .password:focus, .sysseller_login .login_box section .username:focus { background: #fff; outline: none; box-shadow: 1px 1px 1px rgba(26, 179, 148, 0.5); }
.sysseller_login .login_box section .submit, .sysseller_login .login_box section .reg { display: block; width: 2.8rem; height: .4rem; border-radius: .05rem; border: none; font-size: .15rem; text-align: center; line-height: .4rem; }
.sysseller_login .login_box section .submit { background: #1AB394; color: #fff; margin-bottom: .2rem; }
.sysseller_login .login_box section .submit:focus { background: #1C84C6; }
.sysseller_login .login_box section .reg { background: rgba(255, 255, 255, 0.4); color: #1AB394; box-shadow: 0 0 0 1px #1AB394 inset; }
.sysseller_login .login_footer { position: fixed; bottom: .2rem; font-size: .11rem; left: 0; right: 0; text-align: center; color: rgba(255, 255, 255, 0.5); }
.sysseller_login .login_footer a { color: rgba(255, 255, 255, 0.5); }
.sysseller_login .login_footer a:hover { color: #fff; }

.page_title { position: fixed; top: 0; left: .5rem; line-height: .4rem; color: #fff; font-size: .16rem; }

.main_tip { border: 1px solid #8cc9ef; padding: .1rem .15rem; border-radius: .05rem; background: #cfe8f8; line-height: 1.5; font-size: .13rem; color: #166699; position: relative; }
.main_tip:before { content: ""; display: block; width: .1rem; height: .1rem; background: #cfe8f8; position: absolute; box-shadow: -1px -1px #8cc9ef; top: -.05rem; left: .1rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.search_pro { padding: 10px 10px 0; margin-bottom: 20px; background: #fafafa; border-radius: 5px; }
.search_pro .search_box { display: inline-block; padding: 0 10px 10px 0; height: 32px; }
.search_pro .search_box .item { font-weight: bold; color: #1c84c6; }
.search_pro .search_box .item:after { content: "："; }

.chart_panel .panel_widget { width: 48%; float: left; height: 100px; border-radius: 10px; color: #fff; margin-top: .15rem; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 0 0 2px rgba(255, 255, 255, 0.1) inset; overflow: hidden; position: relative; }
.chart_panel .panel_widget:nth-child(2n) { margin-left: 4%; }
.chart_panel .panel_widget a { text-decoration: none; display: block; cursor: pointer; color: #fff; }
.chart_panel .panel_widget em { display: block; height: 70px; text-align: center; line-height: 70px; font-size: .4rem; }
.chart_panel .panel_widget span { display: block; height: 30px; text-align: center; line-height: 30px; background: rgba(255, 255, 255, 0.2); }
.chart_panel .panel_widget:before, .chart_panel .panel_widget:after { content: ""; display: block; width: 0px; height: 0px; border-radius: 50%; position: absolute; opacity: .2; }
.chart_panel .panel_widget:before { box-shadow: 0 0 100px 100px #fff; left: 20%; top: -50px; }
.chart_panel .panel_widget:after { box-shadow: 0 0 100px 100px #222; right: 20%; bottom: -50px; }
.chart_panel .panel_widget.blue { background: #1C84C6; }
.chart_panel .panel_widget.red { background: #ED5565; }
.chart_panel .panel_widget.yellow { background: #F8AC59; }
.chart_panel .panel_widget.green { background: #1AB394; }
.chart_panel .panel_widget.pink { background: #F85D92; }
.chart_panel .panel_widget.cyan { background: #23C6C8; }
.chart_panel .panel_widget:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }

.chart_box { margin: 2%; }

.nothing { text-align: center; color: #999; font-size: 0.14rem; line-height: 4; }

.goods_list li { box-shadow: 0 0 0 1px #ddd; background: #fff; }
.goods_list li:not(:last-child) { margin-bottom: .15rem; }
.goods_list li .goods { padding: .1rem; }
.goods_list li .goods .img { display: block; width: 1rem; height: 1rem; float: left; margin-right: .1rem; }
.goods_list li .goods .info { float: left; width: 2rem; }
.goods_list li .goods .info .name { height: .4rem; line-height: .2rem; overflow: hidden; color: #1C84C6; display: block; }
.goods_list li .goods .info .type, .goods_list li .goods .info .price, .goods_list li .goods .info .store, .goods_list li .goods .info .sta { height: .2rem; line-height: .2rem; overflow: hidden; display: block; color: #999; }
.goods_list li .goods .info .price { color: #ED5565; }
.goods_list li .goods .info .store { color: #1AB394; }
.goods_list li .btn_box { display: table; width: 100%; table-layout: fixed; }
.goods_list li .btn_box .btnn { display: table-cell; height: .36rem; line-height: .36rem; text-align: center; font-size: .13rem; box-shadow: 0 0 0 1px #ddd; background: #fafafa; }
.goods_list li .btn_box .btnn.red { color: #ED5565; }

.address_list .address_info { margin-bottom: .15rem; border: 1px solid #ddd; }
.address_list .address_info p { line-height: 1.8; padding: .1rem .15rem; }
.address_list .address_info .address_btn { display: table; width: 100%; table-layout: fixed; }
.address_list .address_info .address_btn .btnn { display: table-cell; height: .36rem; line-height: .36rem; text-align: center; font-size: .13rem; box-shadow: 0 0 0 1px #ddd; background: #fafafa; }
.address_list .address_info .address_btn .btnn.red { color: #ED5565; }

.alert_info, .alert_warning { margin-bottom: .15rem; padding: .1rem .15rem; line-height: 1.6; background: #1AB394; color: #fff; }

.alert_warning { background: #ED5565; }

.message_list li { border: 1px solid #ddd; margin-bottom: .15rem; }
.message_list li .title { display: block; overflow: hidden; line-height: 0.32rem; height: 0.32rem; white-space: nowrap; text-overflow: ellipsis; padding: 0 .1rem; font-size: .14rem; }
.message_list li .control { display: table; width: 100%; }
.message_list li .control span, .message_list li .control time, .message_list li .control a { display: table-cell; height: .3rem; text-align: center; line-height: .3rem; background: #fafafa; box-shadow: 0 0 0 1px #ddd; }
.message_list li .control span.success { background: #1AB394; color: #fff; }
.message_list li .control a { background: #ED5565; color: #fff; box-shadow: 0 0 0 1px #ED5565; }

.message_con .title { font-size: .15rem; color: #FF8225; line-height: 1.6; }
.message_con .time { text-align: center; border: solid #ddd; border-width: 1px 0; display: block; line-height: 2; margin: .1rem 0; color: #999; font-size: .1rem; }
.message_con .article { line-height: 2; font-size: .13rem; }
.message_con .article * { max-width: 100%; }

.deliverarea { padding: .15rem; background: #fafafa; border: 1px double #ddd; margin-bottom: .15rem; }
.deliverarea li:last-child { margin: 0; }

.regiment_list .item { margin-bottom: .15rem; border: 1px solid #ddd; }
.regiment_list .item p { line-height: 1.8; padding: .1rem .15rem; }
.regiment_list .item p strong { color: #999; }
.regiment_list .item .regiment_btn { display: table; width: 100%; table-layout: fixed; }
.regiment_list .item .regiment_btn .btnn { display: table-cell; height: .36rem; line-height: .36rem; text-align: center; font-size: .13rem; box-shadow: 0 0 0 1px #ddd; background: #fafafa; }
.regiment_list .item .regiment_btn .btnn.red { color: #ED5565; }

.order_deliver .h3 { height: .24rem; color: #1C84C6; font-size: .14rem; }
.order_deliver .order_goods label { margin-bottom: .15rem; display: block; position: relative; }
.order_deliver .order_goods label input { display: none; }
.order_deliver .order_goods label .goods { padding: .05rem .1rem; line-height: 1.5; border: 1px solid #ddd; background: #f0f0f0; border-radius: 0.05rem; }
.order_deliver .order_goods label .goods strong, .order_deliver .order_goods label .goods em, .order_deliver .order_goods label .goods span, .order_deliver .order_goods label .goods u { display: block; float: left; }
.order_deliver .order_goods label .goods strong { color: #1C84C6; width: 2rem; overflow: hidden; line-height: 0.2rem; height: 0.2rem; white-space: nowrap; text-overflow: ellipsis; }
.order_deliver .order_goods label .goods strong:after { content: "点选"; display: block; position: absolute; right: -.1rem; top: -.1rem; line-height: 1; padding: .05rem; background: #1C84C6; color: #fff; border-radius: .05rem; -webkit-transform: scale(0.8); transform: scale(0.8); }
.order_deliver .order_goods label .goods em { color: #F85D92; }
.order_deliver .order_goods label .goods span { color: #999; padding: 0 .05rem; }
.order_deliver .order_goods label .goods u { color: #ED5565; }
.order_deliver .order_goods label input:checked + .goods { border-color: #1C84C6; background: rgba(28, 132, 198, 0.2); }
.order_deliver .order_goods label input:checked + .goods strong:after { content: "已选"; background: #ED5565; color: #fff; }
.order_deliver .order_goods label.is_send .goods strong:after { display: none; }
.order_deliver .order_goods label.is_send .sta { display: block; position: absolute; right: -.1rem; top: -.1rem; line-height: 1; padding: .05rem; background: #FF8225; color: #fff; border-radius: .05rem; -webkit-transform: scale(0.8); transform: scale(0.8); }

.order_show_tab ul { display: table; width: 100%; text-align: center; }
.order_show_tab ul li { display: table-cell; line-height: .32rem; background: #fff; box-shadow: 0 0 0 1px #ddd; min-width: .36rem; }
.order_show_tab ul li.on { box-shadow: 0 0 0 1px #1C84C6; background: #1C84C6; color: #fff; }

.order_show_main .item { box-shadow: 0 0 0 1px #ddd; background: #fafafa; margin-top: .15rem; padding: .1rem .15rem; line-height: 1.6; }
.order_show_main .item h3 { color: #1C84C6; font-size: .14rem; margin-bottom: .05rem; }
.order_show_main .item strong { color: #999; }
.order_show_main .item .tip { color: #F8AC59; }
.order_show_main .goods { box-shadow: 0 0 0 1px #ddd; background: #fafafa; margin-top: .15rem; padding: .1rem .15rem; line-height: 1.6; }
.order_show_main .goods h3 { color: #1C84C6; font-size: .14rem; margin-bottom: .05rem; }
.order_show_main .goods li { padding: .1rem; border: 1px solid #ddd; background: #fff; }
.order_show_main .goods li:not(:first-child) { margin-top: .1rem; }
.order_show_main .goods li * { display: block; float: left; }
.order_show_main .goods li strong { overflow: hidden; line-height: 0.2rem; height: 0.2rem; white-space: nowrap; text-overflow: ellipsis; width: 100%; color: #000; }
.order_show_main .goods li em { color: #F85D92; }
.order_show_main .goods li span { color: #999; padding: 0 .05rem; }
.order_show_main .goods li u { color: #ED5565; }
.order_show_main .goods li i { margin: 0 .1rem; background: #1AB394; color: #fff; padding: 0 .05rem; }
.order_show_main .goods li input { border: none; background: #1C84C6; color: #fff; padding: 0 .05rem; height: .19rem; }

.refundment_list .item { margin-bottom: .15rem; border: 1px solid #ddd; }
.refundment_list .item p { line-height: 1.8; padding: .1rem .15rem; }
.refundment_list .item p strong { color: #999; }
.refundment_list .item p span { display: block; overflow: hidden; line-height: 0.28rem; height: 0.28rem; white-space: nowrap; text-overflow: ellipsis; color: #1C84C6; }
.refundment_list .item p span em { color: #F85D92; float: right; }
.refundment_list .item .refundment_btn { display: table; width: 100%; table-layout: fixed; }
.refundment_list .item .refundment_btn .btnn { display: table-cell; height: .36rem; line-height: .36rem; text-align: center; font-size: .13rem; box-shadow: 0 0 0 1px #ddd; background: #fafafa; }
.refundment_list .item .refundment_btn .btnn.red { color: #ED5565; }

.refundment_item { margin-bottom: .15rem; border: 1px solid #ddd; }
.refundment_item p { line-height: 1.8; padding: .1rem .15rem; }
.refundment_item p strong { color: #999; }
.refundment_item p strong:after { content: "："; }
.refundment_item p .goods { display: block; overflow: hidden; line-height: 0.28rem; height: 0.28rem; white-space: nowrap; text-overflow: ellipsis; color: #1C84C6; background: #fff; padding: 0 .05rem; box-shadow: 0 0 0 1px #ddd; }
.refundment_item p .goods em { color: #F85D92; float: right; }
.refundment_item p .goods_sta { background: #fafafa; padding: 0 .05rem; box-shadow: 0 0 0 1px #ddd; display: block; }
.refundment_item p .goods_sta .sta { color: #FF8225; }

.comment_list .item { margin-bottom: .15rem; border: 1px solid #ddd; word-break: break-all; word-wrap: break-word; }
.comment_list .item p { line-height: 1.8; padding: .1rem .15rem; }
.comment_list .item p strong { color: #999; }
.comment_list .item p strong:after { content: "："; }
.comment_list .item p span { color: #1C84C6; }
.comment_list .item .comment_btn { display: table; width: 100%; table-layout: fixed; }
.comment_list .item .comment_btn .btnn { display: table-cell; height: .36rem; line-height: .36rem; text-align: center; font-size: .13rem; box-shadow: 0 0 0 1px #ddd; background: #fafafa; }
.comment_list .item .comment_btn .btnn.red { color: #ED5565; }

.refer_list .item { margin-bottom: .15rem; border: 1px solid #ddd; }
.refer_list .item p { line-height: 1.8; padding: .1rem .15rem; }
.refer_list .item p strong { color: #999; }
.refer_list .item p strong:after { content: "："; }
.refer_list .item p span { color: #1C84C6; }
.refer_list .item .refer_btn { display: table; width: 100%; table-layout: fixed; }
.refer_list .item .refer_btn .btnn { display: table-cell; height: .36rem; line-height: .36rem; text-align: center; font-size: .13rem; box-shadow: 0 0 0 1px #ddd; background: #fafafa; }
.refer_list .item .refer_btn .btnn.red { color: #ED5565; }

.share_list li { float: left; width: 50%; background: #fff; box-shadow: 0 0 0 1px #ddd; }
.share_list li .goods { padding: .1rem; }
.share_list li img { display: block; width: 100%; }
.share_list li .name { height: .4rem; line-height: .2rem; overflow: hidden; color: #1C84C6; display: block; }
.share_list li .type, .share_list li .price, .share_list li .store { height: .2rem; line-height: .2rem; overflow: hidden; display: block; color: #999; }
.share_list li .price { color: #ED5565; }
.share_list li .store { color: #1AB394; }
.share_list li button { display: block; border: none; background: #1C84C6; color: #fff; width: 100%; height: .3rem; }

.goods_tab { padding-bottom: .2rem; }
.goods_tab ul { display: table; width: 100%; table-layout: fixed; }
.goods_tab li { display: table-cell; height: .36rem; line-height: .36rem; text-align: center; background: #fff; box-shadow: 0 0 0 1px #ddd; font-size: .14rem; }
.goods_tab li.on { background: #1C84C6; color: #fff; box-shadow: 0 0 0 1px #1C84C6; }

.categoryBox { margin-top: .1rem; }

.base_info { overflow-x: scroll; }
.base_info .goods_table, .base_info .goods_table th, .base_info .goods_table td { border: 1px solid #ddd; white-space: nowrap; text-align: center; background: #fafafa; }
.base_info .goods_table th, .base_info .goods_table td { padding: .05rem; }
.base_info .goods_table th { height: .2rem; }
.base_info .goods_table .text { height: .15rem; line-height: .15rem; padding: .1rem; border: 1px solid #ddd; display: inline-block; width: .5rem; overflow-x: visible; overflow-y: visible; }
.base_info .goods_table .button, .base_info .goods_table .del { border: 1px solid #1C84C6; height: .35rem; background: #1C84C6; color: #fff; padding: 0 .1rem; }
.base_info .goods_table .del { border-color: #ED5565; background: #ED5565; display: inline-block; line-height: .35rem; }

.properties_table { width: 100%; }
.properties_table, .properties_table th, .properties_table td { border: 1px solid #ddd; }
.properties_table th { white-space: nowrap; min-width: .48rem; text-align: right; background: #fafafa; font-weight: bold; }

.goods_img { padding-top: .15rem; }
.goods_img .tip { padding: .1rem; border-radius: .05rem; border: 1px solid #F8AC59; background: rgba(248, 172, 89, 0.15); color: #e17a0a; }
.goods_img .pic_box .pic { float: left; width: 50%; background: #fff; box-shadow: 0 0 0 1px #ddd; }
.goods_img .pic_box .pic img { display: block; width: 1.45rem; height: 1.45rem; margin: .1rem auto; }
.goods_img .pic_box .pic p { display: table; width: 100%; }
.goods_img .pic_box .pic p span { display: table-cell; height: .3rem; line-height: .3rem; text-align: center; background: #fafafa; box-shadow: 0 0 0 1px #ddd; }
.goods_img .pic_box .pic .current { box-shadow: 0 0 0 2px #F8AC59; }