.magazine{overflow:hidden}
.magazine img{max-width:100%;}
.magazine .navigation {position:relative; width:100%;height:40px;line-height:40px; overflow: hidden; background-color:#ce2649; color:#fff}
.magazine .navigation .nav{overflow-x:scroll; overflow-y:hidden; white-space:nowrap; z-index: 1;}
.magazine .navigation .nav a{font-size:14px; line-height: 40px;height: 40px;color: #fff;padding:0 12px; display:inline-block; }
.magazine .navigation .nav a.on{background-color:#1f1a17}
.magazine .magazinelist{padding:5%; overflow:hidden;}
.magazine .dangqi{overflow:hidden; position:relative;}
.magazine .dangqi .ptext{font-size:15px; text-align:center; height:35px; line-height:35px; margin-bottom:10px; border-bottom:1px solid #ddd;}
.magazine .dangqi .imgbox{float:left; width:48%; padding:1%; border:1px solid #eee; position:relative;}
.magazine .dangqi .imgbox p{position:absolute; left:1%; bottom:0; right:1%; height:32px; line-height:32px; background-color:#ce2649; color:#fff; text-align:center;}
.magazine .dangqi .shuoming{ float:right; width:44%; padding-left:5%; margin-top:5px;}
.magazine .dangqi .shuoming p{font-size:13px; margin-bottom:10px; line-height:160%;}
.magazine .wangqi{overflow:hidden; position:relative; margin-top:25px;}
.magazine .wangqi .years{overflow:hidden; border-bottom:1px solid #ddd; height:35px; line-height:35px; padding-bottom:5px;}
.magazine .wangqi .years h2{float:left; font-size:16px; font-weight:bold;color:#333;}
.magazine .wangqi .years .nd{float:right; width:75%;}
.magazine .wangqi .years a{display:block; float:right; margin-left:5%; font-size:14px; color:#666}
.magazine .wangqi .years a.on{color:#ce2649; font-weight:bold;}
.magazine .wangqi .lists{overflow:hidden; position:relative; margin-top:10px;}
.magazine .wangqi .items{overflow:hidden; width:46%; margin:5% 2% 3%; float:left; display:block; min-height: 280px;}
.magazine .wangqi .items img{width:92%; border:1px solid #ddd; padding:3%; margin:auto;}
.magazine .wangqi .items p{text-align:center; line-height:28px; font-size:14px;}
.magazine .container{overflow:hidden;width:90%; padding:5%;  }
.magazine .container .title{font-size:20px; height:32px; line-height:28px; font-weight:bold; color:#4d4d4d; background:url(../images/magazine/smalllogo.png) no-repeat center left; background-size:contain; padding-left:40px;}
.magazine .container .con{ overflow:hidden}
.magazine .container .con p{font-size:14px; line-height:180%; margin-top:15px;}

.magazine .redask{overflow:hidden;}
.magazine .redask p{font-size:14px; line-height:26px; margin-top:10px; color:#797979}
.magazine .redask .ttop{overflow:hidden; margin-top:20px; margin-bottom:30px;}
.magazine .redask .ttop .free{float:none; width:100%;}
.magazine .redask .ttop .pay{float:none; width:100%; margin-top:20px;}
.magazine .redask .ttop h2{font-size:15px; font-weight:normal; color:#4d4d4d; margin-bottom:10px; width:100%;}
.magazine .redask .ttop .btn{display:block; height: 40px; line-height:40px;  background-color:#f7f7f7;  font-size:14px; border-radius:5px; text-align:center; }
.magazine .redask .ttop .btn b{ font-size:16px; font-weight:normal; padding-right:1%;}
.magazine .redask .ttop a.on,.magazine .redask .ttop a:hover{background-color:#ce2649; color:#fff;}
.magazine .redask .formbox{overflow:hidden; margin-top:10px; background-color:#f7f7f7;    padding: 2% 10%;} 
.magazine .redask .formbox .item{overflow:hidden; margin:15px 0px;} 
.magazine .redask .formbox .item span{ display:none; float:left; width:100px; font-size:15px; line-height:34px; font-weight:200; text-align:right;} 
.magazine .redask .formbox .item input{float:left; width:98%; border:1px solid #e4e4e4; height:36px; text-indent:10px; line-height:36px;} 
.magazine .redask .formbox .submitBtn{display:block; width:100%; height:34px; line-height:34px; background-color:#ce2649; color:#fff; text-align:center; font-size:16px; float:left}