.container[data-v-7bc36bc8]{width:1222px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:40px 0}.container[data-v-7bc36bc8] .box{width:280px;height:320px;border:1px solid #ebeef5;position:relative}.container[data-v-7bc36bc8] .box .el-icon-view{position:absolute;bottom:10px;left:15px}.container[data-v-7bc36bc8] .box .el-icon-view:before{padding-right:5px}.container[data-v-7bc36bc8] .box:hover{cursor:pointer;background-color:#0097e6;color:#fff}.container[data-v-7bc36bc8] .box:hover .el-image img{transition:all .3s;transform:scale(1.1)}.container[data-v-7bc36bc8] .box:hover .title{text-decoration:underline}.container[data-v-7bc36bc8] .box .box-text{padding:10px;letter-spacing:1px}.container[data-v-7bc36bc8] .box .title{font-size:16px;text-align:center;margin:20px 0}.container[data-v-7bc36bc8] .box .description{letter-spacing:1px;line-height:20px;font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.container[data-v-7bc36bc8] .box .mask{position:absolute;right:0;bottom:0;width:35px;height:0;border-bottom:30px solid #1d577c;border-left:10px solid transparent}.container[data-v-7bc36bc8] .box .divtest{position:absolute;top:15px;height:2px;width:20px;background:#fff;line-height:40px}.container[data-v-7bc36bc8] .box .divtest:before{content:"";position:absolute;top:-4px;right:-1px;width:7px;height:7px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg)}