body{background:#fff}.container{background:#f4f9fb}.news{width:1000px;margin:0 auto;padding:20px 0}.news-list{margin-right:-20px}.news-list li{position:relative;float:left;width:320px;height:390px;border-radius:8px;-webkit-box-shadow:5px 5px 5px #e7e7e7;box-shadow:5px 5px 5px #e7e7e7;background:#fff;margin-right:20px;margin-top:40px;overflow:hidden}.news-list li.list-unscroll{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px);-ms-transform:translateY(80px)}.news-list li:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}.news-list li .img{display:block;width:320px;height:202px;overflow:hidden}.news-list li .img img{width:100%;height:100%;-webkit-transition:.6s all ease;transition:.6s all ease}.news-list li .text{padding:32px 16px 0}.news-list li h3{height:28px;font-size:18px;color:#333;line-height:28px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.news-list li p{height:106px;padding-top:10px;font-size:14px;color:#a3a3a3;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.news-details-wrap{background:#fff}.news-details{padding-top:86px;background:#eff3f6}.details-content{float:left;width:784px;padding:40px 40px 40px 0;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff}.details-content .back-up{display:block;width:103px;height:27px;margin:0 auto;border:1px solid #959595;font-size:14px;color:#000;line-height:27px;padding-left:32px;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../images/icon_a_back.jpg) no-repeat 10px center}.details-content .back-up:hover{background:url(../images/icon_a_back_on.jpg) no-repeat 10px center;color:#d5051c;border:1px solid #d5051c}.details-title{text-align:center;margin-bottom:40px}.details-title h1{margin-bottom:20px;font-weight:700;font-size:24px;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.details-title p{padding:16px 0;font-size:14px;color:#9e9e9e;border-top:1px solid #dee6ec;border-bottom:1px solid #dee6ec}.details-body{font-size:16px;color:#666;padding-bottom:40px;min-height:706px}.details-body div,.details-body img,.details-body p,.details-body section,.details-body span,.details-body video{max-width:100%!important}.details-voucher{display:none;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px 0 30px 0}.details-voucher h3{height:50px;line-height:50px;font-size:18px;color:#000;font-weight:400;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:18px}.details-voucher h3 i{display:block;position:absolute;background-color:#46a6fd;width:5px;height:20px;left:0;top:15px}.details-voucher>ul li{margin:8px auto;width:366px;height:69px;background:url(../images/voucher/voucher_item.png) center no-repeat;background-size:contain;overflow:hidden;position:relative;border-bottom:none;float:left;cursor:pointer}.details-voucher>ul li:nth-of-type(odd){margin-right:12px}.voucher-left{float:left;height:100%;width:85px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:10px}.voucher-left p:first-child{font-size:16px;color:#ea4f39;margin-top:4px;line-height:22px}.voucher-left.gray p:first-child{color:#b6b6b6}.voucher-left p:first-child span:first-child+span{font-size:24px}.voucher-left p:first-child+p{color:#b6b6b6;font-size:12px}.voucher-right{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:15px;padding-top:10px}.voucher-right p{line-height:16px}.voucher-right p:first-child{font-size:14px;color:#444}.voucher-right p:first-child+p,.voucher-right p:first-child+p+p{font-size:12px;color:#b6b6b6}.details-voucher .get-voucher-success,.details-voucher .no-voucher,.details-voucher .over-time,.details-voucher .used{display:none;position:absolute;right:16px;top:12px;width:41px;height:41px;background:url(../images/voucher/used.png) center no-repeat;background-size:contain}.details-voucher .over-time{background:url(../images/voucher/over_time.png) center no-repeat;background-size:contain}.details-voucher .get-voucher-success{background:url(../images/voucher/get_success.png) center no-repeat;background-size:contain}.details-voucher .no-voucher{background:url(../images/voucher/no_voucher.png) center no-repeat;background-size:contain}.details-voucher .get-voucher{position:absolute;right:0;top:0;width:25px;height:100%;background:url(../images/voucher/get_voucher.png) center no-repeat;background-size:contain;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px 4px 0 6px;color:#fff;line-height:13px}.details-sidebar{float:right;width:415px;height:100%;background:#eff3f6;padding:30px 0 0}.details-sidebar .title{font-size:22px;color:#333}.details-sidebar .title span{padding-left:14px;border-left:5px solid #46a6fd}.details-sidebar .list{padding:16px}.details-sidebar .list li{margin-bottom:15px}.details-sidebar .list li a{display:block;padding:2px 15px 2px 2px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#e0e3e6;overflow:hidden}.details-sidebar .list li a:hover{color:#fff;background:#21adfc}.details-sidebar .list li a:hover .text,.details-sidebar .list li a:hover .time{color:#fff}.details-sidebar .list img{float:left;width:137px;height:90px;border-radius:2px}.details-sidebar .list .text{float:right;width:210px;font-size:14px;color:#333;line-height:24px}.details-sidebar .list .text p{height:48px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:16px}.details-sidebar .list .text .time{color:#bbb} strong { font-weight: bold; }