gaobaoUniApp/unpackage/dist/dev/mp-weixin/pages/index/index.wxss

.tui-container {
		width: 100%;
		padding-top: 60rpx;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
}
.titleRed image{
		width:86rpx !important;
		height:8rpx !important;
		background:rgba(239,58,58,1);
		opacity:0.9;
		margin: 0 auto;
}
.tui-extend-box {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		font-size: 32rpx;
		font-family: PingFangSC;
		font-weight: 500;
		color: rgba(44, 44, 44, 1);
		line-height: 45rpx;
}
.box-distance {
		padding-bottom: 60rpx;
}
.tui-extend-box image {
		width: 6rpx !important;
		height: 30rpx !important;
		background: rgba(239, 58, 58, 1);
		display: inline-block !important;
		margin-right: 20rpx !important;
		margin-left: 40rpx !important;
		margin-top: 6rpx !important;
}
	/*底部抽屉样式 start*/
.mask-screen {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background: #000;
		opacity: 0.5;
		overflow: hidden;
		z-index: 9;
}
.region-box {
		width: 100%;
		overflow: hidden;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 10;
		background: #fff;
		padding-top: 20rpx;
		height: 712rpx;
		padding: 40rpx 30rpx 48rpx 30rpx;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
}
.region-txt {
		width: 96rpx;
		height: 82rpx;
		background: #e9edfc;
		line-height: 82rpx;
		border-radius: 6rpx;
		font-size: 30rpx;
		color: #333;
		text-align: center;
		margin-right: 23rpx;
		margin-bottom: 26rpx;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
}
.region-txt:nth-of-type(6n) {
		margin-right: 0;
}
.grow {
		-webkit-box-flex: 0;
		-webkit-flex-grow: 0;
		    -ms-flex-positive: 0;
		        flex-grow: 0;
}
.active {
		background: #5677fc;
		color: #fff;
}
.uni-tip-wel{
		width: 560rpx;
		height: 608rpx;
		background:rgba(255,255,255,1);
		border-radius:8rpx;
		margin-top: 235rpx;
		margin-left: 95rpx;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
}
.uni-tip-wel-content{
		font-size:34rpx;
		font-family:PingFangSC-Medium,PingFangSC;
		font-weight:500;
		color:rgba(44,44,44,1);
		line-height:48rpx;
		text-align: center;
		margin: 40rpx auto 54rpx auto;
}
.uni-tip--wel-button{
		width:480rpx;
		height:80rpx;
		background:rgba(26,173,23,1);
		-webkit-box-shadow:0rpx 6rpx 12rpx 0rpx rgba(26,173,23,0.2);
		        box-shadow:0rpx 6rpx 12rpx 0rpx rgba(26,173,23,0.2);
		border-radius:40rpx;
		margin: 0 auto;
}
.uni-tip-wel-button-text{
		font-size:30rpx;
		font-family:PingFangSC-Medium,PingFangSC;
		font-weight:500;
		color:rgba(255,255,255,1);
		line-height:80rpx;
		text-align: center;
}
	/* 授权窗口 */
.uni-tip {
		position: relative;
		left: 95rpx;
		top: 410rpx;
		padding: 0rpx;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		width: 560rpx;
		height: 515rpx;
		background: rgba(255, 255, 255, 1);
		border-radius: 8rpx;
}
.uni-tip-title {
		text-align: center;
		padding: 21rpx 100rpx;
		height: 48rpx;
		font-size: 34rpx;
		font-family: PingFangSC;
		font-weight: 500;
		color: rgba(0, 0, 0, 1);
		line-height: 48rpx;
		border-bottom: 1px solid rgba(229, 229, 229, 1);
}
.uni-tip-image {
		border: 0rpx;
		text-align: center;
}
.uni-tip-image image {
		width: 64rpx;
		height: 64rpx;
		border: 0rpx;
		margin-top: 36rpx;
		margin-bottom: 24rpx;
}
.uni-tip-content {
		margin-left: 54rpx;
		width: 420rpx;
		height: 40rpx;
		font-size: 28rpx;
		font-family: PingFangSC;
		font-weight: 400;
		color: rgba(0, 0, 0, 1);
		line-height: 40rpx;
}
.uni-tip-content-son {
		width: 452rpx;
		height: 74rpx;
		font-size: 26rpx;
		font-family: PingFangSC-Regular, PingFangSC;
		font-weight: 400;
		color: rgba(136, 136, 136, 1);
		line-height: 37rpx;
		margin: 0 auto;
		margin-bottom: 36rpx;
}
	/* .uni-tip-content-son ul{
		list-style: upper-alpha;
	} */
.uni-tip-group-button {
		height: 99rpx;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-around;
		    -ms-flex-pack: distribute;
		        justify-content: space-around;
		border-top: 1rpx solid rgba(229, 229, 229, 1);
		font-size: 32rpx;
		font-family: PingFangSC;
		font-weight: 400;
		color: #000000;
		line-height: 99rpx;
}
.uni-tip-button {
		width: 100%;
		text-align: center;
}
.jiangexian{
		border-right: 1rpx solid rgba(229,229,229,1);
}
.getwenli {
		position: fixed;
		bottom: 0;

		width: 100%;
		height: 100rpx;
		background: rgba(255, 255, 255, 1);
		border-radius: 8rpx;
		text-align: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		margin: 0 auto;
}
.get-grade {
		position: relative;
		left: 95rpx;
		top: 359rpx;
		width: 560rpx;
		height: 616rpx;
		background: rgba(255, 255, 255, 1);
		border-radius: 8rpx;
		text-align: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		margin: 0 auto;
}
.get-grade-title {
		padding: 40rpx;
		font-size: 34rpx;
		font-family: PingFangSC-Medium, PingFangSC;
		font-weight: 500;
		color: rgba(44, 44, 44, 1);
		line-height: 48rpx;
}
.get-grade-content2 input {
		width: 480rpx;
		height: 80rpx;
		background: rgba(248, 248, 248, 1);
		border-radius: 40rpx;
		border: 1rpx solid rgba(242, 242, 242, 1);
		margin: 20rpx 40rpx;
}
.get-grade-content1 {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
		margin: auto 40rpx;
}
.get-grade-content1 view:nth-child(1){
		margin-right: 20rpx;
}
.i-picker-two{
		width:230rpx;
		height:80rpx;
		background:rgba(248,248,248,1);
		border-radius:40rpx;
		border:1rpx solid rgba(242,242,242,1);
		line-height: 80rpx;
}
.i-picker-two view{
		float: left;
		margin-left: 40rpx;
		font-size:28rpx;
		font-family:PingFangSC-Regular,PingFangSC;
		font-weight:400;
		color:rgba(47,49,51,1);
		line-height:80rpx;
}
.i-picker-two image{
		float: right;
		line-height: 80rpx;
		width:40rpx;
		height:40rpx !important;
		margin-right: 20rpx;
		margin-top: 20rpx;
		display: block;
}
.uni-get-grade-button {
		width: 480rpx;
		height: 80rpx;
		background: rgba(239, 58, 58, 1);
		-webkit-box-shadow: 0rpx 6rpx 12rpx 0rpx rgba(239, 58, 58, 0.2);
		        box-shadow: 0rpx 6rpx 12rpx 0rpx rgba(239, 58, 58, 0.2);
		border-radius: 40rpx;
		text-align: center;
		margin: 22rpx 40rpx;
}
._select {
		width: auto;
		padding: 0 0 0 55rpx;
		margin: 0;
}
.get-grade-button {
		width: 120rpx;
		height: 42rpx;
		font-size: 30rpx;
		font-family: PingFangSC;
		font-weight: 500;
		color: rgba(255, 255, 255, 1);
		line-height: 80rpx;
		margin: 0 auto;
}
.content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		background-color:  #F2F2F2 ;
}
.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
}
.text-area {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
}
.title {
		font-size: 36rpx;
		color: #8f8f94;
}
swiper {
		width: 750rpx;
		height: 308rpx;

		padding: 0;
		margin: 0;
}
swiper-item {
		border-radius: 20rpx;
}
swiper-item image {
		position: relative;
		left: 30rpx;
		width: 690rpx;
		height: 500rpx;
		margin: 8rpx 0rpx 8rpx 0rpx;
		border-radius: 20rpx;
}
.banner {
		width: 690rpx;
		height: 308rpx;
		border-radius: 20rpx;
}
.content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
}
.view-content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row no-wrap;
		    -ms-flex-direction: row no-wrap;
		        flex-direction: row no-wrap;
		-webkit-justify-content: space-around;
		    -ms-flex-pack: distribute;
		        justify-content: space-around;
		padding-right: 61rpx;
		padding-left: 61rpx;
		height: 210rpx;
		width: 750rpx;
		background: rgba(255, 255, 255, 1);
}
.view-content image {
		width: 128rpx;
		height: 128rpx;
		overflow: visible;
		vertical-align: middle;
		margin-top: 8rpx;
}
.view-content ._p {
		text-align: center;
		width: 96rpx;
		height: 33rpx;
		font-size: 24rpx;
		font-family: PingFangSC;
		font-weight: 500;
		color: rgba(117, 119, 128, 1);
		line-height: 33rpx;
}
.view-content view {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		width: 80rpx;
		height: 28rpx;
}
.view-content view:first-child {
		margin-left: 61rpx;
		margin-right: 0rpx;
}
.view-content view:nth-child(2) {
		margin-left: 122rpx;
		margin-right: 122rpx;
}
.view-content view:nth-child(3) {
		margin-right: 61rpx;
}
.view-content ._p {
		-webkit-align-self: center;
		    -ms-flex-item-align: center;
		        align-self: center;
}
.view-content image {
		-webkit-align-self: center;
		    -ms-flex-item-align: center;
		        align-self: center;
}
.school {
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		width: 750rpx;
		background: rgba(255, 255, 255, 1);
		margin-top: 20rpx;
}
.school image {
		width: 170rpx;
		height: 54rpx;
		margin: 0 auto;
		display: block;
}
.school-content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
}
.school-content view:first-child {
		margin-left: 98rpx;
		margin-right: 195rpx;
}
.schol-icon image {
		width: 180rpx;
		height: 180rpx;
}
.schol-icon ._span {
		width: 112rpx;
		height: 40rpx;
		font-size: 28rpx;
		font-family: PingFangSC;
		font-weight: 500;
		color: rgba(44, 44, 44, 1);
		line-height: 40rpx;
		margin-top: 24rpx;
		margin-bottom: 40rpx;
}
.schol-icon {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		    -ms-flex-align: end;
		        align-items: flex-end;
		text-align: -webkit-center;
}
.major {
		width: 750rpx;
		height: 470rpx;
		background: rgba(255, 255, 255, 1);
		margin-top: 20rpx;
		margin-bottom: 20rpx;
}
.major image:nth-child(1) {
		width: 170rpx;
		height: 54rpx;
		margin: 0 auto;
		display: block;
}
.footer {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		position: fixed;
		bottom: 0;
		width: 750rpx;
		height: 99rpx;
		background: rgba(255, 255, 255, 1);
		margin-top: 20rpx;
}
.footer ._div:first-child {
		margin-left: 92rpx;
		margin-right: 184rpx;
}
.footer ._div:nth-child(2) {
		margin-right: 183rpx;
}
.footer ._div:nth-child(3) {
		margin-right: 93rpx;
}
.footer image {
		width: 66rpx;
		height: 67rpx;
		overflow: visible;
}
.footer ._div:first-child ._p {
		margin-left: 15rpx;
}
.footer ._div:nth-child(3) ._p {
		margin-left: 15rpx;
}
.footer ._div {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		width: 80rpx;
		height: 28rpx;
		font-size: 20rpx;
		font-family: PingFangSC;
		font-weight: 500;
		color: rgba(175, 178, 191, 1);
		line-height: 28rpx;
}