#app{background:#eef2fc}.viewBox{bottom:0;overflow-y:auto;overflow-x:hidden}.top,.viewBox{position:fixed;top:0;left:0;right:0}.top{z-index:99;width:100%;background:#fff}@media screen and (min-width:720px){.top{height:70px;-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;height:70px;line-height:68px;font-size:26px;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:calc(100% - 600px);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:#5433ff;background:-webkit-gradient(linear,right bottom,left top,from(#a5fecb),color-stop(#20bdff),to(#5433ff));background:linear-gradient(to left top,#a5fecb,#20bdff,#5433ff);-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% - 400px);height:130px}.mainBox .mainTop .mainTopIcon ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-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:100%;margin-top:15px;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;background:#fff;border:1px solid #d9e0f1;border-radius:6px;padding:0 15px 15px 15px;margin-top:10px}.mainBox .mainLeft .yingyongBox a{display:-webkit-box;display:-ms-flexbox;display:flex;width:calc(20% - 12px);min-width:200px;height:150px;background:#fafafa;-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;margin:12px 0 0 0}.mainBox .mainLeft .yingyongBox a.zhanwei{border:none;background:none}.mainBox .mainLeft .yingyongBox a .yingyongImg{width:auto;height:82px;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-transform:scale(1.1);transform:scale(1.1)}.mainBox .mainRight{float:right;width:100%;margin-top:15px;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}.mainBox .mainRight .picDemo{float:left;width:100%;height:70%;background:#fff;border-radius:6px;overflow:hidden}.mainBox .mainRight .rightLayout{width:calc(50% - 10px);height:235px;margin:5px 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 .rightList{float:left;width:100%;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:100%;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%)}}@media screen and (max-width:720px){.top{height:auto;-webkit-box-shadow:0 .6rem 1.8rem rgba(137,154,198,.12);box-shadow:0 .6rem 1.8rem rgba(137,154,198,.12);-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.top,.top .logo{display:-webkit-box;display:-ms-flexbox;display:flex}.top .logo{width:calc(100% - 10rem);height:4rem;font-size:1.6rem;font-weight:700;color:#383838;white-space:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1rem 0;margin-left:1rem}.top .logo img{display:inline-block;float:left;width:auto;height:2rem;margin-right:.5rem}.top .topNav{width:8rem;height:2rem;margin-right:1rem;margin-top:1rem}.top .topNav a{display:inline-block;width:auto;height:2rem;background:#f1f1f1;color:#383838;border-radius:.4rem;padding:0 .4rem;cursor:pointer;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;font-size:.8rem}.top .topNav a img{display:inline-block;float:left;height:1rem;margin-right:.4rem;-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:.4rem;-webkit-filter:drop-shadow(-1000px 0 #fff);filter:drop-shadow(-1000px 0 #ffffff);-webkit-transform:translate(1000px);transform:translate(1000px)}.top .topUser{width:100%;height:4rem;background:#fafafa;white-space:nowrap;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;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse;flex-flow:row-reverse}.top .topUser .user{float:right;width:2.4rem;height:2.4rem;position:relative;margin-right:1rem}.top .topUser .user a.userPhoto{display:-webkit-box;display:-ms-flexbox;display:flex;width:2.4rem;height:2.4rem;-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}.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{width:calc(100% - 5rem);height:2.4rem;margin:0 0 0 1rem;background:#e3ecff;border-radius:100px}.top .topUser .searchBox .seaTxt{display:inline-block;float:left;width:calc(100% - 2.4rem);height:2.4rem;line-height:2.4rem;border:none;background:none;padding:0 0 0 1rem;outline:none}.top .topUser .searchBox .seaBtn{display:inline-block;float:right;width:2.4rem;height:2.4rem;background:url(../assets/seaBtn.b5bcb1c1.svg) no-repeat 0 0;background-size:100% auto;border:none;cursor:pointer}.mainBox{margin:9rem 0 0 50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:calc(100% - 2rem);height:auto;padding:0 0 1.6rem 0;overflow-x:hidden}.mainBox .mainTop{width:100%;border-radius:.6rem;background:#5433ff;background:-webkit-gradient(linear,right bottom,left top,from(#a5fecb),color-stop(#20bdff),to(#5433ff));background:linear-gradient(to left top,#a5fecb,#20bdff,#5433ff);-webkit-box-shadow:0 .5rem 1.5rem rgba(137,154,198,.4);box-shadow:0 .5rem 1.5rem rgba(137,154,198,.4);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 0}.mainBox .mainTop,.mainBox .mainTop .mainTopUser{height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mainBox .mainTop .mainTopUser{width:calc(100% - 6rem);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mainBox .mainTop .mainTopUser .mainTopUserPhoto{width:4rem;height:4rem;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;border-radius:100px;overflow:hidden;margin:0 1rem 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{margin:0;font-size:1rem;color:#fff}.mainBox .mainTop .mainTopUser .mainTopUserName p a{font-size:1.2rem;font-weight:700;color:#fff;margin-right:.5rem}.mainBox .mainTop .mainTopIcon{width:6rem;height:auto}.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%;margin:0;padding:0}.mainBox .mainTop .mainTopIcon ul li{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;position:relative;background:rgba(0,0,0,.34);border-radius:.6rem;padding:0 .3rem .3rem .3rem}.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:3.6rem;height:3.6rem}.mainBox .mainTop .mainTopIcon ul li a img{width:50%;height:auto}.mainBox .mainTop .mainTopIcon ul li span{color:#fff;font-size:.8rem;-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}.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{width:100%;margin-top:1rem;height:auto}.mainBox .mainLeft .yingyongBox{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;background:#fff;border:1px solid #d9e0f1;border-radius:.6rem;margin-top:.6rem;padding:0 1rem 1rem 1rem}.mainBox .mainLeft .yingyongBox a{display:-webkit-box;display:-ms-flexbox;display:flex;width:calc(33.3% - .5rem);background:#fafafa;-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;margin:1rem 0 0 0;padding:1.2rem 0 1rem 0}.mainBox .mainLeft .yingyongBox a.zhanwei{border:none;background:none;margin:0 0 0 0;padding:0 0}.mainBox .mainLeft .yingyongBox a .yingyongImg{width:auto;height:auto;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{height:3rem}.mainBox .mainLeft .yingyongBox a .yingyongName{font-size:1.1rem;margin:.4rem 0 0 0}.mainBox .mainLeft .yingyongBox a:hover .yingyongImg{-webkit-transform:scale(1.1);transform:scale(1.1)}.mainBox .mainRight{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.mainBox .mainRight .picDemo{width:100%;height:auto;background:#fff;border-radius:6px;overflow:hidden}.mainBox .mainRight .rightLayout{width:100%;height:auto;margin-top:1rem;border:1px solid #d9e0f1;border-radius:.5rem;background:#fff;-webkit-box-shadow:0 .5rem 1.5rem rgba(137,154,198,.12);box-shadow:0 .5rem 1.5rem rgba(137,154,198,.12)}.mainBox .mainRight .rightLayout .rightList{float:left;width:100%;height:auto}.mainBox .mainRight .rightLayout .rightList ul{display:inline-block;float:left;width:100%;height:auto;margin:0;padding:.8rem 0}.mainBox .mainRight .rightLayout .rightList ul li{display:inline-block;float:left;width:calc(100% - 2rem);margin:0 0 0 1rem;padding:.3rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;font-size:1rem}.mainBox .mainRight .rightLayout .rightList1{float:left;width:100%;height:auto}.mainBox .mainRight .rightLayout .rightList1 ul{display:inline-block;float:left;width:100%;height:auto;margin:0;padding:.8rem 0}.mainBox .mainRight .rightLayout .rightList1 ul li{display:inline-block;float:left;width:calc(100% - 3rem);margin:0 0 0 1.5rem;padding:.4rem 0 .4rem 1.5rem;height:auto;background:url(../assets/img.dd5f7475.svg) no-repeat 0 .65rem}.mainBox .mainRight .rightLayout .rightList1 ul li span{display:inline-block;float:left;width:100%;font-size:1rem;height:1.4rem;line-height:1.4rem;color:#3367df}.mainBox .mainRight .rightLayout .rightList1 ul li a{display:inline-block;float:left;width:100%;height:auto;line-height:1.4rem;padding:0;font-size:1rem}.titleSkin{width:100%;border-bottom:1px solid #d9e0f1;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;padding:.5rem 0}.titleSkin span{width:auto;font-size:1.3rem;font-weight:700;color:#383838;padding:0 0 0 1.2rem}.titleSkin a{margin:0 1rem 0 0}.titleSkin a,.titleSkin a img{width:1.4rem;height:1.4rem}.titleSkin1{width:100%}.titleSkin1 span{width:auto;font-size:1.3rem;font-weight:700;color:#383838}.titleSkin1 a{width:auto;color:#3367df}.foot{width:100%;padding:.5rem 1.2rem;height:auto;line-height:1.6rem;font-size:1rem;text-align:center;color:#383838;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%,.5);backdrop-filter:blur(5px) brightness(110%);-webkit-backdrop-filter:blur(5px) brightness(110%)}}