@import "common.css";

/* 轮播 */
.inner-banner{background: url("https://nurmai.oss-cn-hangzhou.aliyuncs.com/video/marketing-banner.jpg") no-repeat center; background-size: cover;}

/* 痛点 */
.pain{background: url("https://nurmai.oss-cn-hangzhou.aliyuncs.com/marketing/pain-bg.png") no-repeat center; background-size: auto 100%;}
.pain-list{width: calc((100% - 500px) / 2);}
.pain-list ul{width: calc(100% - 168px); height: 100%;}
.pain-list ul li .icon{width: 26px; height: 26px;}
.pain-list ul li h3{font-size: 18px; line-height: 18px;}
.pain-list .arrow{width: 30px; height: 16px;}
.pain-list span{width: 88px; height: 88px; background-image: linear-gradient(158deg, #1668FF 0%,#8aaffb 100%); z-index: 2;}
.pain-list span:before{width: 88px; height: 88px; border: rgba(22,104,255,0.18) 6px solid; border-radius: 50%; position: absolute; content: ''; z-index: -1;}
.pain-mobile{width: 366px; height: 366px;}

/* 玩法 */
.plan li{width: calc((100% - 120px) / 5); margin: 30px 30px 0 0;}
.plan li:nth-child(5n){margin-right: 0;}
.plan li i{width: 58px; height: 58px; background-image: linear-gradient(158deg, #1668FF 0%,#8aaffb 100%); font-size: 30px; position: relative; z-index: 2;}
.plan li i:after{width: 58px; height: 58px; border: rgba(22,104,255,0.18) 6px solid; border-radius: 50%; position: absolute; content: ''; z-index: -1;}
.plan li h3{font-size: 18px; line-height: 18px;}
.plan li:hover{transform: translateY(-15px);}
.plan li:hover i{animation: entry 0.8s linear;}
@-webkit-keyframes entry {
    0%   {font-size: 30px;}
    25%  {font-size: 40px;}
    50%  {font-size: 30px;}
    75%  {font-size: 40px;}
    100%  {font-size: 30px;}
}

/* 步骤 */
.step .item{width: 160px;}
.step .item .image{width: 80px; height: 80px;}
.step .item h3{font-size: 18px; line-height: 18px;}
.step .arrow{width: 50px; height: 27px;}

/* 优势 */
.adv dl{width: calc((100% - 120px) / 5); margin-right: 30px; padding-bottom: 20px;}
.adv dl:last-child{margin-right: 0;}
.adv dl dt{border-radius: 4px 4px 0 0;}
.adv dl dt h3{font-size: 18px; line-height: 18px;}
.adv dl dt img{width: 58px; height: 58px;}
.adv dl dd{border-radius: 0 0 4px 4px;}