/*public*/
@charset "utf-8";

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	-webkit-text-size-adjust: none;
}

@keyframes fade-ins {
	0% {
		opacity: 0;
	} /*初始状态 透明度为0*/	100% {
		opacity: 1;
	} /*结束状态 透明度为1*/
}

@-webkit-keyframes fade-ins {
	0% {
		opacity: 0;
		header > div .logo: after
	} /*初始状态 透明度为0*/	100% {
		opacity: 1;
	} /*结束状态 透明度为1*/
}

.layui-layer-border {
	border: 0!important;
	box-shadow: 0px 0px 13px #dcdcdc!important;
	min-width: 185px!important;
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {
	border-radius: 999px;
	border: 0px solid transparent;
}

::-webkit-scrollbar-track {
	box-shadow: 1px 1px 5px rgba(100, 100, 100, 0.2) inset;
}

::-webkit-scrollbar-thumb {
	min-height: 0px;
	background-clip: content-box;
	box-shadow: 0 0 0 5px rgba(100, 100, 100, 0.5) inset;
}

::-webkit-scrollbar-corner {
	background: transparent;
}

img {
	border: 0;
	animation: fade-ins;
 /*动画名称*/
	animation-duration: 0.6s;
 /*动画持续时间*/
	-webkit-animation: fade-ins 0.6s;
 /*针对webkit内核*/
}

input {
	-webkit-appearance: none;
	border: 0;
}

body {
	background: #F9F9F9;
	min-width: 1250px;
	position: relative;
}

a{
	text-decoration: none;
}

li{
	list-style: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

header {
	background: #FFF;
	border-bottom: 1px solid #F6F6F6;
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 71px;
	z-index: 99;
}

header > div {
	width: 1400px;
	max-width: calc(100% - 50px);
	margin: 0px auto;
	height: 70px;
	position: relative;
}

header > div .logo {
	display: block;
	float: left;
	height: 70px;
	width: 200px;
	position: relative;
	text-align: center;
	top: 13%;
}

header > div .logo:after {
	/* content: "简约版";
	position: absolute;
	right: -1px;
	top: 2px;
	background: #f94c30;
	color: #FFF;
	padding: 0px 5px;
	height: 15px;
	line-height: 15px;
	border-radius: 5px;
	font-size: 12px; */
}

header > div .logo img {
	display: block;
	height: 65px;
	margin-top: 2.5px;
}

header > div nav {
	float: left;
	margin-left: 50px;
	height: 70px;
	//width: 558px;
	position: relative;
}

header > div nav>div {
	float: left;
	position: relative;
}

header > div nav>div:hover {
	background: #00000094;
}

header > div nav a {
	height: 70px;
	line-height: 70px;
	font-size: 16px;
	/* color: #666; */
	padding: 0px 19px;
	transition: 0s all;
	display: block;
}
header > div nav a:hover {
	color: #fff;
	font-weight: bold;
}

header > div nav .hover>a {
	/* color: #20c4ab; */
}

.layui-clear{clear:both;*zoom:1}
.layui-clear:after{content:'\20';clear:both;*zoom:1;display:block;height:0}


footer {
	background: #FFF;
	padding: 45px 0px;
	margin-top: 13px;
}

footer > div {
	width: 1400px;
	max-width: calc(100% - 50px);
	margin: 0px auto;
}

footer > div ul {
	width: 900px;
	margin: 0px auto;
}

footer > div ul li {
	float: left;
	width: 180px;
}

footer > div ul li a {
	color: #5e5e5e;
	text-align: center;
	display: block;
	font-size: 13px;
	height: 40px;
	line-height: 40px;
	width: 100%;
}

footer > div .copart {
	margin-top: 30px;
	font-size: 13px;
	color: #919191;
	text-align: center;
}

footer > div .copart img {
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 6px;
	margin-left: 5px;
}

article {
 /*padding-top: 71px;*/
}

article > div {
	width: 1400px;
	max-width: calc(100% - 50px);
	margin: 0px auto;
}

.title {
	height: 40px;
	overflow: hidden;
	position: relative;
}

.title h3 {
	line-height: 40px;
	color: #333;
	font-size: 17px;
	position: relative;
	padding-left: 20px;
}

.title h3:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 11px;
	height: 18px;
	width: 3px;
	background: #20c4ab;
}

.title a {
	position: absolute;
	right: 0;
	top: 0;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	color: #dcdcdc;
}


.backtop {
	position: fixed;
	bottom: 5%;
	right: 5%;
	font-size: 41px;
	z-index: 99;
	width: 58px;
	height: 58px;
	display: none;
	text-align: center;
	line-height: 58px;
	background: #FFF;
	color: #c3c3c3!important;
	cursor: pointer;
	border-radius: 12px;
	box-shadow: 0px 2px 10px #dedede;
} /* 兼容1920屏幕 */@media screen and (max-width: 1920px) {
	header > div,.indexgg,article > div,footer > div,.recommendMain {
		width: 1300px!important;
	}
	.index-txt {
	    width: 1300px!important;
	}
}/* 兼容1440屏幕 */@media screen and (max-width: 1600px) {
	header > div,.indexgg,article > div,footer > div,.recommendMain {
		width: 1250px!important;
	}
	.index-txt {
	    width: 1250px!important;
	}
}

/*public*/

.indexWebList {
	width: 100%;
	margin-top: 13px;
	background: #FFF;
	padding: 10px 10px;
	padding-bottom: 5px;
}

.indexWebList li {
	float: left;
	margin-right: 10px;
	/*margin-bottom: 10px;*/
	width: calc( (100% - (10.5px * 6) ) / 7  );
	position: relative;
}

.indexWebList li:hover {
	background-color: #fff8f5;
}

.indexWebList li:hover > a {
	color: #ff7352;
}

.indexWebList li:hover .xl {
	display: inline-block;
	opacity: 1;
}

.indexWebList li:nth-child(7n) {
	margin-right: 0;
}

.indexWebList li > a {
	display: block;
	font-size: 15px;
	/*padding: 15px 20px;*/
	line-height: 30px;
	/*padding-right: 30px;*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: 0.2s all;
	color: #333;
	position: relative;
	padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 5px;
}

.indexWebList li > a .hots {
	background: url(hotico.png) no-repeat center center;
	background-size: 100% 100%;
	width: 19px;
	height: 19px;
	position: relative;
	display: inline-block;
	top: -12px;
	left: -8px;
}

.indexWebList li > a img {
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 8px;
	width: 20px;
	height: 20px;
}

.indexWebList li > a .xl:after {
	content: " ";
	width: 0;
	height: 0;
	border-width: 5px 5px 0;
	border-style: solid;
	border-color: #ff7352 transparent transparent;
	margin-left: 6px;
	margin-top: 13px;
	display: block;
	transition: 0.2s all;
}

.indexWebList li > a .xlhover:after {
	transform: rotate(180deg)!important;
	margin-top: 12px;
}

.indexWebList li > a .xl {
	display: inline-block;
	vertical-align: middle;
	opacity: 0;
	width: 20px;
	height: 30px;
	position: absolute;
	right: 13px;
	top: 15px;
}

.indexWebList li .info {
	box-shadow: 0 0px 9px rgba(23, 23, 23, 0.12);
	background: #FFF;
	z-index: 99;
	width: 98%;
	left: 1%;
	position: absolute;
	top: 60px;
	padding: 8px 0px;
	border-radius: 9px;
	display: none;
}

.indexWebList li .info a {
	display: block;
	height: 48px;
	line-height: 48px;
	padding: 0px 10px;
	text-align: center;
	font-size: 15px;
	color: #333;
}

.indexWebList li .info a:hover {
	background: #fff8f5;
	color: #ff7352;
}

.moneyList {
	margin-top: 13px;
}

.other {
	margin-top: 13px;
}

.other .left {
	width: calc((100% - 13px) * 0.3);
}

.other .right {
	width: calc((100% - 13px) * 0.7);
	padding: 25px 36px;
	background: #FFF;
}

.list {
	margin-bottom: 17px;
}

.list:nth-child(2) {
	margin-top: 20px;
}

.list:nth-child(6), .list:nth-child(11), .list:nth-child(16) {
	margin-bottom: 17.5px;
	padding-bottom: 17.5px;
	border-bottom: 1px solid #F9F9F9;
}

.list:nth-last-child(1) {
	margin-bottom: 0;
}

.list .titles {
	float: left;
	margin-right: 35px;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	color: #20c4ab;
	width: 60px;
	overflow: hidden;
}

.list ul {
	float: left;
	width: calc(100% - 35px - 60px);
}

.list ul li {
	float: left;
	margin-right: 25px;
	width: calc((100% - (25px * 5) - 20px) / 5 );
}

.list ul li:nth-last-child(1) {
	margin-right: 0;
	width: 20px;
	text-align: right;
}

.list ul li a {
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: 0.2s all;
	color: #333;
}

.list ul li a img {
	display: inline-block;
	margin-right: 4px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-top: -3px;
}

.list ul li a i {
	font-size: 13px;
	display: block;
	height: 40px;
	line-height: 40px;
	color: #b7b7b7;
}

.list ul li a i:hover {
	color: #ff7352;
}

.list ul li a:hover {
	color: #ff7352;
}

.tools {
	background: #FFF;
	padding: 20px 30px;
	padding-bottom: 30px;
}

.tools .title {
	margin-bottom: 22px;
}

.tools > a {
	float: left;
	margin-right: calc((100% - 55.5px * 4) / 3);
	font-size: 13px;
	color: #666;
	margin-bottom: 28px;
	width: 55px;
	overflow: hidden;
	height: 82px;
	text-align: center;
}

.tools > a:nth-child(5), .tools > a:nth-child(9) {
	margin-right: 0;
}

.tools > a:nth-last-child(1), .tools > a:nth-last-child(2), .tools > a:nth-last-child(3), .tools > a:nth-last-child(4) {
	margin-bottom: 0;
}

.tools > a img {
	display: block;
	margin-bottom: 10px;
	width: 55px;
	height: 55px;
	border-radius: 10px;
}

.indexSearch {
	/* background: #FFF; */
	/*padding: 50px 0px;*/
	margin: 0px auto;
	/*margin-bottom: 13px;*/
	/*padding-top: 339px;*/
	padding-bottom: 45px;
}

.indexSearch > .layui-clear {
	width: 893px;
	margin: 0 auto;
	position: relative;
}

.indexSearch > .layui-clear .bdlogo {
	float: left;
	width: 157.25px;
	height: 53px;
	margin-right: 25px;
}

.indexSearch > .layui-clear .bdlogo img {
	height: 53px;
	vertical-align: middle;
	margin-top: -9px;
	width: 157.25px;
}

.indexSearch > .layui-clear input {
	float: left;
	height: 48px;
	line-height: 28px;
	border: 1px solid #ececec;
	width: 560px;
	border-right: 0;
	padding: 10px 20px;
}

.indexSearch > .layui-clear .btn {
	float: left;
	height: 48px;
	line-height: 48px;
	width: 150px;
	text-align: center;
	background: #20c4ab;
	color: #FFF;
	cursor: pointer;
	font-size: 15px;
	transition: 0.2s all;
}

.indexSearch > .layui-clear .btn:hover {
	background: #26bda6;
}

.indexSearch > .layui-clear .selectul {
	position: absolute;
	top: 48px;
	left: 182.25px;
	width: 560px;
	z-index: 99;
	background: white;
	border: 1px solid #ececec;
	border-top: 0;
	display: none;
}

.indexSearch > .layui-clear .selectul li a {
	display: block;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	color: #333;
	padding: 0px 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.indexSearch > .layui-clear .selectul li a:hover {
	background: #F9F9F9;
}

.content_rank {
	min-height: 530px;
	margin-top: 20px;
	position: relative;
}

.top {
	padding: 20px 30px;
	background: #FFF;
	margin-top: 13px;
	padding-bottom: 1px;
}

.top ul {
	padding-bottom: 35px;
	margin-top: 25px;
}

.top ul li {
	margin-bottom: 35px;
}

.top ul li:nth-last-child(1) {
	margin-bottom: 0
}

.top ul li:nth-child(1) a i {
	background: #ff6b66;
}

.top ul li:nth-child(2) a i {
	background: #ff8652;
}

.top ul li:nth-child(3) a i {
	background: #ffa742;
}

.top ul li a {
	display: block;
	height: 18px;
	line-height: 18px;
}

.top ul li a:hover {
	color: #ff7352;
}

.top ul li a i {
	float: left;
	height: 18px;
	line-height: 18px;
	width: 30px;
	text-align: center;
	font-style: normal;
	background: #c3c3c3;
	color: #FFF;
	border-radius: 2px;
	margin-right: 20px;
}

.top ul li a h3 {
	float: left;
	height: 18px;
	line-height: 18px;
	font-size: 15px;
}

.top ul li a span {
	float: right;
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	color: #8c8c8c;
}

header ~ .indexSearch {
 /* margin-top: 71px; */
}

.indexSearch ~ article {
	padding-top: 0;
}

.update {
	padding: 20px 30px;
	background: #FFF;
	margin-top: 13px;
	height: 630px;
	overflow: hidden;
}

.update ul {
	position: relative;
	margin-top: 15px;
	height: 535px;
}

.update ul li {
	margin-bottom: 15px;
}

.update ul li:nth-last-child(1) {
	margin-bottom: 0;
}

.update ul li a {
	float: left;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	width: 80%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	text-indent: 15px;
}

.update ul li a:before {
	position: absolute;
	left: 0;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #d6d6d6;
	top: 18.5px;
	content: " ";
}

.update ul li a:hover {
	color: #ff7352;
}

.update ul li span {
	float: right;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	width: 15%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: right;
	color: #8c8c8c;
}

.update ul li .new-time {
	color: #ff0d0d;
}

.indexjd {
	width: calc(100% + 36px + 36px);
	margin: 0px -36px;
	background: #fbfbfb;
	height: 13px;
}

.newslist {
	background: #FFF;
	padding-top: 20px;
	padding-bottom: 1px;
}

.newslist ul {
	margin-top: 25px;
	height: 467px;
	overflow: hidden;
	position: relative;
}

.newslist ul li {
	margin-right: 35px;
	width: calc( (100% - 35px) / 2 );
	float: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #F9F9F9;
	margin-bottom: 20px;
}

.newslist ul li:nth-last-child(1), .newslist ul li:nth-last-child(2) {
	margin-bottom: 0;
	padding-bottom: 0;
	border: 0;
}

.newslist ul li:nth-child(2n) {
	margin-right: 0;
}

.newslist ul li a .img {
	float: left;
	width: 40%;
	height: 120px;
	overflow: hidden;
	background: url("//static.daohangtx.com/static/img/newbg.png") no-repeat center center;
	background-size: 100% 100%;
}

.newslist ul li a .img img {
	width: 100%;
	display: block;
}

.newslist ul li a .info {
	float: right;
	width: 55%;
}

.newslist ul li a .info h3 {
	font-size: 15px;
	color: #666;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
}

.newslist ul li a .info span {
	color: #b5b5b5;
	font-size: 14px;
	display: block;
	margin-top: 45px;
}

.bottomas {
	padding: 20px 30px;
	background: #FFF;
	margin-top: 13px;
	overflow: hidden;
}

.bottomas .content {
	height: 184px;
	margin-top: 20px;
	position: relative;
}

.bottomas .content > span, .bottomas .content > p {
	display: block;
	font-size: 15px;
	color: #8e8e8e;
	line-height: 30px;
	margin-bottom: 18px;
}

.bottomas .content > span:nth-last-child(1), .bottomas .content > p:nth-last-child(1) {
	margin-bottom: 0;
}

.indexgg {
	width: 1400px;
	max-width: calc(100% - 50px);
	margin: 0px auto;
	padding: 10px;
	background: #FFF;
}

.indexgg a {
	float: left;
	margin-right: 10px;
	width: calc((100% - 20px) / 3 );
}

.indexgg a:nth-child(4) {
	margin-right: 0;
}

.indexgg a img {
	width: 100%;
	//height: 100%;
	border-radius: 2px;
}

.recommendMain {
	background: #FFF;
	width: 1400px;
	max-width: calc(100% - 50px);
	margin: 0px auto;
	/*padding-top: 70px;*/
	margin-bottom: -40px;
	position: relative;
	/*padding: 40px 0px;*/
}

.goToTop {
	position: absolute;
	top: 23px;
	right: 0;
	font-size: 11px;
	color: #ff7f2b!important;
	padding: 3px 7px;
	border-radius: 5px;
	border: 1px solid #ff7f2b;
	cursor: pointer;
}

.web_group {
}

.web_group li {
	float: left;
	width: calc((100% - (30px * 5)) / 6);
	margin-right: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.web_group li:nth-child(6n) {
	margin-right: 0;
}

.web_group li:nth-child(-n+6){
	padding-bottom: 10px;
}

.web_group li a {
	display: block;
}

.web_group li a>img {
	width: 19px;
	height: 19px;
	float: left;
}

.web_group li a>.info {
	float: left;
	padding-left: 15px;
	width: calc(100% - 19px);
}

.web_group li a>.info h3 {
	font-size: 15px;
	line-height: 19px;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #333;
}

.web_group li a>.info p {
	line-height: 22px;
	height: 22px;
	font-size: 14px;
	color: #969696;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}



.titles {
    margin-top: 3%;
}
.titles h3 {
    line-height: 1.5rem;
    color: #333;
    font-size: 18px;
    position: relative;
    font-weight: bold;
	width: 10%;
    margin: 0 auto;
	border-bottom: solid #24a500;
    text-align: center;
}


.bg {
    /*background: url(kv.jpg) no-repeat center center;*/
    /*background: url(https://i.niupic.com/images/2021/01/09/99ij.jpg) no-repeat center center;*/
    background: url(https://cdn.jsdelivr.net/gh/youyisi12345/imgs/2021/03/21/AE6XRWZW.jpg) no-repeat center center;
    /*background: url(/static/bg.jpg) no-repeat center center;*/
    height: 410px;
    background-size: cover;
    background-color: #F9F9F9;
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    width: 100%;
	z-index: 98;
}
.bg::before {
    content: "";
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.15);
    z-index: 2;
    height: 410px;
    width: 100%;
}
.bg div{
	/* background: url(text.png) no-repeat center center;
	    height: 143px;
	    width: 837px;
	    position: absolute;
	    top: 60%;
	    left: 50%;
	    margin-left: -418.5px;
	    margin-top: -71.5px; */
}
header{
	/*position: relative;*/
    background: transparent;
    border-bottom: 0px solid #6d6d6d;
}
nav a {
    color: #fff;
}

.logo-txt{
	text-align: center;
    font-size: 36px;
    color: #fff;
}


.index-txt{
	position: relative;
    top: 50%;
    /*right: 7%;*/
    margin: 0px auto;
    width: 1400px;
    z-index: 3;
}
.index-txt .txt1{
	color: #fff;
    font-size: 22px;
	text-align: right;
}
.index-txt .txt2{
	color: #fff;
    font-size: 26px;
	line-height: 45px;
	text-decoration: underline;
	text-align: right;
}
.index-txt .txt3{
	color: #fff;
    font-size: 34px;
    text-align: right;
}

ul.web_group.layui-clear{
	padding: 0px 33px;
}


@media (max-width: 768px){
	.fixWrap {
		top: 80vw;
		right: 1.33333vw;
	}
	.fixWrap .APPWrap {
		width: 19.2vw;
		height: 18.4vw;
		border-radius: 0.66667vw;
	}
	.fixWrap .APPWrap img {
		margin: 2vw 0 0.93333vw;
		width: 11.2vw;
		height: 11.2vw;
		border-radius: 1.33333vw;
	}
	.fixWrap .APPWrap p {
		font-size: 3.2vw;
		margin-bottom: 1.33333vw;
	}
}
.fixWrap {
    position: fixed;
    top: 70%;
    right: 10px;
    z-index: 999;
}
.fixWrap .fixContain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.fixWrap .APPWrap {
    width: 114px;
    height: 138px;
    border-radius: 5px;
    text-align: center;
}
.fixWrap .APPWrap img {
    margin: 15px 0 7px;
    width: 84px;
    height: 84px;
    border-radius: 10px;
}
.fixWrap .APPWrap p {
    font-size: 20px;
    font-weight: 600;
    color: #222;
    margin-bottom: 10px;
}



.float-div {
    position: fixed;
    right: 0;
    bottom: 20%;
    z-index: 9999;
    line-height: 1;
}
.float-div li {
    width: 36px;
    height: 36px;
    background: #3f82fc;
    cursor: pointer;
    text-align: center;
}
.float-div li i {
    font-size: 28px;
    color: #fff;
    display: block;
    padding-top: 3px;
    position: relative;
}
.float-div li p {
    font-size: 12px;
    color: #fff;
    width: 34px;
    margin: 0 auto;
    vertical-align: middle;
    position: relative;
    top: 6px;
    line-height: 1!important;
}
.icon-question:before {
    content: '\e808';
}
[class^=icon-]:before, [class*=" icon-"]:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}