#app{background:#eef2fc}.viewBox{bottom:0;overflow-y:auto}.top,.viewBox{position:fixed;top:0;left:0;right:0}.top{z-index:99;width:100%;height:70px;background:#fff;-webkit-box-shadow:0 10px 25px rgba(137,154,198,.12);box-shadow:0 10px 25px rgba(137,154,198,.12);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.top .logo{width:auto;min-width:390px;height:70px;line-height:68px;font-size:20px;font-weight:700;color:#383838;padding:0 0 0 30px;white-space:nowrap}.top .logo img{display:inline-block;float:left;width:auto;height:36px;margin:17px 10px 0 0}.top .topNav{width:100%;height:70px;overflow-x:auto;white-space:nowrap}.top .topNav a{display:inline-block;width:auto;height:36px;line-height:36px;background:#f1f1f1;color:#383838;border-radius:6px;margin:17px 10px 0 0;padding:0 20px;cursor:pointer;overflow:hidden}.top .topNav a img{display:inline-block;float:left;margin-top:9px;height:18px;margin-right:10px;-webkit-filter:drop-shadow(-180px 0 #3367df);filter:drop-shadow(-180px 0 #3367DF);-webkit-transform:translate(180px);transform:translate(180px)}.top .topNav a.now{background:#3367df;color:#fff}.top .topNav a.now img{margin-right:10px;-webkit-filter:drop-shadow(-1000px 0 #fff);filter:drop-shadow(-1000px 0 #ffffff);-webkit-transform:translate(1000px);transform:translate(1000px)}.top .topUser{width:auto;min-width:290px;height:70px;white-space:nowrap}.top .topUser .user{float:right;width:34px;height:50px;margin:10px 20px 0 0;position:relative}.top .topUser .user a.userPhoto{display:-webkit-box;display:-ms-flexbox;display:flex;width:34px;height:34px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:100px;overflow:hidden;margin:8px 0 0 0}.top .topUser .user a.userPhoto img{min-width:100%;min-height:100%}.top .topUser .user ul{display:none;position:absolute;top:50px;right:0;width:110px;height:auto;background:#fff;padding:10px 15px;border:1px solid #e1e1e1;border-radius:6px}.top .topUser .user ul li{text-align:center;padding:5px 0;cursor:pointer}.top .topUser .user ul li:hover{color:#3367df}.top .topUser .user:hover ul{display:block}.top .topUser .searchBox{float:right;width:220px;height:34px;margin:18px 10px 0 0;background:#e3ecff;border-radius:100px}.top .topUser .searchBox .seaTxt{display:inline-block;float:left;width:calc(100% - 40px);height:34px;line-height:34px;border:none;background:none;padding:0 0 0 15px;outline:none}.top .topUser .searchBox .seaBtn{display:inline-block;float:right;width:34px;height:34px;background:url(../assets/seaBtn.b5bcb1c1.svg) no-repeat 0 0;background-size:100% auto;border:none;cursor:pointer}.mainBox{position:absolute;z-index:98;top:110px;left:calc(50% - 600px);width:1200px;height:auto;padding:0 0 80px 0}.mainBox .mainTop{float:left;width:100%;height:130px;border-radius:6px;background:#00c6ff;background:-webkit-gradient(linear,left top,right bottom,from(#88f),to(#3367df));background:linear-gradient(to right bottom,#88f,#3367df);-webkit-box-shadow:0 10px 25px rgba(137,154,198,.4);box-shadow:0 10px 25px rgba(137,154,198,.4)}.mainBox .mainTop .mainTopUser{float:left;width:360px;height:130px}.mainBox .mainTop .mainTopUser,.mainBox .mainTop .mainTopUser .mainTopUserPhoto{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}.mainBox .mainTop .mainTopUser .mainTopUserPhoto{width:80px;height:80px;border-radius:100px;overflow:hidden;margin:0 20px 0 0}.mainBox .mainTop .mainTopUser .mainTopUserPhoto img{min-width:100%;min-height:100%}.mainBox .mainTop .mainTopUser .mainTopUserName{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.mainBox .mainTop .mainTopUser .mainTopUserName p{line-height:30px;margin:0;font-size:14px;color:#fff}.mainBox .mainTop .mainTopUser .mainTopUserName p a{font-size:18px;font-weight:700;color:#fff;margin-right:10px}.mainBox .mainTop .mainTopIcon{float:left;width:calc(100% - 360px);height:130px}.mainBox .mainTop .mainTopIcon ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.mainBox .mainTop .mainTopIcon ul li{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;position:relative}.mainBox .mainTop .mainTopIcon ul li,.mainBox .mainTop .mainTopIcon ul li a{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}.mainBox .mainTop .mainTopIcon ul li a{width:60px;height:60px;background:rgba(0,0,0,.34);border-radius:100px;margin:0 0 5px 0}.mainBox .mainTop .mainTopIcon ul li a img{width:40%;height:auto}.mainBox .mainTop .mainTopIcon ul li span{color:#fff;font-size:14px}.mainBox .mainTop .mainTopIcon ul li font{position:absolute;right:-5px;top:-5px;width:auto;min-width:22px;height:22px;padding:0 2px;line-height:22px;text-align:center;background:#f25555;border-radius:100px;color:#fff;font-size:12px;font-weight:700}.mainBox .mainLeft{float:left;width:calc(100% - 365px);margin-top:25px;height:auto}.mainBox .mainLeft .yingyongBox{float:left;width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.mainBox .mainLeft .yingyongBox a{display:-webkit-box;display:-ms-flexbox;display:flex;width:200px;height:150px;border:1px solid #d9e0f1;border-radius:6px;background:#fff;margin-top:12px;-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-flow:column;flex-flow:column}.mainBox .mainLeft .yingyongBox a.zhanwei{border:none;background:none}.mainBox .mainLeft .yingyongBox a .yingyongImg{width:82px;height:82px;border:1px solid #d9e0f1;border-radius:100px;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:.2s ease-in-out;transition:.2s ease-in-out}.mainBox .mainLeft .yingyongBox a .yingyongImg img{width:40%;height:auto}.mainBox .mainLeft .yingyongBox a .yingyongName{font-size:14px;margin:6px 0 0 0}.mainBox .mainLeft .yingyongBox a:hover .yingyongImg{-webkit-box-shadow:0 0 10px rgba(137,154,198,.3);box-shadow:0 0 10px rgba(137,154,198,.3);-webkit-transform:scale(1.1);transform:scale(1.1)}.mainBox .mainRight{float:right;width:340px;margin-top:25px;height:auto}.mainBox .mainRight .picDemo{float:left;width:340px;height:238px;background:#fff;border-radius:6px;overflow:hidden}.mainBox .mainRight .rightLayout{margin:20px 0 0 0;border:1px solid #d9e0f1;border-radius:6px;background:#fff;-webkit-box-shadow:0 10px 25px rgba(137,154,198,.12);box-shadow:0 10px 25px rgba(137,154,198,.12)}.mainBox .mainRight .rightLayout,.mainBox .mainRight .rightLayout .rightList{float:left;width:340px;height:auto}.mainBox .mainRight .rightLayout .rightList ul{display:inline-block;float:left;width:100%;height:auto;margin:0;padding:10px 0}.mainBox .mainRight .rightLayout .rightList ul li{display:inline-block;float:left;width:calc(100% - 40px);margin:0 0 0 20px;height:32px;line-height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}.mainBox .mainRight .rightLayout .rightList1{float:left;width:340px;height:auto}.mainBox .mainRight .rightLayout .rightList1 ul{display:inline-block;float:left;width:100%;height:auto;margin:0;padding:10px 0}.mainBox .mainRight .rightLayout .rightList1 ul li{display:inline-block;float:left;width:calc(100% - 64px);margin:0 0 0 20px;padding:8px 0 8px 24px;height:auto;line-height:22px;background:url(../assets/img.dd5f7475.svg) no-repeat 0 12px}.mainBox .mainRight .rightLayout .rightList1 ul li span{display:inline-block;float:left;width:100%;height:20px;line-height:20px;color:#3367df}.mainBox .mainRight .rightLayout .rightList1 ul li a{display:inline-block;float:left;width:100%;height:auto;line-height:20px;padding:0}.titleSkin{float:left;width:100%;height:50px;border-bottom:1px solid #d9e0f1}.titleSkin span{display:inline-block;float:left;width:auto;height:50px;line-height:50px;font-size:18px;font-weight:700;color:#383838;padding:0 0 0 22px}.titleSkin a{display:inline-block;float:right;margin:15px 15px 0 0}.titleSkin a,.titleSkin a img{width:20px;height:20px}.titleSkin1{float:left;width:100%;height:30px}.titleSkin1 span{float:left;font-size:18px;font-weight:700;color:#383838}.titleSkin1 a,.titleSkin1 span{display:inline-block;width:auto;height:30px;line-height:30px}.titleSkin1 a{float:right;color:#3367df}.foot{position:fixed;left:0;right:0;bottom:0;width:100%;height:50px;line-height:50px;text-align:center;color:#ccc;z-index:99;-webkit-box-shadow:0 -10px 25px rgba(137,154,198,.12);box-shadow:0 -10px 25px rgba(137,154,198,.12);background:hsla(0,0%,100%,.3);backdrop-filter:blur(5px) brightness(110%);-webkit-backdrop-filter:blur(5px) brightness(110%)}