.width100{width: 100%;}
.width580{width: 580px;}

.content{background: #F7F8F9;min-width: 1180px;width: 100%;}
.content>.wrap{width: 1180px;margin: 0 auto;box-sizing: border-box;padding: 20px 0;}
.content>.wrap .top-cont .left-box{width: 560px;min-height:280px;box-sizing: border-box;border-radius: 8px;background: #ffffff;position: relative;overflow: hidden;}
/* 学院必读 */
.content>.wrap .top-cont .left-box .lunbo-box{height: 280px;position: absolute;top: 0;left: 0;}
.content>.wrap .top-cont .left-box .lunbo-box .lunbo-item{width: 560px;height: 280px;position: relative;border-radius: 5px;}
.content>.wrap .top-cont .left-box .lunbo-box .lunbo-item img{width: 560px;height: 280px;}
.content>.wrap .top-cont .left-box .lunbo-text{position: absolute;bottom: 0;left: 0;width: 100%;height: 60px;box-sizing: border-box;padding: 32px 10px 0 20px;background: linear-gradient(180deg, rgba(51, 51, 51, 0) 0%, #333333 100%);}
.content>.wrap .top-cont .left-box .lunbo-box p{z-index: 1; width: 460px;height: 21px;color: #fff;    white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;position: absolute;bottom: 26px;left: 20px;}
.content>.wrap .top-cont .left-box .lunbo-text {position: absolute;bottom: 0px;right: 10px;text-align: center;}
.content>.wrap .top-cont .left-box .lunbo-text li{width: 10px;height: 10px;background: #7F8B8E;border-radius: 3px;margin-right: 4px;float:none;display: inline-block;border-radius: 50%;margin-top: 6px;cursor: pointer;margin-left: 3px;}
.content>.wrap .top-cont .left-box .lunbo-text li.on{background-color: #ffffff;}
.content>.wrap .top-cont .left-box .student-read-header{margin: 5px 0;}
.content>.wrap .top-cont .left-box .student-read-header .item-bg{width: 117px;height: 29px; background: url(../images/title.png) no-repeat top center;}
.content>.wrap .top-cont .left-box .student-read-header .header-more{display:block;width: 48px;height: 24px;background: #F5F4F8;border-radius: 12px;text-align: center;line-height: 24px;color: #222222;font-size: 12px;}
.content>.wrap .top-cont .left-box .student-read-header .header-more:hover{color: #FFFFFF;background-color: #005398;cursor: pointer;}

.content>.wrap .top-cont .left-box .item-box{overflow: auto;height: 240px;}
.content>.wrap .top-cont .left-box .item-box:-webkit-scrollbar{width: 5px;}
.content>.wrap .top-cont .left-box .item{margin-bottom: 11px;box-sizing: border-box;cursor: pointer;}
.content>.wrap .top-cont .left-box .item:first-of-type{margin-top: 6px;}
.content>.wrap .top-cont .left-box .item:last-of-type{margin-bottom: 0px;}
.content>.wrap .top-cont .left-box .item .item-title{color: #222222;font-size: 14px;line-height: 19px;width: 411px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display: block;margin-left: 4px;}
.content>.wrap .top-cont .left-box .item .item-title:hover{color: #005398;}
.content>.wrap .top-cont .left-box .item .item-time{color: #999999;font-size: 12px;line-height: 14px;width: 90px;text-align: right;}


.content .complete{height: 273px;background: #FFFFFF;border-radius: 8px;margin-top: 20px;box-sizing: border-box;}
.content .complete.friendship{height: 135px;}
.content .complete.friendship .friendship-content{padding: 29px 0 0 19px;}
.content .complete.friendship .friendship-content a{font-size: 16px;color: #222222;display: inline-block;padding: 0 17px;position: relative;}
.content .complete.friendship .friendship-content a:before{content: '';position: absolute;top: 7px;right: 0px; width: 1px;height: 8px;background: #D3D3D3;border-radius: 1px;}
.content .complete.friendship .friendship-content a:first-of-type{padding-left: 0;}
.content .complete.friendship .friendship-content a:last-of-type{padding-right: 0;position: static;}

.content .complete .complete-header{padding: 13px 19px;border-bottom: 1px solid #EBEBEB;font-size: 16px;color: #222222;position: relative;}
.content .complete .complete-header:before{content:'';position: absolute;left: 0;top: 19px;width: 3px;height: 16px;background: linear-gradient(315deg, #015293 0%, #397DB5 100%);border-radius: 0 100px 100px 0;}

.content .complete .complete-header .entrance-text{line-height: 24px;}
.content .complete .complete-content .entrance-btn{display: none;position: absolute;top:-20px;top: -32px;right: 22px;}
.content .complete .complete-content .entrance-btn a{display: inline-block;width: 40px;height: 24px;background: #F5F4F8;border-radius: 12px;position: relative;}
.content .complete .complete-content .entrance-btn a:hover{background: #005398;}
.content .complete .complete-content .entrance-btn a:after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto; width: 5px;height: 8px;position: absolute;}
.content .complete .complete-content .entrance-btn a.entrance-left:after{background: url(../images/icon_light.png) no-repeat center center;}
.content .complete .complete-content .entrance-btn a.entrance-left:hover:after{background: url(../images/icon_light_pre.png) no-repeat center center;}
.content .complete .complete-content .entrance-btn a.entrance-right:after{background: url(../images/icon_right.png) no-repeat center center;}
.content .complete .complete-content .entrance-btn a.entrance-right:hover:after{background: url(../images/icon_right_pre.png) no-repeat center center;}
.content .complete .complete-header .policy-btn{width: 48px;height: 24px;background: #F5F4F8;border-radius: 15px;font-size: 12px;text-align: center;line-height: 24px;}
.content .complete .complete-header .policy-btn:hover{background: #005398;}
.content .complete .complete-header .policy-btn:hover a{color: #ffffff;}
.content .complete .complete-header .policy-content{color: #ffffff;}


.content .policy-working .complete{height: 351px;}
.content .complete .policy-box{overflow: auto;padding: 18px 20px 0 18px;height: 280px;}
.content .complete .policy-box .first{margin-bottom: 15px;}
.content .complete .policy-box .first .first-left{width: 100px;height: 134px;}
.content .complete .policy-box .first .first-right{width: 422px;height: 134px;}
.content .complete .policy-box .first .first-right .right-title{font-size: 18px;font-weight: bold;color: #222222;line-height: 24px;margin: 14px 0 12px 0;}
.content .complete .policy-box .first .first-right .right-content{font-size: 14px;color: #878787;line-height: 20px;margin-bottom: 1px;}
.content .complete .policy-box .first .first-right .right-time{font-size: 14px;color: #878787;}

/* .content .complete .policy-box{min-height: 250px;overflow: auto;} */
.content .complete .policy-box:-webkit-scrollbar{width: 5px;}
.content .complete .policy-content .item{margin-bottom: 11px;box-sizing: border-box;cursor: pointer;}
.content .complete .policy-content .item:first-of-type{margin-top: 6px;}
.content .complete .policy-content .item:last-of-type{margin-bottom: 0px;}
.content .complete .policy-content .item .item-title{color: #222222;font-size: 14px;line-height: 19px;width: 411px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display: block;}
.content .complete .policy-content .item .item-title:hover{color: #005398;}
.content .complete .policy-content .item .item-time{color: #999999;font-size: 14px;line-height: 14px;width: 90px;text-align: right;}

.content .complete .complete-content{padding: 14px 20px 20px;position: relative;}
.content .complete .complete-content ul li{width: 212px;height: 178px;background: #F5F4F8;border-radius: 6px;margin-right: 20px;position: relative;transition: transform .5s;transform: translateY(0px);}
.content .complete .complete-content ul li:hover{transform: translateY(-6px);background: #ffffff;box-shadow: 0px 6px 6px rgba(34 ,34 ,34 , 0.05);}
.content .complete .complete-content ul li:after{content: '';position: absolute;right: 0;bottom: 0px; width: 92px;height: 92px;}
.content .complete .complete-content ul li:nth-of-type(5n+1):after{background: url(../images/ico1-1.png) no-repeat center center;}
.content .complete .complete-content ul li:nth-of-type(5n+2):after{background: url(../images/ico2-1.png) no-repeat center center;}
.content .complete .complete-content ul li:nth-of-type(5n+3):after{background: url(../images/ico3-1.png) no-repeat center center;}
.content .complete .complete-content ul li:nth-of-type(5n+4):after{background: url(../images/ico4-1.png) no-repeat center center;}
.content .complete .complete-content ul li:nth-of-type(5n):after{background: url(../images/ico5-1.png) no-repeat center center;}
.content .complete .complete-content ul li:before{content: '';position: absolute;left: 0;top: 0px; width: 212px;height: 6px;background: linear-gradient(360deg, #015293 0%, #397DB5 100%);border-radius: 6px 6px 0 0;}
.content .complete .complete-content ul li:last-of-type{margin-right: 0px;}
.content .complete .complete-content ul li .com-item{margin: 26px 0 0 9px;}
.content .complete .complete-content ul li .com-item p{margin: 6px 0 0 10px;color: #222222;font-weight: bold;}
.content .complete .complete-content ul li .item-text{margin: 17px 6px 0 10px;}
.content .complete .complete-content ul li .item-text a{margin-bottom: 5px;color: #545454;cursor: pointer;display: block;}
.content .complete .complete-content ul li .item-text a:hover{color: #005398;}

.content-header>.wrap{position: relative;}
.header-list{box-sizing: border-box; overflow: hidden;}
.header-list .list-item{box-sizing: border-box;padding: 15px 0;margin-right: 30px;font-weight: 400;cursor: pointer;}
.header-search{margin-top: 10px;cursor: pointer;}
.input-box .search-icon{position: absolute;width: 32px;height: 30px;right: 12px;top: 9px;/* border-radius: 25px; */background: url(../images/search.png) center center no-repeat;z-index: 1;}
.header-search input{outline: none;border: 0;width: 45px;height: 30px;border-radius: 15px;padding-left: 15px;transition: width .2s;position: relative; background: #1962A1;color: #fff;line-height: 30px;}
.header-search input.expend{width: 300px;}
.hot:before{left: 0;top: 2px;}

.content .top-cont{padding: 20px;box-sizing: border-box;background-color: #fff;}
.complete-content .tempWrap .door-ul{padding: 6px 0 0 !important;}