/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
caption {text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}
/* basic */
.c:before,.c:after{content:"";display:tadble;}
.c:after{clear:both;}
.c{zoom:1;}
body{overflow-x: hidden;background: #ecf3fa;font-family: 'fzlth';}
a {text-decoration:none;}
.hide{display:block;width:0;height:0;overflow:hidden;}
.pr{position:relative;}
.pa{position:absolute;}
.db{display:block;text-indent:-999rem;font-size: 0;}
.fl{float:left;}
.fr{float:right;}
* {
    outline: none;
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
*{box-sizing: border-box;}

body { /* IOS禁止微信调整字体大小 */
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
  }

.gray,.swiper-button-disabled{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;pointer-events:none;}

@font-face {
  font-family: 'fzlth';
  src: url('https://game.gtimg.cn/images/dfm/cp/havvkrelink/font/fzlth.woff') format('truetype');
}
@font-face {
  font-family: 'fzltzh';
  src: url('https://game.gtimg.cn/images/dfm/cp/havvkrelink/font/fzltzh.woff') format('truetype');
}
@font-face {
  font-family: 'fzltth';
  src: url('https://game.gtimg.cn/images/dfm/cp/havvkrelink/font/fzltth.woff') format('truetype');
}

input{font-family: 'fzlth';}
body{background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/m/rp0.jpg) no-repeat 50% 0 fixed,url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/m/rp3.jpg) no-repeat 50% 0 fixed;background-size: 100% auto;}
.wrapper{background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/m/ct.jpg) no-repeat 50% 0;background-size: 100% auto;width: 100%;overflow: hidden;}

.yy_box{width: 2.1rem;position: absolute;top: 0.3rem;right: 1.2rem;z-index: 12;}
.btn_yy{background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/yy_bg1.png) no-repeat 50% 0;display: block;width: 2.1rem;height: 0.57rem;color: #ffffff;font-size: 0.26rem;display: flex;justify-content: center;align-items: center;line-height: 0.36rem;background-size: 100% auto;text-transform: uppercase;}
.btn_yy i{background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/yy_icon1.png) no-repeat 50% 0;background-size: 100% auto;width: 0.16rem;height: 0.1rem;margin-left: 0.1rem;}

.yy_ct{background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/yy_bg2.png) no-repeat 50% 0;background-size: 100% auto;width: 2.1rem;height: 0;overflow: hidden;transition: 0.2s height linear;}
.yy_box.show .yy_ct{height: 1.26rem;}
.yy_ct a{display: flex;justify-content: center;align-items: center;width: 100%;height: 0.62rem;font-size: 0.26rem;color: #a5a5a5;text-align: center;line-height: 0.34rem;text-transform: uppercase;}
.yy_ct a i{background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/yy_icon2.png) no-repeat 50% 0;background-size: 100% auto;width: 0.27rem;height: 0.26rem;margin-left: 0.1rem;opacity: 0;}
.yy_ct a.on {color: #ffffff;}
.yy_ct a.on i{opacity: 1;}

.yy_box1{right: auto;left: 0.6rem;top: 0.5rem;width: 2.3rem;transform: scale(0.6);transform-origin: 0 0;}
.yy_box1 .btn_yy{background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/yy_bg3.png) no-repeat 50% 0;width: 2.3rem;height: 0.97rem;background-size: 100% auto;color: #5894de;font-size: 0.36rem;}
.yy_box1 .btn_yy i{background-image: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/yy_icon3.png);}
.yy_box1 .yy_ct{background-image: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/yy_bg4.png);width: 2.3rem;}
.yy_box1 .yy_ct a{font-size: 0.26rem;color: #9fb0cb;}
.yy_box1 .yy_ct a.on{color: #5894de;}
.yy_box1 .yy_ct a i{background-image: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/yy_icon4.png);}


.bgm{width: 0.76rem;height: 0.75rem;background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/bgm.png) no-repeat 50% 0;position: fixed;top: 0.2rem;right:.18rem;animation: bgm 5s linear infinite;animation-play-state: paused;z-index: 22;background-size: 100% auto;}
.bgm:after{background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/bgm_close.png) no-repeat 50% 0;background-size: 100% auto;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;content: '';}
.music_on{animation-play-state: running;}
.music_on:after{display: none;}


@keyframes bgm{
	from{transform: rotate(0);}
	to{transform: rotate(360deg);}
}


.head{height:11.24rem;position: relative;background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/m/hd.jpg) no-repeat 50% 0;background-size: 100% auto;}
.vd_box,.playMask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.vd_box canvas,.vd_box img,.vd_box video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.logo{position: absolute;top: 0.28rem;left: 0.5rem;width:6.49rem;height: 0.5rem;background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/m/logo1.png) no-repeat 50% 0;background-size: 100% auto;}
.slogan{background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/m/slogan.png) no-repeat 50% 0;background-size: 100% auto;width:5.93rem;height: 1.57rem;position: absolute;bottom: 1.92rem;left:50%;margin-left: -2.96rem;}
.btn_open{background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/btn1.png) no-repeat 50% 0;background-size: 100% auto;width:2.95rem;height:0.74rem;position: absolute;bottom: 0.68rem;left:50%;margin-left: -1.47rem;transition: all 0.2s ease-in-out;}
.btn_open:hover{filter:drop-shadow(0 0.02rem 0.04rem #c6c7cb);}

.content{width: 100%;background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/m/ct.jpg) no-repeat 50% 0 #ecf3fa;background-size: 100% auto;}
.part1{height:9.58rem;padding: 1.6rem 0.5rem;}
.s1_txt1{font-family: 'fzltzh';font-size: 0.42rem;color: #403f3f;line-height: 0.75rem;text-align: left;}
.s1_txt2{font-family: 'fzlth';font-size: 0.28rem;color: #494949;line-height: 0.58rem;text-align: left;margin: 0.6rem auto 0;}

.partnew{margin: 1rem auto 0;position: relative;width: 6.6rem;}
.new_swiper{width: 6.57rem;overflow: hidden;}
.new_swiper img{display: block;width: 6.57rem;margin: 0 auto;}
.n_tit1{font-size: 0.42rem;color: #393838;height:0.66rem;line-height: 0.66rem;border-bottom: 0.02rem solid #c9cfd5;margin: 0.2rem auto 0;font-family: 'fzltzh';}
.n_txt1{font-size: 0.2rem;color: #5d5d5d;text-align: left;line-height: 0.4rem;margin: 0.2rem auto 0;height:3.5rem;}
.n_pic1{background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/n_pic1.png) no-repeat 50% 0;width: 6.57rem;height: 4.42rem;margin: 0 auto;background-size: 100% auto;}
.partnew .s2_prev,.partnew .s2_next{top: 4.66rem;}

.part2{width:6.48rem;margin: 0.68rem auto 0;}
.s2_tit{font-family: 'fzltzh';font-size: 0.42rem;color: #393838;line-height:1rem;text-align: left;}
.s2_box{background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/bg1.png) no-repeat 50% 0;background-size: 100% auto;width: 6.48rem;padding-top: 0.08rem;position: relative;margin: 0.1rem auto 0;}
.s2_swiper{width: 6.48rem;margin: 0 auto;overflow: hidden;}
.s2_swiper img{display: block;width: 100%;}
.s2_txt1{font-size: 0.35rem;color: #393838;height:0.66rem;line-height: 0.66rem;border-bottom: 0.02rem solid #c9cfd5;margin: 0.2rem auto 0;}
.s2_txt2{font-size: 0.2rem;color: #5d5d5d;text-align: left;line-height: 0.4rem;margin: 0.2rem auto 0;height:2.24rem;}
.s2_prev,.s2_next{position: absolute;background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/btn2.png) no-repeat 0 0;width: 0.34rem;height: 0.39rem;background-size: 1.08rem auto;right: 0.8rem;top: 4rem;cursor: pointer;z-index: 12;}
.s2_next{background-position: -0.74rem 0;right: 0;}
.s2_dot{display: flex;justify-content: center;align-items: center;}
.s2_dot span{width: 0.98rem;height: 0.02rem;opacity: 1;border-radius: 0;background: rgba(121, 121, 126,0.3);transition: all 0.2s ease-in-out;}
.s2_dot span.swiper-pagination-bullet-active{background: #038aff;width: 1.45rem;}

.part3{margin: 1.16rem auto 0;height: 15.44rem;position: relative;}
.s3_box1{position: absolute;top: 0;left: 0;padding-left: 0.5rem;height: 8rem;width: 100%;z-index: 2;}
.s3_box1 img{width: 7.5rem;display: block;pointer-events: none;position: absolute;top: -2.44rem;left: 0;}
.s3_box2{position: absolute;bottom: 0;right: 0;height: 12.13rem;width: 100%;}
.s3_box2 img{width: 7.5rem;display: block;pointer-events: none;position: absolute;bottom: 0;right:0;}
.s3_txt1{font-size: 0.67rem;line-height: 0.8rem;font-family: 'fzltzh';color: #393939;text-align: left;}
.s3_txt2{font-size: 0.22rem;line-height: 0.34rem;color: #5d5d5d;text-align: left;width: 3.44rem;margin-top: 0.3rem;}
.s3_txt2 span{color: #2362af;}
.s3_ctbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding-left: 0.5rem;}
.s3_box2 .s3_ct{position: absolute;bottom: 0;right: .5rem;}
.s3_box2 .s3_ctbox,.s3_box1 .s3_ctbox{opacity: .5;transition: all 0.2s ease-in-out;}
.s3_box2.show .s3_ctbox,.s3_box1.show .s3_ctbox{filter: none;opacity: 1;}

.part4{margin: 1.2rem auto 0;height:16.2rem;}
.s4_tit{background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/m/s4_tit2.png) no-repeat 50% 0;background-size: 100% auto;width: 6.44rem;height: 0.9rem;margin: 0 auto;}
.s4_tit span{color: #2362af;}
.s4_sub{display: flex;justify-content: center;align-items: center;font-size: 0.35rem;color: #191919;line-height: 0.6rem;margin: .45rem auto 0;}
.s4_sub i{width: 0.3rem;height: 0.3rem;background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/icon.png) no-repeat 0 0;background-size: 100% auto;margin-right: 0.18rem;}
.s4_pic{position: relative;margin: 0.2rem auto 0;width: 4.5rem;}
.s4_pic img{display: block;width: 100%;}
.s4_pic i{width: 4.38rem;height: 5.6rem;position: absolute;background: #ecf3fa;opacity: 0;top: 0.08rem;left: 50%;transform:translateX(-50%);transition: all 0.2s ease-in-out;}


.admin-overlay,.password-overlay,.unlocked-overlay{background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/m/rp3.jpg) no-repeat 50% 50%;background-size: cover;width: 100vw;height: 100vh;z-index: 9;position: fixed;top: 0;left: 0;display: none;}
.login-box,.password-box,.unlocked-box{width: 6.46rem;padding: 0.4rem 0 0.8rem;background: #ffffff;border-radius: 0.2rem;box-shadow: 0 0 0.3rem rgba(133, 150, 170,0.5);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.login-logo{display: block;width: 1.44rem;height: 2.1rem;background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/logo1.png) no-repeat 50% 0;background-size: 100% auto;margin: 0 auto;}
.login-txt{display: flex;justify-content: space-between;align-items: center;margin: 0.2rem auto 0.3rem;font-size: 0.22rem;color: #494949;text-align: center;line-height: 0.5rem;}
.login-txt i{width: 1.74rem;height: 0.02rem;background: #d3d3d3;}

.form-group{margin: 0 auto 0.34rem;width: 5.86rem;}
.form-group label{font-size: 0.2rem;color: #494949;line-height: 0.3rem;margin-bottom: 0.2rem;display: block;font-family: 'fzltzh';}
.form-group input{width: 5.86rem;height: 0.86rem;border: 0.02rem solid #d0d0d0;border-radius: 0.1rem;padding:0 0.26rem;margin: 0 auto;display: block;background: #efefef;font-size: 0.24rem;color: #919090;}
.login-btn{display: block;margin: 0.5rem auto 0;background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/btn3.png) no-repeat 50% 0;background-size: 100% auto;width: 3.47rem;height: 0.8rem;background-size: 100% auto;font-size: 0.26rem;color: #ffffff;text-align: center;line-height: 0.3rem;transition: all 0.2s ease-in-out;display: flex;justify-content: center;align-items: center;flex-direction: column;padding-top: 0.04rem;}
.login-btn span{font-size: 0.2rem;color: #ffffff;line-height: 0.24rem;display: block;text-transform: uppercase;}

.login-error{font-size: 0.2rem;color: #ff0000;text-align: center;line-height: 0.5rem;margin: 0.3rem auto 0;position: absolute;width: 100%;left: 0;bottom: 0.2rem;display: none;animation: headShake 1s linear;}
@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)}}

.folder-box,.doc-picbox{background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/m/rp3.jpg) no-repeat 50% 100% fixed;background-size: cover;width: 100vw;min-height: 100vh;z-index: 9;display: none;padding-bottom: 1.6rem;}
.doc-picbox{position: fixed;top: 50%;left: 50%;height: 100vh;transform: translate(-50%,-50%);z-index: 9999;}
.folder-title,.doc-title{position: absolute;top: 0;left: 0;height: 3.3rem;z-index: 10;width: 100%;padding-top: 1.6rem;}
.folder-tit{background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/m/title1.png) no-repeat 50% 50%;background-size: 7.5rem auto;width: 7.5rem;height:0.92rem;font-size: 0;}
.folder-logout{position: absolute;top: 0.5rem;right: 0.3rem;background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/btn4.png) no-repeat 50% 0;background-size: 100% auto;width:2.73rem;height: 0.6rem;font-size: 0.22rem;color: #5894de;text-align: center;line-height: 0.6rem;font-family: 'fzltzh';transition: all 0.2s ease-in-out;}

.folder-lnav{position: fixed;left: 0;bottom: 0;height: 1.4rem;background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/m/rp3.jpg) no-repeat 50% 100% fixed;background-size: 100% auto;width: 100%;z-index: 99;display: flex;justify-content: center;align-items: flex-start;display: none !important;}
.folder-lnav::after{content: '';bottom: 0.62rem;left: 0;width: 100%;height: 0.02rem;background: #d7dde4;position: absolute;}
.folder-lnav a{font-size: 0.23rem;color: #79797e;margin: 0 0.2rem;width: 1.8rem;position: relative;text-align: center;height: 0.78rem;line-height: 0.78rem;}
.folder-lnav a i{width: 1.16rem;height: 0.04rem;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.folder-lnav a.on{font-family: 'fzltzh';color: #3c7fd2;font-size: 0.28rem;}
.folder-lnav a.on i{background: #038aff;opacity: 1;}

.folder-content,.doc-content{padding-top: 3.38rem;}
.folder-ct,.doc-ct{width: 6.76rem;display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;margin: 0 auto;}
.folder-ct a,.doc-ct a{background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/bg2.png) no-repeat 50% 0;background-size: 100% auto;width: 3.1rem;height:2.41rem;margin: 0 0.14rem 0.24rem;border-radius: 0.1rem;box-shadow: 0 0 0.2rem rgba(175, 193, 214,0.3);display: flex;justify-content: center;align-items: center;flex-direction: column;transition: all 0.2s ease-in-out;}
.folder-ct a img,.doc-ct a img{display: block;width: 0.83rem;margin: 0 auto;}
.folder-name{font-size: 0.2rem;color: #494949;text-align: center;line-height: 0.3rem;font-family: 'fzltzh';margin: 0.14rem auto 0;}   
.suo-txt1,.suo-txt2{display: flex;justify-content: center;align-items: center;font-size: 0.18rem;color: #9fb0cb;text-align: center;line-height: 0.24rem;margin: 0.04rem auto;transform: scale(0.8);}
.suo-txt1 i,.suo-txt2 i{width: 0.12rem;height: 0.16rem;background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/folder_icon1.png) no-repeat 50% 0;background-size: 100% auto;margin-right: 0.1rem;}
.suo-txt2 i{background-image: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/folder_icon2.png);}
.suo-txt2{background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/folder_btn1.png) no-repeat 50% 0;background-size: 100% auto;width:1.64rem;height: 0.38rem;color: #ffffff;font-family: 'fzltzh';}

.doc-tit{background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/m/tit_bg1.png) no-repeat 50% 50%;background-size: 7.5rem auto;font-size: 0.42rem;color: #403f3f;text-align: center;line-height: 1rem;font-family: 'fzltth';display: flex;justify-content: center;align-items: center;width: 7.5rem;}
.doc-back{position: absolute;top: 0.5rem;right: 0.3rem;background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/btn5.png) no-repeat 50% 0;background-size: 100% auto;width:1.98rem;height: 0.67rem;font-size: 0.24rem;color: #5894de;text-align: center;line-height: 0.67rem;font-family: 'fzltzh';transition: all 0.2s ease-in-out;}

.doc-content{padding-top: 3rem;}
.doc-ct a i{background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/doc1.png) no-repeat 50% 0;background-size: 100% auto;width: 0.7rem;height: 0.85rem;margin: 0 auto;display: block;}
.doc-ct a.doc-suo i{background-image: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/doc2.png);}
.doc-ct a img{width: 2.08rem;height: 1.16rem;object-fit: cover;display: block;}
.doc-name{font-size: 0.18rem;color: #494949;text-align: center;line-height: 0.22rem;margin: 0.1rem auto 0;}

.doc-text{width:6.46rem;padding: 0.28rem 0.2rem;margin: 0 auto 0.5rem;background: #ffffff;border-radius: 0.2rem;box-shadow: 0 0 0.3rem rgba(175, 193, 214,0.3);}
.doc-text h2{font-size: 0.28rem;color: #202020;text-align: left;line-height: 0.4rem;font-family: 'fzltzh';}
.doc-text h3{border-top: 1px solid #c5daec;height: 0.6rem;display: flex;justify-content: flex-start;align-items: center;font-size: 0.26rem;color: #202020;text-align: left;line-height: 0.36rem;font-family: 'fzltzh';margin: 0.2rem auto 0;padding-top: 0.2rem;}
.doc-text h2+h3{border-top: none;}
.doc-text h3:first-child{border-top: none;}
.doc-text h3 i{background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/doc_icon2.png) no-repeat 50% 0;background-size: 100% auto;width: 0.1rem;height: 0.24rem;margin-right: 0.14rem;}
.doc-text p,.doc-text ul{font-size: 0.2rem;color: #6d7888;text-align: left;line-height: 0.44rem;margin: 0.2rem auto 0;width: 5.6rem;}

.doc-table{width: 6rem;margin: 0.24rem auto 0;background: #fafdff;font-size: 0.2rem;color: #494949;text-align: left;line-height: 0.3rem;}
.doc-table th{height: 0.8rem;color: #2362af;font-family: 'fzltzh';background: #eff8ff;padding: 0 0.16rem;}
.doc-table td{padding: 0 0.16rem;height: 0.8rem;}
.doc-table td:first-child{width: 28%;}

.col1{color: #20c75e;}
.col2{color: #dd7d0b;}
.col3{color: #e61a29;}
.doc-text ul li{font-size: 0.2rem;color: #6d7888;text-align: left;line-height: 0.44rem;position: relative;}
.doc-text ul li::after{position: absolute;top: 50%;left: -0.2rem;width: 0.08rem;height: 0.08rem;background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/m/icon1.png) no-repeat 50% 0;border-radius: 50%;transform: translateY(-50%);content: '';background-size: 100% auto;}

.doc-picct{width: 7rem;height: 90%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.doc-picct img{width: 100%;height: calc(100% - 1.3rem);object-fit: contain;display: block;margin: 0 auto;}
.pic-tips{font-size: 0.2rem;color: #858484;text-align: center;line-height: 0.3rem;margin: 0.1rem auto 0;font-family: 'fzlttzh';}
.pic-name{height: 1rem;display: flex;justify-content: flex-start;align-items: center;font-size: 0.24rem;color: #494949;line-height: 0.4rem;text-align: left;}
.pic-name i{background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/doc_icon1.png) no-repeat 50% 0;background-size: 100% auto;width: 0.4rem;height: 0.4rem;margin-right: 0.2rem;}

.doc-close{position: absolute;top: 0.2rem;right: 0;width: 0.42rem;height: 0.42rem;background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/doc_close.png) no-repeat 50% 0;background-size: 100% auto;}

.password-overlay,.unlocked-overlay{background: rgba(0, 0, 0, 0.5);z-index: 9999;}
.password-box{padding-top: 1rem;}
.password-suo{background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/folder_icon3.png) no-repeat 50% 0;background-size: 100% auto;width: 0.87rem;height: 1.2rem;margin: 0 auto;display: block;}
.password-tit{font-size: 0.4rem;color: #494949;text-align: center;line-height: 0.5rem;margin: 0.2rem auto 0;font-family: 'fzlttzh';}
.password-desc{font-size: 0.2rem;color: #858484;text-align: center;line-height: 0.3rem;margin: 0.1rem auto 0;font-family: 'fzlttzh';}

.password-btn{display: flex;justify-content: space-between;align-items: center;margin: 0.42rem auto 0;width: 5.86rem;}
.password-btn a{font-size: 0.26rem;color: #ffffff;border-radius: 0.05rem;background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/btn6.png) no-repeat 50% 0;background-size: 5.86rem auto;width: 2.82rem;height: 0.92rem;text-align: center;line-height: 0.92rem;transition: all 0.2s ease-in-out;}
.password-btn a:hover{filter: brightness(1.1);box-shadow: 0 0.02rem 0.1rem #afc1d6;}
.password-btn a.password-btn-lock{background-position: 0 0;}
.password-btn a.password-btn-cancel{background-position: -3.04rem 0;color: #436b9b;}


.unlocked-close{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.unlocked-box{padding: 1rem 0;}
.unlocked-suo{background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/suo.png) no-repeat 50% 0;background-size: 100% auto;width: 0.5rem;height: 0.66rem;margin: 0 auto;display: block;}
.unlocked-tit{font-size: 0.32rem;color: #494949;text-align: center;line-height: 0.5rem;margin: 0.2rem auto 0;font-family: 'fzltzh';text-transform: uppercase;}
.unlocked-desc{font-size: 0.22rem;color: #858484;text-align: center;line-height: 0.3rem;margin: 0.1rem auto 0;font-family: 'fzltzh';}



.toRight,
.toRightSmall,
.toLeft,
.toLeftSmall,
.toBottom,
.toBottomSmall,
.toTop,
.toTopSmall,
.scaleIn {
    transition: all .6s;
    opacity: 0;
}

.toRight {
    transform: translate3d(-10rem, 0, 0);
}

.toRightSmall {
    transform: translate3d(-2rem, 0, 0);
}

.toLeft {
    transform: translate3d(10rem, 0, 0);
}

.toLeftSmall {
    transform: translate3d(2rem, 0, 0);
}

.toBottom {
    transform: translate3d(0, -10rem, 0);
}

.toBottomSmall {
    transform: translate3d(0, -0.8rem, 0);
}

.toTop {
    transform: translate3d(0, 10rem, 0);
}

.toTopSmall {
    transform: translate3d(0, 2rem, 0);
}

.part{pointer-events: none;}
.part.show{pointer-events: all;}
.part.show .toRight,
.part.show .toRightSmall,
.part.show .toLeft,
.part.show .toLeftSmall,
.part.show .toBottom,
.part.show .toBottomSmall,
.part.show .toTop,
.part.show .toTopSmall {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
/*transition delay*/
.part.show .delay1 {
    transition-delay: .1s;
}

.part.show .delay2 {
    transition-delay: .2s;
}

.part.show .delay3 {
    transition-delay: .3s;
}

.part.show .delay4 {
    transition-delay: .4s;
}

.login-box,.password-box{animation: loginanim 0.5s ease-in-out;}

@keyframes loginanim {
    0% {
        transform: translate(-50%,-40%);
        opacity: 0;
    }
    100% {
        transform: translate(-50%,-50%);
        opacity: 1;
    }
}
.folder-lnav{animation: navnanim 0.5s ease-in-out;}
@keyframes navnanim {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.folder-content{animation: contentanim 0.5s ease-in-out;}
@keyframes contentanim {
    0% {
        transform: translateY(-1rem);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@font-face {
	font-family:'en';
	src: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/font/en.ttf);
}
.en *{font-family: 'en' !important;letter-spacing: 0 !important;}
.en .part1 {padding: 0.6rem 0.3rem;}
.en .s1_txt2 {width: 6.9rem;}
.en .s3_box2 .s3_ct{bottom: -0.5rem;right: 0.2rem;}
.en .n_txt1{line-height: 1.6;height: 5.7rem;}
.en .s2_txt1{font-size: 0.3rem;}
.en .s2_txt2{line-height: 1.6;height: 3.64rem;}
.en .slogan{background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/m/slogan_1.png) no-repeat 50% 0;width: 6.33rem;height: 1.69rem;background-size: 100% auto;margin-left: -3.16rem;}
.en .n_pic1{background-image: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/m/n_pic1_1.png);}
.en .s4_tit {background: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/m/s4_tit2_1.png) no-repeat 50% 0;width: 6.46rem;height: 0.68rem;background-size: 100% auto;}
.en .suo-txt1,.en .suo-txt2{margin: 0;}
.en .folder-tit{background-image: url(https://game.gtimg.cn/images/dfm/cp/havvkrelink/m/title1_1.png);}
.en .doc-tit{background: none;line-height: 1.4;}


.en .s1_txt1,.en .s1_txt2{line-height: 1.5;}
.en .s1_txt1 span,.en .s1_txt2 span{display: block;margin: 0.1rem auto 0;}
.en .s1_txt2 span{margin: 0.3rem auto 0;}
.en .n_txt1,.en .s2_txt2{text-align: justify;}
.en .n_txt1 span,.en .s2_txt2 span{display: block;margin: 0 auto 0.1rem;}