@font-face {
    font-family: "iconfont";
    src: url('data:application/octet-stream;base64,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Fzc2HgIHBhYXHgEPAS4BBwYXBzYnJgcGExY3Njc+ATM2PwEyFhceARcWNzMHBgcGDwEGBwYHBicmJyYnJicmLwE2PwE2JyY3NhceAhcWDgEHBicmBzc0NTYnLgEOAQcVIyIGFBY7ARUUHgE2NzUzPgEuASMFJi8BJgcGLgEnJj4BNzYeAQcGFhcnIgYUFjI2NCbAGAQGBA0MCAgMAwYdCQQHGAkIFRUIMg8DDA8cEAcIIkBMChsdXBwZCxEdRTcVCwIDBh8REgYkVC9dAT8IiDQ1NzknIWgrAgUGDyAPBAMBCzQjJSgEBggFAwcHBxYcKH1vEh8TCA4GCgRTAQMMAgMnLS5VIzskAgIdNiE2MQYHUgEBAQsQCgERCgwMChELEQsBFAgLAQsIAdoDBhgGBSNPOwcGGjchLUITFAMDBI0PFRUeFRUDAAgZBwUEBQsNCwQGDgMLBhwMFgUFFhv+mxAxFhcLKSIjGjE0MBkbARwYLwsTAypCIQcIBBFEHggmFxMmbgSXKhAVFv7TDQQKYgQEAQIBAQQhMgoLChkmEwoVFhUNEAcWGgUPCBckFR8aKwQKIQgHTEVHBQImPSQhPywGCxwDAa0DBAoFCAoBCwgUChILEQoMAQ0KEQELEAuhAQEDAQMXBzUpIT4nAQI0UigFDw6eFB4VFR0VAAAAABIA3gABAAAAAAAAABMAAAABAAAAAAABAAgAEwABAAAAAAACAAcAGwABAAAAAAADAAgAIgABAAAAAAAEAAgAKgABAAAAAAAFAAsAMgABAAAAAAAGAAgAPQABAAAAAAAKACsARQABAAAAAAALABMAcAADAAEECQAAACYAgwADAAEECQABABAAqQADAAEECQACAA4AuQADAAEECQADABAAxwADAAEECQAEABAA1wADAAEECQAFABYA5wADAAEECQAGABAA/QADAAEECQAKAFYBDQADAAEECQALACYBY0NyZWF0ZWQgYnkgaWNvbmZvbnRpY29uZm9udFJlZ3VsYXJpY29uZm9udGljb25mb250VmVyc2lvbiAxLjBpY29uZm9udEdlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEMAcgBlAGEAdABlAGQAIABiAHkAIABpAGMAbwBuAGYAbwBuAHQAaQBjAG8AbgBmAG8AbgB0AFIAZQBnAHUAbABhAHIAaQBjAG8AbgBmAG8AbgB0AGkAYwBvAG4AZgBvAG4AdABWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbgBmAG8AbgB0AEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJAQIBAwEEAQUBBgEHAQgBCQEKAAZ3ZWl4aW4Fd2VpYm8CUVEGdGFwdGFwBUJ6aGFuB3BpbmdndW8GYW56aHVvBmhhb3lvdQAAAAA=') format('truetype')
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-weixin:before {
    content: "\e600"
}

.icon-weibo:before {
    content: "\e65a"
}

.icon-QQ:before {
    content: "\e882"
}

.icon-taptap:before {
    content: "\e608"
}

.icon-Bzhan:before {
    content: "\e6b7"
}

.icon-pingguo:before {
    content: "\e63d"
}

.icon-anzhuo:before {
    content: "\e630"
}

.icon-haoyou:before {
    content: "\e61d"
}

body {
    font: 14px/1.6 'SimSun', '宋体', serif;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
button,
em,
hr,
select {
    margin: 0;
    padding: 0;
    list-style-type: none
}

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

a {
    outline: 0;
    background-color: transparent;
    text-decoration: none;
    cursor: pointer;
    color: #616161
}

a:hover {
    color: #ec4828
}

progress {
    vertical-align: baseline
}

pre {
    white-space: pre-wrap;
    font-family: monospace
}

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

fieldset,
img {
    border: 0
}

li,
ol,
ul {
    list-style: none
}

caption,
th {
    text-align: left
}

q:before,
q:after {
    content: ''
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

legend {
    display: table;
    box-sizing: border-box;
    max-width: 100%;
    color: inherit;
    white-space: normal
}

.clearfix {
    zoom: 1
}

.clearfix:after,
.clearfix:before {
    clear: both;
    display: table;
    content: ""
}

.pr {
    position: relative
}

.pa {
    position: absolute
}

.pf {
    position: fixed
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

.fl {
    float: left
}

.fr {
    float: right
}

.show {
    display: block
}

.hide {
    display: none
}

html,
body {
    width: 100%;
    background: #0d0d0d;
    -webkit-text-size-adjust: none;
    overflow-x: hidden
}

body {
    cursor: url('../public/image/mouse.png'), auto
}

body a:hover,
body .swiper-button-prev,
body .swiper-button-next,
body .swiper-pagination-bullet,
body .swiper-slide {
    cursor: url('../public/image/mouse.png'), auto !important
}

body.mobile-show {
    cursor: default !important
}

body.mobile-show a:hover,
body.mobile-show .swiper-button-prev,
body.mobile-show .swiper-button-next,
body.mobile-show .swiper-pagination-bullet,
body.mobile-show .swiper-slide {
    cursor: default !important
}

.TC_top_gnb {
    position: fixed !important;
    z-index: 19 !important
}

.mobile-show .TC_top_gnb {
    display: none
}

.mobile-show .copyRight {
    padding: 20px 0;
    height: auto;
    width: 100% !important;
    min-width: auto !important
}

.mobile-show .copyRight .cr_con {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto !important
}

.mobile-show .copyRight .cr_con .pr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mobile-show .copyRight .cr_con .cr_icon {
    text-align: center;
    margin: 0
}

.mobile-show .copyRight .cr_con .cr_icon img {
    width: 3rem
}

.mobile-show .copyRight .cr_con .cr_con_r {
    text-align: center
}

.mobile-show .copyRight .cr_con .cr_con_r .cr_address_en {
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center
}

.mobile-show .copyRight .cr_con .cr_links img {
    width: 1.4rem
}

.mobile-show #wrapper .header #pagemenu {
    top: 0;
    height: 2rem
}

.mobile-show #wrapper .header #pagemenu #obindex {
    display: none;
    width: 2.5rem;
    height: 3.3rem;
    position: relative;
    z-index: 2
}

.mobile-show #wrapper .header #pagemenu .menu-box .menu {
    position: absolute;
    top: 2.2rem;
    left: .4rem;
    width: 86%;
    height: 65vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: none
}

.mobile-show #wrapper .header #pagemenu .menu-box .menu li {
    width: 100%;
    height: 1rem;
    border-bottom: 1px solid #f5ede1;
    color: #f5ede1;
    position: relative
}

.mobile-show #wrapper .header #pagemenu .menu-box .menu li a,
.mobile-show #wrapper .header #pagemenu .menu-box .menu li p {
    width: 100%;
    height: 100%;
    color: #f5ede1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: self-end;
    -webkit-align-items: self-end;
    -moz-box-align: self-end;
    -ms-flex-align: self-end;
    align-items: self-end;
    flex-direction: row;
    font-weight: bold;
    font-size: .5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: .1rem;
    font-family: 'SimSun', '宋体', serif
}

.mobile-show #wrapper .header #pagemenu .menu-box .menu li a span,
.mobile-show #wrapper .header #pagemenu .menu-box .menu li p span {
    font-family: 'Didot';
    font-size: .3rem;
    transform: scale(1);
    color: #fff
}

.mobile-show #wrapper .header #pagemenu .menu-box .menu li.active {
    border-bottom: 1px solid #ffd07b
}

.mobile-show #wrapper .header #pagemenu .menu-box .menu li.active a,
.mobile-show #wrapper .header #pagemenu .menu-box .menu li.active p {
    color: #ffd07b
}

.mobile-show #wrapper .header #pagemenu .menu-box .menu li.active a::after,
.mobile-show #wrapper .header #pagemenu .menu-box .menu li.active p::after,
.mobile-show #wrapper .header #pagemenu .menu-box .menu li.active a::before,
.mobile-show #wrapper .header #pagemenu .menu-box .menu li.active p::before {
    background: none;
    display: none
}

.mobile-show #wrapper .header #pagemenu .menu-box .menu li.active a span,
.mobile-show #wrapper .header #pagemenu .menu-box .menu li.active p span {
    color: #ffd07b
}

.mobile-show #wrapper .header #pagemenu .menu-box .menu li.active::after {
    background: #ffd07b
}

.mobile-show #wrapper .header #pagemenu .menu-box .menu li::after {
    content: "";
    width: .52rem;
    height: .03rem;
    background: #f5ede1;
    position: absolute;
    left: 0;
    bottom: -0.01rem
}

.mobile-show #wrapper .header #pagemenu .menu-box .other .share {
    width: 86% !important;
    height: 1rem;
    position: absolute;
    left: .4rem;
    bottom: 2rem;
    display: none
}

.mobile-show #wrapper .header #pagemenu .menu-box .other .share .btn-share {
    display: none
}

.mobile-show #wrapper .header #pagemenu .menu-box .other .share .share-box {
    display: block;
    width: 100%;
    height: 100%;
    background: none;
    padding: 0;
    position: static
}

.mobile-show #wrapper .header #pagemenu .menu-box .other .share .share-box a {
    background: none;
    width: 1.34rem
}

.mobile-show #wrapper .header #pagemenu .menu-box .other .share .share-box a .iconfont {
    color: #b7b1a8;
    font-size: 1rem
}

.mobile-show #wrapper .header #pagemenu .menu-box .other .music {
    width: .63rem;
    height: .63rem;
    position: absolute;
    top: .67rem;
    right: .6rem;
    margin-right: 0
}

.mobile-show #wrapper .header #pagemenu .menu-box .other .music .btn-music {
    -o-background-size: .63rem 1.26rem;
    background-size: .63rem 1.26rem
}

.mobile-show #wrapper .header #pagemenu .menu-box .other .mobile {
    display: block;
    position: absolute;
    top: .67rem;
    right: .45rem
}

.mobile-show #wrapper .header #pagemenu.display .menu-box {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1
}

.mobile-show #wrapper .header #pagemenu.display .menu-box .menu {
    display: flex
}

.mobile-show #wrapper .header #pagemenu.display .menu-box .menu li:nth-child(1) {
    -webkit-animation: eff_move .5s ease-in-out .1s both;
    -moz-animation: eff_move .5s ease-in-out .1s both;
    -o-animation: eff_move .5s ease-in-out .1s both;
    animation: eff_move .5s ease-in-out .1s both
}

.mobile-show #wrapper .header #pagemenu.display .menu-box .menu li:nth-child(2) {
    -webkit-animation: eff_move .5s ease-in-out .2s both;
    -moz-animation: eff_move .5s ease-in-out .2s both;
    -o-animation: eff_move .5s ease-in-out .2s both;
    animation: eff_move .5s ease-in-out .2s both
}

.mobile-show #wrapper .header #pagemenu.display .menu-box .menu li:nth-child(3) {
    -webkit-animation: eff_move .5s ease-in-out .3s both;
    -moz-animation: eff_move .5s ease-in-out .3s both;
    -o-animation: eff_move .5s ease-in-out .3s both;
    animation: eff_move .5s ease-in-out .3s both
}

.mobile-show #wrapper .header #pagemenu.display .menu-box .menu li:nth-child(4) {
    -webkit-animation: eff_move .5s ease-in-out .4s both;
    -moz-animation: eff_move .5s ease-in-out .4s both;
    -o-animation: eff_move .5s ease-in-out .4s both;
    animation: eff_move .5s ease-in-out .4s both
}

.mobile-show #wrapper .header #pagemenu.display .menu-box .menu li:nth-child(5) {
    -webkit-animation: eff_move .5s ease-in-out .5s both;
    -moz-animation: eff_move .5s ease-in-out .5s both;
    -o-animation: eff_move .5s ease-in-out .5s both;
    animation: eff_move .5s ease-in-out .5s both
}

.mobile-show #wrapper .header #pagemenu.display .menu-box .menu li:nth-child(6) {
    -webkit-animation: eff_move .5s ease-in-out .6s both;
    -moz-animation: eff_move .5s ease-in-out .6s both;
    -o-animation: eff_move .5s ease-in-out .6s both;
    animation: eff_move .5s ease-in-out .6s both
}

.mobile-show #wrapper .header #pagemenu.display .menu-box .menu li:nth-child(7) {
    -webkit-animation: eff_move .5s ease-in-out .7s both;
    -moz-animation: eff_move .5s ease-in-out .7s both;
    -o-animation: eff_move .5s ease-in-out .7s both;
    animation: eff_move .5s ease-in-out .7s both
}

.mobile-show #wrapper .header #pagemenu.display .menu-box .share {
    display: block
}

.mobile-show #wrapper .header #pagemenu.display .menu-box .share .share-box {
    -webkit-animation: eff_move .5s ease-in-out .8s both;
    -moz-animation: eff_move .5s ease-in-out .8s both;
    -o-animation: eff_move .5s ease-in-out .8s both;
    animation: eff_move .5s ease-in-out .8s both
}

.mobile-show #wrapper #pop-video {
    height: auto
}

.mobile-show #wrapper #pop-video .close {
    right: 2%;
    top: 2%
}

.mobile-show #wrapper #pop-video .video-box {
    width: 98%;
    height: 100%
}

.mobile-show #wrapper #pop-appointment {
    width: 492px;
    height: 389px
}

.mobile-show #wrapper #pop-appointment .iphone-box {
    width: 275px;
    padding-top: 50px
}

.mobile-show #wrapper #pop-appointment .iphone-box .type {
    height: 40px;
    margin: 10px 0 10px 0
}

.mobile-show #wrapper #pop-appointment .iphone-box .type .item {
    width: 60px
}

.mobile-show #wrapper #pop-appointment .iphone-box .phone-number {
    height: 40px
}

.mobile-show #wrapper #pop-appointment .iphone-box .code {
    height: 40px
}

.mobile-show #wrapper #pop-appointment .iphone-box .code input {
    width: 166px
}

.mobile-show #wrapper #pop-appointment .iphone-box .btn-join {
    margin-top: 10px;
    width: 4.4rem;
    height: 1.1rem;
}

.mobile-show #wrapper #pop-appointment .iphone-box .policy p {
    font-size: 12px
}

.mobile-show #wrapper #pop-success {
    width: 492px;
    height: 389px;
    -o-background-size: cover;
    background-size: cover
}

.mobile-show #wrapper #pop-success .success-box {
    width: 275px;
    padding-top: 180px
}

.mobile-show #wrapper #pop-success .success-box p {
    font-size: 16px
}

.mobile-show #wrapper #pop-success .success-box p::after,
.mobile-show #wrapper #pop-success .success-box p::before {
    top: 8px
}

.mobile-show #wrapper #pop-success .success-box .share-box .iconfont {
    margin: 0 8px
}

.mobile-show .alert_tips_layer {
    -webkit-transform: scale(.7) !important;
    -moz-transform: scale(.7) !important;
    -ms-transform: scale(.7) !important;
    -o-transform: scale(.7) !important;
    transform: scale(.7) !important
}

#wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    font-size: 20px;
    color: #f5ede1;
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top
}

#wrapper .loading {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #000;
    z-index: 20;
    font-size: 18px;
    color: #8fcbc1
}

#wrapper .loading .box {
    width: 100%;
    height: 1px;
    background: #364d49;
    margin: 0 auto;
    position: relative;
    top: 45%;
    left: 0
}

#wrapper .loading .box span {
    height: 1px;
    background: #8fcbc1;
    position: relative;
    top: 0;
    left: 0;
    display: block
}

#wrapper .loading .box p {
    font-size: 16px;
    line-height: 30px;
    color: #8fcbc1;
    text-align: center
}

#wrapper .cover {
    -o-background-size: cover;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat
}

#wrapper .icon {
    background-image: url(../public/image/icon.png);
    -o-background-size: 10rem 10rem;
    background-size: 10rem 10rem;
    background-repeat: no-repeat
}

#wrapper .header {
    width: 100%;
    z-index: 10;
    position: relative
}

#wrapper .header #pagemenu {
    width: 100%;
    height: .84rem;
    padding-bottom: .05rem;
    /* background-image: url(../public/image/bg-pagemenu.png); */
    -o-background-size: cover;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    position: fixed;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 12
}

#wrapper .header #pagemenu #obindex {
    width: 2.40rem;
    height: 3rem;
    background-image: url(../public/image/logo.png);
    -o-background-size: cover;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    text-indent: -99.99rem;
    margin-left: .2rem;
    margin-top: 2rem;
}

#wrapper .header #pagemenu .menu-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

#wrapper .header #pagemenu .menu-box .menu {
    width: 10.4rem;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: static
}

#wrapper .header #pagemenu .menu-box .menu li {
    width: 1.4rem;
    position: relative
}

#wrapper .header #pagemenu .menu-box .menu li a,
#wrapper .header #pagemenu .menu-box .menu li p {
    width: 100%;
    height: .84rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #f5ede1;
    font-size: .18rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: .25rem;
    font-family: 'Didot'
}

#wrapper .header #pagemenu .menu-box .menu li a span,
#wrapper .header #pagemenu .menu-box .menu li p span {
    display: block;
    color: #ae9577;
    font-size: .12rem;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

#wrapper .header #pagemenu .menu-box .menu li.active a,
#wrapper .header #pagemenu .menu-box .menu li.active p {
    color: #ffd07b
}

#wrapper .header #pagemenu .menu-box .menu li.active a::after,
#wrapper .header #pagemenu .menu-box .menu li.active p::after {
    content: "";
    width: 2rem;
    height: .37rem;
    position: absolute;
    bottom: -0.07rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url(../public/image/memu-btn-on.png);
    -o-background-size: cover;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    z-index: 2
}

#wrapper .header #pagemenu .menu-box .menu li.active a::before,
#wrapper .header #pagemenu .menu-box .menu li.active p::before {
    content: "";
    width: .5rem;
    height: .84rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url(../public/image/memu-btn-on-s.png);
    -o-background-size: cover;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    z-index: 1
}

#wrapper .header #pagemenu .menu-box .other {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: .2rem
}

#wrapper .header #pagemenu .menu-box .other .share {
    width: .34rem;
    height: .34rem;
    position: relative;
    margin-right: .3rem
}

#wrapper .header #pagemenu .menu-box .other .share .btn-share {
    width: 100%;
    height: 100%;
    display: block;
    -o-background-size: .34rem .68rem;
    background-size: .34rem .68rem;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(../public/image/btn-share.png);
    text-indent: -99.99rem
}

#wrapper .header #pagemenu .menu-box .other .share .share-box {
    width: 2.03rem;
    height: 3.17rem;
    position: absolute;
    top: .34rem;
    left: -0.25rem;
    /* background-image: url(../public/image/contact-img.png); */
    -o-background-size: cover;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1rem .29rem 0;
    display: none
}

#wrapper .header #pagemenu .menu-box .other .share .share-box a {
    width: .52rem;
    height: .53rem;
    float: left;
    background-image: url(../public/image/icon.png);
    -o-background-size: 10rem 10rem;
    background-size: 10rem 10rem;
    background-repeat: no-repeat;
    background-position: 0 -3.21rem;
    margin: 0 .1rem .2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#wrapper .header #pagemenu .menu-box .other .share .share-box a .iconfont {
    color: #f5ede1;
    font-size: .3rem
}

#wrapper .header #pagemenu .menu-box .other .share .share-box a:hover {
    background-position: -0.6rem -3.21rem
}

#wrapper .header #pagemenu .menu-box .other .share .share-box a:hover .iconfont {
    color: #292929
}

#wrapper .header #pagemenu .menu-box .other .share:hover .btn-share {
    background-position: center bottom
}

#wrapper .header #pagemenu .menu-box .other .share:hover .share-box {
    display: block
}

#wrapper .header #pagemenu .menu-box .other .music {
    width: .34rem;
    height: .34rem;
    margin-right: .8rem
}

#wrapper .header #pagemenu .menu-box .other .music .btn-music {
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -99.99rem;
    -o-background-size: .34rem .68rem;
    background-size: .34rem .68rem;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(../public/image/btn-music.png);
    background-position: center bottom
}

#wrapper .header #pagemenu .menu-box .other .music .btn-play {
    background-position: center top
}

#wrapper .header #pagemenu .menu-box .other .mobile {
    width: .63rem;
    height: .63rem;
    display: none
}

#wrapper .header #pagemenu .menu-box .other .mobile .btn-mobile {
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -99.99rem;
    -o-background-size: .63rem 1.26rem;
    background-size: .63rem 1.26rem;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(../public/image/btn-mobile.png)
}

#wrapper .header #pagemenu .menu-box .other .mobile .mobile-close {
    background-position: center bottom
}

#wrapper .news-tab {
    width: 7.51rem;
    height: .86rem;
    -o-background-size: cover;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url(../public/image/new-tab.png);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .12rem
}

#wrapper .news-tab a {
    width: 1.86rem;
    height: .54rem;
    font-size: .24rem;
    color: #f5ede1;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1
}

#wrapper .news-tab a.on {
    color: #ffd07b
}

#wrapper .popdiv {
    width: 663px;
    height: 523px;
    display: none;
    -o-background-size: cover;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    color: #f5ede1;
    font-family: 'Microsoft Yahei'
}

#wrapper .popdiv .close {
    display: block;
    text-indent: -9999px;
    cursor: pointer;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 60px;
    right: 60px;
    -o-background-size: cover;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url(../public/image/btn-close.png);
    z-index: 11
}

.mobile-show #wrapper .popdiv .close {
    right: 110px;
}

#wrapper .popdiv .popbox {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#wrapper #pop-video {
    width: 99%;
    height: 99vh;
    display: none;
    background: none;
    margin: 0 !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#wrapper #pop-video .close {
    right: 5%;
    top: 5%
}

#wrapper #pop-video .video-box {
    width: 71%;
    height: 80%;
    -moz-animation: eff_scale3 .2s linear;
    -o-animation: eff_scale3 .2s linear;
    animation: eff_scale3 .2s linear;
    -webkit-animation: eff_scale3 .2s linear;
    overflow: hidden
}

#wrapper #pop-video .video-box video {
    width: 100%;
    height: 100%
}

#wrapper #pop-appointment {
    -moz-animation: eff_scale3 .2s linear;
    -o-animation: eff_scale3 .2s linear;
    animation: eff_scale3 .2s linear;
    -webkit-animation: eff_scale3 .2s linear;
    background-image: url(../public/image/pop-1.png)
}

#wrapper #pop-appointment .iphone-box {
    width: 370px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 60px
}

#wrapper #pop-appointment .iphone-box .logo {
    width: 140px;
    height: 40px;
    text-align: center;
    transform: translateY(-30px);
}

#wrapper #pop-appointment .iphone-box .logo img {
    width: .64rem;
    height: .72rem;
    margin: 0 auto;
}

.mobile-show #pop-appointment .iphone-box .logo {
    width: 140px;
    height: 40px;
    text-align: center;
    transform: translateY(-30px);
}

.mobile-show #wrapper #pop-appointment .iphone-box .logo img {
    width: 1.5rem;
    height: 1.687rem;
    margin: 0 auto;
}

#wrapper #pop-appointment .iphone-box .type {
    width: 100%;
    height: 35px;
    margin: 20px 0 24px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #806f58;
    position: relative
}

#wrapper #pop-appointment .iphone-box .type .item {
    width: 90px;
    height: 100%;
    font-size: 14px;
    margin: 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: #f5ede1
}

#wrapper #pop-appointment .iphone-box .type .item p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#wrapper #pop-appointment .iphone-box .type .item p .iconfont {
    font-size: 16px;
    padding-right: 5px
}

#wrapper #pop-appointment .iphone-box .type .item input[type="radio"] {
    display: none
}

#wrapper #pop-appointment .iphone-box .type .item.on {
    color: #ffd07b
}

#wrapper #pop-appointment .iphone-box .type i {
    width: 32px;
    height: 3px;
    position: absolute;
    left: 30.5%;
    bottom: -2px;
    background: #ffd07b;
    -webkit-transition: left .5s ease-in-out;
    -o-transition: left .5s ease-in-out;
    -moz-transition: left .5s ease-in-out;
    transition: left .5s ease-in-out
}

#wrapper #pop-appointment .iphone-box .phone-number {
    width: 100%;
    height: 43px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #141414;
    border: 1px solid #806f58;
    border-radius: 30px;
    margin-bottom: 14px
}

#wrapper #pop-appointment .iphone-box .phone-number input {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
    background: none;
    border: none;
    color: #909090;
    font-weight: bold;
    font-size: 16px;
    outline: none
}

#wrapper #pop-appointment .iphone-box .phone-number input:-webkit-autofill {
    -webkit-text-fill-color: #909090;
    transition: background-color 50000s ease-in-out 0s;
}

#wrapper #pop-appointment .iphone-box .code {
    width: 100%;
    height: 43px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #141414;
    border: 1px solid #806f58;
    border-radius: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 14px
}

#wrapper #pop-appointment .iphone-box .code input {
    width: 244px;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
    background: none;
    border: none;
    color: #909090;
    font-weight: bold;
    font-size: 16px;
    outline: none
}

#wrapper #pop-appointment .iphone-box .code .btn-code {
    width: 100px;
    height: 24px;
    border-left: 1px solid #b7b1a8;
    font-size: 16px;
    position: relative
}

#wrapper #pop-appointment .iphone-box .code .btn-code p {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#wrapper #pop-appointment .iphone-box .code .btn-code p.not-clickable {
    display: none
}

#wrapper #pop-appointment .iphone-box .code .btn-code p:hover {
    color: #909090
}

#wrapper #pop-appointment .iphone-box .policy {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

#wrapper #pop-appointment .iphone-box .policy p {
    color: #f5ede1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    line-height: 20px
}

#wrapper #pop-appointment .iphone-box .policy p a {
    color: #ffd07b
}

#wrapper #pop-appointment .iphone-box .policy input[type="radio"] {
    display: none
}

#wrapper #pop-appointment .iphone-box .policy span {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 2px 12px 0 8px;
    border: 2px solid #f5ede1;
    /* 边框颜色 */
    border-radius: 50%;
    /* 设置为圆形 */
    position: relative;
    top: 2px;
    /* 根据需要调整以对齐文本 */
    left: 2px;
    /* 根据需要调整以对齐文本 */
}

#wrapper #pop-appointment .iphone-box .policy input[type="radio"]:checked+span {
    border: 2px solid #ffd07b;
    background: #ffd07b
}

#wrapper #pop-appointment .iphone-box .policy input[type="radio"]:checked+span::after {
    border: 2px solid #ffd07b
}

#wrapper #pop-appointment .iphone-box .btn-join {
    width: 3.2rem;
    height: .8rem;
    /* background: #ffd07b; */
    /* border-radius: 40px; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #292929;
    /* font-size: 20px; */
    margin-top: 40px;
    background-image: url(../public/image/btn-subscribe1.png);
    -o-background-size: cover;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat
}

#wrapper #pop-success {
    -moz-animation: eff_scale3 .2s linear;
    -o-animation: eff_scale3 .2s linear;
    animation: eff_scale3 .2s linear;
    -webkit-animation: eff_scale3 .2s linear;
    background-image: url(../public/image/pop-2.png)
}

#wrapper #pop-success .success-box {
    width: 370px;
    border-bottom: 1px solid #806f58;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 220px
}

#wrapper #pop-success .success-box p {
    font-family: 'SourceHanSerifCN-Heavy';
    color: #b7b1a8;
    font-size: 20px;
    position: relative
}

#wrapper #pop-success .success-box p::after,
#wrapper #pop-success .success-box p::before {
    content: "";
    position: absolute;
    top: 12px;
    width: 10px;
    height: 10px;
    background: #b7b1a8;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#wrapper #pop-success .success-box p::after {
    left: -25px
}

#wrapper #pop-success .success-box p::before {
    right: -25px
}

#wrapper #pop-success .success-box .share-box {
    margin: 20px 0 20px 0
}

#wrapper #pop-success .success-box .share-box .iconfont {
    color: #ae9577;
    font-size: 28px;
    margin: 0 13px
}

#wrapper #pop-ios {
    width: 900px;
    height: 667px;
    -moz-animation: eff_scale3 .2s linear;
    -o-animation: eff_scale3 .2s linear;
    animation: eff_scale3 .2s linear;
    -webkit-animation: eff_scale3 .2s linear;
    background-image: url(../public/image/pop-ios.png)
}

#wrapper #pop-ios .close {
    right: 207px;
    top: 110px
}

#wrapper #pop-weixin,
#wrapper #pop-QQ {
    width: 570px;
    height: 514px;
    -moz-animation: eff_scale3 .2s linear;
    -o-animation: eff_scale3 .2s linear;
    animation: eff_scale3 .2s linear;
    -webkit-animation: eff_scale3 .2s linear;
    background-image: url(../public/image/pop-3.png)
}

#wrapper #pop-weixin .contact-box .title,
#wrapper #pop-QQ .contact-box .title {
    height: 42px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 32px
}

#wrapper #pop-weixin .contact-box .title img,
#wrapper #pop-QQ .contact-box .title img {
    height: 100%
}

#wrapper #pop-weixin .contact-box .title .text,
#wrapper #pop-QQ .contact-box .title .text {
    width: 143px;
    height: 100%;
    border-left: 1px solid #ae9577;
    margin-left: 14px;
    position: relative
}

#wrapper #pop-weixin .contact-box .title .text p,
#wrapper #pop-QQ .contact-box .title .text p {
    color: #ffd07b;
    font-weight: bold;
    font-size: 26px;
    position: absolute;
    left: 10px;
    top: -10px
}

#wrapper #pop-weixin .contact-box .title .text span,
#wrapper #pop-QQ .contact-box .title .text span {
    text-transform: uppercase;
    font-family: 'Didot';
    color: #ae9577;
    font-size: 12px;
    position: absolute;
    left: 10px;
    bottom: -7px
}

#wrapper #pop-weixin .contact-box .ewm,
#wrapper #pop-QQ .contact-box .ewm {
    width: 200px;
    height: 210px
}

#wrapper #pop-weixin .contact-box .ewm img,
#wrapper #pop-QQ .contact-box .ewm img {
    width: 100%
}

#wrapper #pop-weixin .contact-box .txt,
#wrapper #pop-QQ .contact-box .txt {
    color: #ffd07b;
    font-family: 'SourceHanSerifCN-Heavy';
    font-size: 18px;
    text-align: center;
    margin-top: 30px
}

#wrapper #pop-weixin .contact-box .group,
#wrapper #pop-QQ .contact-box .group {
    width: 200px;
    height: 210px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #806f58;
    border-bottom: 1px solid #806f58;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    padding: 10px 0
}

#wrapper #pop-weixin .contact-box .group li,
#wrapper #pop-QQ .contact-box .group li {
    width: 100%;
    font-size: 17px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#wrapper #pop-weixin .contact-box .group li span,
#wrapper #pop-QQ .contact-box .group li span {
    cursor: pointer
}

.copyRight {
    background: #060603 !important;
    font-family: 'Microsoft Yahei';
    overflow: hidden
}

@-moz-keyframes eff_scale3 {
    0% {
        opacity: 0;
        -moz-transform: scale(.4);
        transform: scale(.4)
    }

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

@-o-keyframes eff_scale3 {
    0% {
        opacity: 0;
        -o-transform: scale(.4);
        transform: scale(.4)
    }

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

@keyframes eff_scale3 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.4);
        -moz-transform: scale(.4);
        -o-transform: scale(.4);
        transform: scale(.4)
    }

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

@-webkit-keyframes eff_scale3 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.4)
    }

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

@-webkit-keyframes eff_move {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px)
    }

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

@-moz-keyframes eff_move {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px)
    }

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

@-o-keyframes eff_move {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px)
    }

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

@keyframes eff_move {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px)
    }

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