/* - - - - - - - - - 默认值标准化  - - - - - - - - -*/
html,body,span,h1,h2,h3,h4,h5,p,blockquote,pre,a,address,code,
del,em,img,dl,dt,dd,ol,ul,li,fieldset,form,label{margin:0;padding:0;border:0;font-style:inherit;font-family:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,audio,video{margin:0;padding:0;display: block;}
html{-webkit-text-size-adjust:none;}
img{border:none;vertical-align:middle;}
input,select,button{padding:0;margin:0;outline:none;line-height: inherit;font-size: inherit;font-family:inherit;vertical-align:middle;}
textarea{resize:none;font-family:inherit;padding:0;margin:0;font-size: inherit;}
input::-ms-clear{display: none;}
input:focus,textarea:focus,button:focus{outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); }
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none!important; margin: 0;}
input[type=button],input[type=submit],input[type=reset],input[type=text],input[type=file],button{-webkit-appearance:none; border-radius:0;}
button{cursor:pointer;}
html{height:100%;position: relative;}
body{font-size:14px;min-width: 360px;font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;height:100%;position: relative;color:#333;max-width:2560px;margin-left:auto;margin-right:auto;background:#fff;}
ul,ol{list-style-type:none;}
i,em,address{font-style:normal;}
a{text-decoration:none;color:#4f4f4f;text-underline-offset:6px;}
a:hover{text-decoration:underline;transition:color 200ms linear,background-color 200ms linear,border-color 200ms linear;color:#d3274d;}
a:active{}
a:visited{}
.clear{display: block;clear: both;width:100%;}
::-webkit-input-placeholder {color:#a9a9a9;}
::-moz-placeholder { color:#a9a9a9;}
:-ms-input-placeholder {color:#a9a9a9;}

.photo{background:#666;position:relative;overflow:hidden;}
.photo.photo--mask{position:relative;}
.photo.photo--mask::before{position:absolute;left:0;top:0;right:0;bottom:0;z-index:100;background-color:#1d2e59;content:"";opacity:0.33;}
a.photo{display:block;}
.photo img{display:block;width:100%;height:100%;object-fit:contain;transition:all 0.2s ease;}
.photo.photo--pos{position:relative;overflow:hidden;}
.photo.photo--pos img{position:absolute;left:0;top:0;}
.iconPic,._iconPic{vertical-align:middle;max-width:300px;}
.iconPic img,._iconPic img{width:100%;height:100%;display:block;object-fit:contain;}
[class^='icon--']{display:inline-block;width:24px;height:24px;vertical-align:middle;background-size:contain!important;}
.colorRed{color:#d3274d;}
a.colorRed{color:#d3274d!important;}

.loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.loader::after{width:30px;height:30px;border-radius:100%;border:4px solid #666;border-bottom-color:transparent;background:transparent !important;display:inline-block;animation:rotate 2s 0s linear infinite;content:"";}

@keyframes press{50%{ transform:translateY(20px);}}
@-webkit-keyframes press{50%{ -webkit-transform:translateY(20px);}}

.ani--diffuse-right{position:relative;overflow:hidden;z-index:100;}
.ani--diffuse-right:hover{color:#d3274d;}
.ani--diffuse-right:hover [class^='icon-']{filter:brightness(100);}
.ani--diffuse-right:hover::before{transform:scale3d(9,9,1);}
.ani--diffuse-right::before{content:'';z-index:-1;position:absolute;top:50%;left:100%;margin:-15px 0 0 1px;width:30px;height:30px;border-radius:50%;transform-origin:100% 50%;transform:scale3d(1,2,1);transition:transform 0.3s,opacity 0.3s;transition-timing-function:cubic-bezier(0.7,0,0.9,1);background-color:#fff;}
@keyframes rotate{
  0%{transform:rotate(0deg) scale(1);}
50%{transform:rotate(180deg) scale(0.9);}
100%{transform:rotate(360deg) scale(1);}
}
@keyframes progress{
  0%{width:0%;}
100%{width:100%;}
}
@keyframes lightning{
  0%{width:0%;height:0;}
100%{width:100%;height:100%;}
}
.item-tips{width:18px;height:26px;position:absolute;color:#fff;left:50%;margin-left:-13px;background:url(../images/icon/icon--mouse.png) no-repeat left top;z-index:100;-webkit-animation:press 2.5s ease-out infinite;animation:press 2.5s ease-out infinite;bottom:5.00%;background-size:contain;}
.item-tips span{line-height:2.36;text-align:center;position:absolute;top:100%;left:50%;transform:translatex(-50%);-webkit-transform:translatex(-50%);font-size:14px;white-space:nowrap;}
.item-tips span::after{content:attr(data-pc);}

  .txtAni--down{animation:aniDown 0.6s ease-in-out forwards;}
@keyframes aniDown{
  0%{visibility:hidden;opacity:0;transform:translateY(-40px);}
100%{visibility:visible;opacity:1;transform:translateY(0);}
}
.txtAni--left{animation:aniLeft 1.4s cubic-bezier(0.175,0.885,0.32,1.275) forwards;}
@keyframes aniLeft{
  0%{visibility:hidden;opacity:0;transform:translateX(-40px);}
100%{visibility:visible;opacity:1;transform:translateX(0);}
}

.txtAni--right{animation:aniRight 1.4s cubic-bezier(0.175,0.885,0.32,1.275) forwards;}
     
@keyframes aniRight{
  0%{visibility:hidden;opacity:0;transform:translateX(40px);}
100%{visibility:visible;opacity:1;transform:translateX(0);}
}

@keyframes flow{
  0%{background-position:0 0;}
100%{background-position:20px 0;}
}

.my-custom-scrollbar{scrollbar-width:thin;scrollbar-color:#000 #fff;}
.my-custom-scrollbar *{scrollbar-color:#000 #fff !important;}
.my-custom-scrollbar *{scrollbar-track-color:#fff !important;}
.my-custom-scrollbar::-webkit-scrollbar{width:6px;height:90px;}
.my-custom-scrollbar::-webkit-scrollbar-thumb{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#000;transition:all .2s;height:20px;}
.my-custom-scrollbar::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0);border-radius:5px;background-color:rgba(0,0,0,0);}
.my-custom-scrollbar::-webkit-scrollbar-button{display:none;}
.my-custom-scrollbar::-webkit-scrollbar-corner{display:none;}
.my-custom-scrollbar:hover::-webkit-scrollbar-thumb{transition:all .2s;}
.my-custom-scrollbar:hover::-webkit-scrollbar{width:4px;height:4px;display:none;}

.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;}


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

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

/* 组件浮动栏 */
.module-floatingbar{position:fixed;right:0px;top:50%;transform:translateY(-50%);background-color:#1c2d58;border-radius:12px 0 0 12px;width:49px;padding-top:13px;padding-bottom:13px;padding-left:6px;z-index:999;}
.module-floatingbar ._RQcode{position:absolute;right:100%;border:1px solid #d32950;width:112px;height:112px;padding:7px;border-radius:6px;background:#fff;top:50%;transform:translateY(-50%);margin-right:0;visibility:hidden;opacity:0;transition:all 0.2s ease 0s;}
.module-floatingbar ._RQcode::after{width:10px;height:10px;transform:rotate(45deg);border-top:1px solid #d32950;border-right:1px solid #d32950;content:"";position:absolute;top:50%;left:100%;background:#fff;transform-origin:center center;margin-left:-5px;box-sizing:border-box;margin-top:-5px;}
.module-floatingbar ._RQcode img{width:100%;height:100%;display:block;}
.module-floatingbar .iconPic{height:24px;width:24px;margin:0 auto;display:block;}
.module-floatingbar ul li{position:relative;}
.module-floatingbar ul li::after{position:absolute;content:"";right:0px;top:0px;bottom:0px;width:100%;padding-left:11px;border-radius:6px 0 0 6px;z-index:-1;transform:translateX(150%);transition:all 0.2s ease;}
.module-floatingbar ul li:hover::after{background-color:#ef3365;transform:translateX(0%);}
.module-floatingbar ul li a{display:block;text-align:center;color:#fff;line-height:1.67;padding-top:10px;padding-bottom:10px;font-size:12px;text-decoration:none;}
.module-floatingbar ul li:hover ._RQcode{visibility:visible;opacity:1;transition-delay:0.2s;margin-right:22px;}

/* WebKit浏览器滚动条样式 (Chrome, Safari, Edge) */
.custom-scrollbar::-webkit-scrollbar { width: 7px; height: 7px; }
/* 滚动条轨道 */
.custom-scrollbar::-webkit-scrollbar-track { background:rgba(255,255,255,0.2); border-radius: 20px; }
/* 滚动条滑块 */
.custom-scrollbar::-webkit-scrollbar-thumb { background: #ffffff; border-radius: 20px; transition: all 0.2s; }
/* 滚动条滑块悬停 */
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #999999; }
/* 滚动条按钮 */
.custom-scrollbar::-webkit-scrollbar-button { display: none; }
/* 滚动条角落 */
.custom-scrollbar::-webkit-scrollbar-corner { display: none; }
/* 悬停时显示滚动条 */
.custom-scrollbar:hover::-webkit-scrollbar { width: 7px; height: 7px; }



@font-face {
	font-family:'SF Pro SC';
	font-style:normal;
	src:url("font/PingFangSC-Regular.eot");
	src:url("font/PingFangSC-Regular.woff")format("woff"), url("font/PingFangSC-Regular.ttf") format("truetype");
}

@font-face {
	font-family:'SF Pro Text';
	font-style:normal;
	src:url("font/sf-pro-text_regular.eot");
	src: url("font/sf-pro-text_regular.woff")format("woff"), url("font/sf-pro-text_regular.ttf") format("truetype");
}