@charset "utf-8";

/* 基础 */
html,body{height:100%}
html{font-size:100px}
body{font-size:.28rem;font-family:'Arial','\5FAE\8F6F\96C5\9ED1',sans-serif;line-height:1;-webkit-text-size-adjust:100%}
body,ol,ul,li,dl,dt,dd,p,span,h1,h2,h3,h4,h5,h6,input,textarea,select,button,label{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal}
ul,ol,li{list-style:none}
a,a:hover{text-decoration:none;outline-width:0;outline:0}
i,em,b,strong,code{font-style:normal;font-weight:normal}
input,textarea,button,label{font-family:inherit;font-size:inherit;*font-size:100%;border:0;-webkit-appearance:none;appearance:none;background-color:transparent;border-radius:0}
a,i,span,li,input,textarea,select,button{-webkit-tap-highlight-color:transparent}
input[type=button],input[type=submit],button{cursor:pointer}
table,tbody,tr,th,td{border-collapse:collapse;border-spacing:0}
:focus{outline:none;-webkit-tap-highlight-color:transparent}
::-webkit-input-placeholder{color:rgba(255, 255, 255, .3)}
:-moz-placeholder{color:rgba(255, 255, 255, .3)}
::-moz-placeholder{color:rgba(255, 255, 255, .3)}
:-ms-input-placeholder{color:rgba(255, 255, 255, .3)}
img{border:0;vertical-align:top;max-width:100%}

.container{
	width: 7.5rem;
	margin: auto;
}

.flex{display: flex;}
.flex-wrap{flex-wrap: wrap;}
.flex-column{flex-direction: column;}
.justify-start{ justify-content: flex-start;}
.justify-end{ justify-content: flex-end;}
.justify-center{ justify-content: center;}
.justify-around{ justify-content: space-around;}
.justify-between{ justify-content: space-between;}
.align-center{ align-items: center;}


.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}

/* 内边距 */
.padding-xs{ padding: .16rem;}
.padding-sm{ padding: .24rem;}
.padding{ padding: .32rem;}
.padding-lg{ padding: .48rem;}

.padding-tb-xs{ padding-top: .16rem; padding-bottom: .16rem;}
.padding-tb-sm{ padding-top: .24rem; padding-bottom: .24rem;}
.padding-tb{ padding-top: .32rem; padding-bottom: .32rem;}
.padding-tb-lg{ padding-top: .48rem; padding-bottom: .48rem;}

.padding-lr-xs{ padding-left: .16rem; padding-right: .16rem;}
.padding-lr-sm{ padding-left: .24rem; padding-right: .24rem;}
.padding-lr{ padding-left: .32rem; padding-right: .32rem;}
.padding-lr-lg{ padding-left: .48rem; padding-right: .48rem;}

.padding-top-xs{ padding-top: .16rem;}
.padding-top-sm{ padding-top: .24rem;}
.padding-top{ padding-top: .32rem;}
.padding-top-lg{ padding-top: .48rem;}

.padding-bot-xs{ padding-bottom: .16rem;}
.padding-bot-sm{ padding-bottom: .24rem;}
.padding-bot{ padding-bottom: .32rem;}
.padding-bot-lg{ padding-bottom: .48rem;}

/* 外边距 */
.margin-xs{ margin: .16rem;}
.margin-sm{ margin: .24rem;}
.margin{ margin: .32rem;}
.margin-lg{ margin: .48rem;}

.margin-tb-xs{ margin-top: .16rem; margin-bottom: .16rem;}
.margin-tb-sm{ margin-top: .24rem; margin-bottom: .24rem;}
.margin-tb{ margin-top: .32rem; margin-bottom: .32rem;}
.margin-tb-lg{ margin-top: .48rem; margin-bottom: .48rem;}

.margin-lr-xs{ margin-left: .16rem; margin-right: .16rem;}
.margin-lr-sm{ margin-left: .24rem; margin-right: .24rem;}
.margin-lr{ margin-left: .32rem; margin-right: .32rem;}
.margin-lr-lg{ margin-left: .48rem; margin-right: .48rem;}

.margin-top-xs{ margin-top: .16rem;}
.margin-top-sm{ margin-top: .24rem;}
.margin-top{ margin-top: .32rem;}
.margin-top-lg{ margin-top: .48rem;}

.margin-bot-xs{ margin-bottom: .16rem;}
.margin-bot-sm{ margin-bottom: .24rem;}
.margin-bot{ margin-bottom: .32rem;}
.margin-bot-lg{ margin-bottom: .48rem;}

.border-radius{ border-radius: .24rem;}
.border-radius-round{ border-radius: 9999px;}

/* 字号 */
.font-size-20{
	font-size: .20rem;
}
.font-size-24{
	font-size: .24rem;
}
.font-size-26{
	font-size: .26rem;
}
.font-size-28{
	font-size: .28rem;
}
.font-size-30{
	font-size: .3rem;
}
.font-size-32{
	font-size: .32rem;
}
.font-size-34{
	font-size: .34rem;
}
.font-size-36{
	font-size: .36rem;
}
.font-size-38{
	font-size: .38rem;
}
.font-size-40{
	font-size: .4rem;
}
.font-size-48{
	font-size: .48rem;
}
.font-size-64{
	font-size: .64rem;
}
.font-size-72{
	font-size: .72rem;
}

/* 字体颜色 */

.font-color-00{
	color: #000;
}
.font-color-ff{
	color: #fff;
}
.font-color-33{
	color: #333;
}
.font-color-66{
	color: #666;
}
.font-color-99{
	color: #999;
}
.font-color-9b{
	color: #9B9B9B;
}

/* 字体粗细 */
.font-weight-400{
	font-weight: 400;
}
.font-weight-500{
	font-weight: 500;
}
.font-weight-600{
	font-weight: 600;
}
.font-weight-700{
	font-weight: 700;
}
.font-weight-800{
	font-weight: 800;
}
font-weight-900{
	font-weight: 900;
}
font-weight-bold{
	font-weight: bold;
}


/* 头部 */
.header{
	width: 7.5rem;
	height: .88rem;
	line-height: .88rem;
	position: relative;
	z-index: 5;
}
.header h2{
	text-align: center;
}
.header .icon{
	width: .48rem;
	height: .48rem;
	position: absolute;
	top: .2rem;
}
.header .icon-return{
	background: url(../images/ic_back@2x.png) no-repeat center center;
	left: .32rem;
	background-size: 100%;
}


/* 底部 */
.footer{
	width: 7.5rem;
	height: 1.1rem;
	background: #fff;
	position: fixed;
	bottom: 0;
	z-index:999999
}
.footer ul{
	height: 100%;
}
.footer li{
	width: 20%;
	height: 100%;
	font-size: .2rem;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center .16rem;
	background-size: .56rem;
}
.footer li a{
	display: inline-block;
	width: 100%;
	height: 100%;
	padding-top: .8rem;
	color: #435171;
	box-sizing: border-box;
}
.footer li a:hover{
	color: rgba(0, 201, 255, 1);
}
.footer li.on a{
	color: rgba(0, 201, 255, 1);
}
.footer li.icon-home{
	background-image: url(../images/ic_home_nor@2x.png);
}
.footer li.icon-project{
	background-image: url(../images/ic_project_nor@2x.png);
}
.footer li.icon-task{
	background-image: url(../images/ic_task_nor@2x.png);
}
.footer li.icon-team{
	background-image: url(../images/ic_team_nor@2x.png);
}
.footer li.icon-user{
	background-image: url(../images/ic_user_nor@2x.png);
}
.footer li.icon-home.on{
	background-image: url(../images/ic_home_sel@2x.png);
}
.footer li.icon-project.on{
	background-image: url(../images/ic_project_sel@2x.png);
}
.footer li.icon-task.on{
	background-image: url(../images/ic_task_sel@2x.png);
}
.footer li.icon-team.on{
	background-image: url(../images/ic_team_sel@2x.png);
}
.footer li.icon-user.on{
	background-image: url(../images/ic_user_sel@2x.png);
}
.a-button{
    border: 1px solid #1d8dcc;
    padding: 0.1rem 0.2rem;
    box-shadow: 1px 1px 2px rgb(0 0 0 / 50%);
    border-radius: 0.08rem;
    color: #1d8dcc;
}
.format-text{
    color: #666;
    font-size: .28rem;
    overflow-wrap: break-word;
    white-space: normal;
    line-height: 1.5;
}
.format-text p{
    font-weight: 500;
    margin-top: .2rem;
}
.format-text img{
    max-width: 100%;
}
.format-text p span{
    font-weight: 500;
}