.www-container{width:1200px;margin:0 auto;overflow:hidden;font-size:0;padding-bottom:70px}.www-container>.header{text-align:center;font-size:40px;font-weight:400;margin:70px 0}.www-container>.header:before{margin-right:30px}.www-container>.header:after,.www-container>.header:before{content:"";display:inline-block;vertical-align:middle;width:40px;height:4px;background-color:#e6e6e6}.www-container>.header:after{margin-left:30px}.banner-box{position:relative}.banner-box:hover .next,.banner-box:hover .prev{display:block}.banner-box .next,.banner-box .prev{position:absolute;text-shadow:none;width:36px;height:100px;background:hsla(0,0%,90%,.6);top:50%;opacity:1;margin-top:-50px;z-index:20;text-align:center;color:#428bca;display:none;cursor:pointer}.banner-box .next .wi,.banner-box .prev .wi{font-size:20px;font-weight:700;line-height:100px}.banner-box .next{left:0}.banner-box .prev{right:0}.banner-box .num{text-align:center;position:absolute;width:100%;bottom:26px}.banner-box .num li{display:inline-block;margin:0 5px;font-size:0;width:40px;height:5px;background-color:#ddd}.banner-box .num li.on{background-color:#428bca}.banner{position:relative}.banner img{max-width:100%}.banner li{float:left;position:relative;height:28.64583vw;width:100%}.banner li img{position:absolute;top:0;left:0;right:0;bottom:0}.banner li .info2{position:relative;width:1200px;margin:0 auto;margin-top:98px}.banner li .info2 h2{font-size:36px;font-weight:400;color:#1c181e;margin-bottom:20px}.banner li .info2 p{color:#4d4c4d;font-size:20px;margin-bottom:60px}.banner li .info2 button{background:#428bca;border:0;color:#fff;border-radius:0;width:200px;line-height:1.4;font-size:16px;letter-spacing:2px}.banner li .info1{position:relative;width:800px;margin-top:96px;color:#fff}.banner li .info1 h2{font-size:36px;font-weight:400;margin-bottom:20px}.banner li .info1 p{font-size:20px;margin-bottom:32px;line-height:1.6}.banner li .info1 button{background:#428bca;color:#fff;border:0;border-radius:0;width:200px;line-height:1.4;font-size:16px;letter-spacing:2px}.about{font-size:0}.about .about-item{display:inline-block;width:300px;text-align:center;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:text-top}.about .about-item h3{font-weight:400;font-size:20px;color:#4d4d4d;margin:20px 0}.about .about-item .desc{font-size:14px;color:#999}.about .down{margin-top:70px;text-align:center}.about .down .btn-down{width:356px;height:52px;line-height:52px;padding:0;text-align:center;background-color:#428bca;color:#fff;display:inline-block;font-size:20px}.can{background-image:url("//cdn.w7.cc/new/img/www/can-bg.png?imageView2/2/w/1920/h/818");background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;min-height:818px;overflow:hidden}.can .www-container{padding-bottom:0}.can .www-container>.header{color:#fff}.can .can-left{width:190px;display:inline-block;border-right:1px solid #e7e6eb;min-height:625px;vertical-align:top}.can .can-left .left-item{font-size:18px;display:inline-block;cursor:pointer;color:#fff;width:100%;height:40px;line-height:40px;padding-left:30px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:10px 0}.can .can-left .left-item.active,.can .can-left .left-item:hover{background-color:#428bca}.can .can-right{display:inline-block;width:1000px}.can .can-right .right-item{padding:20px 0 20px 45px}.can .can-right .right-item .info>.header{font-size:18px;margin-bottom:50px;color:#fff}.can .can-right .right-item .info .info-item{margin-bottom:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.can .can-right .right-item .info .info-item .logo{width:50px;height:50px;margin-right:30px}.can .can-right .right-item .info .info-item .text .title{font-size:16px;margin-bottom:10px;color:#fff}.can .can-right .right-item .info .info-item .text .desc{font-size:16px;color:#b2b2b2}.can .can-right .right-item .hot-tag{border-top:1px solid #e7e6eb}.can .can-right .right-item .hot-tag>.header{font-size:18px;margin-top:30px;margin-bottom:20px;color:#fff}.can .can-right .right-item .hot-tag .tag-list{width:800px;margin:0 -10px;display:inline-block}.can .can-right .right-item .hot-tag .tag-list li{display:inline-block;margin:10px;width:140px;background-color:#fff;height:40px;line-height:40px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;color:#4c4c4c;vertical-align:middle}.can .can-right .right-item .hot-tag .tag-list li:hover{outline:2px solid #428bca;color:#428bca}.can .can-right .right-item .hot-tag .tag-list li a{display:block}.can .can-right .right-item .hot-tag .tag-more{width:170px;display:inline-block;padding-left:89px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:16px;color:#838383}.can .can-right .right-item .hot-tag .tag-more img{display:block;margin:0 auto 10px}.app{background-color:#f5f5f5;overflow:hidden}.app .panel .panel-heading{background-color:#fff;border-bottom:1px solid #e7e6eb;padding:15px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;height:60px;font-size:20px;color:#4d4d4d;vertical-align:middle}.app .panel .panel-heading .icon{margin-right:20px;vertical-align:middle}.app .panel .panel-heading a{color:#428bca;font-size:16px}.app .panel .panel-body{background-color:#fff;overflow:hidden}.app .nums{width:400px;border-right:1px solid #e7e6eb;padding:30px 0 30px 30px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;overflow:hidden;margin-bottom:-99999px;padding-bottom:99999px}.app .nums,.app .nums .item{display:inline-block}.app .nums .item .name{font-size:16px;color:#999;margin-bottom:20px}.app .nums .item .num{font-size:50px;color:#428bca}.app .nums .item+.item{margin-left:30px}.app .categorylist{width:800px;margin-left:-1px;padding:10px}.app .categorylist,.app .categorylist .category-item{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box}.app .categorylist .category-item{border:1px solid #e7e6eb;width:175px;height:50px;line-height:50px;font-size:16px;color:#4d4d4d;margin:10px;text-align:center}.app .categorylist .category-item:hover{border-color:#428bca;color:#428bca}.app .hot-rank{margin-top:30px;position:relative}.app .rank-header{display:inline-block;text-align:center;margin:0 auto;width:1200px;position:absolute;top:6px}.app .rank-header-item{display:inline-block;font-size:18px;color:#4d4d4d;padding:15px 20px;position:relative;margin:0 40px}.app .rank-header-item.active,.app .rank-header-item:hover{color:#428bca}.app .rank-header-item.active:after,.app .rank-header-item:hover:after{content:"";position:absolute;width:100%;height:2px;background-color:#428bca;bottom:0;left:0}.app .rank-item-header{background-color:#fafafa;text-align:center;padding:30px 0}.app .rank-item-header .app-category{font-size:14px;color:#4d4d4d;width:90px;height:34px;line-height:34px;display:inline-block;text-align:center;border:1px solid #e7e6eb;border-radius:35px;margin:0 15px;background-color:#fff}.app .rank-item-header .app-category.active,.app .rank-item-header .app-category:hover{border-color:#428bca;color:#428bca}.app .rank-item-body{background-color:#fff;margin:-1px}.app .app-list{counter-reset:app}.app .app-item{width:33.33%;border-right:1px solid #e7e6eb;border-bottom:1px solid #e7e6eb;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-sizing:border-box;box-sizing:border-box;padding:30px 30px 30px 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app .app-item:hover{background:#fcfcfc}.app .app-item:first-of-type::before{content:url("//cdn.w7.cc/new/img/www/TOP1.png?imageView2/2/w/50/h/72")}.app .app-item:nth-of-type(2):before{content:url("//cdn.w7.cc/new/img/www/TOP2.png?imageView2/2/w/50/h/72")}.app .app-item:nth-of-type(3):before{content:url("//cdn.w7.cc/new/img/www/TOP3.png?imageView2/2/w/50/h/72")}.app .app-item:before{counter-increment:app;content:"NO." counter(app);font-size:24px;color:#e6e6e6;width:108px;text-align:center}.app .app-item .logo img{width:88px;height:88px;border-radius:10px;margin-right:30px}.app .app-item .name{font-size:16px;color:#4d4d4d;margin-bottom:10px}.app .app-item .numbers{font-size:14px;color:#999;margin-top:10px}.app .app-item .info{width:130px}.app .hot-new{margin-top:30px}.app .hot-new .panel-body{position:relative}.app .hot-new .next-box,.app .hot-new .prev-box{position:absolute;bottom:0;height:40px;width:40px;background-color:#fafafa;z-index:2}.app .hot-new .next,.app .hot-new .prev{width:40px;height:40px;text-align:center;line-height:40px;background:#ddd;color:#fff;font-size:14px;cursor:pointer}.app .hot-new .prev-box{left:0;padding-right:90px}.app .hot-new .next-box{right:0;padding-left:90px}.app .new-app{margin-right:-1px}.app .new-app-item{width:33.33%;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box}.app .new-app-info{border-right:1px solid #e7e6eb;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:30px;font-size:14px;height:100px}.app .new-app-info:hover{background:#fcfcfc}.app .new-app-info .day-month{margin-right:30px;width:44px}.app .new-app-info .day{font-size:30px;color:#7fc4ff}.app .new-app-info .month{font-size:18px;color:#4d4d4d}.app .new-app-info .logo{width:88px;height:88px;margin-right:20px}.app .new-app-info .logo img{width:100%;height:100%;border-radius:10px}.app .new-app-info .info{width:130px}.app .new-app-info .name{font-size:16px;color:#4d4d4d;margin-bottom:10px}.app .new-app-info .label-list{height:34px;overflow:hidden}.app .new-app-info .label{display:inline-block;margin-right:10px;margin-bottom:10px;font-size:12px;color:#fff;background-color:#7fc4ff;padding:5px 10px;border-radius:3px;max-width:44px;-webkit-box-sizing:border-box;box-sizing:border-box}.app .new-app-info .author{font-size:14px;color:#999}.app .new-app-time{background-color:#fafafa;border-top:10px solid #f5f5f5;text-align:center;position:relative;height:40px}.app .new-app-time .time{display:inline-block;font-size:20px;color:#999;line-height:40px}.app .new-app-time .time img{vertical-align:middle}.app .new-app-time .time:before{left:0}.app .new-app-time .time:after,.app .new-app-time .time:before{content:"";position:absolute;height:2px;width:100px;top:19px;background-color:#e7e6eb}.app .new-app-time .time:after{right:0}.school{background-color:#0d1c28}.school .header{color:#fff}.school .content{margin:0 -15px}.school .school-item{margin:15px;width:380px;height:424px;display:inline-block;background-color:#fff}.school .school-item img{width:100%;height:230px}.school .info{padding:30px}.school .info .title{font-size:18px;color:#4d4d4d;margin-bottom:20px}.school .info .desc{font-size:14px;color:#999;margin-bottom:20px;line-height:1.5}.school .info a{display:inline-block;font-size:14px;color:#999}.school .info a:hover{color:#428bca}.school .info a .wi{margin-left:5px}.user{background-color:#f5f5f5}.user .content{margin:0 -15px;position:relative}.user .content:hover .next,.user .content:hover .prev{display:block}.user .next,.user .prev{position:absolute;text-shadow:none;width:36px;height:100px;background:hsla(0,0%,90%,.6);top:50%;opacity:1;margin-top:-50px;z-index:20;text-align:center;color:#428bca;display:none;cursor:pointer}.user .next .wi,.user .prev .wi{font-size:20px;font-weight:700;line-height:100px}.user .prev{left:15px}.user .next{right:15px}.user .user-item{width:320px;height:300px;margin:0 15px 30px;padding:30px;overflow:hidden;display:inline-block;background-color:#fff;vertical-align:middle}.user .user-item .title{text-align:left;margin-bottom:30px;font-size:18px;color:#4d4d4d}.user .user-item img{width:50px;height:50px;border-radius:50%;margin-right:30px;vertical-align:middle}.user .user-item .desc{line-height:1.8;font-size:14px;color:#999}.link-friendly{margin:20px auto}