@charset "utf-8";body{font:14px/1.4 'Microsoft YaHei',tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;color:#333;background:#FFF;-webkit-font-smoothing:antialiased}input,textarea,select{font-family:inherit;margin:0;padding:0;background:0;border:1px solid #a2a2a2}body,h1,h2,h3,h4,h5,h6,p,ul,ol,menu,li,form,div,dl,dt,dd,pre,fieldset,input,textarea,blockquote,th,td,figure{margin:0;padding:0}ul,ol,menu{list-style-type:none}a{text-decoration:none;color:#333}img{border:0}.bg-grey{background:url(../../../imgs/commontool/album/pc3.png);background-repeat:no-repeat;background-size:100% 100%;background-attachment:fixed}.layui-layer-setwin .layui-layer-close2{z-index:1}.layui-layer-btn .layui-layer-btn0{background:#04a0de;border-color:#04a0de}.layerInput2{font-size:14px;text-align:center;line-height:32px}.layerInput2 input[type="text"]{width:460px}input[type="text"]{height:34px;border:1px solid #dbdbdb;border-radius:2px;text-indent:10px}.checkbox{position:relative;padding-left:22px;font-size:14px;color:#666}.checkbox input[type="checkbox"]{opacity:0;opacity:1 \9;height:18px;width:18px;position:absolute;top:0;left:0;z-index:2}.checkbox .icon{display:block;font-size:18px;color:#999;position:absolute;top:0;left:0;z-index:1}.checkbox .icon:before{content:"\e805";background:#fff;border-radius:4px}.checkbox input[type="checkbox"]:checked+.icon:before{content:"\e695";color:#04a0de}.btn-text{display:inline-block;font-size:14px;cursor:pointer;color:#666;margin-left:6px}.btn-text:hover{color:#04a0de}.btn-text .icon{font-size:18px;vertical-align:middle}.btn{display:inline-block;font-size:14px;text-align:center;height:32px;line-height:32px;width:124px;color:#fff;background:#04a0de;border-radius:4px;cursor:pointer}.btn:hover{opacity:.9}.upload-header{height:65px;line-height:65px;background:linear-gradient(45deg,#0acffe 0,#495aff 100%);color:#fff;position:relative}.header-left{position:absolute;left:20px;top:0}.header-right{position:absolute;right:20px;top:0}.upload-header .logo{vertical-align:middle}.upload-header .user-img{width:46px;height:46px;border-radius:50%;vertical-align:middle;margin-right:10px}.upload-header .user{font-size:14px}.upload-header h1{text-align:center;font-size:28px;font-weight:bold}.upload-area{min-height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#666;font-size:18px}.upload-area .webuploader-pick{width:206px;height:46px;line-height:46px;font-size:18px;background:#04a0de}.upload-tips{font-size:14px;color:#999}.upload-area p{margin-top:10px}.upload-list{padding:0 100px 80px}.upload-list-tool{padding:30px 0 20px}.upload-list-tool .checkbox{margin-right:20px}.upload-list-tool .tips{color:#999;margin-left:20px}.upload-list-tool .tips .icon{font-size:16px;vertical-align:middle}.upload-list ul{display:flex;flex-wrap:wrap}.upload-list li{height:250px;margin:0 10px 10px 0;background:#c1c1c1;padding:10px 10px 0;box-sizing:border-box;position:relative}.upload-list .upload-area{width:300px;min-height:250px;font-size:16px;background:#fff;border:1px solid #e5e5e5}.upload-list .webuploader-pick{width:112px;height:24px;line-height:24px;font-size:14px}.upload-list li img{height:200px;display:block}.upload-list li .page-num{height:40px;line-height:40px;text-align:center;color:#fff;font-family:arial;font-size:14px}.upload-list .edit-cover{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;background:rgba(0,0,0,.5);padding-top:120px;text-align:center;opacity:0;visibility:hidden;transition-duration:.3s}.upload-list .edit-cover .btn{display:block;margin:0 auto;border-radius:20px;margin-bottom:10px}.upload-list .edit-cover .delete-btn{position:absolute;top:10px;right:10px;width:30px;height:30px;line-height:30px;border-radius:50%;background:#fff;font-size:20px;cursor:pointer}.upload-list .edit-cover .delete-btn:hover{color:#04a0de}.upload-list li:hover .edit-cover{opacity:1;visibility:visible}.upload-list li .checkbox{position:absolute;left:10px;top:10px;z-index:2}.upload-footer{position:fixed;left:0;right:0;bottom:0;z-index:5;padding:20px 0;text-align:center;background:#fff}.upload-footer .btn{width:200px;height:40px;line-height:40px}.preview-swiper{width:800px;height:550px;background:#c1c1c1;display:none}.preview-swiper .swiper-slide{text-align:center}.preview-swiper .img-box{height:440px;width:760px;margin:20px;display:flex;justify-content:center;align-items:center}.preview-swiper .img-box img{max-width:100%;max-height:100%}.preview-swiper .page-num{color:#fff;font-size:22px;font-family:arial;margin-top:30px}.header-righto{text-align:center;margin:50px 0;font-size:14px}.header-righto input{width:270px}.loading{position:fixed;left:0;top:0;right:0;bottom:0;z-index:25;display:flex;justify-content:center;align-items:center}.loading-box{padding:20px;background:rgba(0,0,0,.7);color:#fff;text-align:center;border-radius:4px;position:relative}.loading-box img{width:50px;margin-bottom:10px}.flipbook-header{position:fixed;left:50px;top:15px;right:50px;z-index:100}.flipbook-header>a{width:89px;height:38px;background:rgba(0,0,0,.2);border-radius:5px;line-height:38px;color:#fff;display:inline-block}.flipbook-header .go-back:before{display:block;content:'';position:absolute;left:-10px;top:0;border-right:10px solid #e9e8e8;border-top:17px solid transparent;border-bottom:17px solid transparent}.flipbook-header>a:hover{color:#04a0de}.flipbook-header .double-btn,.flipbook-header .single-btn{width:89px;float:right;text-align:center}.flipbook-header>a .icon{font-size:20px;vertical-align:middle;margin-right:5px}.flipbook-toolbar{position:fixed;left:0;bottom:0;right:0;z-index:100;padding:10px;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.flipbook-toolbar .button{position:relative;display:inline-block;height:30px;line-height:30px;padding:0 10px;cursor:pointer;margin:0 5px;color:#fff}.flipbook-toolbar .button .icon{font-size:20px}.flipbook-toolbar .button:hover{color:#04a0de}.flipbook-toolbar .button .tips{position:absolute;top:-30px;left:50%;transform:translateX(-50%);border-radius:2px;font-size:12px;color:#fff;background:rgba(0,0,0,.6);white-space:nowrap;line-height:1.5;padding:5px 10px;opacity:0;visibility:hidden;transition-duration:.3s}.flipbook-toolbar .button:hover .tips{opacity:1;visibility:visible}.flipbook-toolbar input{width:80px;height:30px;line-height:30px;text-align:center;background:#e9e8e8;margin:0 4px;color:#666;border:0}.flipbook-viewport{overflow:hidden;height:calc(100vh - 150px);padding:10px}.flipbook-viewport .container{position:absolute;top:50%;left:50%;margin:auto;-webkit-transition:-webkit-transform 1s;-moz-transition:-moz-transform 1s;-ms-transition:-ms-transform 1s;-o-transition:-o-transform 1s;transition:transform 1s}.flipbook-viewport .animated{-webkit-transition:margin-left .2s ease-in-out;-moz-transition:margin-left .2s ease-in-out;-o-transition:margin-left .2s ease-in-out;-ms-transition:margin-left .2s ease-in-out;transition:margin-left .2s ease-in-out}.flipbook-viewport .page{background-color:white;background-repeat:no-repeat;background-size:100% 100%}.flipbook .page{-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);-o-box-shadow:0 0 20px rgba(0,0,0,0.2);box-shadow:0 0 20px rgba(0,0,0,0.2)}.flipbook-viewport .flipbook .p1 .side{width:5px;position:absolute;top:0;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#bbb),color-stop(0.5,#ddd),color-stop(1,#bbb));background-image:-webkit-linear-gradient(left,#bbb,#ddd,#bbb);background-image:-moz-linear-gradient(left,#bbb,#ddd,#bbb);background-image:-ms-linear-gradient(left,#bbb,#ddd,#bbb);background-image:-o-linear-gradient(left,#bbb,#ddd,#bbb);background-image:linear-gradient(left,#bbb,#ddd,#bbb);-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);transform:rotateY(-90deg);-webkit-transform-origin:top right;-moz-transform-origin:top right;-o-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;z-index:100000}.flipbook-viewport .flipbook .depth{background-image:url(../../../imgs/commontool/pages-depth.png);background-repeat:no-repeat;background-size:cover;opacity:.4;position:absolute;top:7px;width:16px}.flipbook-viewport .flipbook .front-side .depth{left:4px;background-position:0 0}.flipbook-viewport .flipbook .back-side .depth{right:4px;background-position:right 0}.flipbook-viewport .flipbook .hard{background-color:white;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;box-shadow:none}.flipbook-viewport .flipbook .page-wrapper{-webkit-perspective:2000px;-moz-perspective:2000px;-ms-perspective:2000px;perspective:2000px}.flipbook-viewport .flipbook .front-side{background-position-x:10px;background-position-y:9px;background-size:calc(100% - 10px) calc(100% - 18px);box-shadow:inset 4px 0 8px 2px rgba(138,138,138,.8)}.flipbook-viewport .flipbook .back-side{background-position-x:0;background-position-y:9px;background-size:calc(100% - 10px) calc(100% - 18px);box-shadow:inset -4px 0 8px 2px rgba(138,138,138,.8)}.flipbook .p1,.flipbook .p-last{box-shadow:inset 0 0 12px 6px rgba(138,138,138,.6) !important}.flipbook .even{box-shadow:inset -8px 0 12px 4px rgba(138,138,138,.3)}.flipbook .odd{box-shadow:inset 8px 0 12px 4px rgba(138,138,138,.3)}.flipbook .even:before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,color-stop(0.95,rgba(0,0,0,0)),color-stop(1,rgba(0,0,0,0.2)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,0.2) 100%);background-image:-moz-linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,0.2) 100%);background-image:-ms-linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,0.2) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,0.2) 100%);background-image:linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,0.2) 100%)}.flipbook .odd:before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear,right top,left top,color-stop(0.95,rgba(0,0,0,0)),color-stop(1,rgba(0,0,0,0.15)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,0.15) 100%);background-image:-moz-linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,0.15) 100%);background-image:-ms-linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,0.15) 100%);background-image:-o-linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,0.15) 100%);background-image:linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,0.15) 100%)}.flipbook-viewport .page img{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0}.flipbook-viewport .shadow{-webkit-transition:-webkit-box-shadow .5s;-moz-transition:-moz-box-shadow .5s;-o-transition:-webkit-box-shadow .5s;-ms-transition:-ms-box-shadow .5s;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.5);-moz-box-shadow:0 0 20px rgba(0,0,0,0.5);-o-box-shadow:0 0 20px rgba(0,0,0,0.5);-ms-box-shadow:0 0 20px rgba(0,0,0,0.5);box-shadow:0 0 20px rgba(0,0,0,0.5)}.flipbook-viewport .double{width:200%;height:100%;background-size:100% 100%}.flipbook-viewport .single{width:100%;height:100%;background-size:100% 100%}.flipbook-viewport .odd .double{margin-left:-100% !important}.thumbnail-swiper{margin:10px;height:110px;display:none}.thumbnail-swiper .swiper-slide{height:auto;text-align:center;background:#c1c1c1;padding:5px 5px 0;width:-webkit-fit-content;cursor:pointer}.thumbnail-swiper .img-box{height:80px}.thumbnail-swiper .img-box img{height:100%}.thumbnail-swiper .page-num{color:#fff;font-size:12px;font-family:arial;margin-top:5px}.thumbnail-layer.layui-layer{background:rgba(0,0,0,.6)}.thumbnail-swiper .swiper-button-next,.thumbnail-swiper .swiper-button-prev{background:0;width:40px;height:40px;text-align:center;line-height:40px;background:rgba(0,0,0,.7)}.thumbnail-swiper .swiper-button-next:before,.thumbnail-swiper .swiper-button-prev:before{display:inline-block;font-family:"iconfont" !important;font-size:18px;color:#fff}.thumbnail-swiper .swiper-button-prev:before{content:"\e610"}.thumbnail-swiper .swiper-button-next:before{content:"\e950"}.share-box{display:none}.share-code{display:flex;margin:20px 10px}.share-code img{width:110px;height:110px;margin:20px}.share-platform{padding-left:20px;border-left:1px solid #dbdbdb}.share-platform .icon{display:inline-block;font-size:44px;margin-right:10px;cursor:pointer;transition-duration:.3s}.share-platform .icon:hover{transform:scale(1.1)}.share-platform .icon-weibo{color:#fe6240}.share-platform .icon-weixin{color:#52c223}.share-platform .icon-qq{color:#12b7f5}.share-link{margin:10px 30px 20px;display:flex}.share-link input{flex:1;border-radius:2px 0 0 2px;border-right:0}.share-link .btn{width:60px;border-radius:0 2px 2px 0;height:36px;line-height:36px}.m-flipbook-header{position:fixed;top:12px;right:12px;z-index:100}.m-flipbook-header>a{display:inline-block;padding:5px;background:#e9e8e8;border-radius:50%;cursor:pointer;box-shadow:3px 0 10px rgba(0,0,0,.2);font-size:22px;line-height:1}.m-flipbook-toolbar{position:fixed;left:0;bottom:0;right:0;z-index:100;padding:10px;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:space-evenly;line-height:1}.m-flipbook-toolbar .button{display:block;cursor:pointer;margin:0 4px;color:#fff}.m-flipbook-toolbar .button .icon{font-size:25px}.m-flipbook-toolbar .button:active{color:#04a0de}.m-flipbook-toolbar input{width:80px;height:30px;line-height:30px;text-align:center;background:#e9e8e8;margin:0 4px;color:#666;border:0}.m-thumbnail-box{display:none}.m-thumbnail-box ul{display:flex;flex-wrap:wrap;margin-right:10px}.m-thumbnail-box li{width:calc(25% - 10px);margin-left:10px;text-align:center;color:#fff;margin-top:10px;font-size:12px}.m-thumbnail-box li .img-box{width:100%;padding:50% 0;position:relative;margin-bottom:5px}.m-thumbnail-box li .img-box img{position:absolute;max-width:100%;max-height:100%;left:50%;top:50%;transform:translate(-50%,-50%)}.m-flip-page{padding:5px 0;display:none}.m-flip-page>div{display:flex;align-items:center;justify-content:space-evenly}.m-flip-page .button{font-size:20px;color:#fff;margin:0 10px}.m-flip-page input{flex:1;background:#fff;border-radius:20px;text-align:center;margin:0 10px;height:30px;color:#666;outline:0}.m-more-box{padding:5px 0;display:none}.m-more-box>div{display:flex;align-items:center;justify-content:space-evenly}.m-more-box .button{font-size:12px;color:#fff;margin:0 10px;text-align:center}.m-more-box .button .icon{font-size:38px}.m-more-box .button .tips{display:block}.m-share-box{display:none}.m-share-box>div{display:flex;justify-content:center;padding-bottom:20px}.m-share-box>div a{margin:10px;text-align:center;font-size:12px}.m-share-box>div .icon{display:inline-block;font-size:44px;cursor:pointer;transition-duration:.3s}.m-share-box>div .icon:hover{transform:scale(1.1)}.m-share-box>div .icon-weibo{color:#fe6240}.m-share-box>div .icon-weixin{color:#52c223}.m-share-box>div .icon-qq{color:#12b7f5}@keyframes slideInLeft{0{-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes slideOutLeft{0{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}60%{-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutBottom{0{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}60%{-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.mobile-layer-left.layui-layer{background:#434343}.mobile-layer-left .layui-layer-title{background:0;color:#fff;text-align:center;border:0;padding:0}.mobile-layer-left .layui-layer-setwin .layui-layer-close1{-webkit-filter:invert(100%);filter:invert(100%)}.mobile-layer-left.layer-anim-03{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}.mobile-layer-left.layer-anim-close{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;-webkit-animation-duration:2s;animation-duration:2s}.mobile-layer-bottom.layui-layer{top:auto !important;bottom:44px;background:#a1a1a1;border-radius:0}.mobile-layer-bottom.layer-anim-close{-webkit-animation-name:slideOutBottom;animation-name:slideOutBottom;-webkit-animation-duration:2s;animation-duration:2s}.mobile-layer-bottom2.layui-layer{background:#fff;bottom:0}.mobile-layer-bottom2 .layui-layer-title{text-align:center;border:0;padding:0;background:#fff}.choose-formats{padding:20px}.choose-format:nth-last-child(6){margin-top:10px}.choose-format:nth-last-child(5){margin-top:10px}.choose-format:nth-last-child(4){margin-top:10px}.choose-format:nth-last-child(3){margin-top:10px}.choose-format:nth-last-child(2){margin-top:10px}.choose-format:last-child{margin-top:10px}.choose-format label,.choose-format span{display:inline-block;vertical-align:middle;height:34px;line-height:34px;font-size:16px;color:#666}.choose-format span{text-align:center;padding:0 10px;margin-right:16px;cursor:pointer;background:#fff}.choose-format:last-child label{margin-right:2px}.choose-format span.active{color:#fff;background:#278fcf;border-radius:10px}.choose-format input{border:0;border-radius:5px;background-color:rgba(241,241,241,.98);width:355px;height:20px;padding:10px;resize:none}.tips-mark{background:rgba(0,0,0,.3);position:fixed;top:0;left:0;bottom:0;right:0}.tips-content img{position:absolute;top:50%;left:50%;margin-top:-150px;margin-left:-120px}.tips-content a{display:block;width:163px;height:55px;position:absolute;top:50%;left:50%;margin-top:60px;margin-left:186px;background:transparent}.new-guide{position:fixed;left:0;top:0;right:0;bottom:0;z-index:199;background:rgba(0,0,0,.5);transition:opacity .3s;display:none}.new-guide.on{opacity:1;visibility:visible}.new-guide .area{position:absolute;opacity:0;visibility:hidden;transition:opacity .3s}.new-guide .area.on{opacity:1;visibility:visible}.new-guide .intro{background:url(../../../imgs/commontool/mobile-tips.png) 0 0 no-repeat;background-size:70%}.new-guide .btn{width:120px;height:42px;display:block;cursor:pointer}.new-guide .area-tips1{width:400px;height:160px;top:50%;left:50%;transform:translate(-38%,-100%)}.new-guide .area-tips1 .intro{width:400px;height:160px}.new-guide .area-tips1 .btn{position:absolute;top:58%;left:38%;background:transparent}.new-guide .area-tips2 .intro{width:400px;height:160px;background-position:0 -170px}.new-guide .area-tips2{width:400px;height:160px;top:50%;left:50%;transform:translate(-38%,-100%)}.new-guide .area-tips2 .intro{width:400px;height:160px}.new-guide .area-tips2 .btn{position:absolute;top:58%;left:38%;background:transparent}.new-guide .area-tips3 .intro{width:400px;height:160px;background-position:0 -350px}.new-guide .area-tips3{width:400px;height:160px;top:90%;left:50%;transform:translate(-38%,-100%)}.new-guide .area-tips3 .intro{width:400px;height:160px}.new-guide .area-tips3 .btn{position:absolute;top:58%;left:38%;background:transparent}.new-guide .area-tips4 .intro{width:400px;height:160px;background-position:0 -580px}.new-guide .area-tips4{width:400px;height:160px;top:30%;left:60%;transform:translate(-38%,-100%)}.new-guide .area-tips4 .intro{width:400px;height:160px}.new-guide .area-tips4 .btn{position:absolute;top:58%;left:38%;background:transparent}.upload-item>span{position:absolute;display:block;width:40px;height:40px;line-height:40px;border-radius:50%;bottom:-8px;left:-8px;background-color:#FFF;text-align:center}.upload-item .menu-btn{position:absolute;top:7px;right:5px}.upload-item .menu-btn:hover .menu-wrap{visibility:visible;opacity:1;transition:all .2s cubic-bezier(.55,0,.1,1)}.upload-item .menu-btn i{color:#FFF;padding:3px 5px;font-size:20px;font-weight:bold;cursor:pointer}.upload-item .menu-wrap{position:absolute;background-color:#FFF;padding:4px 20px;box-sizing:border-box;width:100px;right:5px;border-radius:4px;visibility:hidden;opacity:0}.upload-item .menu-wrap span{display:block;padding:4px 0;cursor:pointer;color:#555;transition:all .2s cubic-bezier(.55,0,.1,1)}.upload-item .menu-wrap span:hover{color:#000}.share-platform{text-align:center}.share-platform input{width:90%}.abnormal-page .header-right{color:#434a54;font-size:14px}.abnormal-page .header-right img,.abnormal-page .header-right span{display:inline-block;vertical-align:middle}.abnormal-page .header-right img{width:36px;height:36px;margin-right:20px}.abnormal-page .header-right span+span{margin-left:10px}.abnormal-page .header-right span a{color:#fff}.abnormal-page .header-right span a:hover{color:#434a54}.abnormal-page .header-right span a.user-name{color:#4b89dc;margin-right:20px}.abnormal-page .header-right ul{position:absolute;right:0;top:58px;padding:12px 20px;text-align:center;color:#7d7d7d;font-size:14px;background-color:#fff;box-shadow:0 0 3px rgba(0,0,0,.4);z-index:2;border-radius:3px;display:none}.abnormal-page .header-right ul:before{position:absolute;content:'';top:-8px;right:30px;position:absolute;display:block;width:0;height:0;border-bottom:8px solid rgba(0,0,0,.1);border-left:8px solid transparent;border-right:8px solid transparent}.abnormal-page .header-right ul:after{position:absolute;top:-6px;display:block;width:0;height:0;content:"";border-bottom:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;z-index:3;right:32px}.abnormal-page .header-right .user-img:hover+ul{display:block}.abnormal-page .header-right .user-img+ul:hover{display:block}.abnormal-page .header-right ul li{line-height:30px;min-width:75px}.abnormal-page .header-right ul li a{color:#7d7d7d}.abnormal-page .header-right ul li:hover a{color:#4b89dc}.mask-bg{display:none;width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:20}.loading-bg{display:none;width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:20}.mask-bg a{display:inline-block;text-decoration:none}.login-tab{width:640px;height:460px;background:#fff;position:absolute;top:50%;left:50%;margin-left:-320px;margin-top:-230px;border-radius:20px;overflow:hidden}.login-tab .close-btn{text-align:right}.login-tab .close-btn .diyicon{color:#aab2bd;font-size:24px;margin-right:20px;margin-top:10px}.login-tab .close-btn .diyicon:hover{color:#656d78}.loginTit{margin:30px 0 36px;text-align:center;font-size:24px;color:#4a89dc;font-weight:normal}.register-area{width:434px;margin:0 auto}.phoneNumber{position:relative}.phoneNumber span{display:inline-block;position:absolute;top:50%;left:14px;transform:translateY(-50%);font-size:24px;color:#adb4bf}.phoneNumber input,.identifying input{height:40px;text-indent:44px;outline:0;font-size:14px;color:#a6b5c6;border-radius:24px}.register-area input{border:2px solid #eff3f8;background:#f1f5f9}.phoneNumber input{width:434px}.identifying{margin-top:40px}.identifying input{width:434px;border:0}.register-area input.on{color:#525252;background:transparent;box-shadow:0 0 16px rgba(0,157,239,.25)}.identifying .obtain{width:110px;height:40px;line-height:40px;font-size:12px;color:#6a6a6a;text-align:center;background:#eee}.identifying .obtain:hover{color:#000;background:#e2e2e2}.btn-register{background-color:#4a89dc;width:434px;letter-spacing:4px;height:50px;margin-top:50px;line-height:50px;text-align:center;font-size:16px;color:#fff;cursor:pointer;border:0;border-radius:26px}.btn-register:hover{background-color:#3488f7}.login-tab input::-webkit-input-placeholder{color:#aab2bd}.login-tab input::-moz-placeholder{color:#aab2bd}.login-tab input::-ms-input-placeholder{color:#aab2bd}.input{height:32px;line-height:32px;border:1px solid #dbdbdb;background:#fff;text-indent:10px;border-radius:3px}.tip{display:inline-block;position:relative}.tip:before,.tip:after{opacity:0;visibility:hidden;position:absolute;z-index:1000;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease}.tip:before{content:'';border:6px solid transparent}.tip:after{content:attr(data-tip);padding:5px;#white-space:nowrap;background-color:rgba(0,0,0,0.7);color:#fff;width:200px;text-align:left;font-size:12px}.tip:hover:before,.tip:hover:after{opacity:1;visibility:visible;z-index:1000}.tip-bottom:before{top:100%;left:50%;border-bottom-color:rgba(0,0,0,0.8);margin-left:-3px;margin-top:-9px}.tip-bottom:after{top:100%;left:50%;margin-left:-100px;margin-top:3px}.tip-bottom:hover:before{margin-top:-3px}.tip-bottom:hover:after{margin-top:9px}.flipbook .blood{position:absolute;background-color:rgba(0,0,0,.4)}.flipbook .blood-l{left:0;top:0}.flipbook .blood-t{top:0;right:0}.flipbook .blood-r{right:0;bottom:0}.flipbook .blood-b{left:0;bottom:0}.flipbook .coverage-area{position:absolute;z-index:1;border:1px dashed #e40011;box-sizing:border-box}.logo-content{position:absolute;top:20px;left:20px}.flipbook-header a+a{margin-right:15px}