/*-----杂志首页-精选杂志-----*/
.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:#0077cc;}
.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:#0077cc;background: linear-gradient(to right, #fff, #fff );border:1px solid #0077cc;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:#0077cc;}
.item .item-btn button:hover{background: linear-gradient(to right, #e85f26, #e6912e);color:#fff;}
.item .item-btn .btn2:hover{background: linear-gradient(to right, #0077cc, #0077cc );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 #0077cc;}
/*.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:#0077cc;}
.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:#0077cc;background: linear-gradient(to right, #fff, #fff );border:1px solid #0077cc;}
.mazlist .btn .btn2:hover{background: linear-gradient(to right, #0077cc, #0077cc );}
.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;}


/*电子杂志详情页*/
.zazhi-title{border:1px solid #d2d2d2;}
.zazhi-title .zazhitit-l{float: left;padding:15px 20px;}
.zazhi-title .zazhitit-l h1{font-size: 27px;width: 750px; font-weight: bold;color:#333;margin:5px 0 8px 0;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow : hidden ;}
.zazhi-title .zazhitit-l div{float: left;}
.zazhi-title .zazhitit-l div p{float: left; font-size: 14px;color:#5f5f5f;margin-right:18px;}
.zazhi-title .zazhitit-l div p:last-child{margin-right:0px;}
.zazhi-title .zazhitit-r{float: right;border-left: 1px solid #d5d5d5;padding:15px 25px;width: 355px;}
.zazhi-title .zazhitit-r>img{width: 120px;height: 80px;float: left;border: 1px solid #d2d2d2;margin-right: 15px;}
.zazhi-title .zazhitit-r .r-mess{float: left;}
.zazhi-title .zazhitit-r .r-mess h2{font-size: 16px;width: 215px; color:#333;font-weight: bold;margin:3px 0;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow : hidden ;}
.zazhi-title .zazhitit-r .r-mess p{font-size: 14px;width: 215px;color:#5f5f5f;margin-bottom: 6px;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow : hidden ;}
.zazhi-title .zazhitit-r .r-mess div a{float: left;cursor: pointer;font-size: 14px; background-color: #0077cc;color:#fff;padding:5px 10px;border-radius: 3px;}
.zazhi-title .zazhitit-r .r-mess div a:hover{background-color: #0067b0;}
.zazhi-title .zazhitit-r .r-mess div a:nth-child(2){background-color: #e52e59;margin-left: 10px;}
.zazhi-title .zazhitit-r .r-mess div a:nth-child(2):hover{background-color: #d21a45;}
/*杂志主体*/
.zazhi-box {background-color: #f5f5f5;position: relative; padding:50px 0; max-width: 1200px;margin: 0 auto;zoom: 1;clear: both;}
.zazhi .page img{max-width: 600px;max-height: 750px;}
.zazhi-btn{position: absolute;top: 42%;width: 100%;opacity: 0;transition: all 0.5s ease;}
.zazhi-box:hover .zazhi-btn{opacity: 1;}
.zazhi-btn button{width: 32px;height: 80px;font-size: 50px;border-radius: 3px; border: none;background-color: #8888887e;color:#fff;cursor: pointer;}
.zazhi-btn .prev-btn{float:left;margin-left: 10px;}
.zazhi-btn .next-btn{float: right;margin-right: 10px;}
/*横条*/
.zazhi-heng{background-color: #d3d3d3;padding:10px 20px;}
.zazhi-heng .zazhi-music{background-color: #fff;float: left;padding:6px 18px;border-radius: 60px;cursor: pointer;}
.zazhi-heng .zazhi-music #zzmusic_btn img{width: 22px;height: 20px;}
.zazhi-heng .zazhi-mob{float: right;position: relative; cursor: pointer; background-color: #fff;padding:6px 18px;border-radius: 60px;}
.zazhi-heng .zazhi-mob img{float: left;width: 20px;height: 20px;}
.zazhi-heng .zazhi-mob p{float: left;font-size: 16px;color:#666;margin-left: 6px;}
.zazhi-heng .zazhi-mob .mob-box{display: none; position: absolute;box-shadow: 0px 0px 12px #dcdcdc; top: -146px;left: 2px; z-index: 89;background-color: #fff;padding:6px;border-radius: 12px;}
.zazhi-heng .zazhi-mob:hover .mob-box{display: block;}
.zazhi-heng .zazhi-mob .mob-box p{font-size: 14px;color:#666;}
.zazhi-heng .zazhi-mob .mob-box img{width: 110px;height: 110px;}
/*上一个下一个*/
.zazhi-more{border: 1px solid #d2d2d2;margin-bottom: 20px;}
.zazhi-more .zazhi-upd{float: left;width: 546px;padding:15px 25px;}
.zazhi-more .zazhi-upd:nth-child(2){float: right;border-left: 1px solid #d2d2d2;}
.zazhi-more .zazhi-upd img{float: left;width: 53px;height: 75px;border: 1px solid #d2d2d2;}
.zazhi-more .zazhi-upd p{float: left;font-size: 16px;width: 300px; font-weight: bold;color:#3a3a3a;margin:22px 0 0 20px;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow : hidden ;}
.zazhi-more .zazhi-upd a{float: right;background-color: #0077cc;font-size: 16px;color:#fff;margin-top: 16px; padding:10px 35px;border-radius: 5px; text-align: center;}
.zazhi-more .zazhi-upd a:hover{background-color: #0063aa;}


/*了解品牌横幅*/
.knowpp{width: 965px;height: 170px;margin-bottom: 20px; background: url(../images/konwpp-back.jpg);padding:15px 15px 15px 220px;}
.kwpp-box {height: 170px; background-color: #fff;}
.kwpp-box img{float: left;width: 190px;height: 127px;box-shadow: 0px 0px 8px 0px #aecffb;margin: 22px 0px 0px 30px;}
.kwpp-box .kwpp-word{float: left;margin: 28px 0px 0px 25px;}
.kwpp-box .kwpp-word h2{font-size: 22px;color:#333;font-weight: bold;margin: 10px 0px 10px 0px;}
.kwpp-box .kwpp-word h2:hover{color:#0077cc;}
.kwpp-box .kwpp-word p{font-size: 16px;color:#777;line-height: 25px;letter-spacing: 0.5px;}
.kwpp-box .kwpp-word p b{font-weight: bold;color:#f51036;margin-right: 15px;}
.kwpp-box .kwpp-btn{float: right;margin: 60px 35px 0px 0px;}
.kwpp-box .kwpp-btn a{float: left;width: 160px;height: 38px;text-align: center;border-radius: 3px;padding-top: 12px; display: block;font-size: 18px;background: linear-gradient(90deg, #f11a34 0%, #ff217f 100%);color:#fff;font-weight: bold;}
.kwpp-box .kwpp-btn a:hover{background: linear-gradient(90deg, #e1162d 0%, #ea146d 100%);}
.kwpp-box .kwpp-btn a:nth-child(1){background: linear-gradient(90deg, #476fea 0%, #7831ee 100%);margin-right: 18px;}
.kwpp-box .kwpp-btn a:nth-child(1):hover{background: linear-gradient(90deg, #3860da 0%, #6f27e4 100%);}