.row {
				width: 100%;
				margin: 2px auto;

			}

			.thumbnail {
				height: 35vmin;
				border: white 0px;
			}

			.thumbnail img {
				width: 100%;
				zoom: 1; //高是宽的0.5倍
			}

			.thumbnail h5 {
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.caption h,
			p {
				margin: 2px;
			}

			.row div {
				left: 0;
			}

			.list-group-item {
				border: 0px #ffffff;
				background-color: azure;
				font-weight: 800;
			}

			.item img {
				width: 100%;
				height: 40vmin !important;
			}

			/**
			 * 底部导航类选择器
			 */
			.div_nav,
			.div_nav ol {
				/*宽度铺满*/
				width: 100vw;
				/*高度固定*/
				height: 50px;
				/*控件的位置，在布局的底部*/
				bottom: 0;
				/*位置固定底部，不跟随滚动布局滚动*/
				position: fixed;
				margin: 0px 0px 0px 0px;
				padding: 0;
			}

			/**
			 * 横向列表平分
			 */
			.div_nav ol li {
				/*元素宽高,百分比的计算*/
				width: calc(100%/4);
				/*将默认的列表符号去掉*/
				list-style: none;
				/*浮动,必须应用在块级元素上,可以把占一行的块级元素分布在一行内,把竖向列表变为横向列表*/
				float: left;
				/*把行内元素变为块元素*/
				display: block;
				/* 将默认的内边距去掉 */
				padding: 0;
				/* 将默认的外边距去掉 */
				margin: 0;
			}

			/**
			 * 列表长链接a标签样式
			 */
			.div_nav ol li a {
				/* 将链接设为块级元素 */
				display: inline-block;
				/* 设置宽度 */
				width: 100%;
				/* 设置高度 */
				height: 50px;
				/* 设置行高,将行高和高度设置同一个值,可以让单行文本垂直居中 */
				line-height: 50px;
				/* 居中对齐文字 */
				text-align: center;
				/* 设置背景色 */
				background: white;
				/* 设置文字颜色 */
				color: #333333;
				/* 去掉下划线 */
				text-decoration: none;
				/* 在左侧加上分隔线 */
				border-top: 1px solid #EEEEEE;
			}

			/**
			 * tab 图片样式
			 */
			.div_nav ol li a img {
				width: auto;
				height: 24px;
				display: block;
				margin: 0 auto;
				margin-top: 4px;

			}

			/**
			 * tab 文字样式 1rem=16px
			 */
			.div_nav ol li a p {
				line-height: 1.4rem;
				font-size: 0.8rem;
				color: #666666;
			}

			a {
				color: #888888;
			}

			.flex {
				display: flex;
			}

			.f_1 {
				flex: 1;
			}

			.f_2 {
				flex: 2;
			}

			.f_3 {
				flex: 3;
			}

			.f_4 {
				flex: 4;
			}

			.f_5 {
				flex: 5;
			}

			.f_6 {
				flex: 6;
			}

			.f_7 {
				flex: 7;
			}

			.f_8 {
				flex: 8;
			}

			.title {
				height: 28px;
				line-height: 28px;
				border-left: #2CC17B solid 4px;
				font-size: 15px;
				font-weight: 800;
				border-radius: 4px;
				margin-bottom: 10px;
				background-color: azure;
				width: 100vw;
				color: #888888;
			}

			.pageTitle {
				height: 25px;
				line-height: 25px;
				border-left: #2CC17B solid 8px;
				border-right: #2CC17B solid 8px;
				font-size: 18px;
				font-weight: 800;
				border-radius: 5px;
				margin: 10px 0px;
				padding: 0px 5px;
				text-align: center;
				color: #2CC17B;
			}

			body {
				margin: 0px;
				padding: 0px;
				max-width: 100%;
				overflow-x: hidden;
			}

			.confirm {
				background-color: #2CC17B !important;
			}

			#numButtom {
				background-color: #2CC17B;
				color: #fff;
				width: 20px;
				height: 20px;
				line-height: 20px;
				margin: 0px 5px;
				text-align: center;
				border-radius: 10px;
				font-size: 12px;
			}

			#nameFrist {
				font-size: 13pt;
				height: 40px;
				line-height: 40px;
				text-align: center;
				color: #2CC17B;
			}

			.selNameDiv {
				min-width: 60px;
				font-size: 10pt;
				height: 30px;
				line-height: 30px;
				background-color: #2CC17B;
				margin: 5px 2px;
				text-align: center;
				border-radius: 5px;
				color: #fff;
			}

			input[type=checkbox] {
				cursor: pointer;
				position: relative;
			}

			input[type=checkbox]::after {
				position: absolute;
				top: 0;
				background-color: #fff;
				color: #fff;
				width: 14px;
				height: 14px;
				display: inline-block;
				visibility: visible;
				padding-left: 0px;
				text-align: center;
				content: ' ';
				border-radius: 2px;
				box-sizing: border-box;
				border: 1px solid #ddd;
			}

			input[type=checkbox]:checked::after {
				content: "";
				background-color: #14a870;
				border-color: #14a870;
				background-color: #14a870;
			}

			input[type=checkbox]:checked::before {
				content: '';
				position: absolute;
				top: 1px;
				left: 5px;
				width: 3px;
				height: 8px;
				border: solid white;
				border-width: 0 2px 2px 0;
				transform: rotate(45deg);
				z-index: 1;
			}

			a:link {
				color: #3C3C3C;
				text-decoration: none;
			}

			a:visited {
				color: #14a870;
				text-decoration: none;
			}

			a:hover {
				color: #14a870;
				text-decoration: none;
			}

			a:active {
				color: #14a870;
				text-decoration: none;
			}