.indexWebList {width: 100%;margin-top: 13px;background: #FFF;padding: 15px 20px;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;} .indexWebList li > a .hots { background: url(//static.daohangtx.com/static/img/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;}   .tools { margin-top: 13px;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: 80px 0px;margin: 0px auto;margin-bottom: 6px;} .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;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;background:transparent;overflow:hidden;} 
.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;}
.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;}
.web_group li:nth-child(6n){margin-right:0;}
.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;}
.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;}
/* 搜索 */
.bg{width:100%;background-image:linear-gradient(to top,transparent,rgba(0,0,0,0.6));margin-top:-70px}
.daohang-site{max-width:600px;padding-top:100px;margin:auto}
.daohang-site div.daohang-title{font-size:30px;text-align:center;color:white;margin-bottom:15px;letter-spacing:0.15em;font-weight:600}
.daohang-site .daohang-bloginfo{font-size:15px;text-align:center;color:white;display:block;font-weight:600}
#search{position:relative;max-width:666px;margin:20px auto 60px}
.s-type{position:inherit;top:unset;left:unset;z-index:unset;width:unset;text-align:center}
.mb20{margin-bottom:20px}
.s-type-list .anchor{top:35px;bottom:1px;margin-top:5px;height:4px;background-color:var(--color-primary);box-shadow:rgba(16,110,253,0.3) 0px 5px 10px 0px;border-radius:100px;transition:0.25s}
.s-type-list label:not(.active){opacity:0.5;transition:opacity 0.3s}
.s-type-list label{margin-bottom:0px;width:16%;text-align:center;font-weight:normal;font-size:15px;cursor:pointer;padding:2px 0px;transition:0.3s}
.s-type-list label{position:relative;display:inline-block}
.s-type-list label span{color:white;padding:10px 20px;display:block}
.s-type-list label:not(.active):hover::after{background-color:#fff}
.s-type-list label:not(.active)::after{position:absolute;bottom:5px;left:50%;margin-left:-2px;width:4px;height:4px;background-color:rgba(255,255,255,0);content:"";border-radius:2px;transition:0.3s}
#search form{position:relative;color:rgb(102,102,102)}
#search-text{width:100%;box-shadow:rgba(0,0,0,0.02) 0px 6px 6px 0px;text-indent:20px;padding:15px 20px;border-width:0px;border-style:initial;border-color:initial;border-image:initial;border-radius:35px;background:rgb(255,255,255);transition:0.2s ease-in-out}
#search button{width:98px;background-color: var(--color-primary);box-shadow: var(--color-primary);color:rgb(255,255,255);text-align:center;font-size:16px;cursor:pointer;position:absolute;top:0px;right:0px;line-height:47px;margin:0px;border-radius:0px 20px 20px 0px;border-width:0px}
#search-list{position:relative}
.search-group{display:none}
.s-current{display:block}
.s-current .search-type{display:block;padding-left:0px;margin:20px}
.search-type li{display:inline-block;list-style:none}
.search-type input:checked + label{opacity:1}
.search-type li label{display:inline-block;font-size:15px;line-height:31px;cursor:pointer;color:white;padding:0px 11px;border-radius:3px 3px 0px 0px}
.search-type input:checked + label,.search-type input:hover + label{color:rgb(0,0,0)}
.notice_s{position: absolute;top: 14px;left: 0;background: #fffbfb;color: #bd2424;padding: 5px 12px;font-size: 13px;}
.link {margin-top: 15px;background: #FFF;padding: 20px 30px;}
.link ul li {display: inline-block;line-height: 200%;padding: 0 10px;}
.category{width:100%;height:96px;overflow:hidden;display:flex;border-bottom:solid #f1f1f1 1px}
.category .titles{color:var(--color-primary);width:10%;height:96px;overflow:hidden;font-size:1.2em;font:18px / 96px "microsoft yahei";text-align:center;border-right:1px dashed #ddd}
.category ul{width:90%;height:64px;margin-top:18px}
.category ul li{width:20%;height:30px;display:inline-block;font:14px / 33px "Microsoft YaHei";color:#000;float:left;margin:0 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.category ul li a{padding-left:25px}
.category ul li a img{vertical-align:text-bottom;width:16px;height:16px;position:relative;top:-2px;margin-right:3px}