/* leftBox */
.leftBox , .rightBox { width: 30%; display: inline-block; vertical-align: top; }
.leftBox .tit { padding-bottom: 15px; border-bottom: 1px #cfb6bf solid; }
.leftBox .tit h3 {font-family: 'Philosopher', sans-serif;font-size: 32px;color: #ff7ba7;}
.leftBox .tit p { color: #888586; }
.leftBox ul { margin-bottom: 40px; }
.leftBox ul li { overflow: hidden; margin: 10px 0; }
.leftBox ul li > div { float: left; width: 30%; }
.leftBox ul li .newPhoto a.photo { background-size: cover; }
.leftBox ul li .info { margin-left: 5%; width: 65%; }
.leftBox ul li .info p { margin-bottom: 5px; height: 24px; color: #c96298; -webkit-line-clamp: 1; }
.leftBox ul li .info p a { color: #c96298; }
.leftBox ul li .info article { height: 34px; line-height: 18px; font-size: 12px; color: #999999; -webkit-line-clamp: 2; }
.leftBox .smailP { margin: 15px auto; width: 70%; }
.leftBox .smailP > div { float: left; }

/* rightBox */
.rightBox { margin-left: 4%; width: 65%; }
.rightBox .tit2 { margin: 20px 0 10px; padding: 10px 20px 10px 65px; background: url(/images/28/article/icon-Tit.png) no-repeat 0 50%; border-bottom: 1px #dedddd solid; font-weight: bold; font-size: 20px; color: #686868; }
.rightBox .tit2 b { font-weight: normal; font-size: 16px; color: #d55c65; }
.rightBox .newList .item { overflow: hidden; padding: 30px 0; border-bottom: 1px #d3d2d2 dotted; }
.rightBox .newList .item > div { float: left; width: 35%; }
.rightBox .newList .item .newPhoto { position: relative; overflow: hidden; }
.rightBox .newList .item .newPhoto:before { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); display: block; top: 0; left: 0; content: ""; z-index: 1; }
.rightBox .newList .item:hover .newPhoto:before { background: rgba(0, 0, 0, 0.1); }
.rightBox .newList .item .newPhoto:after { position: absolute; width: 101%; height: 101%; border: 1px #fff solid; display: block; top: 0; left: 0; content: ""; z-index: 2; }
.rightBox .newList .item:hover .newPhoto:after { width: calc(100% - 20px); height: calc(100% - 20px); top: 10px; left: 10px; }
.rightBox .newList .item .newPhoto .photo img { position: relative; background: url(/images/28/article/icon-heart.png) no-repeat 50%; background-size: 0; z-index: 3; }
.rightBox .newList .item:hover .newPhoto .photo img { background-size: 46px; }
.rightBox .newList .item .info { margin-left: 5%; width: 60%; font-size: 12px; }
.rightBox .newList .item .info h3 { margin-bottom: 15px; height: 24px; color: #4a4748; font-size: 16px; -webkit-line-clamp: 1; }
.rightBox .newList .item .info h3 a { color: #4a4748; }
.rightBox .newList .item .info p { color: #a2a2a2; }
.rightBox .newList .item:hover .info h3 a { color: #d7688f; }
.rightBox .newList .item .info article { margin: 10px 0 15px; height: 45px; line-height: 20px; color: #828080; -webkit-line-clamp: 2; }
.rightBox .newList .item .info a.more { padding: 5px 35px; border: 1px #dcdcdc solid; display: inline-block; color: #f18a85; }
.rightBox .newList .item:hover .info a.more { background: #f18a85; border-color: #f18a85; color: #fff; }