@import url("font_1655189_jlk75qg1oha.css");
body { width: 100%; }

body.article-scroll-fixed { position: fixed; overflow: hidden; }

.pagebox { height: 100vh; width: 100vw; box-sizing: border-box; position: relative; padding-top: .36rem; }

.pagebox .titlelogo { width: 100%; height: .44rem; position: relative; z-index: 2; }

.pagebox .titlelogo img { width: 100%; height: 100%; }

.pagebox .colorgradient { background: -moz-linear-gradient(left, #41b6e6 0%, #0076ce 100%); background: -webkit-gradient(linear, left, right, color-stop(0%, #41b6e6), color-stop(100%, #0076ce)); background: -webkit-linear-gradient(left, #41b6e6 0%, #0076ce 100%); background: -o-linear-gradient(left, #41b6e6 0%, #0076ce 100%); background: -ms-linear-gradient(left, #41b6e6 0%, #0076ce 100%); background: linear-gradient(to right, #41b6e6 0%, #0076ce 100%); }

.pagebox .colorgradient1 { background: -moz-linear-gradient(left top, #41b6e6 0%, #0076ce 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #41b6e6), color-stop(100%, #0076ce)); background: -webkit-linear-gradient(left top, #41b6e6 0%, #0076ce 100%); background: -o-linear-gradient(left top, #41b6e6 0%, #0076ce 100%); background: -ms-linear-gradient(left top, #41b6e6 0%, #0076ce 100%); background: linear-gradient(to right bottom, #41b6e6 0%, #0076ce 100%); }

.pagebox .model { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.pagebox .model .model-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #333; opacity: .6; }

.pagebox .model .model-container { position: absolute; left: 50%; top: 50%; width: 6.25rem; background: #fff; transform: translate(-50%, -50%); padding-top: .82rem; box-shadow: 0.05rem 0.05rem 0.1rem 0.05rem rgba(0, 0, 0, 0.2); }

.pagebox .model .model-container .close { width: .55rem; height: .55rem; position: absolute; right: .3rem; top: .3rem; background: #c6c8c5; border-radius: 50%; text-align: center; line-height: .55rem; color: #fff; }

.pagebox .model .model-container .close i { font-size: .35rem; }

.pagebox .model .model-container .h5 { height: .6rem; line-height: .6rem; color: #464646; font-weight: bold; text-align: center; font-size: .38rem; }

.pagebox .model .model-container p { color: #464646; text-align: center; font-size: .28rem; line-height: .6rem; margin-top: .1rem; }

.pagebox .model .model-container .button { margin-top: .3rem; text-align: center; height: .9rem; line-height: .9rem; font-size: .4rem; color: #fff; font-weight: bold; }

.pagebox .h1 { margin-top: .36rem; height: .48rem; line-height: .48rem; color: #fff; font-size: .44rem; text-align: center; position: relative; z-index: 2; }

.pagebox .Htitle { font-size: .5rem; height: .66rem; line-height: .66rem; font-weight: bold; color: #fff; margin-top: .15rem; text-align: center; position: relative; z-index: 2; }

.pagebox .Htitle .gologin { position: absolute; height: .38rem; line-height: .38rem; width: 1.36rem; background: #0076ce; color: #fff; font-size: .18rem; left: 50%; top: 50%; transform: translate(-2.5rem, -50%); }

.pagebox .Htitle .gologin:after { display: block; content: ''; width: .38rem; height: .38rem; box-sizing: border-box; border-left: .19rem solid transparent; border-top: .19rem solid transparent; border-right: .19rem solid #0076ce; border-bottom: .19rem solid transparent; position: absolute; left: -.38rem; top: 0px; }

.pagebox .jiqiimg { width: 100%; height: auto; margin-top: .1rem; }

.pagebox .jiqiimg img { width: 100%; height: auto; }

.pagebox .p { font-size: .24rem; text-align: center; color: #fff; margin-top: .1rem; position: relative; z-index: 2; }

.pagebox .pagebutton { width: 2.53rem; height: .5rem; line-height: .5rem; background: url(../../images/pagebutton.png) no-repeat center center; background-size: 100% 100%; text-align: center; color: #fff; font-size: .28rem; margin: 0px auto; }

.pagebox .pagebutton a { display: block; }

.pagebox .bottomline { height: .3rem; width: 100%; position: absolute; bottom: 0px; left: 0px; z-index: 2; }