a {
    text-decoration:none!important
}
    a:hover {
        text-decoration:none!important;
        color:#FF003C!important;
    }
    .nav-container {
    width:100%;
    display:flex!important;
    justify-content:center;
    margin-top:40px;
    background:#fff
}
.nav {
    display:flex;
    width:1200px;
    min-width:1200px;
 
}
.nav-left {
    display:flex;
    height:70px;
    align-items:center;
    margin-right:38px;
}
.nav-left img{
    width:131px;
    height:34px;
}
    .nav-left div {
        min-width:4px;
        width: 4px;
        height: 4px;
        background: #183F92;
        border-radius: 50%;
        margin:0 10px;
    }
    .nav-left p {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #183F93;
    }

.nav-right ul{
    display:flex;
    justify-content:space-between;
    width:845px;
}

    .nav-right ul li {
        cursor:pointer;
        height:70px;
        line-height:70px;
        padding:0 21px;
        position:relative;
    }
    .nav-right ul li a{
        height:100%;
        display:inline-block;
        font-size: 18px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        text-decoration:none;
        position:relative;
        z-index:2;
    }
       
     .nav-right ul li div {
      width:calc(100% - 42px);
       height: 4px;
       background: #FF003C;
       border-radius: 2px;
       position:absolute;
       bottom:10px;
    }
.main-content {
    width:100%;
    background:#f5f5f5;
    justify-content:center;
    min-width: 1200px;
	margin:0 auto;
}

.main{
    width:1100px;
    display:flex;
    margin-bottom:80px;
}
.main-left {
    width: 820px;
	margin-right: 10px;
	background: #fff;
	border-radius: 4px;
	box-sizing: border-box;
	margin-top: 10px;
}
.main-left-banner {
   width: 800px;
   /*height: 70px;*/
   padding: 10px 10px 0 10px; 
   background: #fff;   
   display: flex;
   justify-content: space-between;
}
.main-left-banner a{
	display: block;
	height: 100%;
}
.main-left-banner img{

	display:block;

}
.main-right {
    width:270px;
    border-radius: 4px;
    margin-top:38px;
    box-sizing:border-box;
}
.main-right-banner {
    padding: 10px 10px 0 10px;
	background: #fff;
	width:270px;
	box-sizing:border-box;

}
.main-right-banner img {
    margin-bottom:10px;
}
.con-w300 iframe {
    margin-bottom: 10px;
}
.recommend {
    display:flex;
    padding-top:20px;
    padding-bottom:20px;
    justify-content:space-between;
    border-bottom:1px #eee solid
}
.recommend-cai{
    display:flex;
    padding-top:20px;
    padding-bottom:20px;
}
    .status-cai>div{
        display:flex;
    }
.recommend-status {
    margin-top:36px;
    display:flex;
    font-size: 14px;
    font-weight: 400;
}
.guess{
    align-items:center;
  
}
.guess img{
    width:10px;
    height:10px; 
     margin-top:2px;
     margin-left:10px;
     cursor:pointer
}
.status-cai {
    justify-content:space-between
}
    .recommend-status div a{
         color: #999999;
    }
       
    .recommend-status p {
         color: #999999;
    }
.recommend-status span{
    margin-left:10px;
    margin-right:10px;
    color: #999999;
}
.recommend-left {
    margin-right:24px;
}
.recommend-guess {
    background:#F5F5F5;
    padding:10px;
   border-radius:4px;
}
.recommend-right {
    overflow: hidden;
    width: 165px;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    border-radius: 4px;
    overflow:hidden
}
    .recommend-right img {
        width: 165px;
        height: 110px;
        border-radius: 4px;
        transition: all .3s;
        object-fit:cover;
        object-position:center top
    }
    .recommend-right img:hover {
         transform: scale(1.2);
    }
.color {
    color: #FF003C!important;
}
.relevant-title {
    display:flex;
    margin-bottom:20px;
    margin-top:20px;
    align-items:center
    
}
    .relevant-title div {
        width: 4px;
        height: 18px;
        background: #FF003C;
        border-radius: 2px;
    }
.relevant-title p{
     font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-left:6px;
}
.friendlink-box {
    width:89px;
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    position:fixed;
    margin-left:-120px;
    background:#fff;
    border-radius:4px;
    padding-top:10px;
    margin-top:-20px;

}
.friendlink span {
     font-size: 16px;
    font-weight: 400;
    color: #999999;
}
.friendlink {
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    margin-bottom:15px;
}
.friendlink img {
    width:32px;
    height:32px;
    margin-right:6px;
}
    .friendlink a {
       height: 32px;
    line-height: 32px;
    display: inline-flex
    }
    .sider-nav-position{
    width:100px;
	position: absolute;
	right:-10px;
	
}
.sider-nav li:hover {
    background:#FF003C
}
.sider-nav li:hover a{
    color:#fff!important;
}
.img-dis {
    display:none
}
.msg-box {
    width:100%;
    padding:10px 0;
    display:flex;
    height:210px;
    margin-bottom:20px;
}
.sider-nav-color {
       background:#FF003C;
}
.sider-nav-color a{
     color:#fff!important;
}
.sider-nav-box {
        height: 555px;
        position: fixed;
        top: calc(8.1vh);
        z-index: 99999;
}
    .silder-nav-child {
        background: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
    }
.blank {
    height:9px;
    width:100%;
    background-color:#f5f5f5
}

.jump-top {
    width:90px;
    height:40px;
    text-align:center;
   line-height:40px;
    border-radius: 4px;
    cursor:pointer
}
.jump-top img {
    width:17px;
    height:9px;
}
.sider-nav  li{
    width:90px;
    height:40px;
    text-align:center;
    line-height:40px;
    margin-bottom:20px;
    border-radius: 4px;
    cursor:pointer;
}
    .sider-nav li a {
          font-size: 18px;
          font-weight: 400;
        color:#666;
        text-decoration:none;
    }
    .sider-nav li:last-child {
        margin-bottom:0
    }
    .three-pictures {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    margin-bottom: 20px;
}

    .three-pictures p:first-child {
        margin-bottom: 17px;
        cursor: pointer;
    }

        .three-pictures p:first-child a {
            font-size: 22px;
            font-weight: 400;
            color: #333333;
        }

.three-pictures-img {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 22px;
}
.three-pictures-img a {
    overflow:hidden
}
    .three-pictures-img a img {
        width: 223.2px;
        height: 135px;
        border-radius:4px;  
        transition: all .3s;
} 
    
 .three-pictures-img a img:hover {
        transform: scale(1.2);
}

.layui-layer {
    border-radius:10px!important;
}
.layui-layer-dialog .layui-layer-content .layui-layer-ico{
   margin-top:10px;
}
.layui-layer-msg{
     border:none!important;
     
}
.nav-right ul{
    margin:0
}