.box{background:linear-gradient(#2da9e2,#000fe0);font-family:Merriweather Sans,sans-serif;border-radius:7px;position:relative;overflow:hidden}.box:before{content:"";background:-webkit-repeating-linear-gradient(45deg,rgba(0,0,0,.1) 10px,transparent 0,transparent 20px,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 30px,transparent 0,transparent 40px,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 50px,transparent 0,transparent 60px,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 70px,transparent 0,transparent 80px,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 90px,transparent 0);width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;z-index:0;transition:all .5s}.box:hover:before{opacity:1}.box img{width:100%;height:auto;transition:all .5s ease;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.box:hover img{opacity:.5;clip-path:polygon(50% 0,99% 50%,50% 99%,0 50%)}.box .box-content{color:#fff;padding:10px;text-align:center;width:100%;opacity:0;transform:translateX(-50%) translateY(-50%) rotate(-55deg);position:absolute;top:50%;left:50%;z-index:1;transition:all .5s}.box .box-content h3{color:#fff}.box:hover .box-content{opacity:1;transform:translateX(-50%) translateY(-50%) rotate(0deg)}.box .title{font-size:25px;font-weight:700;text-transform:uppercase;margin:0 0 3px 0}.box .post,.box .title{text-shadow:0 0 5px #000}.box .post{font-size:16px;text-transform:capitalize;display:block}.box .icon{z-index:99;padding:0;margin:0;list-style:none;opacity:0;transform:rotateX(180deg);position:absolute;right:10px;top:10px;transition:all .3s}.box:hover .icon{opacity:1;transform:rotate(0)}.box .icon li{color:#4a00e0;background-color:#fff;font-size:17px;text-align:center;line-height:30px;width:30px;height:30px;margin:0 0 7px;border-radius:50%;display:block;transition:all .5s}.box .icon li:hover{color:#8e2de2;box-shadow:0 0 15px #fff}@media only screen and (max-width:990px){.box{margin:0 0 30px}}@media only screen and (max-width:479px){.box .title{font-size:20px}}.course-goods-list{min-height:200px}.course-goods-list .title-bar{text-align:left;margin:50px 10px}.course-goods-list .title-bar i{font-size:25px}.course-goods-list .title-bar .title{font-size:20px;font-weight:700;color:#fff;margin-left:10px;display:inline;text-shadow:0 0 2px #000}.course-goods-list .goods-list .photo-card{margin:20px 30px;cursor:pointer;box-shadow:0 9px 9px 0 rgba(0,0,0,.2196078431372549)}.course-goods-detail{padding:20px 10%}.course-goods-detail .intoduction{border:1px solid #e2e2e2;padding:20px}.course-goods-detail .intoduction .cover img{width:100%}.course-goods-detail .intoduction .buy{text-align:left}.course-goods-detail .intoduction .buy .price .ant-row{margin-bottom:10px}.course-goods-detail .intoduction .buy .price .origianl-pirce{text-decoration:line-through}.course-goods-detail .intoduction .buy .price .sale-price{color:red;font-size:20px}.course-goods-detail .content-wrap{overflow:hidden}.course-goods-detail .content-wrap .content-img img{width:100%}.course-goods-detail .content-wrap .content-html img{max-width:100%;height:auto}.btn-buy{color:#e5511d;border-color:#f0cab6;background:#ffe4d0;display:block;cursor:pointer;width:134px;height:38px;text-align:center;font-family:Hiragino Sans GB,microsoft yahei,sans-serif;font-size:16px;line-height:38px;border-width:1px;border-style:solid;border-radius:2px}