.media-box .el-pager li.active,.media-box ul.el-pager .number.active{color:#fff!important}.media-box .color{color:#3f66f6}.media-box>div{background:#fff;padding:10px}.media-box>div .media-title{height:40px}.media-box>div .media-title p{margin-top:10px;float:left;font-size:16px;color:#9698a9;height:20px;line-height:20px}.media-box>div .media-title p span{border-bottom:1px solid #3f66f6}.media-box>div .media-title i{float:right;height:40px;line-height:40px;font-size:20px}.media-box>div .media-one-tab{overflow:hidden;margin-top:10px}.media-box>div .media-one-tab>div{border:1px solid #3f66f6;background:rgba(63,102,246,.26);float:left;width:54px;height:54px;border-radius:50%;margin-right:10px}.media-box>div .media-one-tab>div>img{width:44px;height:44px;border-radius:50%;display:block;margin:4px auto;-o-object-fit:cover;object-fit:cover}.media-box>div .media-one-tab>p{height:26px;line-height:26px;color:#3f66f6;float:left;font-size:16px;margin-right:20px;border-radius:6px;margin-top:14px;padding-right:20px;border-right:1px solid #eee;font-weight:700}.media-box>div .media-one-tab>ul{height:54px;float:left}.media-box>div .media-one-tab>ul li{height:100%;float:left;margin-right:30px}.media-box>div .media-one-tab>ul li.active p{color:#3f66f6;font-weight:700}.media-box>div .media-one-tab>ul li.active div{background:#3f66f6}.media-box>div .media-one-tab>ul li p{height:25px;font-size:14px;color:#9698a9;line-height:25px;margin-top:13px}.media-box>div .media-one-tab>ul li div{width:30px;margin:0 auto;border-radius:2px;background:#fff;height:3px}.media-box>div .media-one-list{margin-top:10px}.media-box>div .media-one-list li{height:42px;margin-bottom:10px;width:100%;padding-right:100px}.media-box>div .media-one-list li:hover{background:rgba(63,102,246,.1)}.media-box>div .media-one-list li.active>p:first-child{color:#3f66f6;font-size:18px;font-weight:700;font-style:oblique}.media-box>div .media-one-list li>p:first-child{height:40px;float:left;line-height:40px;width:20px}.media-box>div .media-one-list li>p:first-child~p{font-size:14px;color:#787878;float:left;height:42px;line-height:42px;padding:0 10px}.media-box>div .media-one-list li>p:first-child~p:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 250px)}.media-box>div .media-one-list li div{float:right;margin-top:13px}.media-box>div .media-one-list li div p{width:100px;float:left}.media-box>div .media-one-list li div img{width:16px;height:16px;float:left;display:block;margin-right:10px}.media-box>div .media-two-box{margin-top:10px}.media-box>div .media-two-box>div:first-child{height:40px}.media-box>div .media-two-box>div:first-child>P:first-child{font-size:16px;font-weight:700;float:left;line-height:40px;width:220px}.media-box>div .media-two-box>div:first-child>div:nth-child(2){float:left;width:calc(100% - 300px);height:2px;background:#3f66f6;margin-top:19px}.media-box>div .media-two-box>div:first-child>div:last-child{float:right}.media-box>div .media-two-box>div:first-child>div:last-child img{width:12px;height:12px;display:block;float:left;margin-top:14px;margin-right:5px}.media-box>div .media-two-box>div:first-child>div:last-child p{float:left;height:20px;border-bottom:1px solid #3f66f6;margin-top:10px}.media-box>div .media-two-box .media-two-list-box{background:#ebeffe;border-radius:8px;padding:10px 20px}.media-box>div .media-two-box .media-two-list-box .media-two-filter{overflow:hidden}.media-box>div .media-two-box .media-two-list-box .media-two-filter>div:first-child,.media-box>div .media-two-box .media-two-list-box .media-two-filter>div:nth-child(2){float:left;height:50px;width:140px;padding:0 10px;background:#3f66f6;border-radius:6px;margin-right:20px}.media-box>div .media-two-box .media-two-list-box .media-two-filter>div:first-child img,.media-box>div .media-two-box .media-two-list-box .media-two-filter>div:nth-child(2) img{width:23px;height:22px;vertical-align:middle}.media-box>div .media-two-box .media-two-list-box .media-two-filter>div:first-child .el-select,.media-box>div .media-two-box .media-two-list-box .media-two-filter>div:nth-child(2) .el-select{width:90px;margin-top:8px}.media-box>div .media-two-box .media-two-list-box .media-two-filter>div:first-child .el-select input,.media-box>div .media-two-box .media-two-list-box .media-two-filter>div:nth-child(2) .el-select input{background:transparent;border:0;color:#fff}.media-box>div .media-two-box .media-two-list-box .media-two-filter>div:first-child .el-select input::-webkit-input-placeholder,.media-box>div .media-two-box .media-two-list-box .media-two-filter>div:nth-child(2) .el-select input::-webkit-input-placeholder{color:#fff}.media-box>div .media-two-box .media-two-list-box .media-two-filter>div:first-child .el-select .el-select__caret,.media-box>div .media-two-box .media-two-list-box .media-two-filter>div:nth-child(2) .el-select .el-select__caret{color:#fff}.media-box>div .media-two-box .media-two-list-box .media-two-filter ul{width:calc(100% - 320px);border-top:2px solid #3f66f6;float:left;margin-top:24px}.media-box>div .media-two-box .media-two-list-box .media-two-filter ul li{float:left;position:relative;text-align:center;width:3.22581%}.media-box>div .media-two-box .media-two-list-box .media-two-filter ul li p:first-child:before{content:"";width:1px;height:5px;background:#3f66f6;position:absolute;top:-7px;left:calc(50% - 1px)}.media-box>div .media-two-box .media-two-list-box .media-two-filter ul li p:first-child.active:before{left:calc(50% - 2px);width:6px;height:12px;top:-14px}.media-box>div .media-two-box .media-two-list-box .media-two-filter ul li p:last-child{font-size:12px;color:#787878;width:100%;text-align:center}.media-box>div .media-two-box .media-two-list-box .media-two-filter ul li p:last-child.active{color:#3f66f6;font-size:14px}.media-box>div .media-two-box .media-two-list-box>div:nth-child(2){margin-top:10px;background:#fff;border-radius:8px;padding:10px 30px;min-height:60px}.media-box>div .media-two-box .media-two-list-box>div:nth-child(2) .media-two-list li{overflow:hidden;margin-bottom:10px;width:100%;padding-right:52px}.media-box>div .media-two-box .media-two-list-box>div:nth-child(2) .media-two-list li:hover{background:rgba(63,102,246,.1)}.media-box>div .media-two-box .media-two-list-box>div:nth-child(2) .media-two-list li>p:first-child{height:40px;float:left;line-height:40px;width:150px}.media-box>div .media-two-box .media-two-list-box>div:nth-child(2) .media-two-list li>p:first-child~p{font-size:14px;color:#787878;float:left;height:42px;line-height:42px;padding:0 10px;width:100px}.media-box>div .media-two-box .media-two-list-box>div:nth-child(2) .media-two-list li>p:first-child~p:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 360px);width:auto}.media-box>div .media-two-box .media-two-list-box>div:nth-child(2) .media-two-list li div{float:right;margin-top:13px}.media-box>div .media-two-box .media-two-list-box>div:nth-child(2) .media-two-list li div p{width:100px;float:left}.media-box>div .media-two-box .media-two-list-box>div:nth-child(2) .media-two-list li div img{width:16px;height:16px;float:left;display:block;margin-right:10px}.media-box>div .time-horizontal{list-style-type:none;border-top:1px solid #707070;max-width:800px;padding:0;margin:0}.media-box>div .time-horizontal li{float:left;position:relative;text-align:center;width:25%;padding-top:10px}.media-box>div .time-horizontal li b:before{content:"";position:absolute;top:-10px;left:47%;width:12px;height:12px;border:2px solid #4c4c4c;border-radius:8px;background:#4c4c4c}.media-box .el-pagination{text-align:right;margin-top:10px}