*{
    margin: 0px;
    padding: 0px;
}

.page-nav{
    width: 100%;
    height: 181px;
    /*border: 1px solid red;*/
}
.page-nav img{
    width: 100%;
    height: 181px;
}
.page-title{
    position: relative;
    top: 71px;
    text-indent: 15px; ;
    font-size: 15px;
    font-weight: bold;
    color: #333333;
}
.page-title p{
    margin: 0px;
}

.page-box-one{
    width: 100%;
    display:flex;
    justify-content: center;
    /*border: solid 1px yellow;*/
    position: absolute;
    top:129px;
   
}


.box-box{
    width:93.6% ;
    height:103px ;
    background-color: #ffffff;
    border-radius: 8px;
    display: flex;
    box-shadow: 0px 6px 18px rgba(0,119,255,0.34);
    
    
}
.box-centent{
    /*border: solid 1px red;*/
    width: 25%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
   
}
.box-centent div{
    width: 40px;
    height: 40px;
    /*background-color:#FFBB00;*/
    border-radius: 25px;
    position: absolute;
    top:16px;
    display: flex;
    justify-content: center;
  
}
.box-centent img{
    width: 24px;
    height: 24px;
    margin-top: 8px;
}
.box-centent p{
    font-size:12px;
    font-family:PingFang SC;
    font-weight:500;
    text-align: center;
    color:rgba(51,51,51,1);
    opacity:1;
    margin: 0px;
    position: absolute;
    bottom:16px;
}
.page-title p{
    font-size:15px;
    font-family:PingFang SC;
    font-weight:bold;
    color:rgba(51,51,51,1);
    opacity:1;
}
.page-box-two{
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    top: 76px;

}
.box-ww{
    width: 93.6%;border-radius: 8px 8px 0px 0px;background-color: #FFFFFF;
    list-style: none;
}
.box-xh{
    display: flex;justify-content: center;
}
.page-tiele{
    width: 95.44%;
    background-color: #ffffff;
    display: flex;

    /*border-radius: 8px;*/
    /*position: relative;*/
    /*top: 8px;*/
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #F5F5F5;
   
}
.page-title-single{

    display: flex;

    width:100% ;

}
.page-title-single img{
    width: 66px;
    height: 66px;

}
.img{
    width: 66px;
    height: 66px;
}
.title-center{
    /*border: 1px solid red;*/
    width: 78.92%;
    margin-left: 2.13%;
}
.title-nav-t{
    /*border: 1px solid red;*/
    display: flex;
    justify-content: space-between;
    height: 23px;
}

.title-box-nav{
    width:auto;
    font-size:16px;
    font-family:PingFang SC;
    font-weight:bold;
    line-height:21px;
    color:rgba(245,74,74,1);
    opacity:1;
}
.title-box-nav p{
    margin: 0px;
}
.title-box-one{
    position: relative;
    /*border: blue solid 1px;*/
    width:auto;
    font-size:12px;
    font-family:PingFang SC;
    font-weight:400;
    color:rgba(102,102,102,1);
    opacity:1;
    
}
.title-box-one img{
    width: 12px;
    height: 12px;
    position: absolute;
    top:2px;
    left: -16px;
   
}
/*.title-box-one {*/
    /*position: absolute;*/
    /*right: 2.28%;*/
    /*margin-left: 2.23%;*/
    /*color: #666666;*/
    /*font-size: 12px;*/
    /*margin-bottom: 0px;*/
/*}*/
.nav-title-single{
    width: 100%;
    height: 23px;
    font-size: 12px;
    color:#666666 ;
    overflow: auto;
}
.nav-title-single p{
    font-size:12px;
    font-family:PingFang SC;
    font-weight:400;
    line-height: 23px;
    color:rgba(102,102,102,1);
    opacity:1;
    margin-bottom: 0px;
}
.page-zt{
    width: 100%;
    display: flex;
}
.page-zt p{
    font-size:12px;
    font-weight:400;
    line-height:21px;
    color:rgba(153,153,153,1);
    opacity:1;
    padding-left: 3%;width: 100%;
    margin-bottom: 0px;
}
.page-sh{
    width:53px;
    height:12px;
    background:rgba(0,119,255,1);
    border-radius:6px;
    font-size: 8px;
    text-align: center;
    color:rgba(255,255,255,1);
    margin-top: 5px;
    line-height: 12px;
    /*padding: 0px 7px;*/
}
.box-box1{
    width: auto;
    position: relative;
    top: 80px;
    /*border: 1px solid red;*/
}
.box-box-img{
    width: auto;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.box-box-img img{
    width:170px ;
    height: 132px;
}
.box-box-ts{
    width: auto;
    font-size: 14px;
    color: #999999;
    display: flex;
    justify-content: center;
    margin-top: 20px;

}
.box-box-suc{
    width: auto;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.box-box-sucs{
    height: 47px;
    width: 44%;
    text-align: center;
    line-height: 47px;
    background-color: #0077FF;
    color: #FFFFFF;
    font-size: 18px;
    border-radius: 4px;

}



/* 底部導航欄樣式 */
.tail-show{
	width:100%;
	height:47px;
	position: fixed;
	bottom:0px;
	box-shadow: 10px 10px 5px #EEE;
	background-color: #fff;
	display: flex;
	justify-content: space-around;
    z-index: 100;

}
.tail-show img{
	width: 20px;
	 height:20px;
	  margin-top:8px;
}
.tail-show p{
	margin-top: 5px;
	width:25px;
	height:15px;
	font-size:11px;
	font-family:PingFang SC;
	font-weight:bold;
	line-height:10px;
	color:rgba(153,153,153,1);
	opacity:1;
}
/* 底部導航欄樣式結束 */



/*公共服務頁面*/
.page-fuwu{
    width: 100%;
    font-size:14px;
    font-family:PingFang SC;
    font-weight:400;
    line-height:21px;
    color:#CCCCCC;
    opacity:1;
    position: relative;
    bottom:40px;
/*    border:1px solid red;*/
    z-index: 0;


}

.page-fuwu-tiitle{
    text-align: center;
    width: 100%;
}
/*公共服務頁面*/