html,
body {
	height: 100%;
	color: #333;
}

* {
	margin: 0;
	padding: 0;
}

ul,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	text-decoration: none;
}

li {
	cursor: pointer;
}

.clear {
	clear: both;
}

.tx-icon,
.aqy-icon {
	display: inline-block;
	width: 27px;
	height: 27px;
	background: url(../img/tengxunbig.png) no-repeat;
	position: relative;
	top: 2px;
}

.aqy-icon {
	background: url(../img/aiiqiyibig.png) no-repeat;
}

.tx-icon,
.aqy-icon {
	background-size: contain;
	background-position: center;
}

.close {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	transform-origin: center center;
	text-align: center;
	line-height: 20px;
	transition: font-size .1s;
}

.alert .close:hover {
	color: #111;
	font-size: 20px;
}

@media only screen and (min-width:768px) {
	@font-face {
		font-family: 'SourceHanSansCN-Medium';
		src: url(../font/SourceHanSansCN-Medium.otf);
	}

	@font-face {
		font-family: 'SourceHanSansCN-Normal';
		src: url(../font/SourceHanSansCN-Normal.otf);
	}

	@font-face {
		font-family: 'SourceHanSansCN-Regular';
		src: url(../font/SourceHanSansCN-Regular.otf);
	}

	@font-face {
		font-family: 'SourceHanSansCN-Bold';
		src: url(../font/SourceHanSansCN-Bold.otf);

	}

	/*section*/
	section {
		display: block;
		float: left;
		height: 100%;
		font-family: SourceHanSansCN-Regular;
	}

	section:nth-child(1) {
		z-index: 2;
		padding: 0 30px;
		width: 90px;
		background: #1e243b;
		color: #fff;
		font-size: 20px;
		font-family: SourceHanSansCN-Medium;
		height: 1080px;
		position: fixed;
		top: 0;
		left: 0;
	}

	section:nth-child(2) {
		z-index: 2;
		width: 120px;
		background: #eee;
		text-align: center;
		height: 100%;
		position: fixed;
		top: 0;
		left: 150px;
	}

	section:nth-child(3) {
		width: auto;
		min-width: 1100px;
		margin-left: 270px;
		position: relative;
	}

	section:nth-child(4) {
		width: 180px;
		position: fixed;
		top: 0;
		right: 0;
		height: 100%;
		background: url(../img/bg.png) right bottom no-repeat;
		background: #eee;
	}

	/*section1*/
	section:nth-child(1)>.client-logo {
		width: 100%;
		margin-top: 70px;
		height: 150px;
		0px;
	}

	section:nth-child(1)>.client-logo>img {
		width: 100%;
		border-radius: 6px;
	}

	section:nth-child(1)>.tab ul {
		width: 100%;
	}

	section:nth-child(1)>.tab li {
		margin-bottom: 30px;
		width: 100%;
		cursor: pointer;
	}

	section:nth-child(1)>.tab li div {
		text-align: center;
		height: 36px;
		position: relative;
		line-height: 36px;
		transition: font-size .1s;
	}

	/* section:nth-child(1)>.tab li div::before {
		content: '';
		display: block;
		position: absolute;
		width: 4px;
		height: 12px;
		left: 0;
		top: 6px;
		background: #fff;
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;
		transform-origin: center;
		transition: transform .1s, height .1s;
	}

	section:nth-child(1)>.tab li div::after {
		content: '';
		display: block;
		position: absolute;
		width: 4px;
		height: 12px;
		left: 0;
		bottom: 6px;
		background: #fff;
		border-bottom-left-radius: 2px;
		border-bottom-right-radius: 2px;
		transform-origin: center;
		transition: transform .1s, height .1s;
	} */

	/* section:nth-child(1)>.tab li.checked div::before {
		transform: rotate(-45deg);
		border-radius: 2px;
		height: 15px;
	}

	section:nth-child(1)>.tab li.checked div::after {
		transform: rotate(45deg);
		border-radius: 2px;
		height: 15px;
	} */

	section:nth-child(1)>.tab li.checked>div {
		font-family: SourceHanSansCN-Bold;
		font-size: 28px;
		background-image: -webkit-gradient(linear, 0 0, right bottom, from(#eb56bc), to(#8689f4));
		-webkit-background-clip: text;
		/*必需加前缀 -webkit- 才支持这个text值 */
		-webkit-text-fill-color: transparent;
		/*text-fill-color会覆盖color所定义的字体颜色： */
	}

	section:nth-child(2)>.floor {
		margin-top: 224px;
		height: 500px;
		overflow: hidden;
	}

	/*section2*/
	section:nth-child(2)>.floor li {
		cursor: pointer;
		height: 50px;
		line-height: 50px;
		color: #b3b6b6;
		font-size: 12px;
	}

	section:nth-child(2)>.floor li:hover {
		color: #000;
		background: #e5e5e5;
	}

	section:nth-child(2)>.floor li.checked {
		color: #000;
		background: #e5e5e5;
	}

	section:nth-child(2)>.floor a {
		display: block;
		width: 100%;
		height: 100%;
	}

	section:nth-child(2)>.floor a:link {
		color: #000000;
		text-decoration: none;
	}

	section:nth-child(2)>.floor a:visited {
		color: #000000;
		text-decoration: none;
	}

	section:nth-child(2)>.floor a:hover {
		color: #000000;
		text-decoration: none;
	}

	/*section3*/
	section:nth-child(3)>.title {
		text-align: center;
		font-size: 28px;
		color: #000;
		margin-top: 68px;
		margin-bottom: 107px;
	}

	section:nth-child(3)>.title>img {
		display: none;
	}

	section:nth-child(3)>.main>.ul>ul {
		padding-left: 0px;
		width: 0;
		overflow: hidden;
		float: left;
		transition: width .5s ease, padding-left .5s ease;
	}

	section:nth-child(3)>.main {
		min-width: 1200px;
	}

	section:nth-child(3)>.main>.ul>ul.checked {
		min-width: 1050px;
		padding-left: 20px;
	}

	section:nth-child(3)>.main>.ul>ul>li {
		min-width: 1050px;
		overflow: hidden;
		margin-bottom: 20px;
	}

	section:nth-child(3)>.main>.ul>ul>li>.timeline {
		color: #143e63;
		font-size: 18px;
		margin-bottom: 50px;
		position: relative;
	}

	section:nth-child(3)>.main>.ul>ul>li>.timeline::after {
		content: '';
		display: block;
		position: absolute;
		width: 880px;
		height: 2px;
		left: 140px;
		bottom: 13px;
		background: #c2c6cd;
		overflow: hidden;
	}

	section:nth-child(3)>.main>.ul>ul>li>ul {
		min-width: 1050px;
		overflow: hidden;
		margin-left: 24px;
	}

	section:nth-child(3)>.main>.ul>ul>li>ul>li {
		position: relative;
		display: inline-block;
		margin-right: 22px;
		margin-bottom: 22px;
		overflow: hidden;
		box-shadow: #ccc 1px 1px 2px 0;
		cursor: pointer;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}

	section:nth-child(3)>.main>.ul>ul>li>ul>li:hover {
		box-shadow: #ccc 3px 3px 5px 0;
	}

	section:nth-child(3)>.main>.ul>ul>li>ul>li>.adpoint {
		width: 228px;
		height: 218px;
		overflow: hidden;
		background: #fff;
	}


	section:nth-child(3)>.main>.ul>ul>li>ul>li>.adpoint>.img {
		width: 100%;
		overflow: hidden;
		position: relative;
	}

	section:nth-child(3)>.main>.ul>ul>li>ul>li>.adpoint>.img>img {
		width: 100%
	}

	section:nth-child(3)>.main>.ul>ul>li>ul>li>.adpoint>.img>.serialNumber {
		position: absolute;
		bottom: 9px;
		left: 5px;
		padding: 0 8px;
		height: 22px;
		line-height: 22px;
		color: #fff;
		text-align: center;
		font-family: SourceHanSansCN-Regular;
		border-radius: 11px;
		font-size: 12px;
		background: rgba(2, 14, 29, .6);
	}

	section:nth-child(3)>.main>.ul>ul>li>ul>li>.adpoint>.info {
		color: #040000;
		font-size: 16px;
		padding: 0 10px;
		padding-top: 5px;
		display: flex;
		justify-content: space-around;
	}

	section:nth-child(3)>.main>.ul>ul>li>ul>li>.adpoint>.info2 {
		display: none;
	}

	section:nth-child(3)>.main>.ul>ul>li>ul>li:hover>.adpoint>.info {
		color: #143e63;
	}

	section:nth-child(3)>.main>.ul>ul>li>ul>li>.adpoint>.info>span {
		display: inline-block;
		width: 50%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	section:nth-child(3)>.main>.ul>ul>li>ul>li>.adpoint>.info>span:nth-child(1) {
		width: 70%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	section:nth-child(3)>.main>.ul>ul>li>ul>li>.adpoint>.info>span:nth-child(2) {
		width: 30%;
	}

	section:nth-child(3)>.main>.ul>ul>li>ul>li>.adpoint>.remark {
		color: #aeb2b2;
		font-size: 14px;
		padding: 5px 10px;
		padding-top: 5px;
		font-family: SourceHanSansCN-Normal;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	section:nth-child(4)>.about {
		width: 100%;
		text-align: center;
		margin-top: 50px;
		font-size: 10px;
	}

	section:nth-child(4)>.about>.logo {
		width: 100px;
		margin: auto;
	}

	section:nth-child(4)>.about>.logo>img {
		width: 100%;
		margin-bottom: 20px;
	}

	section:nth-child(4)>.scancode {
		position: absolute;
		bottom: 95px;
		height: 130px;
		width: 100%;
		text-align: center;
	}

	section:nth-child(4)>.scancode>img {
		height: 100%;
	}

	.phoneAlert {
		display: none;
	}

	/*alert*/
	.alert {
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, .5);
		width: 100vw;
		height: 100vh;
		font-family: SourceHanSansCN-Medium;
		z-index: 10;
	}

	.alert>.con {
		width: 872px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -477px;
		margin-top: -275px;
		background: #fff;
		padding: 41px;
		border-radius: 6px;
	}

	.alert>.con>div {
		float: left;
	}

	.alert>.con>div.close {
		position: absolute;
		right: 0;
		top: -47px;
		width: 25px;
		height: 25px;
		background: url(../img/guanbi.png) no-repeat;
		background-size: cover;
	}

	.alert>.con>.left {
		width: 296px;
		margin-right: 9px;
	}

	.alert>.con>.left>.title {
		margin-bottom: 34px;
	}

	.alert>.con>.left>.title>span {
		display: inline-block;
		height: 27px;
		line-height: 27px;
		font-size: 21px;
		vertical-align: top;
	}

	.alert>.con>.left>.title>.name {
		color: #143e63;
	}

	.alert>.con>.left>.title>.icon {
		margin-left: 10px;
		margin-top: -3px;
	}

	.alert>.con>.left>.pic {
		width: 296px;
        position: relative;
	}


    .alert>.con>.left>.pic>.pic_zuoyou>.zuo {
        width: 30px;
        top: 50%;
        left: 5px;
        margin-top: -15px;
        position: absolute;
    }

    .alert>.con>.left>.pic>.pic_zuoyou>.you {
        width: 30px;
        top: 50%;
        right: 5px;
        margin-top: -15px;
        position: absolute;
    }

	.alert>.con>.left>.pic>img {
		width: 296px;
	}

	.alert>.con>.left>.info {
		padding-top: 40px;
		position: relative;
		color: #666;
		font-size: 15px;
		margin-top: 24px;
	}

	.alert>.con>.left>.info::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background: #cbcbcb;
	}

	.alert>.con>.left>.info>div {
		margin-bottom: 10px;
	}

	.alert>.con>.right {
		width: 566px;
		padding-top: 61px;
	}

	.alert>.con.zhincon>.right {
		padding-top: 0
	}

	.alert>.con>.right>.video,
	.alert>.con>.right video {
		width: 100%;
		position: relative;
	}

	.alert>.con>.right>.video>.videoinfo {
		color: #fff;
		width: 100%;
		height: 58px;
		position: absolute;
		top: 0;
		left: 0;
		line-height: 58px;
		text-align: right;
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.1) 100%);
		font-size: 13px;
	}

	.alert>.con>.right>.video>.videoinfo>span {
		margin-right: 30px;
	}

	.alert>.con>.right>.video>.videoinfo>span>span {
		font-family: SourceHanSansCN-Regular;
	}

	.titleinfo {
		display: none;
	}

	.main>.floor {
		display: none;
	}

	section:nth-child(3)>.main>.ul>ul>li>ul>li>.adpoint>a {
		display: none;
	}

	.outDiv0 {
		width: 40px;
		height: 40px;
		position: absolute;
		top: 10px;
		right: 10px;
		overflow: hidden;
	}

	.outDiv0>div {
		transition: transform .2s;
		transform-origin: 50%;
		border-radius: 20px;
		width: 40px;
		height: 40px;
		position: absolute;
		border-radius: 20px;
	}

	.outDiv0>div.state1 {
		transform: scaleX(0);
	}

	.outDiv0>div.state0 {
		position: absolute;
		top: 0px;
		left: 0px;
		background: linear-gradient(135deg, rgba(106, 213, 244, 1) 0%, rgba(106, 213, 244, 1) 0%, rgba(156, 126, 232, 1) 100%, rgba(156, 126, 232, 1) 100%);
	}

	.outDiv0>div.state0::before {
		content: '';
		display: block;
		position: absolute;
		width: 12px;
		height: 2px;
		top: 19px;
		left: 14px;
		background: #fff;
		transition: transform .5s;
	}

	.outDiv0>div.state0::after {
		content: '';
		display: block;
		position: absolute;
		width: 2px;
		height: 12px;
		top: 14px;
		left: 19px;
		background: #fff;
		transition: transform .5s;
	}

	.outDiv0>div.state0:hover::before {
		transform: rotate(90deg)
	}

	.outDiv0>div.state0:hover::after {
		transform: rotate(90deg)
	}

	.outDiv0>div.state1 {
		background: #fff url(../img/checked.png);
		left: 0px;
		top: 40px;
		top: 0;
	}

	.outDiv1>div.state0 {
		transform: scaleX(0);
	}

	.outDiv1>div.state1 {
		transform: scaleX(1);
	}

	.outDiv1>div.state1:hover {
		background: #777 url(../img/checked.png);
	}

	.submit {
		position: fixed;
		bottom: 30px;
		right: 240px;
		width: 102px;
		height: 34px;
		color: #fff;
		border-radius: 5px;
		font-size: 12px;
		text-align: center;
		line-height: 34px;
		cursor: pointer;
		overflow: visible;
		background: linear-gradient(135deg, rgba(106, 213, 244, 1) 0%, rgba(106, 213, 244, 1) 0%, rgba(156, 126, 232, 1) 100%, rgba(156, 126, 232, 1) 100%);
	}

	.submit>.title {
		width: 20px;
		height: 20px;
		border-radius: 10px;
		position: absolute;
		right: -10px;
		top: -10px;
		background: #3DA956;
		color: #fff;
		font-size: 12px;
		line-height: 20px;
	}

	.alert>.con>div.altBtn {
		float: right;
		margin-top: 30px;
	}

	.altBtn>div {
		width: 102px;
		height: 34px;
		color: #fff;
		border-radius: 5px;
		font-size: 12px;
		text-align: center;
		line-height: 34px;
		cursor: pointer;
		display: inline-block;
		margin-left: 10px;
		position: relative;
		overflow: visible;
		background: linear-gradient(135deg, rgba(106, 213, 244, 1) 0%, rgba(106, 213, 244, 1) 0%, rgba(156, 126, 232, 1) 100%, rgba(156, 126, 232, 1) 100%);
	}

	.altBtn>div.cancelBtn {
		background: #fff;
		color: #000;
		border: 1px solid #ccc;
	}

	.addBtn>.title {
		width: 20px;
		height: 20px;
		border-radius: 10px;
		position: absolute;
		right: -10px;
		top: -10px;
		background: #3DA956;
		color: #fff;
		font-size: 12px;
		line-height: 20px;
	}

	.add {
		width: 100%
	}

	.add>textarea {
		width: 100%;
		resize: none;
		padding: 10px;
	}

	/* 33E6B1 */
	.newUrl {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: rgba(0, 0, 0, .5);
		z-index: 100;
	}

	.newUrl>div {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 500px;
		height: 200px;
		background: #fff;
		padding: 20px;
		text-align: center;
		margin-left: -250px;
		margin-top: -100px;
	}

	.newUrl>div>div:first-child {
		padding: 30px;
	}

	.newUrl>div>.yes,
	.newUrl>div>.no {
		color: #fff;
		width: 102px;
		height: 34px;
		color: #fff;
		border-radius: 5px;
		font-size: 12px;
		text-align: center;
		line-height: 34px;
		cursor: pointer;
		display: inline-block;
		margin-left: 10px;
		margin: 30px 10px 0 10px;
		position: relative;
		overflow: visible;
		background: linear-gradient(135deg, rgba(106, 213, 244, 1) 0%, rgba(106, 213, 244, 1) 0%, rgba(156, 126, 232, 1) 100%, rgba(156, 126, 232, 1) 100%);
	}

	.newUrl>div>.yes>a {
		display: block;
		width: 100%;
		height: 100%;
		color: #fff;
		text-decoration: none out-line: none
	}

	.newUrl>div>.no {
		background: #fff;
		color: #000;
		border: 1px solid #ccc;
	}

	.totalTime {
		position: absolute;
		left: 19px;
		top: -26px;
		color: #DC5EC4;
		font-weight: bold;
	}

	.totalTime span {
		color: #000000;
	}
}

@media only screen and (max-width:768px) {
	#vue {
		position: relative;
	}

	.outDiv0 {
		width: 50px;
		height: 50px;
		position: absolute;
		top: 10px;
		right: 10px;
		overflow: hidden;
	}

	section:nth-child(3)>.main>.ul>ul>li>ul>li {
		position: relative;
	}

	.outDiv0>div {
		transition: transform .2s;
		transform-origin: 50%;
		border-radius: 25px;
		width: 50px;
		height: 50px;
		position: absolute;
		border-radius: 20px;
	}

	.outDiv0>div.state1 {
		transform: scaleX(0);
	}

	.outDiv0>div.state0 {
		position: absolute;
		top: 0px;
		left: 0px;
		background: url(../img/addBtn.png);
		background-size: contain;
	}

	.outDiv0>div.state1 {
		background: url(../img/checkedBtn.png);
		background-size: contain;
		left: 0px;
		top: 40px;
		top: 0;
	}

	.outDiv1>div.state0 {
		transform: scaleX(0);
	}

	.outDiv1>div.state1 {
		transform: scaleX(1);
	}

	.outDiv1>div.state1:hover {
		background: #777 url(../img/checked.png);
	}

	section:nth-child(1),
	section:nth-child(2),
	.alert,
	.add {
		display: none;
	}

	section:nth-child(3) .floor a {
		display: block;
		width: 100%;
		height: 100%;
	}

	section:nth-child(3) .floor a:link {
		color: #000000;
		text-decoration: none;
	}

	section:nth-child(3) {
		width: 100%;
		background: #fff;
	}

	section:nth-child(3) .floor li {
		cursor: pointer;
		padding: 10px 0;
		color: #b3b6b6;
		font-size: 16px;
	}

	section:nth-child(3) .floor li.checked {
		color: #000;
		background: #eff7fb;
	}

	section:nth-child(3) {
		width: 100%;
		overflow: hidden;
		background: #F7F9FA;
		background: #fff;
	}

	section:nth-child(3)>.title {
		text-align: left;
		font-size: 20px;
		color: #E45AC0;
		height: 80px;
		padding: 20px 0 30px 0;
		background: #1e243b;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10;
	}

	section:nth-child(3)>.title>img {
		height: 20px;
	}

	section:nth-child(3)>.title>img:nth-child(1) {
		margin-left: 20px;
	}

	section:nth-child(3)>.title>p {
		width: 100%;
		margin-top: 20px;
		text-align: center;
		background-image: -webkit-gradient(linear, 0 0, right bottom, from(#eb56bc), to(#8689f4));
		-webkit-background-clip: text;
		/*必需加前缀 -webkit- 才支持这个text值 */
		-webkit-text-fill-color: transparent;
		/*text-fill-color会覆盖color所定义的字体颜色： */
	}

	section:nth-child(3)>.titleinfo {
		display: block;
		width: 100%;
		height: 50px;
		line-height: 50px;
		box-shadow: 3px 3px 3px #ccc;
		background: #fff;
		position: fixed;
		top: 130px;
		width: 100%;
		z-index: 10;
	}

	section:nth-child(3)>.titleinfo>span {
		display: inline-block;
	}

	section:nth-child(3)>.titleinfo>span:nth-child(1) {
		text-align: center;
		width: 80px;
	}

	section:nth-child(3)>.titleinfo>span:nth-child(2)>span {
		margin-right: 20px;
	}

	section:nth-child(3)>.titleinfo>span:nth-child(2)>span.checked {
		background-image: -webkit-gradient(linear, 0 0, right bottom, from(#eb56bc), to(#8689f4));
		-webkit-background-clip: text;
		/*必需加前缀 -webkit- 才支持这个text值 */
		-webkit-text-fill-color: transparent;
		/*text-fill-color会覆盖color所定义的字体颜色： */
	}

	.phoneAlert {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0;
		z-index: 100;
		background: rgba(0, 0, 0, .2);
	}

	.phoneAlert>div {
		border-radius: 5px;
		background: #fff;
		width: 90%;
		position: absolute;
		top: 50%;
		left: 5%;
		margin-top: -93px;
		overflow: hidden;
	}

	.phoneAlert>div>.atitle {
		width: 100%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		color: #fff;
		background: rgba(30, 36, 59, 1);
		border-radius: 0 0 5px 5px;
	}

	.phoneAlert>div>.amain {
		padding: 10px;
	}

	.phoneAlert>div>.amain>textarea {
		width: 100%;
		min-height: 80px;
		font-size: 14px;
	}

	.phoneAlert>div>.abottom {
		width: 100%;
		height: 30px;
		padding-bottom: 10px;
	}

	.phoneAlert>div>.abottom>div {
		width: 80px;
		height: 30px;
		line-height: 30px;
		background: #fff;
		border-radius: 3px;
		color: #fff;
		text-align: center;
		float: right;
		font-size: 14px;
		margin: 0 5px;
		cursor: pointer;
	}

	.phoneAlert>div>.abottom>div.asub {
		background: rgba(25, 158, 216, 1);
	}

	.phoneAlert>div>.abottom>div.acancle {
		border: 1px solid rgba(121, 121, 121, 1);
		color: #000;
	}

	section:nth-child(3)>.main {
		margin-top: 180px;
	}

	section:nth-child(3)>.main>.floor {
		width: 80px;
		display: inline-block;
		float: left;
		text-align: center;
		padding: 6px 0;
	}

	section:nth-child(3)>.main>div:nth-child(2) {
		width: calc(100% - 92px);
		display: inline-block;
	}

	section:nth-child(3)>.main>div:nth-child(2)>ul {
		overflow: hidden;
	}

	section:nth-child(3)>.main>div:nth-child(2) .timeline {
		display: none;
	}

	section:nth-child(3)>.main>div:nth-child(2) .img {
		width: 100%;
		overflow: hidden;
		position: relative;
	}

	section:nth-child(3)>.main>.ul {}

	section:nth-child(3)>.main>.ul>ul>li>ul>li>.adpoint {
		box-shadow: 3px 3px 3px #ccc;
		position: relative;
		overflow: hidden;
		background: #fff;
		margin: 15px 0;
		margin-left: 13px;
		border-radius: 5px;
		padding-bottom: 10px;
	}

	section:nth-child(3)>.main>.ul>ul>li>ul>li>.adpoint>.img {
		width: 100%;
		overflow: hidden;
		position: relative;
	}


    section:nth-child(3)>.main>.ul>ul>li>ul>li>.adpoint>.img>.pic_zuoyou>.zuo {
        width: 30px;
        top: 50%;
        left: 5px;
        margin-top: -15px;
        position: absolute;
        z-index: 100;
    }

    section:nth-child(3)>.main>.ul>ul>li>ul>li>.adpoint>.img>.pic_zuoyou>.you {
        width: 30px;
        top: 50%;
        right: 5px;
        margin-top: -15px;
        position: absolute;
        z-index: 100;
    }

	section:nth-child(3)>.main>.ul>ul>li>ul>li>.adpoint>.img>img {
		width: 100%
	}

    section:nth-child(3)>.main>.ul>ul>li>ul>li>.adpoint>.img>.positionReference {
        right: 5px;
        left: inherit !important;
    }

	section:nth-child(3)>.main>.ul>ul>li>ul>li>.adpoint>.info {
		color: #040000;
		font-size: 16px;
		padding: 0 10px;
		padding-top: 5px;
	}

	section:nth-child(3)>.main>.ul>ul>li>ul>li>.adpoint>.info2 {
		margin: 0 10px;
		padding-top: 10px;
		justify-content: space-between;
		display: flex;
		font-size: 12px;
		border-bottom: 1px solid #ccc;
		padding-bottom: 5px;
	}

	section:nth-child(3)>.main>.ul>ul>li>ul>li>.adpoint>.info>span {
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	section:nth-child(3)>.main>.ul>ul>li>ul>li>.adpoint>.info>span:nth-child(1) {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	section:nth-child(3)>.main>.ul>ul>li>ul>li>.adpoint>.remark {
		color: #aeb2b2;
		font-size: 12px;
		padding: 0 10px;
		padding-top: 5px;
		font-family: SourceHanSansCN-Normal;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	section:nth-child(3)>.main>.ul>ul>li>ul>li>.adpoint>a {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
	}

	section:nth-child(4) {
		background: #1e243b;
		padding: 50px;
		text-align: center;
	}

	section:nth-child(4)>.scancode {
		display: none;
	}

	section:nth-child(3)>.main>.ul>ul {
		display: none;
	}

	section:nth-child(3)>.main>.ul>ul.checked {
		display: block;
	}

	.totop {
		position: fixed;
		bottom: 30px;
		right: 30px;
		opacity: 0.8;
	}

	.submit {
		z-index: 10;
		position: fixed;
		top: 138px;
		right: 20px;
		width: 102px;
		height: 34px;
		color: #fff;
		border-radius: 5px;
		font-size: 12px;
		text-align: center;
		line-height: 34px;
		cursor: pointer;
		overflow: visible;
		background: linear-gradient(135deg, rgba(106, 213, 244, 1) 0%, rgba(106, 213, 244, 1) 0%, rgba(156, 126, 232, 1) 100%, rgba(156, 126, 232, 1) 100%);
	}

	.submit>.title {
		width: 20px;
		height: 20px;
		border-radius: 10px;
		position: absolute;
		right: -10px;
		top: -10px;
		background: #3DA956;
		color: #fff;
		font-size: 12px;
		line-height: 20px;
	}

	.newUrl {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: #fff;
		z-index: 100;
	}

	.newUrl>div {
		position: absolute;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
		background: #fff;
		text-align: center;
	}

	.newUrl>div>div:first-child {
		padding: 30px;
		margin-top: calc(50vh - 115px);
	}

	.newUrl>div>.yes,
	.newUrl>div>.no {
		color: #fff;
		width: 102px;
		height: 34px;
		color: #fff;
		border-radius: 5px;
		font-size: 12px;
		text-align: center;
		line-height: 34px;
		cursor: pointer;
		display: inline-block;
		margin-left: 10px;
		margin: 30px 10px 0 10px;
		position: relative;
		overflow: visible;
		background: linear-gradient(135deg, rgba(106, 213, 244, 1) 0%, rgba(106, 213, 244, 1) 0%, rgba(156, 126, 232, 1) 100%, rgba(156, 126, 232, 1) 100%);
	}

	.newUrl>div>.yes>a {
		display: block;
		width: 100%;
		height: 100%;
		color: #fff;
		text-decoration: none out-line:none;
	}

	.newUrl>div>.no {
		background: #fff;
		color: #000;
		border: 1px solid #ccc;
	}

	.totalTime {
		position: absolute;
		left: -75px;
		top: 0px;
		color: #DC5EC4;
		font-weight: bold;
	}

	.totalTime span {
		color: #000000;
	}
}

/* .totop{position: fixed;bottom:30px;right:30px;opacity: 0.8;} */