.function { padding-bottom: 0.41667rem; }

.function .list li { width: 25% !important; }

.function .list li .icon { background-image: url("../images/task-sprite.png") !important; width: 0.5rem !important; height: 0.5rem !important; background-size: 500% !important; }

.function .list li:nth-of-type(1) .icon { background-position: 0% 0; }

.function .list li:nth-of-type(2) .icon { background-position: 25% 0; }

.function .list li:nth-of-type(3) .icon { background-position: 50% 0; }

.function .list li:nth-of-type(4) .icon { background-position: 75% 0; }

.function .list li:nth-of-type(5) .icon { background-position: 0% 11.11%; }

.function .list li:nth-of-type(6) .icon { background-position: 25% 11.11%; }

.function .list li:nth-of-type(7) .icon { background-position: 50% 11.11%; }

.function .list li:nth-of-type(8) .icon { background-position: 75% 11.11%; }

.function .list li:nth-of-type(9) .icon { background-position: 0% 22.22%; }

.function .list li:nth-of-type(10) .icon { background-position: 25% 22.22%; }

.function .list li:nth-of-type(11) .icon { background-position: 50% 22.22%; }

.function .list li:nth-of-type(12) .icon { background-position: 75% 22.22%; }

#fullSlide .bd ul li { height: 4.66667rem !important; }

#fullSlide .bd ul li:not(:first-of-type) .banner-info strong { font-size: 0.33333rem !important; }

#fullSlide .bd ul li:not(:first-of-type) .banner-info p:first-of-type { font-size: 0.33333rem !important; margin-bottom: 0.33333rem; }

#fullSlide .bd ul li:not(:first-of-type) .banner-info p:last-of-type { text-decoration: underline; }

#fullSlide .bd ul li:not(:first-of-type) .banner-info span { color: #fff !important; background: #1965EB !important; }

.service { height: 4.16667rem; background-image: url(../images/service_bg.png); background-size: 100% 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.service p.title { font-size: 0.30833rem; margin-bottom: 0.25rem; }

.service p.description { font-size: 0.13333rem; color: #777777; margin-bottom: 0.25rem; }

.service ul { width: 10rem; display: -webkit-box; display: flex; justify-content: space-around; }

.service ul li { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 1.66667rem; text-align: center; -webkit-box-align: center; align-items: center; }

.service ul li i.icon { width: 0.83333rem; height: 0.83333rem; background-image: url(../images/task-sprite.png); background-size: 500%; display: inline-block; margin-bottom: 0.25rem; }

.service ul li:nth-of-type(1) i.icon { background-position: 0% 100%; }

.service ul li:nth-of-type(2) i.icon { background-position: 25% 100%; }

.service ul li:nth-of-type(3) i.icon { background-position: 50% 100%; }

.service ul li:nth-of-type(4) i.icon { background-position: 75% 100%; }

.service ul li strong { margin-bottom: 0.25rem; font-size: 0.2rem; font-weight: normal; }

.service ul li small { font-size: 0.11667rem; color: #9e9ea5; line-height: 0.16667rem; }

.mode { text-align: center; background: #fff; padding-top: 1rem; }

.mode p.title { font-size: 0.29167rem; }

.mode p.description { font-size: 0.13333rem; color: #777777; line-height: 0.41667rem; }

.mode .mode-list { width: 9.33333rem; display: -webkit-box; display: flex; margin: 0.75rem auto 0.33333rem; }

.mode .mode-list li { -webkit-box-flex: 1; flex: 1; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; cursor: pointer; }

.mode .mode-list li .icon { background-image: url(../images/mode-sprite.png); width: 0.25rem; height: 0.25rem; display: inline-block; background-size: 300%; margin-right: 0.08333rem; }

.mode .mode-list li span { font-size: 0.2rem; color: #9E9EA5; }

.mode .mode-list li.active span { color: #1965EB; }

.mode .mode-list li.active::after { content: ""; border: 0.18333rem solid transparent; border-bottom-color: #F2F5FB; position: absolute; bottom: -0.36667rem; }

.mode .mode-list li:nth-of-type(1) .icon { background-position: 0% 0; }

.mode .mode-list li:nth-of-type(2) .icon { background-position: 50% 0; }

.mode .mode-list li:nth-of-type(3) .icon { background-position: 100% 0; }

.mode .follow-path-wrap { height: 5.83333rem; width: 100%; background: #f2f5fb; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.mode .follow-path-wrap .double-follow-path, .mode .follow-path-wrap .friend-follow-path, .mode .follow-path-wrap .redpack-follow-path { width: 9.45rem; margin: 0 auto; margin-top: 0; background: #f2f5fb; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.mode .follow-path-wrap .double-follow-path img, .mode .follow-path-wrap .friend-follow-path img, .mode .follow-path-wrap .redpack-follow-path img { width: 100%; }

.mode .follow-path-wrap .double-follow-path ul, .mode .follow-path-wrap .friend-follow-path ul, .mode .follow-path-wrap .redpack-follow-path ul { margin-top: 0.25rem; display: -webkit-box; display: flex; }

.mode .follow-path-wrap .double-follow-path ul li, .mode .follow-path-wrap .friend-follow-path ul li, .mode .follow-path-wrap .redpack-follow-path ul li { -webkit-box-flex: 1; flex: 1; min-height: 0.41667rem; color: #fff; background-image: url(../images/arrow-right.png); background-size: 100% 100%; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding-left:0.2rem; padding-right: 0.15rem; font-size: 12px; }

.mode .follow-path-wrap .friend-follow-path, .mode .follow-path-wrap .redpack-follow-path { display: none; }

.matrix, .multi_award { display: -webkit-box; display: flex; height: 5.83333rem; background: #f7f7fc; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.matrix img, .multi_award img { width: 5.125rem; height: 5rem; margin-right: 0.85rem; }

.matrix .desc strong, .multi_award .desc strong { font-size: 0.29167rem; }

.matrix .desc p, .multi_award .desc p { margin: 0.16667rem 0 0.41667rem; font-size: 0.13333rem; color: #9E9EA5; }

.matrix .desc ol li, .multi_award .desc ol li { margin-bottom: 0.36667rem; color: #2D3C56; }

.matrix .desc ol li::before, .multi_award .desc ol li::before { content: ""; width: 0.05rem; height: 0.05rem; border-radius: 50%; background: #2d3c56; display: inline-block; margin-right: 0.08333rem; vertical-align: middle; }

.multi_award { background: #fff; }

.multi_award img { -webkit-box-ordinal-group: 3; order: 2; width: 5.925rem; height: 3.51667rem; margin-right: 0; margin-left: 0.85rem; }

.index-box1 .banner2 strong, .index-box1 .banner3 strong { line-height: 0.58333rem; font-weight: 400; }

.index-box1 .banner2 small, .index-box1 .banner3 small { border-bottom: 1px solid #fff; }

/*.index-box1 .banner2 p, .index-box1 .banner3 p { font-size: 0.33333rem !important; }*/

.index-box1 .banner2 .descript, .index-box1 .banner3 .descript { -webkit-box-align: start; align-items: flex-start; }

.index-box1 .banner2 .descript .btn, .index-box1 .banner3 .descript .btn { border-radius: 5px; background: #1965eb; color: #fff; }

#custom { margin-top: 0; }