﻿:root { --youjia-view-scale: calc(100% * (1 / 1)) }
@font-face { font-family: 'Jost'; src: local('Jost Regular'), local('Jost-Regular'), url('/fonts/Jost-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Jost'; src: local('Jost Bold'), local('Jost-Bold'), url('/fonts/Jost-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; }
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.hide-scrollbar::-webkit-scrollbar, .hide-scrollbar ::-webkit-scrollbar { display: none }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
html { font-size: 62.5%; font-size: 62.5% !important; height: 100%;  }
body { font-family: "Jost",sans-serif; margin: 0 auto; background-color: #fff; -webkit-tap-highlight-color: transparent; line-height: 1.6; padding-top: 150px }
ul { display: block; margin: 0; padding: 0; list-style: none; }
li { display: block; margin: 0; padding: 0; list-style: none; }
img { border: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }
dl, dt, dd, span { margin: 0; padding: 0; }
a, a:focus { text-decoration: none; color: #000; outline: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; }
a:hover { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
cite { font-style: normal; }
h2 { font-weight: normal; }
em { font-style: normal; }
fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
input[type="submit"] { border: 0; }
input, select, textarea { background-color: white; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; padding: 1px; border-width: 2px; border-style: inset; border-color: initial; border: none; outline: none; }
input, textarea, keygen, select, button { text-rendering: auto; color: initial; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: start; margin: 0; font: 1.3rem Arial; }
input, textarea, keygen, select, button, meter, progress { -webkit-writing-mode: horizontal-tb; }



/* 横向居中布局 */
.flexView_center { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; }
/* 纵向布局 */
.flexView { display: -webkit-box; display: -webkit-flex; display: flex; }
.flex { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
/* 纵向布局 */
.flexView_column { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; align-content: stretch; }
/* 居中 */
.absoluteView_center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

/* 站点导航 */
.yjui-breadcrumb { padding: 10px 0px; }
.yjui-breadcrumb a { color: #999 !important; }
.yjui-breadcrumb a cite { color: #666; font-style: normal; }
.yjui-breadcrumb span { margin: 0 10px; color: #999; }
.yjui-breadcrumb > * { font-size: 14px; }

/*公共分页效果*/
.pagebox { text-align: center }
.yjui-page { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 10px 0; font-size: 0; }
.yjui-page, .yjui-page * { box-sizing: content-box; }
.yjui-page a, .yjui-page-curr, .yjui-page-spr, .yjui-page-limits select, .yjui-page-skip, .yjui-page button, .yjui-page input { border: 1px solid #e2e2e2; }
.yjui-page a, .yjui-page span { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 0 15px; height: 28px; line-height: 28px; margin: 0 -1px 5px 0; background-color: #fff; color: #333; font-size: 14px; }
.yjui-page .yjui-page-curr { position: relative; }
.yjui-page .yjui-page-curr .yjui-page-em { position: absolute; left: -1px; top: -1px; padding: 1px; width: 100%; height: 100%; background-color: #6199ff; }
.yjui-page .yjui-page-curr em { font-style: normal; position: relative; color: #fff; }
.yjui-page select { height: 22px; padding: 3px; border-radius: 2px; cursor: pointer; outline: 0; }
.yjui-page .yjui-page-count, .yjui-page .yjui-page-limits, .yjui-page .yjui-page-refresh, .yjui-page .yjui-page-skip { margin-left: 10px; margin-right: 10px; padding: 0; border: none; }
.yjui-page .yjui-page-limits, .yjui-page .yjui-page-refresh { vertical-align: top }
.yjui-page .yjui-page-skip { height: 30px; line-height: 30px; color: #999; }
.yjui-page input { width: 40px; margin: 0 10px; padding: 0 3px; text-align: center; }
.yjui-page button, .yjui-page input { height: 30px; line-height: 30px; border-radius: 2px; vertical-align: top; background-color: #fff; box-sizing: border-box; outline: 0; -webkit-appearance: none; }
.yjui-page button { margin-left: 10px; padding: 0 10px; cursor: pointer; }
.yjui-page .yjui-page-spr { color: #999; font-weight: 700; }
.yjui-page .yjui-page-refresh { padding-top: 3px; }
.yjui-page .yjui-page-refresh i { font-size: 18px; cursor: pointer; }
.yjui-page .yjui-page-next { transform: rotateY(180deg); font-size: 18px }
.yjui-page .yjui-page-prev { font-size: 18px }


.subscribe-modal { position: fixed; top: 45%; left: 50%; width: 640px; z-index: -1; transform: translate(-50%,-50%) scale(1.2); opacity: 0; }
.subscribe-modal.subscribe-show { animation-name: weixipopshow; animation-duration: 0.3s; animation-fill-mode: both; }
.subscribe-modal .subscribe-content { background-color: #fff; position: relative; border-radius: 0; margin: 0 auto;  box-shadow: 0 0 #0000,0 0 #0000,1px 4px 30px rgb(0 0 0 / 15%); }
.subscribe-modal .messagebox { display: flex; flex-direction: column; padding: 60px }
.subscribe-modal .messagebox .title { font-size:18px; font-weight:700; text-align:center; margin-bottom:30px}
.subscribe-modal .messagebox .content { display: flex; place-content: center; }
.subscribe-modal .messagebox .email_form { display: flex; place-content: center; position: relative }
.subscribe-modal .messagebox .email_form.errmsg::before { content: ''; position: absolute; left: 20px; bottom: calc(100% - 6px); width: 0; height: 0; color: #fff; border: 6px solid transparent; border-top-color: white; z-index: 2; }
.subscribe-modal .messagebox .email_form.errmsg::after { box-sizing: border-box; content: attr(errMsg); position: absolute; bottom: calc(100% + 6px); left: 0; line-height: 1.3; padding: 16px 20px; color: rgba(41, 41, 41, 0.6); background-color: white; border-radius: 4px; box-shadow: 0px 0px 8px 0px rgba(195,195,195,0.50); font-size: 14px; z-index: 1; }


.subscribe-modal .messagebox .email_form .email_input { color: #292929; font-size: 14px; }
.subscribe-modal .messagebox .email_form .email_input .input_email { width:260px; height: 100%; padding: 0 15px; border: 1px #e8e8e1 solid; border-right-width: 0; }
.subscribe-modal .messagebox .email_form .submit_btn { outline: 0; cursor: pointer; font-size: 16px; line-height: 1.4; border-radius: 0; border-width: 1px; border-style: solid; border-color: transparent; background-color: #1c1d1d; color: #fff; text-align: center; padding: 11px 18px; font-weight: 700; transition-duration: .3s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; }
.subscribe-modal .messagebox .email_form .submit_btn:hover { background-color: #3e4141; }

.subscribe-modal .messagebox .result_title { font-size: 18px;  text-align: center; margin-bottom: 30px }
.subscribe-modal .messagebox .result_box { width: 100%; font-size:14px; padding: 5px 10px; text-align: center; color: rgba(86,173,106,1); background-color: rgba(236,254,240,1); border: 1px rgba(86,173,106,1) solid; }
.subscribe-modal .messagebox .result_box .desc { margin-bottom:10px }
.subscribe-modal .messagebox .result_box .rows { display: flex; place-items: center; place-content: center; }
.subscribe-modal .messagebox .result_box .rows .coupon_code { margin-left: 10px; padding: 4px 8px; line-height: 1; font-weight: 700; min-width: 90px; background: #f5f5f5; border: 1px dashed #363636; color: #c82a23; }


.subscribe-modal .messagebox .remark { font-size: 14px; color: #909399; text-align: center; line-height: 22px; margin-top: 8px; }
.subscribe-modal .close-modal { display: flex; place-content: center; place-items: center; width: 36px; height: 36px; background-color: #000; border-radius: 100%; position: absolute; bottom: -72px; left: 50%; z-index: 1006; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); cursor: pointer }
.subscribe-modal .close-modal svg{  color: #fff }
.subscribe-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; z-index: -1; top: 0; left: 0; opacity: 0; background: rgba(255,255,255,.6); transition: all .3s; }
.subscribe-show ~ .subscribe-overlay { opacity: 1; visibility: visible; z-index: 1005; }



.md-modal { position: fixed; top: 50%; left: 50%; width: 640px; z-index: -1; transform: translate(-50%,-50%) scale(1.2); opacity: 0; }
.md-modal.md-show { animation-name: weixipopshow; animation-duration: 0.3s; animation-fill-mode: both; }
.md-modal .md-content { background-color: #fff; position: relative; border-radius: 10px; margin: 0 auto; padding: 50px 0 20px; }
.md-modal .messagebox { display: flex; flex-direction: column; padding: 50px 20px }
.md-modal .messagebox .title { text-align: center; margin-bottom: 8px; font-weight: 600; font-size: 24px; color: #252D37; }
.md-modal .messagebox .desc { font-size: 14px; color: #909399; text-align: center; line-height: 22px; margin-bottom: 15px; }
.md-modal .messagebox .content { }

.md-modal .messagebox .remark { font-size: 14px; color: #909399; text-align: center; line-height: 22px; margin-top: 8px; }
.md-modal .close-modal { display: flex; place-content: center; place-items: center; width: 36px; height: 36px; background-color: #fff; border-radius: 100%; position: absolute; bottom: -72px; left: 50%; z-index: 1006; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); cursor: pointer }
.md-modal .close-modal i { font-size: 2rem; color: #555 }
.md-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; z-index: -1; top: 0; left: 0; opacity: 0; background: rgba(1,1,1,.6); transition: all .3s; }
.md-show ~ .md-overlay { opacity: 1; visibility: visible; z-index: 1005; }

@keyframes example {
    0% { transform: scale(1) }
    50% { transform: scale(1.2) }
    100% { transform: scale(1) }
}

@keyframes weixipopshow {
    0% { transform: translate(-50%,-50%) scale(1.2); opacity: 0; z-index: -1; }
    to { transform: translate(-50%,-50%) scale(1); opacity: 1; z-index: 1009; }
}

/*@keyframes flyLeftIn {
    0% { opacity: 0; transform: translateX(-50px); }
    100% { transform: translateX(0px); }
}*/
@keyframes bgIconsShowcaseSlide {
    0% { transform: translateZ(0); }
    25% { transform: translate3d(-20vw,0,0); }
    50% { transform: translate3d(0,0,0); }
    75% { transform: translate3d(20vw,0,0); }
    100% { transform: translate3d(0vw,0,0); }
}
@keyframes flyLeftIn {
    0% { opacity: 0; transform: scale(1) translate3d(0px, 50px, 0px); }
    100% { opacity: 1; transform: scale(1) translate3d(0px, 0px, 0px); }
}

@keyframes upanimation{
    0%   {transform: translateY(60px);}
    100% {transform: translateY(0);}
}

@-webkit-keyframes opacity {
    0% { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; opacity: 0; }
    100% { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; opacity: 1; }
}
@-moz-keyframes opacity {
    0% { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; opacity: 0; }
    100% { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; opacity: 1; }
}
@keyframes opacity {
    0% { -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; opacity: 0; }
    100% { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; opacity: 1; }
}
@-webkit-keyframes left-to-right {
    0% { width: 0; }
    100% { width: 100%; }
}
@-moz-keyframes left-to-right {
    0% { width: 0; }
    100% { width: 100%; }
}
@keyframes left-to-right {
    0% { width: 0; }
    100% { width: 100%; }
}
.fade-in { opacity: 0; animation: fadeIn ease-in 0.5s forwards; }

@keyframes fadeIn {
    from { opacity: 0; }

    to { opacity: 1; }
}

/* 首页幻灯片动画效果结束 */


@font-face { font-family: 'icomoon'; src: url('/fonts/icomoon.eot?g1qbrp'); src: url('/fonts/icomoon.eot?g1qbrp#iefix') format('embedded-opentype'), url('/fonts/icomoon.ttf?g1qbrp') format('truetype'), url('/fonts/icomoon.woff?g1qbrp') format('woff'), url('/fonts/icomoon.svg?g1qbrp#icomoon') format('svg'); font-weight: normal; font-style: normal; }

[class*=" icon-"], [class^=icon-], [data-icon]:before { font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: icomoon!important; content: attr(data-icon); speak: none; }

.icon-fa-instagram:before { content: "\e930"; }
.icon-fa-tiktok:before { content: "\e931"; }
.icon-fa-pinterest:before { content: "\e932"; }
.icon-star-full:before { content: "\ea0c"; }
.icon-top:before { content: "\e92f"; }
.icon-telegram:before { content: "\e91e"; }
.icon-heart3:before { content: "\66"; }
.icon-dianzan:before { content: "\e510"; }
.icon-previous:before { content: "\e571"; }
.icon-qq:before { content: "\e604"; }
.icon-youxiang1:before { content: "\e605"; }
.icon-fanhui2:before { content: "\e606"; }
.icon-icon7:before { content: "\e607"; }
.icon-zhifubao:before { content: "\e60a"; }
.icon-dizhi1:before { content: "\e60c"; }
.icon-liuyan-duandian:before { content: "\e60e"; }
.icon-shijian1:before { content: "\e624"; }
.icon-youxiang:before { content: "\e631"; }
.icon-dizhi:before { content: "\e63a"; }
.icon-iconfonticon-shebei:before { content: "\e63c"; }
.icon-prev:before { content: "\e643"; }
.icon-xiangxia3:before { content: "\e647"; }
.icon-liuyanguanli:before { content: "\e665"; }
.icon-liulan:before { content: "\e666"; }
.icon-next:before { content: "\e667"; }
.icon-Eyeblind:before { content: "\e669"; }
.icon-Eyevision:before { content: "\e681"; }
.icon-weixin:before { content: "\e73b"; }
.icon-weibo:before { content: "\e73c"; }
.icon-dianhua1:before { content: "\e776"; }
.icon-fanhui:before { content: "\e7a8"; }
.icon-dianhua:before { content: "\e7b5"; }
.icon-qq1:before { content: "\e7cd"; }
.icon-sousuo1:before { content: "\e86e"; }
.icon-diqiu:before { content: "\e91f"; }
.icon-yuyan:before { content: "\e920"; }
.icon-sousuo:before { content: "\e921"; }
.icon-tag:before { content: "\e922"; }
.icon-watch_later:before { content: "\e923"; }
.icon-fenxiangfangshi:before { content: "\e924"; }
.icon-guanbi:before { content: "\e925"; }
.icon-time:before { content: "\e926"; }
.icon-gupiao-hangqingdianjitai:before { content: "\e927"; }
.icon-gupiao-shouyedianjitai:before { content: "\e928"; }
.icon-tongji:before { content: "\e929"; }
.icon-zhongzhigupiaomima:before { content: "\e92a"; }
.icon-fa-android:before { content: "\e92b"; }
.icon-fa-mac:before { content: "\e92c"; }
.icon-appstore-dark:before { content: "\e92d"; }
.icon-fa-win:before { content: "\e92e"; }
.icon-clock:before { content: "\e94f"; }
.icon-twitter:before { content: "\f081"; }
.icon-facebook:before { content: "\f082"; }
.icon-fa-twitter:before { content: "\f099"; }
.icon-fa-facebook:before { content: "\f09a"; }
.icon-git:before { content: "\f09b"; }
.icon-money:before { content: "\f0d6"; }
.icon-fa-in:before { content: "\f0e1"; }
.icon-fa-dribbble:before { content: "\f17d"; }
.icon-fa-ska:before { content: "\f17e"; }
.icon-fa-be:before { content: "\f1b4"; }
.icon-be:before { content: "\f1b5"; }
.icon-database:before { content: "\f1c0"; }
.icon-facebook-f:before { content: "\f230"; }
.icon-fa-telegram:before { content: "\ea95"; }
.icon-youtube:before { content: "\ea9d"; }
.icon-fa-pinterest-f:before { content: "\ead1"; }
.icon-fa-pinterest-n:before { content: "\ead2"; }
.icon-fa-whatsapp:before { content: "\ea93"; }
.icon-fa-snapchat:before { content: "\e901"; }
.icon-fa-tumblr:before { content: "\e902"; }
.icon-fa-vimeo:before { content: "\e903"; }





.tips-mod, .tips-mod strong, .tips-mod em { display: inline-block; _display: inline; _zoom: 1; }
.tips-mod { position: fixed; top: 40%; left: 0; width: 100%; font: 700 14px/52px "Simsun"; text-align: center; z-index: 10000; }
.tips-mod strong { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); padding: 0px 12px; border-radius: 5px; background: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#eee)); background: linear-gradient(top bottom, #fff, #eee); background: -moz-linear-gradient(#fff, #eee); background: -o-linear-gradient(#fff, #eee); }
.tips-mod em { padding-left: 45px; background: url(/images/icon_common.png) no-repeat 0 7px; color: #334F67; font-style: normal; }
.tips-mod .tips-warn { background-position: 0 -89px; color: #C0880F; }
.tips-mod .tips-error { /**	background-position:0 -39px;这是错误图标**/ background-position: 0 -89px; color: #C0880F; }
.tips-mod .tips-loading { background: url(/images/loading.gif) no-repeat 10px 21px; color: #334F67; }

.g-scroll-locked { overflow: hidden !important }
