@charset "utf-8";

.detail_box {display: flex;padding: 20px;}
.detail_box .photo {width: 560px;height: 285px;display: block;flex: 0 0 auto;margin-right: 20px;}
.detail_box .photo img {width: 100%;height: 100%;display: block;object-fit: cover;}
.detail_box .info {flex: 1;min-width: 0;}
.detail_box .info .introduction {height: 55px;line-height: 55px;background-color: #FFFAF3;margin-bottom: 42px;position: relative;}
.detail_box .info .introduction h1 {color: #ff881e;font-size: 24px;margin-left: 20px;font-weight: 400;}
.detail_box .info .introduction h1::before {content: '';width: 4px;height: 30px;display: block;background-color: #ff881e;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.detail_box .info .introduction i {width: 54px;height: 74px;display: block;background: url(../images/ico_1.png) no-repeat;background-size: 100% 100%;position: absolute;right: 0;top: 0;}
.detail_box .info .des {color: #555;font-size: 15px;text-indent: 2em;line-height: 26px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.detail_box .box_download{display: flex;align-items: center;}
.detail_box .box_download .box_pic {width: 80px;height: 80px;flex-shrink: 0;margin-right: 10px;}
.detail_box .box_download .box_pic img{display: block; width: 100%;height: 100%;}
.detail_box .box_download .box_info{margin-right: 5px;position: relative;width: 385px;}
.detail_box .box_download .box_info a{color: #000;}
.detail_box .box_download .box_info a:hover{color: #ffa365;}
.detail_box .box_download .box_info p{color: #999;margin-top: 3px;}
.detail_box .box_download .box_info span{display: block; color: #ffa365;margin-top: 5px;}
.detail_box .box_download .ewm_box{text-align: center;}
.detail_box .box_download .ewm_box img{width: 100px;height: 100px;}
.detail_box .box_download .ewm_box span{display: block;}

.main-title p {display: inline-block;height:49px;background: #FFA74F;position:relative;padding-right: 15px;z-index: 3;overflow: hidden;}
.main-title p .icon1{ display:block; float:left; width:30px; height:30px; background:url(../images/bg10.png) no-repeat -80px -170px; margin:10px 10px 0px 10px;}
.main-title p span{float:left;font-size:26px;color:#FFFFFF;line-height:49px;}
.main-title p:after{content:'';position:absolute;right: -10px;top:0;width:315px;height:49px;background: url(../images/bg10.png) no-repeat 0px -215px;z-index: -1;}

.main-list li:first-of-type {margin-top: 15px;}
.main-list li{padding: 10px; border:1px solid #E1E1E1; position:relative; box-shadow: 0px 2px 0px 0px #F0F0F0; margin-top:30px; background-color: #FFFFFF;}
.main-list li:hover{ border:1px solid #f60;}
.main-list li .num{ width:40px; height:40px; line-height:40px; text-align:center; font-size:20px; color:#FFFFFF; position:absolute; left:-1px; top:-1px;background-color: #FF9637;}
.main-list li .rankIn{display: flex;align-items: center;}
.main-list li .img{width:120px;}
.main-list li .img img{ width:120px; height:120px; border-radius:15px;}
.main-list li .img .down-btn{ display:block; width:118px; height:33px; background:#FFFFFF; border:1px solid #f60; border-radius:4px; margin-top:15px;}
.main-list li .img .down-btn i{display:block;float:left;width: 14px;height: 12px;background: url(../images/ico_3.png) no-repeat;margin: 11px 10px 0px 17px;}
.main-list li .img .down-btn span{ float:left; font-size:14px; line-height:33px; color:#f60;}
.main-list li .img .down-btn:hover{ background:#f60;}
.main-list li .img .down-btn:hover i{ background:url(../images/bg10.png) no-repeat -315px -55px;}
.main-list li .img .down-btn:hover span{ color:#FFFFFF;}

.main-list li dl{ width:633px; margin:0 20px;}
.main-list li dl dt{ height:24px; line-height:24px; overflow:hidden;display: flex;flex-wrap: wrap;}
.main-list li dl dt .name{ display:block;height:24px; line-height:24px; font-size:20px; max-width:475px;}
.main-list li dl dt p{ margin-left:15px; font-size:12px; display: flex;align-items: center;}
.main-list li dl dt p i{ display:block; width:16px; height:16px; background:url(../images/bg10.png) no-repeat -295px 0px; margin-right: 8px;}
.main-list li dl dt p em{ display:block; color:#999999; font-style: normal;}
.main-list li dl dt span{ display:block; float:right; }
.main-list li dl dt span a{ display:block; width:83px; height:22px; border:1px solid #1D89DF; border-radius:5px; color:#f60; text-decoration:none;}
.main-list li dl dt span a i{ display:ilock; float:left; width:12px; height:12px; background:url(../images/bg9.png) no-repeat -320px -50px; margin:6px 5px 0px 5px;}
.main-list li dl dt span a:hover{ background:#f60; color:#FFFFFF;}
.main-list li dl dt span a:hover i{ background-position:-401px -51px;} 

.main-list li dl dd.cont1{ height:45px; line-height:25px; overflow:hidden; font-size:14px; color:#666666; margin-top:22px;}
.main-list li dl dd.cont2{ width:630px; margin-top:22px;display: flex;}
.main-list li dl dd.cont2 p{ color:#333333; font-size:14px; margin-top:5px;}
.main-list li .tags{ width:550px; height:30px; overflow:hidden;display: flex;flex-wrap: wrap;}
.main-list li .tags a{ display:block; height:28px; line-height:28px; border:1px solid #E1E1E1; background:#F6F6F6; padding:0px 10px; font-size:14px; color:#333333; text-decoration:none; border-radius:4px; margin:0px 10px 0px 0px;}
.main-list li .tags a:hover{ background:#f60; border:1px solid #f60; color:#FFFFFF;}
.main-list li .pic-list img{ width:112px; height:181px;margin-left:8px;}
.main-list li .pic-list img:first-of-type {margin-left: 0;}

.related-news .list {display: flex;flex-wrap: wrap;border-radius: 2px;margin-top: 8px;overflow: hidden;}
.related-news .list li {width: 48%;display: flex;overflow: hidden;height: 26px;line-height: 26px;padding: 7px 0;margin-right: 4%;}
.related-news .list li:nth-of-type(2n) {margin-right: 0;}
.related-news .list li em {display: block;overflow: hidden;height: 26px;line-height: 26px;color: #767676;width: 66px;background: #f9f9f9;text-align: center;font-size: 12px;margin-right: 14px;flex: 0 0 auto;}
.related-news .list li a {display: block;flex: 1;min-width: 0;color: #575757;font-size: 16px;height: 26px;line-height: 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.related-news .list li:hover em {background-color: #f60;color: #fff;}
.related-news .list li:hover a {color: #f60;}
.related-news .list li a:hover {text-decoration: underline;}

.hot-zt .tab-btns {flex: 1;min-width: 0;display: flex;vertical-align: top;margin-left: 15px;font-size: 16px;margin-top: 16px;}
.hot-zt .tab-btns li {display: block;float: left;position: relative;padding: 0 15px;cursor: pointer;font-size: 16px;line-height: 38px;}
.hot-zt .tab-btns li.active::after {content: '';border-width: 6px 6px 0;border-style: solid;border-color: #f60 transparent transparent;height: 0;width: 0;position: absolute;left: 50%;bottom: -7px;margin-left: -6px;}
.hot-zt .m-tab-cont {display: none;}
.hot-zt .m-tab-cont.active {display: block;}
.hot-zt .m-tab-cont .pic-list ul {display: flex;}
.hot-zt .m-tab-cont .pic-list ul li {display: block;width: 215px;height: 120px;margin: 0 25px 5px 0;position: relative;overflow: hidden;border-radius: 10px;}
.hot-zt .m-tab-cont .pic-list ul li:nth-of-type(5n) {margin-right: 0;}
.hot-zt .m-tab-cont .pic-list ul li img {border-radius: 10px;width: 215px;height: 120px;}
.hot-zt .m-tab-cont .pic-list ul li p {position: absolute;width: 215px;height: 26px;line-height: 26px;left: 0;bottom: 0;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;background: rgba(0, 0, 0, 0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);text-align: center;color: #fafafa;font-size: 14px;transition: all 0.1s linear;-webkit-transition: all 0.1s linear;}
.hot-zt .m-tab-cont .pic-list ul li:hover {-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);}
.hot-zt .m-tab-cont .text-list ul {display: flex;flex-wrap: wrap;}
.hot-zt .m-tab-cont .text-list ul li {width: 273px;border-bottom: 1px solid #EFEFEF;margin: 15px 0px 0px 27px;padding-bottom: 10px;}
.hot-zt .m-tab-cont .text-list ul li:nth-of-type(4n+1) {margin-left: 0;}
.hot-zt .m-tab-cont .text-list ul li a {display: block;height: 18px;line-height: 18px;overflow: hidden;background: url(../images/ico-img5.png) no-repeat 0px 5px;padding-left: 30px;width: 100%;font-size: 14px;box-sizing: border-box;}