.album-banner{background-image:url(../images/product/banner.jpg);background-size:cover;padding-top:80px;padding-bottom:80px;}
.album-banner h1{font-family: "mySourceHanSansSC",Microsoft Yahei,Arial,sans-serif;position: relative;color:#ffffff;font-size:36px;margin-left:46px;font-weight: bold;}
.album-banner h1:before{content:'';position:absolute;width: 32px;height: 32px;border: solid 1px #fde02d;border-radius:32px;left:-42px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.album-banner h1:after{content:'';position:absolute;width: 16px;height: 16px;background-color:#fde02d;border-radius:16px;left:-34px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.album-banner small{font-family: "mySourceHanSansSC",Microsoft Yahei,Arial,sans-serif;color:#ffffff;font-size:24px;letter-spacing: 2px;line-height: 1;display:block;margin-top:30px;}

.album-mill .title{padding-top:40px;padding-bottom:40px;}
.album-mill .title h2.circle{display: inline-block;margin-left:44px;position:relative;}
.album-mill .title h2.circle:before{content:'';position:absolute;width: 24px;height: 24px;background-color: #c5cae9;border-radius:24px;left:-42px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.album-mill .title h2.circle:after{content:'';position:absolute;width: 16px;height: 16px;background-color:#3f51b5;border-radius:16px;left:-38px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.album-mill .title span{margin-left:10px;color:#757575;}
.album-mill .title:after{content:"";clear:both;}
.album-mill .body{margin-left:-15px;margin-right:-15px;}
.album-mill .slide .img{display:block;padding-left:15px;padding-right:15px;}
.album-mill .body .slick-initialized .slick-slide{padding-left:15px;padding-right:15px;}
.album-mill .body .item > div{position:relative;}
.album-mill .body .download{opacity:0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.album-mill .body .download span{background-color:#1a1a1a;opacity: 0.2;position: absolute;top: 0;height: 100%;left: 15px;right: 15px;}
.album-mill .body .download i{position:absolute;content:'';border:0;width:52px;height:52px;cursor:pointer;z-index:9999; background-image:url(../images/download.png);font-size: 0;background-color: transparent;top: 0;bottom:0;left:0;right: 0;margin:auto;}
.album-mill .body .item:hover .download{opacity:1;}
.album-mill .body h4{line-height: 1.5;padding-left:15px;letter-spacing: 1px;font-size:16px;padding-top:15px;padding-bottom:35px;}
.album-mill .body h4 a{color: #757575;}
.album-mill .body .item:hover h4 a{color:#212121;}
.album-mill .body.slide .slick-arrow {position:absolute;content:'';border:0;width:24px;height:24px;cursor:pointer;z-index:9999; background-image:url(../images/more-ico.png);font-size: 0;background-color: transparent;top: -70px;padding: 0;right: 15px;}
.album-mill .body.slide .slick-prev {background-position: 0 100%;margin-right: 38px;}
.album-mill .body.slide .slick-prev:hover {background-position:0 34%;}
.album-mill .body.slide .slick-next {background-position: 0 66%;}
.album-mill .body.slide .slick-next:hover {background-position:0 0;}


.album-crusher{background-color:#f0f2fd;}
.album-crusher .title{padding-top:40px;padding-bottom:40px;}
.album-crusher .title h2.circle{display: inline-block;margin-left:44px;position:relative;}
.album-crusher .title h2.circle:before{content:'';position:absolute;width: 24px;height: 24px;background-color: #c5cae9;border-radius:24px;left:-42px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.album-crusher .title h2.circle:after{content:'';position:absolute;width: 16px;height: 16px;background-color:#3f51b5;border-radius:16px;left:-38px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.album-crusher .title span{margin-left:10px;color:#757575;}
.album-crusher .title .more{position: relative;float:right;margin-right:28px;}
.album-crusher .title .more a{color:#ffc107;}
.album-crusher .title .more i{font-style: normal;letter-spacing: 1px;}
.album-crusher .title .more i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:20px;height:20px;background-position: 26.5% 0;;top:0;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:8px;}
.album-crusher .title:after{content:"";clear:both;}
.album-crusher .body{margin-left:-15px;margin-right:-15px;}
.album-crusher .body .img{display:block;padding-left:15px;padding-right:15px;font-size: 0;}
.album-crusher .body > div > div{position:relative;}
.album-crusher .body .download{opacity:0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.album-crusher .body .download span{background-color:#1a1a1a;opacity: 0.2;position: absolute;top: 0;height: 100%;left: 15px;right: 15px;}
.album-crusher .body .download i{position:absolute;content:'';border:0;width:52px;height:52px;cursor:pointer;z-index:9999; background-image:url(../images/download.png);font-size: 0;background-color: transparent;top: 0;bottom:0;left:0;right: 0;margin:auto;}
.album-crusher .body > div:hover .download{opacity:1;}
.album-crusher .body h4{line-height: 1.5;padding-left:15px;letter-spacing: 1px;font-size:16px;padding-top:15px;padding-bottom:35px;}
.album-crusher .body h4 a{color: #757575;}
.album-crusher .body > div:hover h4 a{color:#212121;}