nazw/nnzwminiapp/pages/serve/serve.wxss

/* pages/serve/serve.wxss */
button::after{
    border-radius: 0;    
    border: 0;  
    padding: 0;
}
textarea,button{
    resize: none;
}
ul,li{
    list-style: none;
}
a{
    text-decoration: none;
}
page {
    background: #ffffff;
    height: 100%;
}
.header {
    width: 100%;
    height: 555rpx;
    background-size: 100% 100%;
}

.header .logo {
	width: 406rpx;
	height: 60rpx;
	margin-top: 50px;
	margin-left: 30rpx;
}

.header .search {
    width: 94%;
    height: 74rpx;
    margin: 40rpx auto;
    background: #FFFFFF;
    border-radius: 10rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header .search input {
    width: calc(100% - 116rpx);
    width: -moz-calc(100% - 116rpx);
    width: -webkit-calc(100% - 116rpx);
    border-radius: 10rpx 0 0 10rpx;
		padding-left: 20rpx;
}


.header .search button {
    width: 116rpx;
	height: 74rpx;
	line-height: 74rpx;
    background: #508FF4;
    border-radius: 0 10rpx 10rpx 0;
}

.header .banner {
    display: flex;
    justify-content: space-around;
    margin-top: 80rpx;
}

.header .banner li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header .banner li image {
    width: 64rpx;
    height: 64rpx;

}

.header .banner li span {
    font-size: 24rpx;
    font-weight: 500;
    color: #FFFFFF;
}
.search-style{
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #999999;
}

.cont-widthl {
    width: 96%;
    background: #ffffff;
    margin: auto;
    border-radius: 20rpx;
    margin-top: 41rpx;
}
.cont-width{
    width: 96%;
    background: #ffffff;
    margin: auto;
    border-radius: 20rpx;
    margin-top: 41rpx;
    padding: 32rpx 20rpx;
    box-sizing: border-box;
}

.cont-width .title {
    font-size: 38rpx;
    font-weight: bold;
    color: #333333;
    display: flex;
    align-items: center;
    margin-bottom: 20rpx;
}

.cont-width .title .line {
    width: 8rpx;
    height: 28rpx;
    background: #508FF4;
    margin-right: 20rpx;
}
.view-yjyb{
	margin-top: -80rpx !important;
}
.view-yjyb .list {
	margin-top: 15px;
    height: 89px;
    /*段落中文本不换行*/
    white-space: nowrap;
    /*设置横向滚动*/
    overflow-x: auto;
}
.view-yjyb .list::-webkit-scrollbar {
    display: none;
}
.view-yjyb .list .nav {
    width: 272rpx;
    height: 89px;
    display: inline-block;
    background-size: 100% 100%;
    padding: 24rpx 20rpx;
    box-sizing: border-box;
    font-size: 30rpx;
    font-weight: 500;
	margin-right: 20rpx;
	
}
.view-shjf{
	margin-top: -150rpx !important;
}
.view-shjf .title {
    height: 136rpx;
    background-size: 100% 100%;
    padding: 32rpx 20rpx;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.view-shjf .list {
    display: flex;
    justify-content: space-around;
    height: 200rpx;
    align-items: center;
}

.view-shjf .list li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.view-shjf .list li span {
    font-size: 32rpx;
    color: #333333;
}

.view-bs .nav {
    height: 136rpx;
    background: linear-gradient(0deg, #BBE1FB 0%, #F6FAFD 100%);
    border-radius: 20rpx  20rpx 0px 0px;
}

.view-bs .nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #333333;
}

.view-bs .nav button {
    width: 170rpx;
    height: 68rpx;
    line-height: 68rpx;
    font-weight: 500;
    font-size: 30rpx;
    padding: 0;
    background: #FFFFFF;
    border-radius: 32rpx;
    margin-left: 20rpx;
    text-align: center;
}

.view-bs .nav button.click {
    background: #508FF4;
    color: #FFFFFF;
}

.view-bs .nav .more {
    font-size: 26rpx;
    font-weight: 500;
    margin-right: 46rpx;
}

.view-bs .cont {
    padding: 20rpx;
    box-sizing: border-box;
}

.view-bs .title {
    font-size: 38rpx;
    font-weight: bold;
    color: #333333;
}

.view-bs .view-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.view-bs .view-ul li {
    width: 314rpx;
    height: 126rpx;
    background: #FFFFFF;
    border: 2rpx solid #EEEEEE;
    box-shadow: 0px 2rpx 4rpx 0px rgba(221, 221, 221, 0.5);
    border-radius: 10rpx;
    padding-left: 24rpx;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 32rpx;
}

.view-bs .view-ul .top {
    font-size: 30rpx;
    font-weight: 500;
    color: #333333;
}

.view-bs .view-ul .bottom {
    font-size: 24rpx;
    font-weight: 500;
    color: #999999;
}

.view-bs .view-ul image {
    position: absolute;
    right: 0;
    bottom: 0;
}
.view-dtfw .title {
    height: 136rpx;
    background-size: 100% 100%;
    padding: 32rpx 20rpx;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.view-dtfw .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.view-dtfw .list li {
    width: 162rpx;
    height: 62rpx;
    background: #F1EFFF;
    border-radius: 6rpx;
    line-height: 62rpx;
    text-align: center;
    font-size: 26rpx;
    font-weight: 500;
    color: #7869C0;
    margin-top: 14rpx;
}
.view-dtfw .more {
    height: 80rpx;
    line-height: 80rpx;
    font-size: 26rpx;
    font-weight: 500;
    color: #999999;
    text-align: center;
}
.cont-width .x-title span {
    font-size: 26rpx;
}

.cont-width .x-title span:first-child {
    color: #333333;
}

.cont-width .x-title span:last-child {
    color: #999999;
}

.view-blsj .blsj {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40rpx;
}

.view-blsj .blsj li {
    width: 310rpx;
    height: 130rpx;
    font-size: 26rpx;
    color: #FFFFFF;
    background-size: 100% 100%;
    padding: 14px 18rpx;
    box-sizing: border-box;
    margin-top: 20rpx;
}

.view-blsj li .number {
  font-weight: 600;
  font-size: 42rpx;
}

.view-blsj .blsj li .bottom span:last-child {
  margin-left: 10rpx;
}

.view-blsj .hcpsj {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.view-blsj .hcpsj li {
    width: 308rpx;
    height: 119rpx;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    box-shadow: 0px 2px 1px 0px rgba(115, 145, 223, 0.27);
    border-radius: 5px;
    font-size: 26rpx;
    color: #999999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 20rpx;
    box-sizing: border-box;
    margin-top: 30rpx;
}

.view-blsj .hcpsj .top image {
    width: 28rpx;
    height: 14px;
}
.view-blsj .hcpsj .top span{
    margin-left: 10rpx;
}

.view-blsj .hcpsj li .bottom span:last-child {
  margin-left: 10rpx;
}

.view-zyylg{
	height: 660rpx;
}
.view-zyylg ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.view-zyylg li {
    width: 48%;
    height: 73px;
    background-size: 100% 100%;
    padding: 26px 56rpx;
    box-sizing: border-box;
    margin-top: 12px;
    font-size: 21px;
    color: #000000;
}

.view-zyylg li:last-child {
    width: 100%;
}