/* - - - - - - - - - 默认值标准化  - - - - - - - - -*/
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); -webkit-user-modify:read-write-plaintext-only;}
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{ border-radius:0;}
button{cursor:pointer;}
html{height:100%;position: relative;}
body{font-size:16px;min-width: 360px; background-color:#fff;font-family:-apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif;height:100%;position: relative;color:#333;max-width:2560px;margin-left:auto;margin-right:auto;}
ul,ol{list-style-type:none;}
i,em,address{font-style:normal;}
a{text-decoration:none;color:#4f4f4f;}
a:hover{text-decoration:underline;transition:color 200ms linear,background-color 200ms linear,border-color 200ms linear;}
a:active{}
a:visited{}
.clear{display: block;clear: both;width:100%;}
.color-blue{color:#2d8ffe;}


.photo{background:#666;position:relative;overflow:hidden;}
.photo img{display:block;width:100%;height:100%;object-fit:cover;}
.photo.photo--pos{position:relative;overflow:hidden;}
.photo.photo--pos img{position:absolute;left:0;top:0;}
.iconPic{vertical-align:middle;}
.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:cover;}

.aniEnlargeHint{position:relative;z-index:200;overflow:hidden;}
.aniEnlargeHint:hover{-webkit-transition:background-color 0.1s 0.3s,color 0.1s 0.3s;transition:background-color 0.1s 0.3s,color 0.1s 0.3s;-webkit-animation:anim-moema-1 0.3s forwards;animation:anim-moema-1 0.3s forwards;text-decoration:none;}

@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

 ._btn_try{width:65.8%;display:block;margin:0 auto;text-align:center;background-color:#0c00ff;color:#fff;line-height:3.40;font-weight:bold;border-radius:50px;font-size:20px;letter-spacing:1px;}
 ._btn_try{background-image:linear-gradient(0,rgb(12, 0, 255) 100%);transition:all 0.43s linear;}
._btn_try:hover{background-image: linear-gradient(90deg,#0c00ff,#27ae60,#0c00ff,#e74c3c,#0c00ff);text-decoration:none;animation: turn_gradient 5s infinite;background-size:400%;}

@keyframes turn_gradient{
		  0%{
                background-position: 0% 50%;
            }
            100%{
                background-position: 100% 50%;
            }
}



/*返回顶部*/
#backtop{position:fixed;right:10px;bottom:-38px;width:49px;height:38px;background:rgba(0,0,0,0.5);border-radius:6px;overflow:hidden;visibility:hidden;cursor:pointer;text-align:center;line-height:38px;opacity:0;transition:all 0.2s ease;z-index:5000;}
#backtop .icon--top{position:relative;width:18px;height:18px;display:inline-block;vertical-align:middle;}
#backtop .icon--top::before,#backtop .icon--top::after{content:"";height:2px;background:#fff;width:82%;display:block;position:absolute;bottom:6px;}
#backtop .icon--top::before{transform:rotate(-45deg);transform-origin:left  bottom;left:0px;}
#backtop .icon--top::after{transform:rotate(45deg);transform-origin:right bottom;right:0px;}
#backtop.backtop--show{visibility:visible;opacity:1;bottom:10px;}
#backtop:hover::after{transform:scale3d(9,9,1);}
#backtop::after{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:rgba(255,255,255,0.31);}

.icon_arrowTop{width:26px;height:21px;background:url(../images/icon_arrow2.png) no-repeat left top;display:inline-block;margin-left:6px;background-size:cover;position:relative;}
.icon_arrowTop::before{position:absolute;background:url(../images/icon_arrow2.png) no-repeat left top;background-size:cover;animation:arrowTopAni 1.1s ease-in infinite;content:"";top:0px;left:0px;width:100%;height:100%;display:block;}
@keyframes arrowTopAni{
from{opacity: 1;}
to{opacity: 0;transform:translatey(-15px) scale(1.1);}
}
/* This was made with GlassGenerator.netlify.app */ 

.glass-container{
    gap: 20px;
    backdrop-filter: blur(6px);
    background-color: rgba(45,145,254, 0.158);
    box-shadow: rgba(0, 0, 0, 0.3) 2px 8px 8px;
    border: 3px rgba(255,255,255,0.24) solid;
}


.glass-container2{
    gap: 20px;
    backdrop-filter: blur(6px);
    background-color: rgba(255,255,255, 0.158);
    box-shadow: rgba(0, 0, 0, 0.3) 2px 8px 8px;
    border: 3px rgba(255,255,255,0.24) solid;
}