/*-----杂志首页-精选杂志-----*/
.jx-main{clear: both; margin:0 auto;width:1200px;clear: both;}
.jx-main ul{float: left;}
.jx-main ul li:nth-child(5n){margin-right: 0px;}
/*--*/
.item{float:left;width:222px;margin:0px 20px 20px 0px;border:1px solid #e5e5e5;position: relative; background:#f7f9fc;}
.item .item-top{width: 208px;height: 30px;padding: 12px 6px 10px 8px;position: relative;}
.item .item-top>a{float:left;width: 182px; font-size:16px;font-weight:bold;color:rgba(29,29,29,1);line-height: 28px;overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;}
.item .item-top>a:hover{color:#ec1d25;}
.item .item-top i{float:right;width: 20px;height: 20px;cursor: pointer;margin-top: 3px;margin-right: 5px;}
.item .item-top img{float:right;width: 20px;height: 20px;}
.item .item-logo img{width: 222px;height: 314px;}
.item .item-btn {padding:15px 0px 15px 15px;}
.item .item-btn button{padding:8px;color:#fff;background: linear-gradient(to right, #fa6f35, #ffa53c);border:none;cursor: pointer;width:90px;margin-right: 10px;border-radius: 5px;}
.item .item-btn .btn2{color:#ec1d25;background: linear-gradient(to right, #fff, #fff );border:1px solid #ec1d25;padding:7px;}
/*hover*/
.item .hover-box{display:none;float:left;position: absolute;z-index: 50;left: 0;top:50px;padding:74px 45px 74px 45px;background:#f7f9fc;}
.item .hover-box img{float:left;width: 132px;height: 132px;}
.item .hover-box p{float:left;font-size:16px;font-weight:400;color:#666;margin:15px 0px 0px 8px;}
.item-hover i{font-size: 24px;}
.item-hover:hover .hover-box{display: block;}
.item .item-top h2:hover{color:#ec1d25;}
.item .item-btn button:hover{background: linear-gradient(to right, #e85f26, #e6912e);color:#fff;}
.item .item-btn .btn2:hover{background: linear-gradient(to right, #ec1d25, #cf194d );color:#fff;}




/*-----list--------*/
.mazlist{clear:both;}
.mazlist .main{height:195px;padding:20px 5px 20px 15px;border-bottom:1px #e5e5e5 dashed;border-left: 2px solid #fff;transition:all .5s;}
.mazlist .main:hover{background-color:#f7f7f7;border-left: 2px solid #ec1d25;}
/*.mazlist .main:last-child{border-bottom:none;}
.mazlist .main:first-child{ padding-top:0px;}*/
.mazlist .image{float:left;overflow: hidden;width:140px;height:198px;}
.mazlist .image img{ width:140px;height:198px;transition:all 0.5s ease;}
.mazlist .image img:hover{transform:scale(1.05);}
.mazlist .word{float:left;box-sizing: border-box;padding:10px 10px 10px 25px;width:650px;position: relative;height: 200px;}
.mazlist .word span{font-weight: 600;}
.mazlist .word h2{color:#333;font-size: 22px;font-weight: 600;}
.mazlist .word h2 a{color:#333;}
.mazlist .word h2 a:hover{color:#ec1d25;}
.mazlist .word p{font-size: 15px;margin-top: 4px;font-weight: 400;color:rgb(68, 68, 68);color:#a0a0a0;}
.mazlist .word p:nth-child(3){margin-top:10px;color:#585858;line-height:24px;font-size:14px;}
.mazlist .word p span{color:#393939;}
.mazlist .word-fl{float: left;width: 640px;margin-top: 30px;}
.mazlist .time{float: right;color:rgb(184 184 184);font-size: 14px;margin: 14px 20px 0px 0px;}
.mazlist .time i{ margin-right:3px;}
.mazlist .ma {float:right;width:20px;height:20px;margin-top: 10px;cursor: pointer;position: relative;}
.mazlist .ma i{ font-size: 24px;}
.mazlist .btn{float:left;}
.mazlist .btn button{width: 120px;cursor:pointer;height:36px;background: linear-gradient(to right, #fa6f35, #ffa53c);border:none;border-radius: 5px;font-size: 14px;color:#fff;margin-right: 12px;}
.mazlist .btn button:hover{background: linear-gradient(to right, #e85f26, #e6912e);color:#fff;}
.mazlist .btn .btn2{color:#ec1d25;background: linear-gradient(to right, #fff, #fff );border:1px solid #ec1d25;}
.mazlist .btn .btn2:hover{background: linear-gradient(to right, #ec1d25, #cf194d );}
.mazlist .ma-hover{display: none;float:right;width:100px;position: absolute;z-index: 50;right: -15px;top:-140px;padding:8px;background:#fff;border:1px solid #d9d9d9;}
.mazlist .ma-hover img{float:left;width: 100px;height: 100px;margin:0;}
.mazlist .ma-hover p{float:left;font-size:14px;font-weight:400;color:#666;margin:0;}
.mazlist .ma:hover .ma-hover{display: block;}