body{
margin: 0;
width: 100vw;
height: 100vh;
overflow: hidden;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-size: .16rem;
}
.detail-content td {
border: 1px solid #ddd;
}
.w1366 {
width: 13.66rem;
margin: 0 auto;
}
.title {
display: flex;
align-items: center;
}
.title img {
width: .4rem;
height: .4rem;
margin-right: .16rem;
}
.title p {
color: #333333;
font-size: .36rem;
font-weight: 400;
}
.more p {
color: #888888;
font-size: .18rem;
}
.more a {
position: absolute;
right: 0;
top: .75rem;
display: flex;
align-items: center;
}
.more:hover .moreimg{
background-image: url(../img/yzw-more-hover.png);
}
.more:hover p{
color: #9A200C;
}
.more .moreimg {
width: .2rem;
height: .2rem;
background: url(../img/more.png);
background-size: 100% 100%;
margin-left: .12rem;
}
.home-content{
width: 100vw;
height: 100vh;
overflow-y: auto;
overflow-x: hidden;
}
.footer-line {
position: absolute;
width: 100%;
height: 1px;
background-color: rgba(255, 255, 255, .5);
left: 0;
bottom: .79rem;
}
.search-icon {
position: absolute;
/* outline: none; */
width: 34px;
height: 34px;
background-color: #fff;
border-radius: 50%;
border: none;
}
.nav-list-box {
background-color:#a12916;
background-image: url(../img/header-bg.png);
background-repeat: no-repeat;
position: relative;
}
a {
color: inherit; /* 文字颜色继承父元素 */
text-decoration: none; /* 去除下划线 */
pointer-events: auto; /* 允许鼠标事件 */
cursor: default; /* 将鼠标样式设置为默认样式 */
}
* {margin:0;padding:0;}
ul {list-style:none;}
#home_body{
position: relative;
background-color: #F5F5F5;

}
.home_body{
width: 100vw;
height: 100vh;
overflow: auto;
}


.searchInput {
display: flex;
align-items: center;
width: 2.3rem;
height: .34rem;
border-radius: .18rem;
margin-left: .5rem;
}
.searchInput form {
width: 100%;
}
#q{
width: 230px;
height: 34px;
border: none;
outline: none;
border-radius: 17px;
background-color: rgba(0,0,0,.26);
padding-left: 10px;
color: #fff;
padding-right: 40px;
box-sizing: border-box;
}
#q::placeholder{
color: #fff;
}
.footer-bottom-pic-url{
width: 208px;
}
.footer-bottom-001-top{
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-bottom-001-top-left{
display: flex;
flex-direction: column;
align-items: center;
width: 80%;
}
.footer-bottom-001-top-left span{
font-size: .18rem;
color: #fff;
padding: 0 10px;
}
.footer-info-001{
font-size: .12rem;
color: #bebebe;
padding-left: 60px;
display: flex;
flex-direction: column;
justify-content: center;
}
.footer-bottom-001-bottom{
height: 102px;
font-size: .12rem;
color: #bebebe;
display: flex;
justify-content: space-between;
width: 100%;
}
.footer-bottom-001-bottom a{
color: #bebebe;
}

.header-content-001{
height:100px;
width: 13.66rem;
margin: 0 auto;
}
.header-content-001 .header-logo{
width: 486px;
height: 66px;
cursor: pointer;
margin-right: 16px;
}
.header-001-logo-text{
border-left: 1px solid #a12916;
color: #a12916;
}
.header-001-logo-text1{
display:flex;
color: #FFF;
align-items: center;
position: relative;
}
.header-logo-left{
display: flex;
align-items: center;
// height: 1.14rem;
justify-content: space-between;
}
.header-logo-right{
}
.default-type-02{
display: none;
}
.header-content-002{
background: #fff;
}


.refresh_top {
position: fixed;
bottom: 2rem;
right: 1.8rem;
width: .54rem;
height: .54rem;
border-radius: .06rem;
background-color: #A12916;
text-align: center;
color: #fff;
font-weight: 400;
z-index: 999;
transition: .2s;
border: #fff 1px solid;
display: none;
}
.refresh_top:hover {
cursor: pointer;
border-radius: 50%;
}
.refresh_icon_btn {
position: absolute;
top: 16px;
left: 29px;
width: 24px;
height: 24px;
}
.refresh_text {
position: absolute;
top: 44px;
left: 30px;
font-size: 12px;
font-weight: 400;
color: #646566;
}
.source_icon .comment .bdsharebuttonbox{
padding-left: 10px !important;
}
.h-nav{
width: 13.66rem;
height: .6rem;
background-color: #811A0A;
display: flex;
/* justify-content: space-between; */
justify-content: center;
position: absolute;
bottom: 0;
}
.h-nav-item>a{
// margin: 0 .2rem;
// line-height: .6rem;
font-size: .18rem;
}
.h-nav2{
display: none;
}
//.h-nav-item:hover>a,
//.h-nav-item.active>a{
//background: #ffeae6;
//}
.h-nav-item{
position: relative;
// margin: 0 5%;
cursor: pointer;
}
.h-nav-item:hover .h-nav2{
display: block;
position: absolute;
z-index: 6666;
top: 55px;
left: -18px;
width: 150px;
height:192px;
background-color: #fff;
// border-left: #811A0A 4px solid;
}
.h-nav2-item a{
display: block;
height: 48px;
line-height: 48px;
padding-left: .18rem;
border-bottom: #EAD1A6 1px solid;
transition: .5s;
cursor: pointer;
}
.h-nav2-item:last-child a{
border-bottom: none;
}
.h-nav2-item:hover a{
padding-left: 30px;
color: #A12916;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-slide img{
// width: 380px;
// height: 2.5rem
  width: 100%;
}
.swiper-slide p{
// color: #333333;
// font-size: .2rem;
// padding: .26rem .24rem 0;
// -webkit-line-clamp: 2;
}
.swiper-pagination-bullet{
width: .2rem;
height: .04rem;
background-color: #CCCCCC;
opacity: 1;
border-radius: 0;
}
.swiper-pagination-bullet-active{
background-color: #811A0A;
}
.swiper:hover p{
// color: #811A0A;
}