/* guide */
.guide {padding: 75px 0 125px; overflow: hidden;}
.guide-list {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 65px;}
.guide-list li {position: relative; width: calc(25% - 15px); background: #fff; border-radius: 10px; box-shadow: 0 0 19.8px 0.2px rgba(28, 28, 28, 0.14); padding: 60px 0 60px; text-align: center; z-index: 1; overflow: hidden; min-height: 419px;}
.guide-list li:nth-child(n+5) {margin-top: 40px;}
.guide-list li:nth-child(7), .guide-list li:nth-child(8) {padding: 0;}
.guide-list li a {display: block; padding: 60px 0 60px;}
.guide-list .text-group {margin-top: 30px;}
.guide-list em {font-size: 24px; font-weight: 700; color: #000;}
.guide-list .text-group p {font-size: 16px; font-weight: 300; line-height: 30px; color: #333; margin-top: 15px;}
.guide-list .text-group p b {font-weight: 500;}
.guide-list .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .3s;}
.guide-list li:nth-child(7) .bg {background-image: url("../img/guide_bg1.jpg");}
.guide-list li:nth-child(8) .bg {background-image: url("../img/guide_bg2.jpg");}
.guide-list li:hover .bg {transform: scale(1.1);}
.guide-list .content-group {margin-top: 60px;}
.guide-list .content-group em {color: #fff; text-shadow: 0 0 8px rgba(9, 0, 81, 0.21); line-height: 36px;}
.guide-list .content-group .btn {display: flex; justify-content: space-between; align-items: center; width: 220px; border-radius: 20px; padding: 10px 20px; background: #fff; transition: .3s; margin-top: 33px;}
.guide-list li:hover .content-group .btn {background: #5e41cd;}
.guide-list .btn span {font-size: 14px; font-weight: 500; color: #8874d9; transition: .3s;}
.guide-list li:hover .btn span {color :#fff;}
.guide-list .btn .arrow {position: relative; width: 27px; height: 7px;}
.guide-list .btn .arrow img {position: absolute; left: 0; top: 0; transition: .3s;}
.guide-list .btn .arrow img:nth-child(1) {opacity: 1;}
.guide-list .btn .arrow img:nth-child(2) {opacity: 0;}
.guide-list li:hover .btn .arrow img:nth-child(1) {opacity: 0;}
.guide-list li:hover .btn .arrow img:nth-child(2) {opacity: 1;}