/* Write your styles */
.header{
	line-height: 32px;}
.header-img{
	vertical-align: top;
	border: 2px solid white;}

.header-right{
	float: right;
	padding: 0px 16px;
	margin-top: 4px;
	height: 24px;
	line-height: 24px;
	border: 1px solid white;}

.title{
	border-bottom:1px solid;
	color: #212121;
	line-height: 24px;}

.title-left{
	vertical-align: top;}

.title-right{
	float: right;
	font-size: 12px;
	vertical-align: bottom;}

.wg-content{
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	width: 80px;
	float: left;
	margin-right: 16px;}

.wg-content div{
	line-height: 24px;}

.list{
	min-height: 80px;
	padding: 8px 0px;
	padding-left: 96px;
	padding-right: 80px;
	background: white;}

.list-left{
	position: absolute;
	top: 8px;
	left: 16px;
	height: 64px;
	width: 64px;}
.list-right{
	position: absolute;
	top: 32px;
	right: 16px;
	width: 56px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #FF5252;
	color: #FF5252;
	font-size: 12px;
	text-align: center;}
.list-content{
	height: 32px;}
.list-text{
	line-height: 16px;
	font-size: 12px;
	color: #757575;}
.list-title{
	vertical-align: bottom;
	line-height: 24px;
	font-size: 18px;
	color: #212121;}
.list-span-1{
	vertical-align: bottom;
	font-size: 12px;
	border: 1px solid red;
	color: red;}
.list-span-2{
	vertical-align: bottom;
	font-size: 12px;
	border: 1px solid blue;
	color: blue;}
.list-span-3{
	vertical-align: bottom;
	font-size: 12px;
	border: 1px solid yellow;
	color: yellow;}
.list-span-1{
	vertical-align: bottom;
	font-size: 12px;
	border: 1px solid red;
	color: red;}

.footer{
	position: fixed;
	bottom: 0px;
	background: #F8F8F8;
	color: #212121;
	border-top: 1px solid #C2185B;}
.footer span{
	display: block;
	height: 24px;
	font-size: 20px;
	line-height: 24px;}
.footer a{
	color: #212121;}
.footer .on{
	color: #E91E63;}
.footer .on a{
	color: #E91E63;}
.footer div{
	padding: 4px 0px;}
.footer div div{
	line-height: 16px;
	font-size: 12px;}


.lanmu{
	text-align: center;
	line-height: 40px;}
.lanmu .on{
	box-sizing: border-box;
	/*border-top: 3px solid #c2185b;*/
	background: #1976D2;
	font-size: 18px;}

.lanmu-1{
	box-sizing: border-box;
	text-align: center;
	line-height: 40px;
	background: white;}
.lanmu-1 a{
	color: #212121;}
.lanmu-1 .on{
	border-bottom: 3px solid #FF5252;}

.lanmu-1 .on a{
	color: #FF5252;}


.top-list{
	position: relative;
	padding-left: 80px;}
.top-list-left{
	position: absolute;
	top: 16px;
	left: 8px;
	width: 80px;
	text-align: center;}


.form{
	position: relative;
	padding: 8px;
	padding-right: 96px;}

.form input{
	box-sizing: border-box;
	position: relative;
	width: 100%;
	padding: 0px 8px;
	line-height: 38px;
	border: 1px solid #C2185B;
	outline: none;
	color: #212121;}
.form input:active{
	border: 1px solid #E91E63;}
.form button{
	position: absolute;
	top: 8px;
	right: 8px;
	width: 80px;
	background: #C2185B;
	border: 0px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	color: white;}

.msg-list{
	line-height: 40px;
	border-bottom: 1px solid #CCCCCC;
	color: #212121;
	padding: 0px 64px;}

.msg-list-left{
	position: absolute;
	top: 12px;
	left: 8px;
	display: block;
	line-height: 16px;
	font-size: 12px;
	border: 1px solid #E91E63;
	color: #E91E63;}

.msg-list-right{
	position: absolute;
	top: 12px;
	right: 8px;
	line-height: 16px;
	font-weight: 600;}

.kf-list{
	border-bottom: 1px solid #BDBDBD;}

.kf-img{
	margin-top: 8px;
	vertical-align: top;
	height: 32px;
	width: 32px;}

.center-list{
	background: white;
	overflow: hidden;
	padding-left: 16px;
	line-height: 39px;
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
	margin-bottom: 16px;}

.center-list-line{
	box-sizing: border-box;
	border-bottom: 1px solid #BDBDBD;}

.center-list-line-left{
	margin-left: 8px;}
.center-list-line-right{
	float: right;
	margin-right: 8px;}
.center-list-line-img{
	width: 24px;
	height: 24px;
	vertical-align: top;
	margin-top: 8px;}

.list-line-left-2{
	float: left;
	margin-left: 16px;}
.list-line-right-2{
	float: right;
	margin-right: 16px;}


.border-bottom{
	border-bottom: 1px solid #BDBDBD;}


/*配色*/
.background-default{
	background: #2196F3;}
.background-dark{
	background: #1976D2;}
.background-light{
	background: #BBDEFB;}
.background-accent{
	background: #BBDEFB;}

.color-default{
	color: #FFFFFF;}
.color-primary{
	color: #212121;}
.color-secondary{
	color: #757575;}
.border-color{
	border-color: #BDBDBD;}



.dark-primary-color {
	background: #C2185B;}

.default-primary-color {
	background: #E91E63;}

.light-primary-color {
	background: #F8BBD0;}

.text-primary-color {
	color: #FFFFFF;}

.accent-color {
	background: #FF5252;}

.primary-text-color {
	color: #212121;}

.secondary-text-color {
	color: #757575;}

.divider-color {
	border-color: #BDBDBD;}