// #fullpage2~#loading,#fullpage3~#loading {display: none !important;} /* floatFns */ .floatFns { position: fixed; z-index: 88; right: 4px; top: 50%; transform: translateY(-50%); line-height: 1; } .floatFns .item { position: relative; display: block; margin-top: 1px; width: 65px; height: 58px; text-align: center; font-size: 12px; } .floatFns .item:first-child { margin-top: 0; } .floatFns .item .stay { z-index: 2; position: relative; display: block; width: 65px; height: 18px; padding-top: 40px; background-color: #5c5c5c; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; } .floatFns .item .stay, .floatFns .item .stay a { color: #ffffff; } .floatFns .item .ico { position: absolute; top: 2px; left: 50%; margin-left: -18px; width: 36px; height: 36px; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; } .floatFns .item .hide { z-index: 5; position: absolute; right: 0; top: 0; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */ -webkit-box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.2); box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.2); } .floatFns .item .vmbox { color: #fff; font-size: 14px; line-height: 20px; white-space: nowrap; text-align: left; } .floatFns .item .qrcode { position: absolute; right: 0; top: 0; width: 100%; height: 100%; } .floatFns .item .outDiv { position: absolute; right: 100%; top: 0; margin-right: 1px; box-shadow: 0px 4px 3.84px 0.16px rgba(0, 0, 0, 0.14); background-color: #fff; } .floatFns .item .outDiv p { display: none; line-height: 2; } .floatFns .item .outDiv img { display: block; width: 100px; height: 100px; margin-left: auto; margin-right: auto; padding: 5px; } .floatFns .item .sigTxt { padding-left: 56px; height: 58px; white-space: nowrap; width: auto; padding-right: 20px; text-align: left; background-color: #1d6bdd; color: #fff; -webkit-transform: translateX(100%); transform: translateX(100%); } .floatFns .item .sigTxt .ico { top: 7px; margin-left: 0; left: 10px; } .floatFns .item .sigTxt .dt { margin-top: 10px; font-size: 12px; } .floatFns .item .sigTxt .dd { margin-top: 6px; font-size: 18px; } .floatFns .item .backToTop { cursor: default; } .floatFns .item .backToTop.actived { cursor: pointer; } .floatFns .item .backToTop.actived:hover .ico { background-position: 0 -36px !important; } .floatFns .item:hover .stay { background-color: #1d6bdd; } .floatFns .item:hover .stay, .floatFns .item:hover .stay a { color: #ffffff; } .floatFns .item:hover .hide { -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; visibility: visible; -webkit-transform: none !important; transform: none !important; } @media screen and (max-width: 1024px) { .floatFns { display: none; } } #loading .load-mask { -webkit-animation: load-mask-go2 3s ease-in-out both infinite; animation: load-mask-go2 3s ease-in-out both infinite; } @-webkit-keyframes load-mask-go2 { 0%, 100% { left: 0px; opacity: 1; } 75% { left: 200px; opacity: 1; } 75.1% { left: 0; opacity: 0; } } @keyframes load-mask-go2 { 0%, 100% { left: 0px; opacity: 1; } 75% { left: 200px; opacity: 1; } 75.1% { left: 0; opacity: 0; } } /* footerFn */ .footerFn { display: none; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 80; background-color: #fff; -webkit-box-shadow: 0 -2px 8px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 -2px 8px 1px rgba(0, 0, 0, 0.15); } .footerFn .contain { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; max-width: 100% !important; padding: 0 15px; box-sizing: border-box; } .footerFn .contain:after { display: none; } .footerFn .contain .btn { display: inline-block; vertical-align: top; width: 22%; text-align: center; height: 80px; padding: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333333; -webkit-tap-highlight-color: rgba(0, 0, 0, .08); } .footerFn .contain .btn .icoImg { display: block; margin-left: auto; margin-right: auto; width: 44px; height: 44px; } .footerFn .contain .btn p { font-size: 16px; line-height: 1; margin-top: 4px; } .msg_patch .msg {width: 250px; height: 300px; height: auto; left: 50%; margin-left: -125px; } .msg_patch .msg .msgtxt {min-height: 120px;margin-top: 0;height: auto;} .msg_patch .tanImg {width: 200px;height: 200px;display: block;margin-left: auto;margin-right: auto; margin-bottom: 10px; text-align: center; line-height: 1.5; font-size: 14px;} .msg_patch .tanImg img{ display: block; width: 100%; height: 200px; margin-bottom: 5px;} .msg_patch input[type='button'] {width: 100%;height: 48px;line-height: 48px;font-size: 20px;} @media screen and (max-width: 1024px) { .merji {overflow-x: auto;white-space: nowrap;} .merji li {max-width: 25%} .navsj>li>a {-webkit-tap-highlight-color: rgba(255, 255, 255, .08); } .all {padding-bottom: 80px;} .footerFn {display: block; } } .desk {display: block;} @media screen and (max-width: 1024px) { .desk {display: none;} } .btt1 {font-family: "KaiTi","妤蜂綋_utf-8" !important;}