/* guide */
.guide {padding: 60px 0 0; overflow: hidden;}
.guide .title-group {padding: 0 20px;}
.guide-list {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 45px;}
.guide-list li {position: relative; width: 100%; background: #fff; /*border-radius: 10px;*/ /*box-shadow: 0 0 19.8px 0.2px rgba(28, 28, 28, 0.14);*/ padding: 23px; text-align: center; z-index: 1; overflow: hidden;}
/* .guide-list li + li {margin-top: 15px;} */
.guide-list li:not(:nth-child(n+7)) {border-top: 1px solid #ddd;}
.guide-list li a {display: block;}
.guide-list li .icon img {max-width: 60px;}
.guide-list .text-group {margin-top: 18px;}
.guide-list em {font-size: 20px; font-weight: 700; color: #000;}
.guide-list .text-group p {font-size: 14px; font-weight: 300; line-height: 1.7em; color: #333; margin-top: 10px;}
.guide-list .text-group p b {font-weight: 500;}
.guide-list .text-group p br:not(.only-m) {display: none;}
.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 .content-group em {color: #fff; text-shadow: 0 0 8px rgba(9, 0, 81, 0.21); line-height: 1.7em;}
.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: 40px;}
.guide-list .btn span {font-size: 13px; font-weight: 500; color: #8874d9; transition: .3s;}
.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;}