body{margin:0;padding:0;width:100%}li,ul{list-style:none}.content{width:100%;background:#ebebeb;margin-top:70px}.content .nav{width:100%;height:56px;background:#313333;margin-bottom:39px;box-sizing:border-box;line-height:56px}.content .nav .nav-content{width:1200px;margin:0 auto;height:100%}.content .nav .nav-content h3{display:inline-block;margin:0;padding:0;font-size:16px;font-family:MicrosoftYaHei-Bold;font-weight:700;color:silver}.content .nav .nav-content .fr{float:right;height:56px;line-height:56px}.content .nav .nav-content .fr>div,.content .nav .nav-content .fr>i{display:inline-block;width:200px;height:28px;background:grey;border-radius:4px;vertical-align:middle;margin-right:10px}.content .nav .nav-content .fr>i.reset{width:24px;height:24px;border-radius:50%;background:url(https://pub-glb.cn-e1.acs-cdn.gaiamount.com/web/img/command_ic_research_n_24.png)}.content .nav .nav-content .fr>i.reset:hover{cursor:pointer}.content .nav .nav-content .fr>.search{width:273px;height:28px;background:#494a4a;border-radius:4px;position:relative;line-height:28px;box-sizing:border-box}.content .nav .nav-content .fr>.search .search-icon{width:15px;height:15px;display:inline-block;position:absolute;left:7px;top:50%;margin-top:-7px;background:url(https://pub-glb.cn-e1.acs-cdn.gaiamount.com/web/img/login_img_search.png) no-repeat}.content .nav .nav-content .fr>.search .search-icon:hover{cursor:pointer}.content .nav .nav-content .fr>.search input{width:100%;height:100%;vertical-align:top;margin:0;padding:0 0 0 45px;box-sizing:border-box;background:#494a4a;border-radius:4px;outline:none;border:none;font-size:14px;font-family:MicrosoftYaHei;font-weight:400;color:#c7c7c7}.content .nav .nav-content .fr>.type,.content .nav .nav-content .fr>.type .type-select{width:200px;height:28px;background:grey;border-radius:4px;position:relative}.content .nav .nav-content .fr>.type .type-select{display:inline-block;vertical-align:top;line-height:28px;padding-left:32px;box-sizing:border-box;font-size:14px;font-family:MicrosoftYaHei;font-weight:400;color:#c7c7c7}.content .nav .nav-content .fr>.type .type-select i.triangle{border-top:6px solid #b3b3b3}.content .nav .nav-content .fr>.type .type-select i.triangle,.content .nav .nav-content .fr>.type .type-select i.triangle-reverse{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;position:absolute;top:50%;right:20px;margin-top:-3px}.content .nav .nav-content .fr>.type .type-select i.triangle-reverse{border-bottom:6px solid #b3b3b3}.content .nav .nav-content .fr>.type .types{width:200px;background:grey;border-radius:4px;margin:10px 0 0;padding:6px;position:absolute;top:32px;left:0;display:none;box-sizing:border-box;z-index:9999}.content .nav .nav-content .fr>.type .types li{width:188px;height:24px;font-size:14px;font-family:MicrosoftYaHei;font-weight:400;color:#e6e6e6;line-height:24px;box-sizing:border-box;padding-left:30px}.content .nav .nav-content .fr>.type .types li:hover{background:#a9a9a9;color:#fff}.content .nav .nav-content .fr>.type:hover{cursor:pointer}.content .nav .nav-content .fr>.sort{width:150px;height:28px;background:grey;border-radius:4px;position:relative}.content .nav .nav-content .fr>.sort .sort-select{display:inline-block;width:150px;height:28px;background:#494a4a;border-radius:4px;line-height:28px;vertical-align:top;padding-left:30px;box-sizing:border-box;font-size:14px;font-family:MicrosoftYaHei;font-weight:400;color:#c7c7c7;overflow:hidden}.content .nav .nav-content .fr>.sort .sort-select i.triangle,.content .nav .nav-content .fr>.sort .sort-select i.triangle-reverse{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #696a6a;position:absolute;top:50%;right:20px;margin-top:-3px}.content .nav .nav-content .fr>.sort .sorts{width:150px;background:grey;border-radius:4px;position:absolute;top:32px;left:0;padding:6px;margin:10px 0 0;display:none;overflow:hidden;z-index:9999}.content .nav .nav-content .fr>.sort .sorts li{width:138px;height:24px;line-height:24px;box-sizing:border-box;padding-left:30px;font-size:14px;font-family:MicrosoftYaHei;font-weight:400;color:#e6e6e6}.content .nav .nav-content .fr>.sort .sorts li:hover{background:#a9a9a9;color:#fff}.content .nav .nav-content .fr>.sort:hover{cursor:pointer}.content .nav .nav-content .fr .divide{width:2px;height:20px;background:#494a4a;border-radius:1px}.content .nav .nav-content .fr .create-group{width:150px;height:28px;background:grey;border-radius:4px;margin-right:0;font-size:14px;font-family:MicrosoftYaHei;font-weight:400;color:#fff;text-align:center;line-height:28px}.content .nav .nav-content .fr .create-group:hover{cursor:pointer}.content .group-list{width:1200px;margin:0 auto 20px}.content .group-list .item{width:1200px;height:374px;margin-bottom:20px;position:relative;overflow:hidden}.content .group-list .item .zhiding{width:32px;height:55px;background:#ff5773;right:66px;margin-top:0;position:absolute;z-index:3}.content .group-list .item .zhiding .zhidingcontent{box-sizing:border-box;width:16px;margin:auto;padding:10px 0 0;font-size:14px;font-family:Microsoft YaHei;font-weight:700;color:#fff;opacity:.9;display:flex;flex-direction:column;align-items:center}.content .group-list .item .zhiding:after,.content .group-list .item .zhiding:before{content:"";display:block;position:absolute;border:12px solid transparent;border-bottom-color:#ff5773}.content .group-list .item .zhiding:after{bottom:-10px;right:-12px;transform:rotate(45deg)}.content .group-list .item .zhiding:before{bottom:-10px;left:-12px;transform:rotate(-45deg)}.content .group-list .item .img-and-desc{width:1200px;height:300px;box-sizing:border-box;padding-top:183px;padding-left:30px;padding-bottom:30px;background:#aaa;background-size:1200px 300px!important}.content .group-list .item .img-and-desc:hover{cursor:pointer}.content .group-list .item .img-and-desc .title{font-size:26px;font-family:MicrosoftYaHei-Bold;font-weight:700;color:#fff;position:relative;z-index:3}.content .group-list .item .img-and-desc .divide{width:60px;height:1px;background:#e2e2e2;opacity:.4;margin-top:8px;margin-bottom:19px;position:relative;z-index:3}.content .group-list .item .img-and-desc .desc{width:796px;font-size:14px;font-family:MicrosoftYaHei;font-weight:400;color:#fff;line-height:20px;opacity:.7;position:relative;z-index:3;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.content .group-list .item .img-and-desc .background{position:absolute;top:0;left:0;width:1200px;height:300px;overflow:hidden;background:url(https://pub-glb-st.cn-e1.acs-cdn.gaiamount.com/image/cover/u10/20190804-192023.png);background-size:1200px 300px;z-index:2}.content .group-list .item .information{width:1200px;height:74px;background:#fff;border-radius:0 0 8px 8px;line-height:74px;margin:0;padding:0 30px;box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.content .group-list .item .information>div{display:inline-block;box-sizing:border-box;vertical-align:middle}.content .group-list .item .information .member-and-creation{font-size:12px;font-family:MicrosoftYaHei;color:#b2b2b3}.content .group-list .item .information .member-and-creation>div{display:inline-block}.content .group-list .item .information .member-and-creation .count{font-size:14px;font-family:MicrosoftYaHei-Bold;font-weight:700;color:#292b33;margin-right:3px}.content .group-list .item .information .member-and-creation .divide{height:14px;width:1px;background:#b2b2b3;margin-left:5px;margin-right:5px}.content .group-list .item .information .name-and-time{position:absolute;right:30px;font-size:14px;font-family:MicrosoftYaHei;font-weight:400;color:#b2b2b3}.content .group-list .item .information .name-and-time>div{display:inline-block}.content .group-list .item .information .name-and-time .name{font-size:14px;font-family:MicrosoftYaHei-Bold;font-weight:700;color:#2a3136}.content .group-list .item .information .name-and-time .name span.title{color:#000;font-weight:700}.content .group-list .item .information .name-and-time .divide{width:1px;height:11px;background:#b2b2b3;margin-left:5px;margin-right:5px}.content .group-list .item .information .name-and-time .time{font-size:12px}.content .hint{width:1200px;height:60px;background:#fff;border-radius:8px;margin:0 auto 70px;font-size:14px;font-family:MicrosoftYaHei;font-weight:400;color:#b2b2b3;line-height:60px;padding-left:30px;box-sizing:border-box}.content .pagination{width:1200px;height:40px;margin:10px auto}.content .pagination>.paginationOl{width:100%;height:100%;text-align:center}.content .pagination>.paginationOl li.paging-btn{width:50px;background:#616161;color:#fff}.content .pagination>.paginationOl li.paging-active{background:#ff5b67;border:1px solid #ff5b67;color:#fff}.content .pagination>.paginationOl li.paging-more{width:3px;height:3px;position:relative;top:14px}.content .pagination>.paginationOl li.page-go{width:32px;height:32px;border-radius:50%;background-color:#333;font-size:14px;color:#fff;line-height:30px;text-align:center;cursor:pointer;box-sizing:border-box}.content .pagination>.paginationOl .spec-li{position:relative;width:6px;height:6px;cursor:default}.content .pagination>.paginationOl .spec-li:hover{background:#ebebeb;color:#333}.content .pagination>.paginationOl .page-jump{height:30px;border-radius:0;border:none;width:auto;margin-left:10px}.content .pagination>.paginationOl .page-jump span{color:#717171;font-size:14px}.content .pagination>.paginationOl .page-jump input{margin-left:5px;padding:5px;width:50px;border-radius:4px;border:1px solid #717171;display:inline-block;box-sizing:border-box;outline:none}.content .pagination>.paginationOl input.paging-active{background:#ff5b67;border:1px solid #ff5b67;color:#fff}.content .pagination>.paginationOl input.to-page{width:15px;height:21px;padding-top:1px;border-radius:100px;border:none;outline:none;background:#ebebeb;color:#333}.content .pagination>.paginationOl .spec-li span{position:absolute;top:-3px;right:8px;cursor:text}.content .pagination>.paginationOl>li{display:inline-block;width:28px}.content .pagination>.paginationOl>li,.content .pagination>.paginationOl>li.paging-btn.prev{margin:0 4px;height:28px;line-height:26px;text-align:center;font-size:14px;border:1px solid #616161;border-radius:100px;cursor:pointer}.content .pagination>.paginationOl>li.paging-btn.prev{width:50px;background:#616161;color:#fff}.content .pagination>.paginationOl>li.paging-active{background:#ff5b67;border:1px solid #ff5b67;color:#fff}.content .pagination>.paginationOl>li.spec-li{position:relative;width:6px;height:6px;cursor:default;border-radius:100%}.content .pagination>.paginationOl>li.to-page-li{width:50px;height:29px;border:none}.content .pagination>.paginationOl>li.to-page-li>.to-page{margin-left:5px;padding:5px;width:50px;border-radius:4px;border:1px solid #717171;display:inline-block;box-sizing:border-box;outline:none}.content .pagination>.paginationOl>li.paging-btn.next{width:50px;background:#616161;color:#fff;margin:0 4px;height:28px;line-height:26px;text-align:center;font-size:14px;border:1px solid #616161;border-radius:100px;cursor:pointer}