﻿.p1 {top:52px;left:367px;}
.middle {padding-bottom:105px;}
#tag {width:351px;border:1px solid #eee;padding:30px 16px;margin: 84px 0 0 360px;}
#tag > li {margin-bottom:48px;}
#tag > li:last-child {margin-bottom:0;}
#tag > li > h2 {font-weight:normal;font-size:18px;color:#ae1f24;-webkit-line-clamp:1;margin-top: 20px;}
#tag > li > p {margin-top:14px;color:#717171;font-size:14px;line-height:24px;-webkit-line-clamp:2;}
#tag > li > h2,#tag > li > p {display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;}
#tag > li > h2:hover,#tag > li > p:hover {text-decoration:underline;}
#details {margin: 84px 360px 0 0;width:746px;}
#details > h1 {font-size:28px;color:#3b3b3b;font-weight:normal;}
#details > span {display:block;margin:20px 0 44px;color:#a5a5a5;font-size:14px;}
#details > img {max-width:746px;}
#details > p {font-size:15px;color:#717171;line-height:25px;}
#details > div {text-align:center;font-size:0;}
#details > div > a {display:inline-block;font-size:16px;color:#585858;line-height:26px;border:1px solid #dcdcdc;border-radius:4px;-webkit-transition:all .4s;transition:all .4s;padding:0 5px;margin:105px 12px 0;}
#details > div > a:nth-child(2) {color: #ae1f24;}
#details > div > a:hover {background:#c32026;border-color:#c32026;color:#fff;}
#details > div > .disable {pointer-events:none;opacity:.5;}