uniProject/common/styles/global/pages.scss

/***** 这里存放通用页面样式 *****/
.custom-iframe-class{z-index: 3;}
// 通知书
.mobile-tzs-page{
	background-color: #f8f8f8;height: 100vh;
	.serch-box{border-top: 1rpx solid #ebedf0;background-color: #fff;padding-bottom: 2rpx;}
	.serch-input{
		width: 92%;height: 80rpx;background-color: #f7f8fa;margin: 32rpx auto;padding: 12px 24rpx;
		border-radius: 40rpx;display: flex;align-items: center;box-sizing: border-box;
	}
	.serch-input::before{content: '';width: 30rpx;height: 30rpx;margin-right: 16rpx;flex-shrink: 0;
	background-image: url("@/static/images/common/search-icon.svg");@include ezy-no-repeat-cover();}
	.tzs-btn{width: 420rpx;height: 90rpx;line-height: 90rpx;text-align: center;color: #fff;
	font-size: 28rpx;background: rgb(20, 114, 255);border-radius: 90rpx;margin: 48rpx auto;}
	.tzs-image-box{width: calc(100% - 112rpx);height: 920rpx;margin: 56rpx;}
}
// 首页
.dljt-index-page{
	width: 100%;height: auto;position: relative;padding:120rpx 0 0;
	.index-swiper-box{
		width: 100%;margin-bottom: 52rpx;
		.swiper{height: 360rpx;}
	}
	uni-image{width: 100%;height: 360rpx;}
	.index-content-box{width: 92%;margin: 0 auto 50rpx;}
	.index-background-box{background-color: #f5f5f5;padding:36rpx 0 10rpx;}
	.index-more-btn{
		text-align: right;font-size: 28rpx;cursor: pointer;color: #333;
		icon{width: 32rpx;height: 32rpx;@include dljt-no-repeat-cover;display: inline-block;vertical-align: middle;
		background-image: url("@/static/images/index/more-black-icon1.png");margin-left: 4rpx;}
		text{display: inline-block;vertical-align: middle;margin-left: 8rpx;}
	}
	.more-btn-top{margin-top: 24rpx;}
	
	.tab-item{
		width: 100%;color: #1460b6;text-align: center;margin-bottom: 36rpx;
		padding: 12rpx 0;font-size: 32rpx;cursor: pointer;font-weight: bold;
		icon{width: 64rpx;height: 64rpx;@include dljt-no-repeat-cover;display: inline-block;
		vertical-align: middle;margin-right: 16rpx;position: relative;}
		.tzgg-icon{background-image: url("@/static/images/index/tz-icon.png");}
		.xwgk-icon{background-image: url("@/static/images/index/xw-icon.png");}
		.zsjy-icon{background-image: url("@/static/images/index/zsjy-icon.png");}
	}
	
	 .index-list-item{
	    color: #fff;padding:32rpx 6rpx 24rpx;border-bottom: 1rpx dashed #666;cursor: pointer;line-height: 1;color: #333;
	    .list-createTime{font-size: 24rpx;margin-bottom: 20rpx;}
	    .list-title{font-size: 28rpx;@include single-line-ellipsis;height: 32rpx;}
	}
	
	.zsjy-box{
		.zsjy-tab-item{margin: 56rpx 0 10rpx;}
		.wnlqfs-box,.xqhz-box{
			width: 700rpx;height: 409rpx;@include dljt-no-repeat-cover;
			position: relative;
			.zsjy-text{position: absolute;bottom:0;left: 0;right: 0;
			text-align:center;padding: 12rpx 0;color:#fff}
		}
		.wnlqfs-box{background-image: url("@/static/images/index/zsjy-img1.png");margin-bottom: 36rpx;}
		.xqhz-box{background-image: url("@/static/images/index/zsjy-img2.png");}
		@media screen and (min-width: 1000px) {
			.wnlqfs-box,.xqhz-box{width: 49%;display: inline-block;vertical-align: middle;margin-bottom: 36rpx;}
			.xqhz-box{margin-left: 20rpx;}
		  }
			
	}
	
	.index-menu-btn,.index-close-btn{
		width: 100rpx;height: 100rpx;border-radius: 50%;z-index: 2;
		background-color: #1460b6;position: fixed;right: 20rpx;bottom: 150rpx;
		&::after{width: 50rpx;height: 50rpx;position: absolute;top: 25rpx;left: 25rpx;
		@include dljt-no-repeat-cover;content: '';}
	}
	.index-menu-btn{
		overflow: hidden;
		&::after{
			background-image: url("@/static/images/common/menu-icon.png");
		}
	}
	.index-close-btn{
		overflow: unset;
		&::after{
			background-image: url("@/static/images/common/menu-close.svg");
		}
	}
	.index-text-list-show,.index-text-list-hiden{
		width:100rpx;height:240rpx;position: absolute;bottom: 110rpx;transition: all 0.3s;z-index: 1;
		.index-text-btn{
			width: 100rpx;height: 100rpx;border-radius: 50%;background-color: #1460b6;margin-bottom: 24rpx;
			display: flex;align-items: center;justify-content: center;font-size: 25rpx;color: #fff;text-align: center;}
	}
	.index-text-list-hiden{bottom:70rpx;}
}


// 专业建设
.zhuanye-page{
	.dljt-scroll-view{
		height: calc(100vh - 630rpx);
		.uni-scroll-view-content{height: calc(100vh - 630rpx);}
	} 
	.zhuanye-list-box{
	  display: flex;justify-content: space-between;margin: 24rpx 10rpx 36rpx;
	   .zhuanye-item{
		 width: 19%;display: flex;flex-direction: column;align-items: center;
	     border: 1rpx solid #ccc;padding: 24rpx 0;
	     icon{width: 80rpx;height: 73rpx;display: inline-block;@include dljt-no-repeat-cover;}
	     text{color: #000;font-size: 26rpx;margin-top: 16rpx}
	   }
	  .zhuanye-item.active{
	    background-color: #0f50a4;position: relative;
	    text{color: #fff;}
	  }
	  .zhuanye-item.active::after{
	    content: '';width: 0;height: 0;position: absolute;bottom: -20rpx;left: 50%;transform: translateX(-50%);
	    border-left: 16rpx solid transparent;
	    border-right: 16rpx solid transparent;
	    border-top: 16rpx solid #0f50a4;
	  }
	  .zhuanye-item:nth-child(1) icon{background-image: url("@/static/images/jyjx/jyjx-icon1.png");}
	  .zhuanye-item:nth-child(1).active icon{background-image: url("@/static/images/jyjx/jyjx-icon1-a.png");}
	  .zhuanye-item:nth-child(2) icon{background-image: url("@/static/images/jyjx/jyjx-icon2.png");}
	  .zhuanye-item:nth-child(2).active icon{background-image: url("@/static/images/jyjx/jyjx-icon2-a.png");}
	  .zhuanye-item:nth-child(3) icon{background-image: url("@/static/images/jyjx/jyjx-icon3.png");}
	  .zhuanye-item:nth-child(3).active icon{background-image: url("@/static/images/jyjx/jyjx-icon3-a.png");}
	  .zhuanye-item:nth-child(4) icon{background-image: url("@/static/images/jyjx/jyjx-icon4.png");}
	  .zhuanye-item:nth-child(4).active icon{background-image: url("@/static/images/jyjx/jyjx-icon4-a.png");}
	  .zhuanye-item:nth-child(5) icon{background-image: url("@/static/images/jyjx/jyjx-icon5.png");}
	  .zhuanye-item:nth-child(5).active icon{background-image: url("@/static/images/jyjx/jyjx-icon5-a.png");}
	}
}


// 招生就业
.zsjy-page{
	.dljt-form-box{height: calc(100vh - 446rpx);display: block;overflow-y: auto;padding-top: 36rpx;}
	.dljt-input-row{
		width: 80%;margin:0 auto 36rpx;
		.input-title{color: #333;font-size: 30rpx;}
		.form-input{
			height: 70rpx;line-height: 70rpx;font-size: 26rpx;border: 1rpx solid #ccc;
			border-radius: 6rpx;padding: 0 10rpx;margin-top: 10rpx;color: #333;
			.uni-input-placeholder{color: #999;}
			}
		.form-select{
			font-size: 26rpx;margin-top: 10rpx;
			.uni-select{border: 1rpx solid #ccc;border-radius: 6rpx;padding: 0 10rpx;}
			.uni-select__input-box{height: 70rpx;line-height: 1;}
			.uni-select__input-placeholder{color: #999;font-size: 26rpx;}
		}
		.form-btn-box{
			background-color: #01356e;color: #fff;font-size: 30rpx;margin: 82rpx 0;
		}
	}
	.require-row{position: relative;}
	.require-row::after{content: '*';color: red;
	position: absolute;top: 66rpx;right: -30rpx;font-size: 36rpx;}
}

// 联系方式
.lxfs-page{
	.lxfs-content-box{height: calc(100vh - 410rpx);box-sizing: border-box;padding: 0 6rpx 12rpx;overflow-y: auto;}
	.lxfs-map{
		width: 656rpx;height: 518rpx;@include dljt-no-repeat-cover;margin: 0 auto;
		background-image: url("@/static/images/xygk/xywh-lxfs-img.png");
	}
	.lxfs-tel-box{font-size: 28rpx;color: #333;margin: 36rpx 0;box-sizing: border-box;padding-left: 16rpx;}
	.lxsf-code-box{
		display: flex;justify-content: space-evenly;color: #444;text-align: center;margin: 82rpx 0;
		>view{width: 33%;}
		uni-image{width:200rpx;height: 200rpx;}
		.code-text-box{box-sizing: border-box;padding:0 24rpx;word-break: break-all;}
	}
}

// 优秀毕业生
.yxbys-page{
	.yxbys-detail-box .yxbys-name{color: #01359b;font-size: 28rpx;font-weight: normal;}
}

// 学院文化 
.dljt-xywh-page{
  padding: 32rpx 0 5rpx;
  .xywh-title{margin: 36rpx 0 32rpx;}
  .xywh-name{color: #333;font-size: 40rpx;font-weight: bold;}
  .xywh-name::after{content:'';width:70rpx;height:2rpx;background-color: #1361a6;display: block;margin:10rpx 0 24rpx;}
  .list-name{color: #000;font-size: 16rpx;@include single-line-ellipsis;}
  .xywh-row-content{
    width: 560rpx;position: absolute;top: 470rpx;font-size: 25rpx;color: #333;left: 40rpx;
    .xywh-title{
      font-family: '楷体', serif;color: #00339c;font-size: 42rpx;font-weight: bold;margin:24rpx 0 64rpx;text-align:center;}
    .xywh-text{
      line-height: 1;margin-bottom: 26rpx;
      text{width: 140rpx;display: inline-block;color: #003497;}
    }
	.left-text-two{margin-left: 76rpx;}
	.left-text{margin-left: 130rpx;}
  }
  .xywh-row{width: 600rpx;height: 1012rpx;@include dljt-no-repeat-cover;margin: 0 auto 56rpx;position: relative;}
  .xx-row{
    background-image: url("@/static/images/xygk/xywh-row-bj1.png");
  }
  .xh-row{ 
    height: 1083rpx;background-image: url("@/static/images/xygk/xywh-row-bj2.png");
    .xywh-row-content{right: 36rpx;left: unset;}
  }
  .xg-row{
    height: 1379rpx;background-image: url("@/static/images/xygk/xywh-row-bj3.png");
	.xywh-row-content{top: 450rpx;}
	}
}

// 下载中心
.xzzx-page{
	.xzzx-search-box{display: flex;align-items: center;}
	.xzzx-search-btn{background-color: #1a6ac3;flex-shrink: 0;font-size: 24rpx;color: #fff;
	border-radius: 6rpx;margin-left: 16rpx;padding: 18rpx 24rpx;}
	.dljt-scroll-view{
		height: calc(100vh - 630rpx);
		// .uni-scroll-view-content{height: calc(100vh - 410rpx);}
	}
	.uni-load-more{border-top: 1rpx solid #ccc;}
}

// 招生热线
.zsrx-page{
	.dljt-zsrx-content-box{
		view{line-height: 1.6;margin-bottom: 16rpx;}
		.tel-left{margin-left: 130rpx;}
	}
}

// 官网二维码
.gwewm-page{
	.ewm-code-img{
		width: 500rpx;height: 500rpx;margin:0 auto;@include dljt-no-repeat-cover;
		background-image: url("@/static/images/index/ewm-code.png");
	}
}