.page-templates{padding-top:100px}.page-templates .template-search{width:600px;height:50px;background:#fff;-webkit-box-shadow:0 0 10px 0 rgba(143,156,179,.2);box-shadow:0 0 10px 0 rgba(143,156,179,.2);border-radius:2px}.page-templates .template-search .el-input__inner{height:50px;border:0}.page-templates .template-search .el-input-group__append{border:0;background:#fff}.page-templates .template-search .el-input-group__append .el-button .el-icon-search{color:#00c657;font-weight:700;font-size:21px}.page-templates .template-type-list{width:600px;margin-top:40px;font-size:16px;font-weight:500;margin-bottom:20px;color:#3b4664}.page-templates .template-type-list .bg-purple-left{text-align:left}.page-templates .template-type-list .bg-purple-center{text-align:center;cursor:pointer;font-weight:500}.page-templates .template-type-list .active,.page-templates .template-type-list .bg-purple:hover{color:#00c657}.page-templates .template-type-list .active .bg-purple-line{border-bottom:2px solid #00c657;padding-top:6px;width:20px;margin:0 auto}.page-templates .template-type-list .bg-purple-right{text-align:right}.page-templates .template-type-list .el-row .el-col-5{width:20%}.page-templates .template-list-data{height:680px}.page-templates .template-list-data .list{height:680px;overflow:auto}.page-templates .template-list-data .loading{padding-top:15px;text-align:center}.page-templates .page-data{margin-top:15px;padding-top:60px;background:#f8f8f8}.page-templates .page-template .page-template-date{padding-bottom:20px;cursor:pointer}.page-templates .page-template .page-template-item{width:260px;border-radius:6px}.page-templates .page-template .page-template-item .page-template-item-img .item-image{width:260px;height:428px;border-radius:6px}.page-templates .page-template .page-template-item .page-template-item-img .page-template-item-transparent{text-align:center;width:260px;height:428px;border-radius:6px;margin-top:-433px;position:absolute;background:rgba(0,0,0,.5);opacity:0;transition:opacity 1.2s;-moz-transition:opacity 1.2s;-webkit-transition:opacity 1.2s;-o-transition:opacity 1.2s}.page-templates .page-template .page-template-item .page-template-item-img .page-template-item-transparent .item-transparent-image{width:160px;height:160px;margin-top:100px;border-radius:10px;padding:5px}.page-templates .page-template .page-template-item .page-template-item-img .page-template-item-transparent .item-transparent-btn{margin-top:30px}.page-templates .page-template .page-template-item .page-template-item-img .page-template-item-transparent .item-transparent-btn .btn-right{width:160px;font-size:14px;background-color:#00c657;border-color:#00c657}.page-templates .page-template .page-template-item .page-template-item-title{padding:20px 0}.page-templates .page-template .page-template-item .page-template-item-title .page-template-item-name{text-align:center;font-size:18px;font-weight:700;color:#3b4664}.page-templates .page-template .page-template-item .page-template-item-title .page-template-item-name:hover{color:#00c657}.page-templates .page-template .page-template-item .page-template-item-title .page-template-item-content{height:45px;margin-top:20px}.page-templates .page-template .page-template-item .page-template-item-title .page-template-item-content .page-template-content-left{float:left;margin-left:20px}.page-templates .page-template .page-template-item .page-template-item-title .page-template-item-content .page-template-content-left .left-div{display:inline-block;font-size:14px;font-weight:500;color:#ffae00}.page-templates .page-template .page-template-item .page-template-item-title .page-template-item-content .page-template-content-left .left-div span{margin-top:-20px;position:absolute;margin-left:10px}.page-templates .page-template .page-template-item .page-template-item-title .page-template-item-content .page-template-content-left img{width:20px;height:24px}.page-templates .page-template .page-template-item .page-template-item-title .page-template-item-content .page-template-content-right{float:right;margin-right:20px}.page-templates .page-template .page-template-item .page-template-item-title .page-template-item-content .page-template-content-right .btn-right{background-color:#00c657;border-color:#00c657}.page-templates .page-template .page-template-item .page-template-item-title .page-template-item-content .page-template-content-right .btn-right:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.page-templates .page-template .page-template-item:hover .page-template-item-transparent{display:block;opacity:1}.page-templates .page-vote-case .page-vote-case-date{width:580px;height:200px;background:#fff;border-radius:6px;margin-bottom:30px;cursor:pointer;-webkit-box-shadow:0 0 15px 0 rgba(0,43,112,.1);box-shadow:0 0 15px 0 rgba(0,43,112,.1)}.page-templates .page-vote-case .page-vote-case-date .page-case-item{padding:20px}.page-templates .page-vote-case .page-vote-case-date .page-case-item .page-case-item-left{float:left;width:260px;height:160px;overflow:hidden;border-radius:6px}.page-templates .page-vote-case .page-vote-case-date .page-case-item .page-case-item-left .case-left-img{-webkit-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s;width:100%;height:100%}.page-templates .page-vote-case .page-vote-case-date .page-case-item .page-case-item-left .case-left-img:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.page-templates .page-vote-case .page-vote-case-date .page-case-item .page-case-item-right{float:right;text-align:left}.page-templates .page-vote-case .page-vote-case-date .page-case-item .page-case-item-right .case-right-title{width:260px;height:48px;font-size:18px;font-weight:700;color:#3b4664;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.page-templates .page-vote-case .page-vote-case-date .page-case-item .page-case-item-right .case-right-title:hover{color:#00c657}.page-templates .page-vote-case .page-vote-case-date .page-case-item .page-case-item-right .case-right-subtitle{margin-top:20px;font-size:14px;font-weight:500;color:#a8abb4}.page-templates .page-vote-case .page-vote-case-date .page-case-item .page-case-item-right .case-right-btn{text-align:right;margin-right:20px;margin-top:38px}.page-templates .page-vote-case .page-vote-case-date .page-case-item .page-case-item-right .case-right-btn .case-right-button{background:#fff;border:1px solid #00c657;border-radius:4px;font-size:14px;font-weight:500;color:#00c657}.page-templates .page-vote-case .page-vote-case-date .page-case-item .page-case-item-right .case-right-btn .case-right-button:hover{color:#fff;background:#00c657}.page-templates .page-vote-case .page-vote-case-date-1{margin-right:15px}.page-templates .page-vote-case .page-vote-case-date-2{margin-left:15px}.page-templates .my_pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page-templates .my_pagination .pagination{padding:15px 0;text-align:center}.page-templates .my_pagination .pagination .btn-next,.page-templates .my_pagination .pagination .btn-prev,.page-templates .my_pagination .pagination .btn-quicknext,.page-templates .my_pagination .pagination .el-pager .number,.page-templates .my_pagination .pagination button:disabled{background:0 0}.page-templates .my_pagination .pagination .btn-next.active,.page-templates .my_pagination .pagination .btn-prev.active,.page-templates .my_pagination .pagination .btn-quicknext.active,.page-templates .my_pagination .pagination .el-pager .number.active,.page-templates .my_pagination .pagination button:disabled.active{color:#2378ff}.page-templates .my_pagination .el-button{background:#fff}.page-templates .my_pagination .el-button:focus,.page-templates .my_pagination .el-button:hover{border-color:#2378ff;color:#2378ff}.page-templates .loading{text-align:center;height:36px;line-height:24px;font-size:16px;cursor:pointer}.page-templates .loading:hover{color:#00c657}.page-templates .page-template-menu{position:absolute;top:300px;left:60px;width:160px}.page-templates .page-template-menu .el-submenu .el-menu-item{min-width:160px}.page-templates .page-template-menu .template-menu-1 .menu-img-1{width:22px;height:22px}.page-templates .page-template-menu .template-menu-1 .menu-title-1{padding-left:10px;height:17px;font-size:18px;font-weight:500;color:#00c657}