/* 检测项目商城列表页 */
	/* 电脑屏 */
	@media screen and (min-width: 600px){
		#lists {width: 1300px;margin: 0 auto 20px auto;}
		#lists .title {text-align: center;padding: 50px 0;}
		#lists .title p {line-height: 60px;}
		#lists .title .title-c{font-size: 30px;letter-spacing: 6px;}
		#lists .title .title-e {font-size: 20px;}
		#lists .box {display: flex;flex-wrap: wrap;}
		#lists .box li {flex: 25%;padding: 7px;box-sizing: border-box;}
		#lists .box li .item {background: #fff;color: #444;cursor: pointer;user-select: none;}
		#lists .box li .item img {display: block;width: 100%;}
		#lists .box li .item .infor {padding: 10px 15px;border: 1px solid #dedfe0;border-top: none;background: #f1f3f4;}
		#lists .box li .item .infor .infor-tc {font-size: 18px;line-height: 30px;height: 30px;font-weight: bold;}
		#lists .box li .item .infor .infor-te {font-size: 12px;line-height: 26px;height: 26px;color: #888;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-bottom: 1px dashed #dedfe0;}
		#lists .box li .item .infor .description {font-size: 13px;line-height: 40px;height: 40px; text-align: justify;}
		#lists .box li .item .infor .button {margin: 20px 0;width: 100px;height: 30px;line-height: 30px;text-align: center;font-size: 12px;border: 1px solid #1E78BE; color: #1E78BE;}
		#lists .box li .item .infor .button:hover{background: #1E78BE; color: #fff;}
	}
	/* 手机屏 */
	@media screen and (max-width: 600px){
		#lists {position: fixed;top: 76px;left: 0;right: 0;bottom: 50px;overflow: auto;}
		#lists .title {text-align: center;padding: 30px 0;}
		#lists .title p {line-height: 2;}
		#lists .title .title-c{font-size: 22px;letter-spacing: 1px;}
		#lists .title .title-e {font-size: 12px;}
		#lists .box {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 10px;}
		#lists .box li {width: 49%;box-sizing: border-box;margin-bottom: 10px;}
		#lists .box li .item {background: #fff;color: #444;}
		#lists .box li .item img {display: block;width: 100%;}
		#lists .box li .item .infor {padding: 10px;border: 1px solid #dedfe0;border-top: none;}
		#lists .box li .item .infor .infor-tc {font-size: 16px;line-height: 2;font-weight: bold;}
		#lists .box li .item .infor .infor-te {font-size: 12px;line-height: 2;color: #888;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-bottom: 1px dashed #dedfe0;}
		#lists .box li .item .infor .description {font-size: 12px;line-height: 2;min-height: 48px;text-align: justify;}
		#lists .box li .item .infor .button {margin: 10px 0;width: 80px;height: 26px;line-height: 26px;text-align: center;font-size: 12px;border: 1px solid #1E78BE;color: #1E78BE;}
	}
/* 检测申请单页公共部分 */
	/* 电脑屏 */
	@media screen and (min-width: 600px){
		#single {min-width: 1200px;}
		#single > .title {border-top: 1px solid #dedfe0;margin: 100px auto;width: 1200px;}
		#single > .title span {display: block;width: 400px;height: 40px;margin: -20px auto 0 auto;line-height: 40px;text-align: center;font-size: 30px;background: #fff;}
		#single > .wrap {width: 1000px;margin: 0 auto;}

		#single > .button {width: 200px;height: 40px;background: #1E78BE;color: #fff;margin: 50px auto;text-align: center;line-height: 40px;font-size: 16px;border-radius: 3px;cursor: pointer;user-select: none;}
	}
	/* 手机屏 */
	/* 标题 */
	@media screen and (max-width: 600px){
		#single {position: fixed;top: 96px;left: 0;right: 0;bottom: 50px;overflow: auto;}
		#single > .title {font-size: 22px;letter-spacing: 1px;color: #1E78BE;line-height: 4;text-align: center;}
		#single > .button {width: 100px;margin: 20px auto;line-height: 2.6;text-align: center;background: #1E78BE;color: #fff;}
	}
	#selecteds {padding: 10px;}
	#selecteds table {width: 100%;font-size: 12px;text-align: center;}
	#selecteds table th {height: 30px;background: #1E78BE;color: #fff;border: 1px solid #1E78BE;}
	#selecteds table td {height: 26px;border-bottom: 1px solid #1E78BE;border-left: 1px solid #1E78BE;}
	#selecteds table td:last-of-type{border-right: 1px solid #1E78BE;font-size: 20px;color:#EA4335;font-weight: bold;cursor: pointer;user-select: none;}
	#selecteds td input {width: 100%;height: 100%;text-indent: 10px;border: none; font-size: 12px;}
/* 检测申请单页公共部分 end*/

/* 致病基因鉴定 */
	/* 电脑屏 */
	@media screen and (min-width: 600px){
		#causative .h1{display: flex;align-items: center;justify-content: space-between;}
		#causative .h1 .name {flex: 1;color: #fff;font-size: 16px;height: 40px;line-height: 40px;box-sizing: border-box;background: #1E78BE;text-indent: 2em;position: relative;}
		#causative .h1 .name::before,
		#causative .h1 .name::after{content: '';position: absolute;width: 5px;background: #fff;}
		#causative .h1 .name::before{top: 5px;bottom: 5px;left: 8px;}
		#causative .h1 .name::after{top: 10px;bottom: 10px;left: 19px;}
		#causative .h1 .search {flex: 1;height: 40px;border: 1px solid #1E78BE;box-sizing: border-box;display: flex;border-top-right-radius: 20px;border-bottom-right-radius: 20px}
		#causative .h1 .search input {border: none;flex: 1;height: 100%;text-indent: 1em;font-size: 14px;}
		#causative .h1 .search label {width: 50px;line-height: 38px;text-align: center;font-size: 22px;background: #fff;color: #1E78BE;cursor: pointer;user-select: none;transition: .3s;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
		#causative .h1 .search label:hover{font-size: 30px;}

		#causative .cont {padding-top: 30px;display: flex;flex-wrap: wrap;margin: 0 15px;}
		#causative .cont li{width: 25%;padding: 5px;box-sizing: border-box;}
		#causative .cont li input[type=checkbox] {display: none;}
		#causative .cont li input[type=checkbox]:checked + label {border: 1px solid #1E78BE;color: #fff;background: #1E78BE}
		#causative .cont li .item {transition: .3s; display: block;height: 40px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;line-height: 40px;border: 1px dashed #dedfe0;cursor: pointer;user-select: none;font-size: 14px;padding: 0 10px;color: #555;}
		#causative .cont li .item:hover{color: #1E78BE;border: 1px solid #1E78BE;}

		#causative .page {height: 60px;display: flex;align-items: center;font-size: 14px;margin: 0 20px;}
		#causative .page > p {display: flex;align-items: center;}
		#causative .page .total {padding: 0 5px;}
		#causative .page > p:last-of-type{margin-left: auto;}
		#causative .page > p > img {width: 14px;height: 14px;border-top: 1px solid #dedfe0;border-bottom: 1px solid #dedfe0;border-left: 1px solid #dedfe0;padding: 5px;cursor: pointer;}
		#causative .page > p > img:last-of-type{border-right: 1px solid #dedfe0;}
		#causative .page > p > input {border: 1px solid #dedfe0;width: 70px;height: 24px;text-align: center;}
		#causative .page > p > label {padding: 0 10px;background: #f1f3f4;height: 24px;border-top: 1px solid #dedfe0;border-bottom: 1px solid #dedfe0;line-height: 24px;}
		#causative .page > p > select {margin-right: 20px;text-indent: 10px;width: 60px;border: none;}

		#causative .h2 {margin-top: 20px;height: 40px;line-height: 40px;background: #1E78BE;font-size: 16px;color: #fff;text-indent: 2em;position: relative;}
		#causative .h2::before,
		#causative .h2::after{content: '';position: absolute;width: 5px;background: #fff;}
		#causative .h2::before{top: 5px;bottom: 5px;left: 8px;}
		#causative .h2::after{top: 10px;bottom: 10px;left: 19px;}
		#causative .description {margin-top: 20px;width: 100%;height: 100px;resize: none;padding: 10px;box-sizing: border-box;font-size: 13px;line-height: 24px;text-align: justify;overflow: hidden;border: 1px solid #dedfe0;}
	}
	/* 手机屏 */
	@media screen and (max-width: 600px){
		#causative {padding: 0 20px;}
		#causative .h1{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
		#causative .h1 .name {color: #fff;font-size: 14px;line-height: 36px;box-sizing: border-box;background: #1E78BE;text-indent: 1.3em;position: relative;width: 120px;}
		#causative .h1 .name::before,
		#causative .h1 .name::after{content: '';position: absolute;width: 3px;background: #fff;}
		#causative .h1 .name::before{top: 7px;bottom: 7px;left: 4px;}
		#causative .h1 .name::after{top: 12px;bottom: 12px;left: 10px;}
		#causative .h1 .search {flex: 1;height: 36px;border: 1px solid #1E78BE;box-sizing: border-box;display: flex;border-top-right-radius: 20px;border-bottom-right-radius: 20px}
		#causative .h1 .search input {border: none;flex: 1;height: 100%;text-indent: 1em;font-size: 12px;}
		#causative .h1 .search label {width: 40px;line-height: 36px;text-align: center;font-size: 20px;background: #fff;color: #1E78BE;cursor: pointer;user-select: none;transition: .3s;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}

		#causative .cont {display: flex;flex-wrap: wrap;justify-content: space-between;height: 200px;overflow: auto;background: #f1f3f4;padding: 10px;}
		#causative .cont li {width: 48%;padding: 5px 0;}
		#causative .cont li input[type=checkbox] {display: none;}
		#causative .cont li input[type=checkbox]:checked + label {border: 1px solid #1E78BE;color: #fff;background: #1E78BE}

		#causative .cont li .item {transition: .3s;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;line-height: 2;border: 1px dashed #dedfe0;cursor: pointer;user-select: none;font-size: 14px;padding: 0 10px;color: #555;}
		#causative .page {display: flex;justify-content: flex-end;padding: 10px 0;}
		#causative .page div {width: 60px;line-height: 2;text-align: center;color: #555;margin-left: 10px;font-size: 12px;background: #f1f3f4;border: 1px solid #dedfe0;}
		#causative .h2 {margin: 10px 0;height: 36px;line-height: 36px;background: #1E78BE;font-size: 14px;color: #fff;text-indent: 1.3em;position: relative;}
		#causative .h2::before,
		#causative .h2::after{content: '';position: absolute;width: 3px;background: #fff;}
		#causative .h2::before{top: 7px;bottom: 7px;left: 4px;}
		#causative .h2::after{top: 12px;bottom: 12px;left: 10px;}
		
		#causative .page {height: 30px;display: flex;align-items: center;font-size: 14px;}
		#causative .page > p {display: flex;align-items: center;margin-left: auto;}
		#causative .page > p > img {width: 14px;height: 14px;border-top: 1px solid #dedfe0;border-bottom: 1px solid #dedfe0;border-left: 1px solid #dedfe0;padding: 5px;cursor: pointer;}
		#causative .page > p > img:last-of-type{border-right: 1px solid #dedfe0;}
		#causative .page > p > input {border: 1px solid #dedfe0;width: 70px;height: 24px;text-align: center;}
		#causative .page > p > label {padding: 0 10px;background: #f1f3f4;height: 24px;border-top: 1px solid #dedfe0;border-bottom: 1px solid #dedfe0;line-height: 24px;}

		#causative .description {width: 100%;min-height: 100px;border: 1px solid #1E78BE;padding: 5px;box-sizing: border-box;font-size: 12px;line-height: 2;text-align: justify;overflow: hidden;border-radius: 3px;}
	}
/* 致病基因鉴定 end*/

/* 肿瘤精准用药 */
	@media screen and (min-width: 600px) {
		#tumor .h1 {display: flex;border: 1px solid #1E78BE;height: 40px;box-sizing: border-box;font-size: 16px;}
		#tumor .h1 li {flex: 1;line-height: 38px;text-align: center;background: #fff;color: #1E78BE;background: #E5F3FF;cursor: pointer;user-select: none;}
		#tumor .h1 .selected {background: #1E78BE;color: #fff;}

		#tumor .h2 {padding: 20px;}
		#tumor .h2 > li {display: none;}
		#tumor .h2 > li ul {display: flex;flex-wrap: wrap;border-bottom: 1px solid #1E78BE;border-right: 1px solid #1E78BE;}
		#tumor .h2 > li ul li {border-top: 1px solid #1E78BE;border-left: 1px solid #1E78BE;line-height: 30px;flex-grow: 1;padding: 0 15px;text-align: center;font-size: 14px;background: #E5F3FF;cursor: pointer;user-select: none;}
		#tumor .h2 > li ul .selected {background: #1E78BE;color: #fff;}
		#tumor .h2 > li ul li:hover{background: #1E78BE;color: #fff;}

		#tumor .yesBox {font-size: 12px;padding: 0 20px;}
		#tumor .yesBox > div {display: flex;margin: 10px 0;border: 1px solid #222;}
		#tumor .yesBox .h3 {width: 10%;display: flex;align-items: center;justify-content: center;}
		#tumor .yesBox table {flex: 1;}
		#tumor .yesBox table td{line-height: 26px;padding-left: 5px;box-sizing: border-box;border-left: 1px solid #222;border-bottom: 1px solid #222;}
		#tumor .yesBox table tr td:first-of-type{width: 50px;}
		#tumor .yesBox input[type=checkbox]{vertical-align: middle;margin-right: 3px;}

		#tumor .h4 {margin-top: 20px;height: 40px;line-height: 40px;background: #1E78BE;font-size: 16px;color: #fff;text-indent: 2em;position: relative;}
		#tumor .h4::before,
		#tumor .h4::after{content: '';position: absolute;width: 5px;background: #fff;}
		#tumor .h4::before{top: 5px;bottom: 5px;left: 8px;}
		#tumor .h4::after{top: 10px;bottom: 10px;left: 19px;}

		#tumor_a .h1{display: flex;align-items: center;justify-content: space-between;}
		#tumor_a .h1 .name {flex: 1;color: #fff;font-size: 16px;height: 40px;line-height: 40px;box-sizing: border-box;background: #1E78BE;text-indent: 2em;position: relative;}
		#tumor_a .h1 .name::before,
		#tumor_a .h1 .name::after{content: '';position: absolute;width: 5px;background: #fff;}
		#tumor_a .h1 .name::before{top: 5px;bottom: 5px;left: 8px;}
		#tumor_a .h1 .name::after{top: 10px;bottom: 10px;left: 19px;}
		#tumor_a .box {display: flex;flex-wrap: wrap;padding: 20px 0;}
		#tumor_a .box li {margin: 10px 0;width: 25%;display: flex;align-items: center;justify-content: center;box-sizing: border-box;}
		#tumor_a .box li input{display: none;}
		#tumor_a .box li input[type=checkbox]:checked + label {background: #1E78BE;color: #fff;border: 1px solid #1E78BE;}
		#tumor_a .box li label {width: 90%;line-height: 40px;border: 1px dashed #ccc;font-size: 14px;text-align: center;transition: .3s;}
		#tumor_a .box li label:hover{border: 1px solid #1E78BE;}
		#tumor_a .description {margin-top: 20px;width: 100%;height: 100px;resize: none;padding: 10px;box-sizing: border-box;font-size: 13px;line-height: 24px;text-align: justify;overflow: hidden;border: 1px solid #dedfe0;}
	}
	@media screen and (max-width: 600px) {
		#tumor {padding: 0 20px;}
		#tumor .h1 {display: flex;border: 1px solid #1E78BE;height: 30px;box-sizing: border-box;font-size: 14px;}
		#tumor .h1 li {flex: 1;line-height: 28px;text-align: center;background: #fff;color: #1E78BE;background: #E5F3FF;cursor: pointer;user-select: none;}
		#tumor .h1 .selected {background: #1E78BE;color: #fff;}

		#tumor .h2 {margin: 20px 0;}
		#tumor .h2 > li {display: none;}
		#tumor .h2 > li ul {display: flex;flex-wrap: wrap;border-bottom: 1px solid #1E78BE;border-right: 1px solid #1E78BE;}
		#tumor .h2 > li ul li {border-top: 1px solid #1E78BE;border-left: 1px solid #1E78BE;line-height: 30px;flex-grow: 1;padding: 0 15px;text-align: center;font-size: 14px;background: #E5F3FF;cursor: pointer;user-select: none;}
		#tumor .h2 > li ul .selected {background: #1E78BE;color: #fff;}
		#tumor .h2 > li ul li:hover{background: #1E78BE;color: #fff;}

		#tumor .yesBox {font-size: 12px;overflow: auto;}
		#tumor .yesBox > div {display: flex;margin: 10px 0;border: 1px solid #222; width: 1000px;}
		#tumor .yesBox .h3 {width: 10%;display: flex;align-items: center;justify-content: center;}
		#tumor .yesBox table {flex: 1;}
		#tumor .yesBox table td{line-height: 26px;padding-left: 5px;box-sizing: border-box;border-left: 1px solid #222;border-bottom: 1px solid #222;}
		#tumor .yesBox table tr td:first-of-type{width: 50px;}
		#tumor .yesBox input[type=checkbox]{vertical-align: middle;margin-right: 3px;}

		#tumor .h4 {margin-top: 20px;height: 40px;line-height: 40px;background: #1E78BE;font-size: 14px;color: #fff;text-indent: 1.3em;position: relative;}
		#tumor .h4::before,
		#tumor .h4::after{content: '';position: absolute;width: 3px;background: #fff;}
		#tumor .h4::before{top: 7px;bottom: 7px;left: 4px;}
		#tumor .h4::after{top: 12px;bottom: 12px;left: 10px;}

		#tumor_a {padding: 0 20px;}
		#tumor_a .h1{display: flex;align-items: center;justify-content: space-between;}
		#tumor_a .h1 .name {flex: 1;color: #fff;font-size: 14px;height: 36px;line-height: 36px;box-sizing: border-box;background: #1E78BE;text-indent: 1.3em;position: relative;}
		#tumor_a .h1 .name::before,
		#tumor_a .h1 .name::after{content: '';position: absolute;width: 3px;background: #fff;}
		#tumor_a .h1 .name::before{top: 7px;bottom: 7px;left: 4px;}
		#tumor_a .h1 .name::after{top: 12px;bottom: 12px;left: 10px;}

		#tumor_a .box {display: flex;flex-wrap: wrap;padding: 20px 0;}
		#tumor_a .box li {margin: 5px 0;width: 50%;display: flex;box-sizing: border-box;}
		#tumor_a .box li input{display: none;}
		#tumor_a .box li input[type=checkbox]:checked + label {background: #1E78BE;color: #fff;border: 1px solid #1E78BE;}
		#tumor_a .box li label {width: 95%;line-height: 40px;border: 1px dashed #ccc;font-size: 13px;text-align: center;transition: .3s;}
		#tumor_a .box li label:hover{border: 1px solid #1E78BE;}
		#tumor_a .box li:nth-child(even) label{margin-left: auto;}
		#tumor_a .box li:nth-child(odd) label{margin-right: auto;}
		#tumor_a .description {margin-top: 10px;width: 100%;min-height: 100px;border: 1px solid #1E78BE;padding: 5px;box-sizing: border-box;font-size: 12px;line-height: 2;text-align: justify;overflow: hidden;border-radius: 3px;}
	}
/* 肿瘤精准用药 end*/

/* 慢病精准用药 */
	@media screen and (min-width: 600px) {
		#precise .h1{display: flex;align-items: center;justify-content: space-between;}
		#precise .h1 .name {flex: 1;color: #fff;font-size: 16px;height: 40px;line-height: 40px;box-sizing: border-box;background: #1E78BE;text-indent: 2em;position: relative;}
		#precise .h1 .name::before,
		#precise .h1 .name::after{content: '';position: absolute;width: 5px;background: #fff;}
		#precise .h1 .name::before{top: 5px;bottom: 5px;left: 8px;}
		#precise .h1 .name::after{top: 10px;bottom: 10px;left: 19px;}

		#precise .box {display: flex;flex-wrap: wrap;padding: 20px 0;}
		#precise .box li {margin: 10px 0;width: 25%;display: flex;align-items: center;justify-content: center;box-sizing: border-box;}
		#precise .box li input{display: none;}
		#precise .box li input[type=checkbox]:checked + label {background: #1E78BE;color: #fff;border: 1px solid #1E78BE;}
		#precise .box li label {width: 90%;line-height: 40px;border: 1px dashed #ccc;font-size: 14px;text-align: center;transition: .3s;}
		#precise .box li label:hover{border: 1px solid #1E78BE;}

		#precise .description {margin-top: 20px;width: 100%;height: 100px;resize: none;padding: 10px;box-sizing: border-box;font-size: 13px;line-height: 24px;text-align: justify;overflow: hidden;border: 1px solid #dedfe0;}
	}

	@media screen and (max-width: 600px) {
		#precise {padding: 0 20px;}
		#precise .h1{display: flex;align-items: center;justify-content: space-between;}
		#precise .h1 .name {flex: 1;color: #fff;font-size: 14px;height: 36px;line-height: 36px;box-sizing: border-box;background: #1E78BE;text-indent: 1.3em;position: relative;}
		#precise .h1 .name::before,
		#precise .h1 .name::after{content: '';position: absolute;width: 3px;background: #fff;}
		#precise .h1 .name::before{top: 7px;bottom: 7px;left: 4px;}
		#precise .h1 .name::after{top: 12px;bottom: 12px;left: 10px;}

		#precise .box {display: flex;flex-wrap: wrap;padding: 20px 0;}
		#precise .box li {margin: 5px 0;width: 50%;display: flex;box-sizing: border-box;}
		#precise .box li input{display: none;}
		#precise .box li input[type=checkbox]:checked + label {background: #1E78BE;color: #fff;border: 1px solid #1E78BE;}
		#precise .box li label {width: 95%;line-height: 40px;border: 1px dashed #ccc;font-size: 13px;text-align: center;transition: .3s;}
		#precise .box li label:hover{border: 1px solid #1E78BE;}
		#precise .box li:nth-child(even) label{margin-left: auto;}
		#precise .box li:nth-child(odd) label{margin-right: auto;}
		#precise .description {margin-top: 10px;width: 100%;min-height: 100px;border: 1px solid #1E78BE;padding: 5px;box-sizing: border-box;font-size: 12px;line-height: 2;text-align: justify;overflow: hidden;border-radius: 3px;}
	}


/* 慢病精准用药 */

/* 肿瘤风险 */
	/* 电脑屏 */
	@media screen and (min-width: 600px) {
		#cancer .h1 {display: flex;justify-content: space-around;align-items: center;height: 40px;font-size: 16px;background: #1E78BE;}
		#cancer .h1 li {display: flex;align-items: baseline;color: #fff;}
		#cancer .h1 li input[type=checkbox]{display: none;}
		#cancer .h1 li input[type=checkbox]:checked + label {color: #222;}
		#cancer .h1 li label {width: 14px;height: 14px;border: 1px solid #fff;border-radius: 2px;background: #fff;line-height: 14px;text-align: center;font-size: 12px;color: #fff;margin: 3px 10px 0 0;font-weight: bold;user-select: none;}
		
		#cancer .h2 {display: flex;flex-wrap: wrap;padding: 20px;}
		#cancer .h2 li {flex: 1;display: flex;align-items: center;justify-content: center;height: 40px;box-sizing: border-box;font-size: 14px;border-top: 1px solid #1E78BE;border-left: 1px solid #1E78BE;border-bottom: 1px solid #1E78BE;background: #E5F3FF;}
		#cancer .h2 li:last-of-type{border-right: 1px solid #1E78BE;}
		#cancer .h2 li input[type=checkbox]{display: none;}
		#cancer .h2 li input[type=checkbox]:checked + label {color: #222;}
		#cancer .h2 li label {width: 12px;height: 12px;border: 1px solid #888;border-radius: 2px;background: #eee;line-height: 12px;text-align: center;font-size: 12px;color: #eee;margin: 3px 10px 0 0;font-weight: bold;user-select: none;}
		
		#cancer .h3 {display: flex;flex-wrap: wrap;margin: 0 20px;border-top: 1px solid #222;border-left: 1px solid #222;}
		#cancer .h3 li {width: 25%;display: flex;align-items: center;height: 30px;box-sizing: border-box;font-size: 12px;border-right: 1px solid #222;border-bottom: 1px solid #222;padding-left: 10px;}
		#cancer .h3 li input[type=checkbox] {margin-right: 10px;}

		#cancer .h4 {margin-top: 20px;height: 40px;line-height: 40px;background: #1E78BE;font-size: 16px;color: #fff;text-indent: 2em;position: relative;}
		#cancer .h4::before,
		#cancer .h4::after{content: '';position: absolute;width: 5px;background: #fff;}
		#cancer .h4::before{top: 5px;bottom: 5px;left: 8px;}
		#cancer .h4::after{top: 10px;bottom: 10px;left: 19px;}
	}
	/* 手机屏 */
	@media screen and (max-width: 600px){
		#cancer {
			padding: 0 20px;
		}
		#cancer .h1 {
			display: flex;
			flex-direction: column;
			font-size: 14px;
			background: #1E78BE;
		}
		#cancer .h1 li {
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			height: 30px;
			border-top: 1px solid #fff;
		}
		#cancer .h1 li input[type=checkbox]{display: none;}
		#cancer .h1 li input[type=checkbox]:checked + label {color: #222;}
		#cancer .h1 li label {width: 14px;height: 14px;border: 1px solid #fff;border-radius: 2px;background: #fff;line-height: 14px;text-align: center;font-size: 12px;color: #fff;margin: 3px 10px 0 0;font-weight: bold;user-select: none;}

		#cancer .h2 {display: flex;flex-wrap: wrap;margin-top: 20px;border-bottom: 1px solid #1E78BE;border-right: 1px solid #1E78BE;}
		#cancer .h2 li {
			width: 50%;
			display: flex;
			align-items: center;
			height: 30px;
			box-sizing: border-box;
			font-size: 14px;
			border-top: 1px solid #1E78BE;
			border-left: 1px solid #1E78BE;
			background: #E5F3FF;
		}
		#cancer .h2 li input[type=checkbox]{display: none;}
		#cancer .h2 li input[type=checkbox]:checked + label {color: #222;}
		#cancer .h2 li label {width: 12px;height: 12px;border: 1px solid #888;border-radius: 2px;background: #eee;line-height: 12px;text-align: center;font-size: 12px;color: #eee;margin: 3px 10px 0 10px;font-weight: bold;user-select: none;}

		#cancer .h3 {
			display: flex;
			flex-wrap: wrap;
			margin-top: 20px;
			border-top: 1px solid #222;
			border-left: 1px solid #222;
		}
		#cancer .h3 li {
			width: 50%;
			display: flex;
			align-items: center;
			height: 30px;
			box-sizing: border-box;
			font-size: 12px;
			border-right: 1px solid #222;
			border-bottom: 1px solid #222;
			padding-left: 10px;
			line-height: 1.2;
		}
		#cancer .h3 li input[type=checkbox] {margin-right: 10px;}

		#cancer .h4 {margin-top: 20px;height: 40px;line-height: 40px;background: #1E78BE;font-size: 14px;color: #fff;text-indent: 1.3em;position: relative;}
		#cancer .h4::before,
		#cancer .h4::after{content: '';position: absolute;width: 3px;background: #fff;}
		#cancer .h4::before{top: 7px;bottom: 7px;left: 4px;}
		#cancer .h4::after{top: 12px;bottom: 12px;left: 10px;}
	}
/* 肿瘤风险 end*/

/* 重大疾病风险 */
	/* 电脑屏 */
	@media screen and (min-width: 600px) {
		#disease .h1 {display: flex;justify-content: space-around;align-items: center;height: 40px;font-size: 16px;background: #1E78BE;}
		#disease .h1 li {display: flex;align-items: baseline;color: #fff;}
		#disease .h1 li input[type=checkbox]{display: none;}
		#disease .h1 li input[type=checkbox]:checked + label {color: #222;}
		#disease .h1 li label {width: 14px;height: 14px;border: 1px solid #fff;border-radius: 2px;background: #fff;line-height: 14px;text-align: center;font-size: 12px;color: #fff;margin: 3px 10px 0 0;font-weight: bold;user-select: none;}

		#disease .h2 {display: flex;flex-wrap: wrap;margin: 20px;border-top: 1px solid #1E78BE;border-left: 1px solid #1E78BE;}
		#disease .h2 li {flex-grow: 1;min-width: 19%;display: flex;align-items: center;justify-content: center;height: 40px;font-size: 14px;border-right: 1px solid #1E78BE;border-bottom: 1px solid #1E78BE;background: #E5F3FF;}
		#disease .h2 li input[type=checkbox]{display: none;}
		#disease .h2 li input[type=checkbox]:checked + label {color: #222;}
		#disease .h2 li label {width: 12px;height: 12px;border: 1px solid #888;border-radius: 2px;background: #eee;line-height: 12px;text-align: center;font-size: 12px;color: #eee;margin: 3px 10px 0 0;font-weight: bold;user-select: none;}
		
		#disease .h3 {display: flex;flex-wrap: wrap;margin: 0 20px;border-top: 1px solid #222;border-left: 1px solid #222;}
		#disease .h3 li {width: 20%;display: flex;align-items: center;height: 30px;box-sizing: border-box;font-size: 12px;border-right: 1px solid #222;border-bottom: 1px solid #222;padding-left: 10px;}
		#disease .h3 li input[type=checkbox] {margin-right: 10px;}

		#disease .h4 {margin-top: 20px;height: 40px;line-height: 40px;background: #1E78BE;font-size: 16px;color: #fff;text-indent: 2em;position: relative;}
		#disease .h4::before,
		#disease .h4::after{content: '';position: absolute;width: 5px;background: #fff;}
		#disease .h4::before{top: 5px;bottom: 5px;left: 8px;}
		#disease .h4::after{top: 10px;bottom: 10px;left: 19px;}
	}
	/* 手机屏 */
	@media screen and (max-width: 600px) {
		#disease {
			padding: 0 20px;
		}
		#disease .h1 {
			display: flex;
			flex-direction: column;
			font-size: 14px;
			background: #1E78BE;
		}
		#disease .h1 li {
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			height: 30px;
			border-top: 1px solid #fff;
		}
		#disease .h1 li input[type=checkbox]{display: none;}
		#disease .h1 li input[type=checkbox]:checked + label {color: #222;}
		#disease .h1 li label {width: 14px;height: 14px;border: 1px solid #fff;border-radius: 2px;background: #fff;line-height: 14px;text-align: center;font-size: 12px;color: #fff;margin: 3px 10px 0 0;font-weight: bold;user-select: none;}
		#disease .h2 {display: flex;flex-wrap: wrap;margin-top: 20px;border-bottom: 1px solid #1E78BE;border-right: 1px solid #1E78BE;}
		#disease .h2 li {
			width: 50%;
			display: flex;
			align-items: center;
			height: 30px;
			box-sizing: border-box;
			font-size: 14px;
			border-top: 1px solid #1E78BE;
			border-left: 1px solid #1E78BE;
			background: #E5F3FF;
		}
		#disease .h2 li:last-of-type {
			width: 100%;
		}
		#disease .h2 li input[type=checkbox]{display: none;}
		#disease .h2 li input[type=checkbox]:checked + label {color: #222;}
		#disease .h2 li label {width: 12px;height: 12px;border: 1px solid #888;border-radius: 2px;background: #eee;line-height: 12px;text-align: center;font-size: 12px;color: #eee;margin: 3px 10px 0 10px;font-weight: bold;user-select: none;}

		#disease .h3 {
			display: flex;
			flex-wrap: wrap;
			margin-top: 20px;
			border-top: 1px solid #222;
			border-left: 1px solid #222;
		}
		#disease .h3 li {
			width: 50%;
			display: flex;
			align-items: center;
			height: 30px;
			box-sizing: border-box;
			font-size: 12px;
			border-right: 1px solid #222;
			border-bottom: 1px solid #222;
			padding-left: 10px;
			line-height: 1.2;
		}
		#disease .h3 li input[type=checkbox] {margin-right: 10px;}

		#disease .h4 {margin-top: 20px;height: 40px;line-height: 40px;background: #1E78BE;font-size: 14px;color: #fff;text-indent: 1.3em;position: relative;}
		#disease .h4::before,
		#disease .h4::after{content: '';position: absolute;width: 3px;background: #fff;}
		#disease .h4::before{top: 7px;bottom: 7px;left: 4px;}
		#disease .h4::after{top: 12px;bottom: 12px;left: 10px;}
	}
/* 重大疾病风险 end*/

/* 儿童天赋 */
	/* 电脑屏 */
	@media screen and (min-width: 600px) {
		#talent .h1 {height: 40px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;background: #1E78BE;font-size: 16px;color: #fff;}
		#talent .h1 input[type=checkbox]{display: none;}
		#talent .h1 input[type=checkbox]:checked + label {color: #222;}
		#talent .h1 label {width: 14px;height: 14px;border: 1px solid #fff;border-radius: 2px;background: #eee;line-height: 14px;text-align: center;font-size: 12px;color: #eee;margin: 3px 10px 0 0;font-weight: bold;user-select: none;}
		
		#talent .h2 {display: flex;margin: 20px;border-top: 1px solid #1E78BE;border-left: 1px solid #1E78BE;}
		#talent .h2 li {flex-grow: 1;display: flex;align-items: center;justify-content: center;height: 40px;font-size: 14px;border-right: 1px solid #1E78BE;border-bottom: 1px solid #1E78BE;background: #E5F3FF;}
		#talent .h2 li input[type=checkbox]{display: none;}
		#talent .h2 li input[type=checkbox]:checked + label {color: #222;}
		#talent .h2 li label {width: 12px;height: 12px;border: 1px solid #888;border-radius: 2px;background: #eee;line-height: 12px;text-align: center;font-size: 12px;color: #eee;margin: 3px 10px 0 0;font-weight: bold;user-select: none;}
		
		#talent .h3 {display: flex;flex-wrap: wrap;margin: 0 20px;border-top: 1px solid #222;border-left: 1px solid #222;}
		#talent .h3 li {width: 20%;display: flex;align-items: center;height: 30px;box-sizing: border-box;font-size: 12px;border-right: 1px solid #222;border-bottom: 1px solid #222;padding-left: 10px;}
		#talent .h3 li input[type=checkbox] {margin-right: 10px;}

		#talent .h4 {margin-top: 20px;height: 40px;line-height: 40px;background: #1E78BE;font-size: 16px;color: #fff;text-indent: 2em;position: relative;}
		#talent .h4::before,
		#talent .h4::after{content: '';position: absolute;width: 5px;background: #fff;}
		#talent .h4::before{top: 5px;bottom: 5px;left: 8px;}
		#talent .h4::after{top: 10px;bottom: 10px;left: 19px;}
	}
	/* 手机屏 */
	@media screen and (max-width: 600px) {
		#talent {padding: 0 20px;}
		#talent .h1 {height: 30px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;background: #1E78BE;font-size: 14px;color: #fff;}
		#talent .h1 input[type=checkbox]{display: none;}
		#talent .h1 input[type=checkbox]:checked + label {color: #222;}
		#talent .h1 label {width: 14px;height: 14px;border: 1px solid #fff;border-radius: 2px;background: #eee;line-height: 14px;text-align: center;font-size: 12px;color: #eee;margin: 3px 10px 0 0;font-weight: bold;user-select: none;}
		
		#talent .h2 {display: flex;margin: 20px 0;border-top: 1px solid #1E78BE;border-left: 1px solid #1E78BE;}
		#talent .h2 li {flex-grow: 1;display: flex;align-items: center;justify-content: center;height: 30px;font-size: 14px;border-right: 1px solid #1E78BE;border-bottom: 1px solid #1E78BE;background: #E5F3FF;}
		#talent .h2 li input[type=checkbox]{display: none;}
		#talent .h2 li input[type=checkbox]:checked + label {color: #222;}
		#talent .h2 li label {width: 12px;height: 12px;border: 1px solid #888;border-radius: 2px;background: #eee;line-height: 12px;text-align: center;font-size: 12px;color: #eee;margin: 3px 10px 0 0;font-weight: bold;user-select: none;}
		
		#talent .h3 {display: flex;flex-wrap: wrap;border-top: 1px solid #222;border-left: 1px solid #222;}
		#talent .h3 li {width: 50%;display: flex;align-items: center;height: 30px;box-sizing: border-box;font-size: 12px;border-right: 1px solid #222;border-bottom: 1px solid #222;padding-left: 10px;}
		#talent .h3 li input[type=checkbox] {margin-right: 10px;}

		#talent .h4 {margin-top: 20px;height: 40px;line-height: 40px;background: #1E78BE;font-size: 14px;color: #fff;text-indent: 1.3em;position: relative;}
		#talent .h4::before,
		#talent .h4::after{content: '';position: absolute;width: 3px;background: #fff;}
		#talent .h4::before{top: 7px;bottom: 7px;left: 4px;}
		#talent .h4::after{top: 12px;bottom: 12px;left: 10px;}
	}

/* 儿童天赋 end*/

/* 儿童健康 */
	/* 电脑屏 */
	@media screen and (min-width: 600px) {
		#assurance .h1 {height: 40px;display: flex;align-items: center;justify-content: center;background: #1E78BE;font-size: 16px;color: #fff;}
		#assurance .h1 input[type=checkbox]{display: none;}
		#assurance .h1 input[type=checkbox]:checked + label {color: #222;}
		#assurance .h1 label {width: 14px;height: 14px;border: 1px solid #fff;border-radius: 2px;background: #fff;line-height: 14px;text-align: center;font-size: 12px;color: #fff;margin: 3px 10px 0 0;font-weight: bold;user-select: none;}
		
		#assurance .h2 {display: flex;margin: 20px;border-top: 1px solid #1E78BE;border-left: 1px solid #1E78BE;}
		#assurance .h2 li {flex-grow: 1;display: flex;align-items: center;justify-content: center;height: 40px;font-size: 14px;border-right: 1px solid #1E78BE;border-bottom: 1px solid #1E78BE;background: #E5F3FF;}
		#assurance .h2 li input[type=checkbox]{display: none;}
		#assurance .h2 li input[type=checkbox]:checked + label {color: #222;}
		#assurance .h2 li label {width: 12px;height: 12px;border: 1px solid #888;border-radius: 2px;background: #fff;line-height: 12px;text-align: center;font-size: 12px;color: #fff;margin: 3px 10px 0 0;font-weight: bold;user-select: none;}
		
		#assurance .h3 {display: flex;flex-wrap: wrap;margin: 0 20px;border-top: 1px solid #222;border-left: 1px solid #222;}
		#assurance .h3 li {width: 20%;display: flex;align-items: center;height: 30px;box-sizing: border-box;font-size: 12px;border-right: 1px solid #222;border-bottom: 1px solid #222;padding-left: 10px;}
		#assurance .h3 li input[type=checkbox] {margin-right: 10px;}

		#assurance .h4 {margin-top: 20px;height: 40px;line-height: 40px;background: #1E78BE;font-size: 16px;color: #fff;text-indent: 2em;position: relative;}
		#assurance .h4::before,
		#assurance .h4::after{content: '';position: absolute;width: 5px;background: #fff;}
		#assurance .h4::before{top: 5px;bottom: 5px;left: 8px;}
		#assurance .h4::after{top: 10px;bottom: 10px;left: 19px;}
	}
	/* 手机屏 */
	@media screen and (max-width: 600px) {
		#assurance {padding: 0 20px;}
		#assurance .h1 {height: 30px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;background: #1E78BE;font-size: 14px;color: #fff;}
		#assurance .h1 input[type=checkbox]{display: none;}
		#assurance .h1 input[type=checkbox]:checked + label {color: #222;}
		#assurance .h1 label {width: 14px;height: 14px;border: 1px solid #fff;border-radius: 2px;background: #eee;line-height: 14px;text-align: center;font-size: 12px;color: #eee;margin: 3px 10px 0 0;font-weight: bold;user-select: none;}
	
		#assurance .h2 {display: flex;flex-wrap: wrap; margin: 20px 0;border-top: 1px solid #1E78BE;border-left: 1px solid #1E78BE;}
		#assurance .h2 li {width: 50%;box-sizing: border-box; display: flex;align-items: center;height: 30px;font-size: 14px;border-right: 1px solid #1E78BE;border-bottom: 1px solid #1E78BE;background: #E5F3FF;}
		#assurance .h2 li input[type=checkbox]{display: none;}
		#assurance .h2 li input[type=checkbox]:checked + label {color: #222;}
		#assurance .h2 li label {width: 12px;height: 12px;border: 1px solid #888;border-radius: 2px;background: #fff;line-height: 12px;text-align: center;font-size: 12px;color: #fff;margin: 3px 10px 0 10px;font-weight: bold;user-select: none;}
		
		#assurance .h3 {display: flex;flex-wrap: wrap;border-top: 1px solid #222;border-left: 1px solid #222;}
		#assurance .h3 li {width: 50%;display: flex;align-items: center;height: 30px;box-sizing: border-box;font-size: 12px;border-right: 1px solid #222;border-bottom: 1px solid #222;padding-left: 10px;line-height: 1.2;}
		#assurance .h3 li input[type=checkbox] {margin-right: 10px;}

		#assurance .h4 {margin-top: 20px;height: 40px;line-height: 40px;background: #1E78BE;font-size: 14px;color: #fff;text-indent: 1.3em;position: relative;}
		#assurance .h4::before,
		#assurance .h4::after{content: '';position: absolute;width: 3px;background: #fff;}
		#assurance .h4::before{top: 7px;bottom: 7px;left: 4px;}
		#assurance .h4::after{top: 12px;bottom: 12px;left: 10px;}
	}
/* 儿童健康 end*/

/* 知情同意书 */
	/* 电脑端 */
	@media screen and (min-width: 600px){
		#consent {margin: 40px auto;width: 210mm;background: #fff;padding: 10mm 15mm;border: 1px solid #dedfe0;box-sizing: border-box;}
		#consent .top {border-bottom: 1px solid #dedfe0;display: flex;align-items: flex-end;justify-content: space-between;padding-bottom: 10px;}
		#consent .top img {width: 150px;}
		#consent .top span {font-size: 16px;}
		#consent .title{height: 60px;text-align: center;line-height: 60px;font-size: 18px;color: #1E78BE;font-weight: bold;}
		#consent .t1 {height: 30px;font-size: 14px;color: #1E78BE;font-weight: bold;line-height: 30px;}
		#consent .t2 {font-size: 12px;text-indent: 2em;line-height: 22px;text-align: justify;}
		#consent .botton {border-top: 1px solid #dedfe0;height: 30px;display: flex;align-items: center;margin-top: 10px;}
		#consent .botton input {display: none;}
		#consent .botton input[type=checkbox]:checked + label {background: #1E78BE;}
		#consent .botton label {width: 14px;height: 14px;border: 1px solid #1E78BE;line-height: 14px;text-align: center;font-size: 12px;border-radius: 2px;margin-right: 10px;color: #fff;cursor: pointer;user-select: none;}
		#consent .botton span {font-size: 14px;color: #3492E1;font-weight: bold;}
	}
	/* 手机端 */
	@media screen and (max-width: 600px){
		#consent {padding: 0 20px 80px 20px;}
		#consent .t1 {line-height: 2; font-size: 14px;color: #1E78BE;font-weight: bold;margin-bottom: 7px;}
		#consent .t2 {font-size: 12px;text-indent: 2em;line-height: 2;text-align: justify;margin-bottom: 6px;}
		#single .button_m {position: fixed;left: 0;right: 0;bottom: 50px;background: #fff;padding: 10px 20px;box-shadow: 0 -10px 10px #ccc;}
		#single .button_m .top {display: flex;justify-content: center;align-items: center;}
		#single .button_m .top input {display: none;}
		#single .button_m .top input[type=checkbox]:checked + label {background: #3CA738;}
		#single .button_m .top label {width: 14px;height: 14px;border: 1px solid #3CA738;line-height: 14px;text-align: center;font-size: 12px;border-radius: 2px;margin-right: 10px;color: #fff;cursor: pointer;user-select: none;}
		#single .button_m .button {font-size: 14px;line-height: 2;text-align: center;background: #3CA738;color: #fff;margin-top: 10px;}
	}
/* 知情同意书 end*/

/* 申请单 */
	@media screen and (min-width: 600px) {
		#requ {margin: 40px auto;width: 800px;padding: 10mm 15mm;border: 1px solid #dedfe0;box-sizing: border-box;min-height: 200mm;}
		#requ .top_pc {border-bottom: 1px solid #dedfe0;display: flex;align-items: flex-end;justify-content: space-between;padding-bottom: 10px;}
		#requ .top_pc img {width: 150px;}
		#requ .top_pc span {font-size: 16px;}
		#requ .title_pc {height: 60px;text-align: center;line-height: 60px;font-size: 18px;color: #1E78BE;font-weight: bold;}
		#requ .title_m {display: none;}
	}
	@media screen and (max-width: 600px) {
		#requ {position: fixed;top: 96px;left: 0;right: 0;bottom: 50px;overflow: auto;padding: 0 20px 20px 20px;}
		#requ .top_pc {display: none;}
		#requ .title_pc {display: none;}
		#requ .title_m {font-size: 22px;letter-spacing: 1px;color: #1E78BE;line-height: 4;text-align: center;}
	}
	#requ .progress  {padding-bottom: 20px;}
	#requ .progress .t {font-size: 12px;line-height: 2.6;text-align: center;color: #1E78BE;}
	#requ .progress .article {position: relative;height: 14px;border-radius: 10px;box-sizing: border-box;overflow: hidden;background: #f1f3f4;box-shadow: 5px 5px 5px #ddd inset;max-width: 600px;margin: 0 auto;}
	#requ .progress .article .arti{position: absolute;top: 0;bottom: 0;left: 0;width: 0;border-radius: 10px;background: #1E78BE;overflow: hidden;}
	#requ .wrap {display: none;}
	#requ .prompt {padding: 10px 0;border-bottom: 1px dashed #dedfe0;max-width: 500px;margin: 0 auto;}
	#requ .prompt .ti {font-size: 16px;line-height: 3;text-align: center;color: #1E78BE;}
	#requ .prompt .tit {font-size: 15px;line-height: 2;font-weight: bold;text-align: justify;}
	#requ .prompt .answer {font-size: 14px;line-height: 1.6;text-align: justify;margin: 10px 0;color: #888;}
	#requ .prompt .but {display: flex;justify-content: center;padding-top: 10px;}
	#requ .prompt .but div {width: 80px;height: 20px;border: 1px solid #1E78BE;margin: 0 20px;font-size: 12px;line-height: 20px;text-align: center;color: #1E78BE;border-radius: 3px;background: rgba(33,150,243,.1);cursor: pointer;user-select: none;}
	#requ .wrap .title {font-size: 16px;line-height: 3;text-align: center;color: #1E78BE;}
	#requ .wrap .titl {font-size: 15px;line-height: 3;text-align: center;color: #1E78BE;}
	#requ .wrap .text-t {font-size: 12px;line-height: 2;text-align: justify;text-indent: 2em;max-width: 500px;margin: 10px auto;}
	#requ .wrap .item {display: flex;align-items: center;padding: 5px 0;max-width: 500px;margin: 0 auto;}
	#requ .wrap .item .name-a {padding-right: 10px;line-height: 30px;font-size: 14px;}
	#requ .wrap .item .name-b {font-size: 15px;flex: 1;line-height: 1.6;color: #1E78BE;letter-spacing: 1px;border-bottom: 1px dashed #dedfe0;}
	#requ .wrap .item .name-c {line-height: 30px;font-size: 14px;width: 140px;}
	#requ .wrap .item .input {height: 30px;border: 1px solid #dedfe0;text-indent: 5px;font-size: 12px;box-sizing: border-box;min-width: 20px;flex: 1;}
	#requ .wrap .item .radio-box {height: 30px;flex: 1;display: flex;align-items: center;justify-content: space-around;max-width: 300px;}
	#requ .wrap .item .radio-box .ra {display: flex;align-items: center;justify-content: space-between;width: 60px;}
	#requ .wrap .item .radio-box .radio {width: 20px;height: 20px;border: 1px solid #dedfe0;box-sizing: border-box;border-radius: 50%;display: flex;justify-content: center;align-items: center;background: #fff;}
	#requ .wrap .item .radio-box .radio > span {background: #fff;width: 10px;height: 10px;border-radius: 50%;}
	#requ .wrap .item .radio-box input[type=radio] {display: none;}
	#requ .wrap .item .radio-box .ra input[type=radio]:checked + label > span {background: #2196F3;}
	#requ .wrap .item .radio-box .ra input[type=radio]:checked + label {border: 1px solid #2196F3;box-shadow: 0 0 10px #2196F3;}
	#requ .wrap .item .button {width: 80px;line-height: 30px;text-align: center;color: #fff;font-size: 12px;margin: 10px auto 0 auto;background: #1E78BE;cursor: pointer;user-select: none;}
	#requ .wrap .item .checkbox {width: 18px;height: 18px;border: 1px solid #dedfe0;background: #fff;border-radius: 3px;font-size: 16px;text-align: center;line-height: 18px;font-weight: bold;color: #fff;user-select: none;}
	#requ .wrap .item .checkbox-text-a {width: 70px;font-size: 14px;padding: 0 10px;}
	#requ .wrap .item .checkbox-text-b {font-size: 14px;padding: 0 10px;}
	#requ .wrap .item input[type=checkbox]{display: none;}
	#requ .wrap .item input[type=checkbox]:checked + label {color: #2196F3;border: 1px solid #2196F3;}
	#requ .wrap .item .oper {height: 30px;border-radius: 3px;margin-top: 10px;display: flex;align-items: center;justify-content: center;cursor: pointer;user-select: none;}
	#requ .wrap .item .add {width: 60%;color: #2196F3;border: 1px solid #2196F3;background: rgba(33,150,243,.1);}
	#requ .wrap .item .del {width: 35%;margin-left: auto;color: #EA4335;border: 1px solid #EA4335;background: rgba(234,67,53,.1);}
	#requ .wrap .item .oper .t {height: 100%;font-size: 12px;line-height: 30px;}
	#requ .wrap .item .oper .i {height: 100%;font-size: 20px;margin-right: 5px;line-height: 26px;}
/* 申请单 end*/

/* 申请单 */
	#requisition {margin: 40px auto;width: 210mm;background: #fff;padding: 10mm 15mm;border: 1px solid #dedfe0;box-sizing: border-box;}
	#requisition .top {border-bottom: 1px solid #dedfe0;display: flex;align-items: flex-end;justify-content: space-between;padding-bottom: 10px;}
	#requisition .top img {width: 150px;}
	#requisition .top span {font-size: 16px;}
	#requisition .title{height: 60px;text-align: center;line-height: 60px;font-size: 18px;color: #1E78BE;font-weight: bold;}
	#requisition .cont {border: 1px solid #222;}
	#requisition .h1 {height: 30px;font-size: 14px;line-height: 30px;text-indent: 10px;background: #1E78BE;color: #fff;}
	#requisition .box1 {font-size: 12px;padding: 5px 0px 5px 5px;display: flex;flex-wrap: wrap; box-sizing: border-box;}
	#requisition .box1 li {padding: 5px;display: flex;display: -webkit-flex; align-items: center;}
	#requisition .box1 .tail {padding: 5px 0 5px 5px;}

	#requisition input[type=date],
	#requisition input[type=number],
	#requisition input[type=text] {border: none;border-bottom: 1px solid #ccc;background: #fff;font-size: 12px; height: 19px;}

	#requisition select {border: none; height: 20px;}

	#requisition .box2 {display: flex;}
	#requisition .box2 .left-title {flex: 1;font-size: 12px;display: flex;align-items: center;justify-content: center;border-right: 1px solid #222;}
	#requisition .box2 .description {width: 100%;resize: none;font-size: 12px;line-height: 20px;text-align: justify;overflow: hidden;border: none;}
	#requisition .box2 .description-box {width: 100%;font-size: 12px;line-height: 20px;text-align: justify;min-height: 48px;display: none;word-wrap: break-word;word-break: break-all;}
	
	#requisition .box3 {font-size: 12px;padding: 5px;}
	#requisition .box3 p {padding: 5px;text-align: justify;line-height: 20px;}

	#requisition .required {background: #EA4335;color: #fff;}
	#requisition .required input[type=date],
	#requisition .required input[type=number],
	#requisition .required input[type=text] { border: none !important;height: 20px !important;}
/* 申请单 end*/

/* 支付页面 */
	@media screen and (min-width: 600px) {
		#pay .nav{display: flex;justify-content: space-between;}
		#pay .nav li{width: 30%;height: 90px;display: flex;align-items: center;justify-content: center;cursor: pointer;user-select: none;transition: .3s;}
		#pay .nav [zhifubao] {border: 3px solid rgba(0,170,238, .3);}
		#pay .nav [zhifubao]:hover{border: 3px solid #00AAEE;}
		#pay .nav .selected[zhifubao] {border: 3px solid #00AAEE;}
		#pay .nav [weixin] {border: 3px solid rgba(61,190,70, .3);}
		#pay .nav [weixin]:hover{border: 3px solid #3DBE46;}
		#pay .nav .selected[weixin] {border: 3px solid #3DBE46;}
		#pay .nav [jianshe] {border: 3px solid rgba(28,93,157, .3);}
		#pay .nav [jianshe]:hover{border: 3px solid #1C5D9D;}
		#pay .nav .selected[jianshe] {border: 3px solid #1C5D9D;}
		#pay .nav li img{height: 52px;}
		#pay .price {margin: 20px 0;height: 40px;line-height: 40px;font-size: 18px;font-weight: bold;}
		#pay .price .ti {margin-right: 10px;}
		#pay .price .tx {color: #1E78BE;margin-right: 20px;}
		#pay .box {height: 340px;display: flex;align-items: center;justify-content: space-between;border: 3px solid #00AAEE;transition: .3s;}
		#pay .box .sao {width: 60%;height: 300px;display: flex;justify-content: center;align-items: center;border-right: 2px dashed #00AAEE;}
		#pay .box .sao li {display: none;}
		#pay .box .sao .tive {display: block;}
		#pay .box .sao li img {width: 260px;}
		#pay .box .sao .w {display: flex;flex-direction: column;padding: 20px;background: #1C5D9D;color: #fff;}
		#pay .box .sao .w p {line-height: 40px;font-size: 20px;}
		#pay .box .sao .w p span {font-size: 20px;font-weight: bold;}
		#pay .box .file {margin: 0 auto;}
		#pay .box .file img{display: block;width: 220px;}
	}
	@media screen and (max-width: 600px) {
		#pay {
			padding: 0 20px;
		}
		#pay .nav{display: flex;justify-content: space-between;}
		#pay .nav li{width: 30%;height: 80px;display: flex;align-items: center;justify-content: center;cursor: pointer;user-select: none;transition: .3s;}
		#pay .nav [zhifubao] {border: 3px solid rgba(0,170,238, .3);}
		#pay .nav [zhifubao]:hover{border: 3px solid #00AAEE;}
		#pay .nav .selected[zhifubao] {border: 3px solid #00AAEE;}
		#pay .nav [weixin] {border: 3px solid rgba(61,190,70, .3);}
		#pay .nav [weixin]:hover{border: 3px solid #3DBE46;}
		#pay .nav .selected[weixin] {border: 3px solid #3DBE46;}
		#pay .nav [jianshe] {border: 3px solid rgba(28,93,157, .3);}
		#pay .nav [jianshe]:hover{border: 3px solid #1C5D9D;}
		#pay .nav .selected[jianshe] {border: 3px solid #1C5D9D;}
		#pay .nav li img{height: 24px;}
		#pay .price {display: flex;flex-wrap: wrap; margin: 20px 0;line-height: 1.6;font-size: 14px;font-weight: bold;background: #f1f3f4;padding: 20px;}
		#pay .price .ti:first-of-type{
			width: 100%;
		}
		#pay .price .ti {width: 80px;}
		#pay .price .tx {width: 60%;color: #1E78BE;margin-right: 20px;}

		#pay .box {display: flex;flex-direction: column ;border: 3px solid #00AAEE;transition: .3s;}
		#pay .box .sao {display: flex;justify-content: center;align-items: center;}
		#pay .box .sao li {display: none;padding: 20px 0;}
		#pay .box .sao .tive {display: block;}
		#pay .box .sao li img {width: 80%;display: block;margin: 0 auto;}
		#pay .box .sao .w {display: flex;flex-direction: column;padding: 20px;background: #1C5D9D;color: #fff;}
		#pay .box .sao .w p {line-height: 40px;font-size: 16px;}
		#pay .box .sao .w p span {font-size: 16px;font-weight: bold;}
		#pay .box .file {margin: 10px auto;}
		#pay .box .file img{display: block;width: 160px;}
	}
/* 支付页面 end*/
/* 分屏展示 */

/* 电脑屏 */
@media screen and (min-width: 1200px) {
	#split {
		padding: 20px 0;
	}
	#split .menu {
		width: 600px;
		padding: 10px 100px;
		box-sizing: border-box;
		margin: 0 auto;
		background: #F5F5F5;
		border: 1px solid #dedfe0;
		display: none;
	}
	#split .menu .box .title {
		line-height: 100px;
		height: 100px;
		font-size: 30px;
		text-align: center;
		color: #1E78BE;
		letter-spacing: 2px;
	}
	#split .menu .box .prompt {
		font-size: 16px;
		line-height: 30px;
		text-align: justify;
		margin: 0 -100px 20px -100px;
		padding: 20px 60px;
		background: rgba(255,205,67, .3);
	}
	#split .menu .box .nav li {
		display: flex;
		align-items: center;
		height: 46px;
		border-bottom: 1px dashed #ccc;
		position: relative;
	}
	#split .menu .box .nav li .i {
		font-size: 28px;
		margin-right: 20px;
		color: #1E78BE;
	}
	#split .menu .box .nav li a {
		font-size: 18px;
		color: #222;
	}
	#split .menu .box .nav li a:hover{
		color: #1E78BE;
		text-decoration: underline;
	}
	#split .menu .box .nav li .s {
		position: absolute;
		top: 6px;
		bottom: -6px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 60px;
		font-size: 42px;
		color: #3CA738;
		opacity: 0;
	}
	#split .menu .box .nav li:nth-child(3n+1) .s {
		right: 120px;
	}
	#split .menu .box .nav li:nth-child(3n+2) .s {
		right: 80px;
	}
	#split .menu .box .nav li:nth-child(3n+3) .s {
		right: 40px;
	}
	#split .menu .box .nav li .pro {
		font-size: 16px;
		color: #888;
		margin-left: auto;
	}
	#split .menu .box .but {
		display: flex;
	}
	#split .menu .box .but div {
		width: 120px !important;
	}
	#split .wrap {
		width: 1000px;
		padding: 40px 150px;
		box-sizing: border-box;
		margin: 0 auto;
		background: #F5F5F5;
		border: 1px solid #dedfe0;
		display: none;
		position: relative;
	}
	#split .wrap .box .title {
		line-height: 100px;
		height: 100px;
		font-size: 30px;
		text-align: center;
		color: #1E78BE;
	}
	#split .wrap .box .del {
		position: absolute;
		top: 0;
		right: 0;
		width: 100px;
		height: 100px;
		text-align: center;
		line-height: 100px;
		font-size: 60px;
		color: #EA4335;
		cursor: pointer;
		user-select: none;
	}
	#split .wrap .box .item {
		display: flex;
		align-items: center;
		padding: 10px 0;
		font-size: 14px;
	}
	#split .wrap .box .item-a {
		flex-wrap: wrap;
		justify-content: center;
	}
	#split .wrap .box .item-a li {
		display: flex;
		height: 40px;
		align-items: center;
	}
	#split .wrap .box .item .name-a {
		font-size: 16px;
		padding-right: 40px;
	}
	#split .wrap .box .item .name-b {
		font-size: 16px;
		width: 240px;
		text-align: right;
	}
	#split .wrap .box .item .name-c {
		font-size: 16px;
		width: 100px;
		text-align: right;
	}
	#split .wrap .box .item .name-d {
		font-size: 16px;
		width: 150px;
		text-align: right;
	}
	#split .wrap .box .item .input {
		height: 40px;
		box-sizing: border-box;
		border: 1px solid #dedfe0;
		text-indent: 1em;
		font-size: 14px;
		background: #fff;
		min-width: 50px;
	}
	#split .wrap .box .item .input-a {
		flex: 1;
	}

	/* #split .wrap .box .item .unit {
		width: 100px;
		border: none !important;
		border-bottom: 1px solid #ccc !important;
	} */

	#split .wrap .box .item .radio {
		width: 18px;
		height: 18px;
		border: 1px solid #dedfe0;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 50px 0 10px;
		background: #fff;
	}
	#split .wrap .box .item .radio > span {
		background: #fff;
		width: 10px;
		height: 10px;
		border-radius: 50%;
	}
	#split .wrap .box .item input[type=radio] {
		display: none;
	}
	#split .wrap .box .item input[type=radio]:checked:first-of-type + label > span {
		background: #2196F3;
	}
	#split .wrap .box .item input[type=radio]:checked:first-of-type + label {
		box-shadow: 0 0 20px #2196F3;
	}
	#split .wrap .box .item input[type=radio]:checked:last-of-type + label > span {
		background: #EA4335;
	}
	#split .wrap .box .item input[type=radio]:checked:last-of-type + label {
		box-shadow: 0 0 20px #EA4335;
	}
	#split .wrap .box .item p {
		text-align: justify;
		line-height: 30px;
		font-size: 14px;
	}
	#split .wrap .box .item .checkbox {
		width: 18px;
		height: 18px;
		border: 1px solid #ccc;
		background: #fff;
		border-radius: 3px;
		font-size: 16px;
		text-align: center;
		line-height: 18px;
		font-weight: bold;
		color: #fff;
	}
	#split .wrap .box .item .checkbox-text {
		font-size: 16px;
		margin: 0 40px 0 10px;
	}
	#split .wrap .box .item .checkbox-text-a {
		font-size: 16px;
		margin-left: 10px;
		width: 112px;
	}
	#split .wrap .box .item .checkbox-text-b {
		font-size: 16px;
		margin-left: 10px;
		width: 60px;
	}
	#split .wrap .box .item input[type=checkbox]{
		display: none;
	}
	#split .wrap .box .item input[type=checkbox]:checked + label {
		color: #555;
	}
	#split .box .button {
		width: 200px;
	    height: 40px;
	    background: #1E78BE;
	    color: #fff;
	    margin: 30px auto;
	    text-align: center;
	    line-height: 40px;
	    font-size: 16px;
	    border-radius: 3px;
	    cursor: pointer;
	    user-select: none;
	}
}
/* 电脑屏 */

/* 手机屏 */
@media screen and (max-width: 1200px) {
	#split {
		background: #F5F5F5;

	}
	#split .menu {
		padding: 20px 10px;
		display: none;
	}
	#split .menu .box .title {
		height: 18vw;
		line-height: 18vw;
		font-size: 6vw;
		text-align: center;
		color: #1E78BE;
	}
	#split .menu .box .prompt {
		font-size: 4vw;
		line-height: 8vw;
		text-align: justify;
		margin: 0 -10px 20px -10px;
		padding: 10px;
		background: rgba(255,205,67, .3);
	}
	#split .menu .box .nav li {
		display: flex;
		align-items: center;
		height: 12vw;
		border-bottom: 1px dashed #ccc;
		position: relative;
	}
	#split .menu .box .nav li .i {
		font-size: 7vw;
		margin-right: 4vw;
		color: #1E78BE;
	}
	#split .menu .box .nav li a {
		font-size: 4vw;
		color: #222;
	}
	#split .menu .box .nav li .s {
		position: absolute;
		top: 2vw;
		bottom: -2vw;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 20vw;
		font-size: 14vw;
		color: #3CA738;
		opacity: 0;
	}
	#split .menu .box .nav li:nth-child(3n+1) .s {
		right: 120px;
	}
	#split .menu .box .nav li:nth-child(3n+2) .s {
		right: 80px;
	}
	#split .menu .box .nav li:nth-child(3n+3) .s {
		right: 40px;
	}
	#split .menu .box .nav li .pro {
		font-size: 3.5vw;
		color: #888;
		margin-left: auto;
	}
	#split .menu .box .but {
		display: flex;
	}
	#split .menu .box .but div {
		width: 100px !important;
	}
	#split .wrap {
		position: relative;
		display: none;
		padding: 4vw 10px;
	}
	#split .wrap .box .title {
		height: 18vw;
		line-height: 18vw;
		font-size: 6vw;
		text-align: center;
		color: #1E78BE;
	}
	#split .wrap .box .del {
		position: absolute;
		top: 0;
		right: 0;
		width: 14vw;
		height: 14vw;
		text-align: center;
		line-height: 14vw;
		font-size: 10vw;
		color: #EA4335;
	}
	#split .wrap .box .item {
		display: flex;
		align-items: center;
		padding: 10px 0;
	}
	#split .wrap .box .item-a {
		flex-wrap: wrap;
		justify-content: center;
	}
	#split .wrap .box .item-a li {
		display: flex;
		height: 40px;
		align-items: center;
	}
	#split .wrap .box .item .name-a{
		font-size: 4vw;
		margin-right: 2vw;
	}
	#split .wrap .box .item .name-b{
		font-size: 3.5vw;
		width: 55%;
		text-align: right;
	}
	#split .wrap .box .item .name-c{
		font-size: 3.5vw;
		width: 25%;
		text-align: right;
	}
	#split .wrap .box .item .name-d{
		font-size: 3.5vw;
		width: 40%;
		text-align: right;
	}
	#split .wrap .box .item .input {
		height: 8vw;
		border: 1px solid #dedfe0;
		box-sizing: border-box;
		text-indent: 0.5em;
		font-size: 3.5vw;
		background: #FFF;
		min-width: 50px;
	}
	#split .wrap .box .item .input-a {
		flex: 1;
	}

	#split .wrap .box .item .unit {
		width: 60px;
		border: none !important;
		border-bottom: 1px solid #dedfe0 !important;
	}
	#split .wrap .box .item .radio {
		width: 6vw;
		height: 6vw;
		border: 1px solid #dedfe0;
		box-sizing: border-box;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 10vw 0 3vw;
		background: #fff;
	}
	#split .wrap .box .item .radio > span {
		background: #fff;
		width: 3vw;
		height: 3vw;
		border-radius: 50%;
	}
	#split .wrap .box .item input[type=radio] {
		display: none;
	}
	#split .wrap .box .item input[type=radio]:checked:first-of-type + label > span {
		background: #2196F3;
	}
	#split .wrap .box .item input[type=radio]:checked:first-of-type + label {
		box-shadow: 0 0 5vw #2196F3;
	}
	#split .wrap .box .item input[type=radio]:checked:last-of-type + label > span {
		background: #EA4335;
	}
	#split .wrap .box .item input[type=radio]:checked:last-of-type + label {
		box-shadow: 0 0 5vw #EA4335;
	}
	#split .wrap .box .item input[type=checkbox] {
		margin: 0 2vw 0 4vw;
	}
	#split .wrap .box .item p {
		font-size: 3.5vw;
		text-align: justify;
		line-height: 7vw;
	}
	#split .wrap .box .item .checkbox {
		width: 5vw;
		height: 5vw;
		border: 1px solid #ccc;
		background: #fff;
		border-radius: 3px;
		font-size: 4vw;
		text-align: center;
		line-height: 5vw;
		font-weight: bold;
		color: #fff;
	}
	#split .wrap .box .item .checkbox-text {
		font-size: 4vw;
		margin: 0 40px 0 10px;
	}
	#split .wrap .box .item .checkbox-text-a {
		font-size: 4vw;
		margin-left: 10px;
		width: 20vw;
	}
	#split .wrap .box .item .checkbox-text-b {
		font-size: 4vw;
		margin-left: 10px;
		width: 10vw;
	}

	#split .wrap .box .item input[type=checkbox]{
		display: none;
	}
	#split .wrap .box .item input[type=checkbox]:checked + label {
		color: #555;
	}
	#split .box .button {
		width: 40vw;
	    height: 10vw;
	    background: #1E78BE;
	    color: #fff;
	    margin: 10vw auto;
	    text-align: center;
	    line-height: 10vw;
	    font-size: 4vw;
	    border-radius: 3px;
	    cursor: pointer;
	    user-select: none;
	}
}
/* 手机屏 */
/* 分屏展示 */