body {background-color: #eeedf2;}
.page-wrapper {width: 1200px;margin: auto;}
.page-wrapper .home {background-color: #0182bb;}
.page-wrapper .page-content-wrapper {display: flex;justify-content: space-between;width: 100%;margin-top: 10px;}
.page-wrapper .page-content-wrapper > .left-wrapper {width: 220px;}

/* right wrapper */
.page-wrapper .page-content-wrapper > .right-wrapper {width: 960px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper {width: 100%;min-height: 100%;padding: 20px;border: 1px solid #D8D7DC;background: #fff;margin-bottom: auto;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .no-record {padding: 30% 0;text-align: center;font-size: 18px;color: #8a8a8a;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .ellipsis {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

/* title */
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .title {display: flex;align-items: center;justify-content: space-between;font-size: 16px;color: #037DBC;font-weight: bold;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .title i {font-weight: normal;font-size: 14px;color: #999;margin-left: 5px;cursor: pointer;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .title i.active {color: #0E9AEF;}

/* grid list */
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .grid-list {margin: 15px 10px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .grid-list .item {width: 280px;height: 220px;margin-bottom: 25px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .grid-list .item a > div {width: 280px;height: 158px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .grid-list .item .name {color: #363636;font-size: 15px;margin: 6px auto;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .grid-list .item .time-count {display: flex;align-items: center;color: #999;font-size: 12px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .grid-list .item .time-count i.icon {margin: 0 2px 0 20px;opacity: 0.6;}

/* item list */
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .item-list {margin: 15px 10px;overflow: hidden;color: #333;line-height: 28px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .item-list .item {position: relative;overflow: hidden;border-bottom: 1px solid #D8D7DC;margin-bottom: 15px;padding-bottom: 15px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .item-list .item > a {display: block;float: left;width: 224px;height: 126px;margin-right: 20px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .item-list .item > a > div {width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .item-list .item h3 {font-size: 16px;margin: 0;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .item-list .item .time-count {display: flex;align-items: center;font-size: 12px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .item-list .item .time-count i.icon {margin: 0 2px 0 20px;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .item-list .item .i-describe {color: #999;font-size: 14px;margin: 0;position: relative;text-align: justify;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .item-list .item .i-describe.ellipsis {-webkit-line-clamp: 3;}
.page-wrapper .page-content-wrapper > .right-wrapper > .content-wrapper .item-list .item .i-detail {color: #333;font-size: 12px;position: absolute;right: -8px;background: white;padding: 4px;bottom: 12px;}

/* icon */
.icon {width: 14px;height: 14px;line-height: 14px;display: inline-block;cursor: pointer;background-repeat: no-repeat;background-position: center;}
.icon.icon-eye {background-image: url('../../assets/icon_liulan.png')}