*{padding:0;margin:0}html,body{width:100%;height:100%;background:#fff;scroll-behavior:smooth}img,input{width:100%;height:100%}input{background:none;outline:none;border:none}ol,ul{list-style:none}button{outline:none}.load-page-show{-webkit-animation:load-page-show .4s forwards;animation:load-page-show .4s forwards}.load-page-hidden{-webkit-animation:load-page-hidden .4s forwards;animation:load-page-hidden .4s forwards}.load-page{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-transition:all .4s;transition:all .4s;-webkit-transition-timing-function:ease;transition-timing-function:ease;z-index:99;background:#101629}.load-page .logo-con{position:absolute;top:50%;right:initial;bottom:initial;left:50%;width:300px;height:300px;margin-left:-150px;margin-top:-150px}.load-page .logo-con .load-logo{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.load-page .logo-con .load-logo img{position:absolute;bottom:0;height:300px}.load-page .logo-con .multicolor{-webkit-transition:all .5s;transition:all .5s;-webkit-transition-timing-function:ease;transition-timing-function:ease;top:initial;height:0}@-webkit-keyframes load-page-show{0%{opacity:0;visibility:initial}100%{opacity:1}}@keyframes load-page-show{0%{opacity:0;visibility:initial}100%{opacity:1}}@-webkit-keyframes load-page-hidden{0%{opacity:1}100%{opacity:0;visibility:hidden}}@keyframes load-page-hidden{0%{opacity:1}100%{opacity:0;visibility:hidden}}.page{position:relative;width:100%;height:100%;min-height:600px;z-index:2}.page .sidebar{position:absolute;top:0;right:initial;bottom:0;left:0;width:149px;background:#fff;border-right:1px solid #e3e3e3}.page .sidebar .logo{width:70px;margin:0 auto;padding:50px 0 0}.page .sidebar .logo img{width:100%}.page .sidebar .p-menu{position:absolute;top:50%;right:0;bottom:initial;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:300px;margin-top:-150px}.page .sidebar .p-menu .menu-con{position:relative;padding:0 10px}.page .sidebar .p-menu .menu-con .menu-icon{width:50px;height:50px;margin:0 auto 20px auto}.page .sidebar .p-menu .menu-con .menu-box{height:30px;border:2px solid #1cb8d6;z-index:3;-webkit-transition:all .3s;transition:all .3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;position:absolute;top:70px;right:2px;bottom:initial;left:2px}.page .sidebar .p-menu .menu-con .menu-item{position:relative;padding:5px 10px;height:25px;line-height:25px;z-index:5}.page .sidebar .p-menu .menu-con .menu-item p{-webkit-transition:all .3s;transition:all .3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;text-align:center;font-size:17px;color:#999;cursor:pointer;letter-spacing:1px}.page .sidebar .p-menu .menu-con .menu-item p:hover{color:#000}.page .sidebar .p-menu .menu-con .menu-current p{color:#000}.page .sidebar .fast{position:absolute;top:initial;right:0;bottom:30px;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page .sidebar .fast .item{cursor:pointer;margin-top:10px;text-align:center}.page .sidebar .fast .item img{width:30px;height:30px}.page .sidebar .fast .item p{font-size:10px;letter-spacing:1px}.page .sidebar-dark{border-color:#e3e3e3}.page .sidebar-dark .menu .menu-con .menu-item p{color:#555}.page .sidebar-dark .menu .menu-con .menu-current p{color:#fff}.page .m-menu{height:60px;z-index:95;visibility:hidden;position:absolute;top:10px;right:10px;bottom:initial;left:initial}.page .m-menu .menu-con{width:60px;background:#fff;overflow:hidden;transform:translate3d(0, 0, 0);position:absolute;top:0;right:0;bottom:0;left:initial;border-radius:10px;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-transition:all .3s;transition:all .3s;-webkit-transition-timing-function:ease;transition-timing-function:ease}.page .m-menu .menu-con .menu-icon{cursor:pointer;width:60px;z-index:96;background:#fff;position:absolute;top:0;right:0;bottom:0;left:initial;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page .m-menu .menu-con .menu-icon img{width:40px;height:40px}.page .m-menu .menu-con .menu-box{width:calc(100% - 80px);height:100%;padding:0 10px;opacity:0;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .2s;transition:all .2s;-webkit-transition-timing-function:ease;transition-timing-function:ease}.page .m-menu .menu-con .menu-box .box-scroll{float:left;width:auto;height:100%;max-width:100%;margin:0 auto;white-space:nowrap;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}.page .m-menu .menu-con .menu-box .box-scroll::-webkit-scrollbar{width:10px;height:3px}.page .m-menu .menu-con .menu-box .box-scroll::-webkit-scrollbar{width:0;height:0}.page .m-menu .menu-con .menu-box .box-scroll .menu-item{cursor:pointer;height:58px;max-width:100px;padding:0 10px;border-bottom:2px solid transparent;display:inline-block;line-height:58px;text-align:center}.page .m-menu .menu-con .menu-box .box-scroll .menu-item p{letter-spacing:2px;color:#B0BBDB}.page .m-menu .menu-con .menu-box .box-scroll .menu-current{border-color:#1cb8d6}.page .m-menu .menu-con .menu-box .box-scroll .menu-current p{font-weight:bold;color:#1cb8d6}.page .m-menu-expand{left:10px;width:initial}.page .m-menu-expand .menu-con{width:100%}.page .m-menu-expand .menu-con .menu-box{opacity:1}.page .m-menu-shrink{left:10px;width:initial;animation:m-menu-shrink 0s .5s forwards}.page .m-menu-shrink .menu-con{width:60px}.page .m-menu-shrink .menu-con .menu-box{opacity:0}.page .online-chat{z-index:97;overflow:hidden;visibility:hidden;transition:background-color .3s;position:fixed;top:0;right:0;bottom:0;left:0}.page .online-chat .chat-base{width:500px;position:absolute;top:0;right:0;bottom:0;left:initial}.page .online-chat .chat-page{height:100%;width:100%;background:#f9fafe;transform:translateX(100%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all .3s;transition:all .3s;-webkit-transition-timing-function:ease;transition-timing-function:ease}.page .online-chat .chat-page .title{padding:50px 50px 30px 50px;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-between;-ms-flex-pack:space-between;justify-content:space-between;-ms-flex-negative:0;flex-shrink:0}.page .online-chat .chat-page .title p{font-size:25px;letter-spacing:3px;font-weight:bold}.page .online-chat .chat-page .title .close{cursor:pointer;width:50px;height:50px;background:#fff;border-radius:10px;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.1);box-shadow:0 0 20px rgba(0,0,0,0.1)}.page .online-chat .chat-page .title .close img{padding:10px;width:30px;height:30px}.page .online-chat .chat-page .dialogue-box{padding:0 50px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.page .online-chat .chat-page .dialogue-box::-webkit-scrollbar{width:3px;height:10px}.page .online-chat .chat-page .dialogue-box .item{padding:30px 0;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex}.page .online-chat .chat-page .dialogue-box .item .info{height:60px;display:-webkit-box;display:-ms-flexbox;display:flex}.page .online-chat .chat-page .dialogue-box .item .info .avatar{width:60px;height:60px;background:#fff;border-radius:10px;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1)}.page .online-chat .chat-page .dialogue-box .item .info .avatar img{padding:5px;width:50px;height:50px}.page .online-chat .chat-page .dialogue-box .item .info .name-date{padding-left:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page .online-chat .chat-page .dialogue-box .item .info .name-date .name{font-size:18px;letter-spacing:2px;font-weight:bold;padding-bottom:2px;color:#232d40}.page .online-chat .chat-page .dialogue-box .item .info .name-date .date{font-weight:bold;letter-spacing:1px;font-size:10px;color:#a3a8b3}.page .online-chat .chat-page .dialogue-box .item .chat-con{float:left;padding:20px;margin:10px 0 0 80px;background:#ecf3fa;color:#727e99;letter-spacing:2px;border-radius:10px}.page .online-chat .chat-page .dialogue-box .item .chat-con p{word-break:break-word}.page .online-chat .chat-page .dialogue-box .current{-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end}.page .online-chat .chat-page .dialogue-box .current .info{flex-direction:row-reverse}.page .online-chat .chat-page .dialogue-box .current .name-date{padding-left:0;padding-right:20px;text-align:right}.page .online-chat .chat-page .dialogue-box .current .chat-con{float:right;margin:10px 80px 0 0;background:#3f78ff;color:#fff}.page .online-chat .chat-page .input-box{height:50px;padding:10px;margin:30px 50px 50px 50px;background:#edf3fb;border-radius:10px;-ms-flex-negative:0;flex-shrink:0}.page .online-chat .chat-page .input-box .input-form{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.page .online-chat .chat-page .input-box .input-form .input{height:100%;padding:0 20px 0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden}.page .online-chat .chat-page .input-box .input-form .input input{width:100%;font-size:18px}.page .online-chat .chat-page .input-box .input-form .submit{cursor:pointer;width:50px;height:50px;background:#3f78ff;border:0;border-radius:10px;-ms-flex-negative:0;flex-shrink:0}.page .online-chat .chat-page .input-box .input-form .submit img{width:30px;height:30px;padding:10px}.page .chat-show{visibility:initial;background:rgba(0,0,0,0.3)}.page .chat-show .chat-page{transform:translateX(0)}.page .chat-hidden{visibility:initial;background:transparent;animation:chat-hidden 0s .3s forwards}.page .chat-hidden .chat-page{transform:translateX(100%)}@keyframes chat-hidden{0%{visibility:initial}100%{visibility:hidden}}.page .content{position:absolute;top:0;right:0;bottom:0;left:150px;overflow-y:auto;-webkit-overflow-scrolling:touch}.page .content::-webkit-scrollbar{width:3px;height:10px}.page .content .m-menu-base{width:100%;height:80px;background:#fff;visibility:hidden}.page .content .content-box{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.page .content .content-box::-webkit-scrollbar{width:3px;height:10px}@keyframes m-menu-shrink{100%{left:initial;width:60px}}.mouse-base{position:absolute;bottom:50px;left:50px}.mouse-base .mouse{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end}.mouse-base .mouse img{height:35px;width:35px}.mouse-base .mouse p{font-size:10px;color:#000}.phone{position:relative;height:100%;-ms-flex-negative:0;flex-shrink:0}.phone .phone-shell{position:relative;z-index:12;width:initial;height:initial;max-width:100%;max-height:100%;display:block}.phone .screen{z-index:10;position:absolute;top:8.5%;right:16.5%;bottom:9.5%;left:16.5%}.phone .screen img{width:100%;height:100%}.mac{position:relative;width:100%;-ms-flex-negative:0;flex-shrink:0}.mac .screen{z-index:10;position:absolute;top:6%;right:13.5%;bottom:15%;left:12.8%}.mac .screen img{width:100%;height:100%}.pad{position:relative;width:100%;-ms-flex-negative:0;flex-shrink:0}.pad .pad-shell{position:relative;z-index:12;width:initial;height:initial;max-width:100%;max-height:100%;display:block}.pad .screen{z-index:10;position:absolute;top:10.5%;right:8.5%;bottom:10.5%;left:8%}.pad .screen img{width:100%;height:100%}.arrow-bottom{position:relative;width:35px;height:35px}.arrow-bottom::after{position:absolute;top:5px;right:0;bottom:initial;left:0;content:"﹀";color:#000;font-size:10px;height:10px;text-align:center;-webkit-animation:arrow-bottom 2s ease-in infinite -0.5s;animation:arrow-bottom 2s ease-in infinite -0.5s}.arrow-bottom::before{position:absolute;top:15px;right:0;bottom:initial;left:0;content:"﹀";font-size:10px;color:#000;height:10px;text-align:center;-webkit-animation:arrow-bottom 2s ease-in infinite;animation:arrow-bottom 2s ease-in infinite}@-webkit-keyframes arrow-bottom{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@keyframes arrow-bottom{0%{opacity:1}50%{opacity:0}100%{opacity:1}}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:10px;background:#EDEDED}@media screen and (max-width:600px){.load-page .logo-con{margin-left:-100px;margin-top:-100px;width:200px;height:200px}.load-page .logo-con .load-logo img{height:200px}.page{min-height:initial}.page .sidebar{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.page .m-menu{visibility:initial}.page .online-chat .chat-base{width:100%}.page .online-chat .chat-page .title{padding:20px}.page .online-chat .chat-page .dialogue-box{padding:0 20px}.page .online-chat .chat-page .dialogue-box .item{padding:20px 0}.page .online-chat .chat-page .input-box{margin:20px}.page .content{left:0}.page .content .m-menu-base{visibility:initial}.page .content .content-box{position:relative;min-height:calc(100% - 80px)}}