.left {float:left;}
.right {float:right;}
.mgr0 {margin-right:0 !important;}
.app .app-banner {width:100%;}
.app .app-banner img {width:100%;}
.app .content {width:1200px;margin:0px auto;}
.app .app-text {text-align:center;}
.app .app-text h2 {margin-top:100px;font-size:38px;font-weight:normal;position:relative;padding-bottom:26px;}
.app .app-text h2:before {content:"";z-index:9;position:absolute;left:50%;bottom:-1px;transform:translate(-50%,0);width:50px;height:0px;overflow:hidden;border-top:3px solid #fe3e2f;}
.app .app-text h2:after {content:"";z-index:1;position:absolute;left:50%;bottom:0px;transform:translate(-50%,0);width:340px;height:0px;overflow:hidden;border-top:1px solid #fe3f2f;}
.app .app-text p {margin-top:15px;font-size:18px;color:#4c4c4c;}
.app .service-tab {margin-top:82px;overflow:hidden;}
.app .service-tab-header {overflow:hidden;}
.app .service-tab .service-tab-item {float:left;width:20%;text-align:center;cursor:pointer;}
.app .service-tab .service-tab-item p {text-align:center;margin-top:15px;}
.app .service-tab .service-tab-item.active p {color: #FE3B2F !important;font-weight:bold;}
.app .service-tab-content {padding:50px 0 0 0;}
.app .service-content-item {display:flex;justify-content:space-between;display:none;}
.app .service-content-item.active {display:flex;}
.app .service-content-item .home-media-img {flex-basis:557px;width:557px;}
.app .service-content-item .home-media-img img {width:557px;margin:0 auto;display:block;transition:all .3s;}
.app .service-content-item .home-media-txt {flex-basis:600px;width:600px;}
.app .service-content-item .home-media-nav {transition:all .3s;display:flex;flex-direction:column;justify-content:center;height:100%;}
.app .service-content-item .home-media-nav .home-media-title {line-height:1;font-size:34px;font-weight:700;color:#323233;padding-bottom:20px;position:relative;}
.app .service-content-item .home-media-nav .home-media-title::after {content:"";position:absolute;left:0px;bottom:0px;width:30px;border-bottom:3px solid #fe3e2f;}
.app .service-content-item .home-media-nav .home-media-info {margin-top:20px;font-size:20px;color:#535353;line-height:2;min-height:120px;}
.app .service-content-item .home-media-nav .home-media-desc {margin-top:0px;font-size:18px;color:#878787;line-height:2;}
.app .service-content-item .home-media-nav .home-media-btn {margin-top:80px;width:280px;height:48px;}
.app .service-content-item .home-media-nav .home-media-btn a {background:linear-gradient(135deg,#FE3B2F 0%,#FE5B2F 100%);color:#fff;padding:10px 50px;border-radius:5px;}
.app .liucheng {margin-top:50px;width:100%;height:615px;background:#fff;box-shadow:0px 0px 8px #ccc;position:relative;background:url(../tandian/img.png) no-repeat;background-position:780px 50px;padding:130px 0px 0px 50px;}
.app .liucheng .lcicon {position:absolute;top:0;left:0;width:288px;height:60px;background:url(../tandian/lcicon.png) no-repeat;color:#fff;font-size:20px;font-weight:bold;text-align:center;line-height:60px;}
.app .liucheng .buzhou {overflow:hidden;}
.app .liucheng .buzhou li {width:8.5%;height:100px;float:left;}
.app .liucheng .buzhou li p {font-weight:bold;font-size:12px;}
.app .liucheng .jt {background:url(../tandian/jt.png) no-repeat;}
.app .liucheng .lcon {margin-top:50px;width:620px;height:277px;border:1px solid #FFFFFF;background:linear-gradient(0deg,#FFFFFF 0%,#F4F6F8 100%);box-shadow:0px 10px 30px 0px rgb(0 0 0 / 4%);border-radius:6px;padding:30px;}
.app .liucheng .lcon p {font-size:16px;font-weight:bold;color:#000;margin-bottom:20px;}
.app .liucheng .lcon div {width:297px;height:54px;border:1px solid #FFFFFF;background:linear-gradient(180deg,rgba(254,59,47,0.07) 0%,rgba(255,255,255,0) 100%);box-shadow:0px 10px 30px 0px rgb(0 0 0 / 4%);border-radius:6px;margin-bottom:20px;text-align:center;line-height:54px;font-size:15px;color:#000;font-weight:bold;}
.app .liucheng .lcon span {color:red;}
.app .whytd {width:100%;height:1600px;background:url(../tandian/why.png) no-repeat;margin-top:50px;padding-top:50px;}
.app .mian {width:1200px;min-width:1200px;margin:0 auto;}
.app .tit {width:50%;height:90px;margin:0 auto;position:relative;}
.app .tit .titbg {width:129px;height:64px;margin-top:26px;}
.app .tit .tl {background:url(../tandian/tl.png) no-repeat;}
.app .tit .tr {background:url(../tandian/tr.png) no-repeat;}
.app .tcenter {position:absolute;left:129px;right:129px;top:0;bottom:0;}
.app .tcenter .tit1 {width:100%;height:90px;font-size:100px;text-align:center;font-family:Source Han Sans CN;font-weight:bold;color:rgba(255,255,255,0.07);line-height:90px;}
.app .tcenter .tquan {position:absolute;left:40px;top:26px;width:32px;height:32px;background:#FE3B2F;border-radius:50%;}
.app .tcenter .titcon {position:absolute;left:0;top:26px;width:100%;height:64px;font-size:40px;font-family:Source Han Sans CN;font-weight:bold;color:#FEFEFE;line-height:64px;text-align:center;}
.app .shidai {width:100%;height:800px;background:url(../tandian/shitai.png) no-repeat;padding-top:130px;}
.app .whatitem {width:100%;height:796px;margin-top:60px;}
.app .whatbg1 {background:#fff;box-shadow:0px 0px 8px #ccc;height:600px;}
.app .num1 {background:url(../tandian/num1.png) no-repeat;}
.app .whatitem .num {width:100%;height:104px;font-size:36px;font-family:Source Han Sans CN;font-weight:bold;color:#FFFFFF;line-height:82px;padding-left:90px;}
.app .whattit {width:400px;margin:40px auto;text-align:center;}
.app .whattit p {margin-top:10px;width:100%;height:30px;background:#FFE9E8;border-radius:15px;line-height:30px;text-align:center;font-size:18px;font-family:Source Han Sans CN;font-weight:400;color:#FE3B2F;line-height:30px;}
.app .ptlist {width:90%;margin:0 auto;overflow: hidden;}
.app .ptlist li {width: 28%;margin-right: 2%;float:left;background:#FAFAFA;border:1px solid #FE3B2F;border-radius:10px;padding:20px;font-size:14px;font-family:Source Han Sans CN;font-weight:bold;color:#101010;line-height:24px;margin-bottom:40px;}
.app .ptlist li img {float:left;width:70px;height:70px;margin-right:20px;}
.app .ptlist li div {margin-top:10px;}
.app .whatbg2 {background:url(../tandian/zyy.png) no-repeat;}
.app .num2 {background:url(../tandian/num2.png) no-repeat;}
.app .pmt {width:373px;height:54px;background:#FCB11E;border-radius:27px;font-size:24px;font-family:Source Han Sans CN;font-weight:bold;color:#FFFFFF;line-height:30px;margin:120px auto;text-align:center;line-height:54px;margin-bottom:0;}
.app .maobox {width:130px;position:absolute;}
.app .mao1 {bottom:70px;left:195px;}
.app .maoicon {background:rgba(255,255,255,0.9);border-radius:25px;padding:10px 15px;font-size:24px;font-family:Source Han Sans CN;font-weight:bold;color:#FE3B2F;line-height:30px;}
.app .maoicon img {float:left;margin-right:10px;}
.app .maobox p {text-align:center;font-size:18px;font-family:Source Han Sans CN;font-weight:bold;color:#FFFFFF;line-height:30px;}
.app .maobox span {text-align:center;font-size:14px;font-family:Source Han Sans CN;font-weight:400;color:#FFFFFF;line-height:30px;}
.app .mao2 {bottom:140px;left:470px;}
.app .mao3 {bottom:200px;left:700px;}
.app .mao4 {bottom:300px;left:900px;}
.app .num3 {background:url(../tandian/num3.png) no-repeat;}
.app .ziyuan {width:100%;height:468px;}
.app .zyl {float:left;width:17%;}
.app .zyl li {width:100%;height:243px;background:#FFFFFF;box-shadow:0px 10px 40px 0px rgb(254 59 47 / 10%);border-radius:10px;text-align:center;cursor: pointer;}
.app .zyl li.active {background:linear-gradient(270deg,#FEA92F 0%,#FE782F 100%) !important;border-radius:10px 10px 0px 0px !important;}
.app .zyl .cx {width:90px;height:64px;font-size:83px;font-family:Source Han Sans CN;font-weight:bold;color:rgba(37,43,58,0.06);line-height:83px;}
.app .active .cx {color:rgba(255,255,255,0.1) !important;}
.app .active p {color:#FFFFFF !important;}
.app .zyl p {height:24px;font-size:24px;font-family:Source Han Sans CN;font-weight:bold;color:#252B3A;line-height:30px;text-align:center;margin-top:30px;}
.app .active span {background:#FFFFFF !important;}
.app .zyl span {display:block;width:26px;height:6px;background:#FF3838;border-radius:3px;margin:50px auto;}
.app .zyr {float:right;width:83%;}
.app .zyr div {display:none;}
.app .zyr div.active {display:block !important;}
.app .anlilist li {width: 33%;float: left;height: 80px;text-align: center;background: #fff;margin-top: 50px;cursor: pointer;}
.app .anlilist li.active {border: 1px solid #FFFFFF;background: linear-gradient(0deg, #FFFFFF 0%, #F4F6F8 100%) !important;border-radius: 10px 0px 0px 10px;}
.app .anlilist li img {height: 56px;margin-top: 10px;}
.app .carousel {min-width: 1200px;}
.app .carousel-indicators {position: absolute;right: 0;bottom: 0;left: 0;z-index: 15;display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content: center;padding-left: 0;margin-right: 15%;margin-left: 15%;list-style: none;}
.app .carousel-inner {position: relative;width: 100%;overflow: hidden;}
.app .carousel-item {position: relative;display: none;float: left;width: 100%;margin-right: -100%;-webkit-backface-visibility: hidden; backface-visibility: hidden; transition: -webkit-transform .6s ease-in-out;transition: transform .6s ease-in-out;transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;}
.app .carousel-item.active{display:block;}
.app .anlibox {width: 100%;height: 558px;position: relative;margin-top: 50px;}
.app .anlibox img {margin-right: 30px;}
.app .anlicon {position: absolute;top: 0;right: 0px;width: 566px;height: 558px;background: url(../tandian/anlibg.png) no-repeat;overflow: hidden;/* padding: 50px 80px; */}
.app .anlicon .t1 {width: 160px;text-align: center;height: 29px;font-size: 30px;font-family: Source Han Sans CN;font-weight: bold;color: #FFFFFF;line-height: 30px;float: right;margin-top: 80px;margin-right: 80px;}
.app .anlicon .t2 {/* width: 336px; */height: 75px;font-size: 14px;font-family: Source Han Sans CN;font-weight: 400;color: #FFFFFF;line-height: 30px;margin-top: 50px;padding-left: 180px;padding-top: 110px;}
.app .numgt {margin-top: 260px;}
.app .numgt div {margin-right: 40px;text-align: center;}
.app .numgt span {display: block;width: 95px;height: 23px;font-size: 26px;font-family: Source Han Sans CN;font-weight: bold;color: #FFFFFF;line-height: 30px;}
.app .numgt p {width: 72px;height: 18px;font-size: 16px;font-family: Source Han Sans CN;font-weight: 400;color: #FFFFFF;line-height: 30px;}

/*KOL*/
#banner-box {background: url(../kol/kol-banner.jpg) center no-repeat;height: 500px;min-width: 1200px;}
.app .banner-content{width: 1200px;min-width: 1200px;margin: 0 auto;display: none;}
.app .banner-item-title {padding-top: 120px;font-size: 66px;line-height: 70px;font-weight: bold;color: #fff;text-shadow: 0px 5px 10px rgb(41 123 247 / 80%);}
.app .banner-item-info {margin-top: 20px;font-size: 24px;line-height: 36px;color: #fff;text-shadow: 0px 5px 10px rgb(41 123 247 / 80%);}
.app .banner-item-text {margin-top: 20px;font-size: 18px;line-height: 30px;padding: 10px 20px;color: #fff;background-image: linear-gradient( 90deg , #6768fe 0%, transparent 100%); background-blend-mode: normal, normal;border-radius: 30px;display: inline-block;}
.app .kol-play-type {background: #fff;padding: 100px 0 40px 0;overflow: hidden;}
.app .web_title{padding: 55px 0px;}
.app .web_title h3 {font-size: 38px;font-weight: bold;text-align: center;color: #323233;}
.app .web_title .line {margin: 25px auto 20px auto;height: 3px;width: 29%;position: relative;}
.app .web_title .line .max_line {width: 100%;height: 1px;margin: 1px 0;background: #ff2442;z-index: -1;}
.app .web_title .line .min_line {position: absolute;left: 40%;top: -1px;width: 20%;height: 3px;background: #ff2442;z-index: 2;}
.app .web_title p {text-align: center;font-size: 18px;color: #535353;margin-bottom: 6px;}
.app .play_content {margin-top: 50px;overflow:hidden;}
.app .play_content li {float: left;width: 18%;margin-right: 2.5%;text-align: center;}
.app .play_content li p {font-size: 20px;line-height: 2.4;cursor:pointer;}
.app .play_content li p:hover{color:#ff2442;}
.app .tp_img {margin-top: 30px;}
.app video {margin-top: 30px;}

.app .kol_zc {background: #fdfcfa;overflow:hidden;}
.app .container {width: 1200px;margin:0px auto;}
.app .kol_zc ul {width: 50%;float: left;padding: 20px 0px;padding-top: 40px;}
.app .kol_zc ul li {color:#ff2442; margin: 10px 0px;}
.app .kol_zc ul li h4 {font-size: 28px;font-weight: bold;margin-top: 10px;margin-bottom: 10px;}
.app .kol_zc ul li h4 img{width:30px;float:left;margin-right:10px;padding-top: 6px;}
.app .kol_zc ul li p {width: 100%;text-align: left;padding-left: 40px;font-size: 20px;color: #797979;margin-bottom: 20px;}
.app .kol_zc img { width: 40%;float: right;}


.app .kol-play-case .container {width: 1200px;margin: 0 auto;}
.app .kol-play-case .container ul{overflow:hidden;margin-top:35px;}
.app .kol-play-case ul li {list-style-type: none;width: 15%;margin: 0px 1%;float: left;cursor:pointer;}
.app .kol-play-case ul li:nth-child(1), .app .kol-play-case ul li:nth-child(7) {margin-left: 0px;}
.app .kol-play-case ul li .plays_tu {width: 100%;overflow: hidden; border: 1px solid #ff2741;border-radius: 5px;}
.app .kol-play-case ul li .plays_tu img {width: 100%;transition: all 0.6s;}
.app .kol-play-case ul li p {margin: 10px 0px 20px;width: 100%;text-align: center;}
.app .kol-play-case ul .li-padding {padding-top: 55px;}
.app .kol-play-case ul li:nth-child(6), .app .kol-play-case ul li:nth-child(12) {margin-right: 0px;}
.app .kol-play-case ul li:hover .plays_tu img {transform: scale(1.1);}

.app .kol_ld {background: #ff2741;color: #fff;}
.app .kol_ld .web_title h3{color:#fff;}
.app .kol_ld .web_title .line .max_line{background:#fff;}
.app .kol_ld .web_title .line .min_line{background:#fff;}
.app .kol_ld .web_title p{color:#fff;}
.app .kol_ld img {width: 90%;margin: 0px 5%;}

.app .online {height: 650px;background: url(../kol/img03.png) no-repeat center top;position: relative;color: #ffffff;}
.app .mod_body {position: relative;width: 1200px;margin: 0px auto;}
.app .online-part-1 {font-size: 23px;line-height: 36px;font-weight: bold;position: absolute;top: 236px;left: 82px;}
.app .online-part {font-size: 15px;line-height: 18px;position: absolute;}
.app .online-part-2 {top: 32px;left: 192px;}
.app .online-part-3 {top: 118px;left: 306px;}
.app .online-part-4 {top: 252px;left: 348px;}
.app .online-part-5 {top: 390px;left: 305px;}
.app .online-part-6 {top: 484px;left: 193px;}
.app .online-part1 {position: absolute;font-size: 14px;color: #666666;line-height: 20px;left: 416px;}
.app .online-part-7 {top: 44px;}
.app .online-part-8 {top: 134px;}
.app .online-part-9 {top: 227px;}
.app .online-part-10 {top: 322px;}
.app .online-part2 {position: absolute;font-size: 20px;color: #333333;left: 685px;}
.app .online-part-11 {top: 413px;}
.app .online-part-12 {top: 72px;}
.app .online-part-13 {top: 162px;}
.app .online-part-14 {top: 256px;}
.app .online-part-15 {top: 350px;}
.app .online-part-16 {top: 442px;}
.app .online-part3 {position: absolute;font-size: 16px;line-height: 20px;color: #000;left: 777px;padding: 0 5px;text-align: justify;}
.app .online-part3 span {color: #ff2741;}
.app .online-part-17 {top: 67px;}
.app .online-part-18 {top: 144px;}
.app .online-part-19 {top: 253px;}
.app .online-part-20 {top: 345px;}
.app .online-part-21 {top: 437px;}

.app .kol-tg-case{background:#f4f4f4;overflow:hidden;padding-bottom: 50px;}
.app .kol-tg-container{width:1200px; margin:0px auto;overflow:hidden;}
.app .kol-tg-container .item {padding: 0px 30px;overflow: hidden;}
.app .kol-tg-container .xhscase-pic {width: 625px;height: 408px;float: left;margin-bottom: 12px;}
.app .kol-tg-container .xhscase-pic img {width: 100%;height: 100%;}
.app .kol-tg-container .xhscase-text {width: 510px;float: right;height: 420px;}
.app .kol-tg-container .xhscase-text .xhscase-h {font-size: 18px;line-height: 30px;text-align: left;padding: 0px 0px 0px 20px;color: #ff2741;position: relative;}
.app .kol-tg-container .xhscase-text .xhscase-h span {color: #888888;}
.app .kol-tg-container .xhscase-text .xhscase-text-title {font-size: 18px;line-height: 30px;text-align: left;padding: 0px 0px 0px 20px;color: #ff2741;position: relative;margin-top: 10px;}
.app .kol-tg-container .xhscase-text .xhscase-text-body {padding: 5px 0px 0px 20px;line-height: 24px;color: #888888;}
.app .kol-tg-container .xhscase-text .xhscase-text-body li {position: relative;line-height: 26px;color: #888888;padding-left: 16px;margin-bottom: 5px;}
.app .kol-tg-container .xhscase-text .xhscase-text-body li span.middot {display: block;position: absolute;border-radius: 50%;width: 6px;height: 6px;left: 3px;top:10px;background: #ff2741;}


/*KOC*/
.app .koc-banner{ height: 500px;background: url(../koc/banner_bg.png) no-repeat;/* background-size: 100% 187%; */}
.app .koc-banner .koc-banner-value {width: 1200px;margin: auto;color: fff;padding-top: 60px;position: relative;display: none;}
.app .koc-banner .koc-banner-value h1 {font-size: 66px;margin-bottom: 26px;text-shadow: 0px 5px 10px rgb(41 123 247 / 80%);}
.app .koc-banner .koc-banner-value p {font-size: 16px;margin-bottom: 104px;line-height: 26px;text-shadow: 0px 5px 10px rgb(41 123 247 / 80%);}
.app .twoWay {background: url(../koc/LRBook_bg31.png) no-repeat 0px 0px;background-size: 100% 166%;padding-bottom: 80px;}
.app .between_title {padding-top: 68px;font-size: 36px;font-weight: bold;text-align: center;color: #1b1b1b;}
.app .between_title_p {font-size: 18px;color: #999999;text-align: center;margin-top: 27px;margin-bottom: 56px;}
.app .box_public {width: 1200px;margin: 30px auto 0;}
.app .twoWay > ul {display: flex;justify-content: space-between;margin-bottom: 74px;}
.app .twoWay > ul > li {background: white;width: 574px;box-shadow: #bbb1b1 0px 0px 15px;padding-top: 48px;padding-bottom: 27px;}
.app .twoWay > ul > li h2 {text-align: center;font-size: 24px;color: #1b1b1b;background: url(../koc/LRBook_bg2.png) no-repeat 220px 20px;margin-bottom: 18px;}
.app .twoWay > ul > li .title_p {font-size: 16px;color: #999999;text-align: center;margin-bottom: 14px;}
.app .twoWay > ul > li ol {display: flex;}
.app .twoWay > ul > li ol li {flex: 1;text-align: center;}
.app .twoWay > ul > li ol li h4 {font-size: 16px;color: #1b1b1b;}
.app .twoWay > ul > li ol li p {width: 200px;line-height: 30px;margin: 11px auto 0;font-size: 14px;color: #555555;}
.app .fiveDiffuse {height: 915px;background: url(../koc/LRBook_bg4.png) no-repeat;background-size: 100% 100%;}
.app .fiveDiffuse .diffuse_value {position: relative;}
.app .fiveDiffuse .diffuse_value > div {width: 703px;position: relative;color: white;}
.fiveDiffuse .diffuse_value > div img {position: absolute;top: 0;left: -164px;}
.app .fiveDiffuse .between_title {color: white;}
.app .fiveDiffuse .between_title_p {color: #febbc4;}
.app .fiveDiffuse .diffuse_value > div h2 {font-size: 32px;display: inline-block;position: absolute;top: 260px;left: -6px;}
.app .fiveDiffuse .diffuse_value > div span {font-size: 22px;}
.app .fiveDiffuse .diffuse_value > div .one {position: absolute;top: 75px;left: 115px;}
.app .fiveDiffuse .diffuse_value > div .two {position: absolute;top: 168px;left: 232px;}
.app .fiveDiffuse .diffuse_value > div .three {position: absolute;top: 307px;left: 265px;}
.app .fiveDiffuse .diffuse_value > div .four {position: absolute;top: 435px;left: 218px;}
.app .fiveDiffuse .diffuse_value > div .five {position: absolute;top: 505px;left: 101px;}
.app .fiveDiffuse .diffuse_value > div .first,.app  .fiveDiffuse .diffuse_value > div .second,.app  .fiveDiffuse .diffuse_value > div .third,.app  .fiveDiffuse .diffuse_value > div .fourth,.app  .fiveDiffuse .diffuse_value > div .fifth {font-size: 20px;}
.app .fiveDiffuse .diffuse_value > div .first {position: absolute;top: 18px;left: 215px;}
.app .fiveDiffuse .diffuse_value > div .second,.app  .fiveDiffuse .diffuse_value > div .fourth {color: #ed1532;}
.app .fiveDiffuse .diffuse_value > div .second {position: absolute;top: 147px;left: 332px;}
.app .fiveDiffuse .diffuse_value > div .third {position: absolute;top: 283px;left: 364px;}
.app .fiveDiffuse .diffuse_value > div .fourth {position: absolute;top: 427px;left: 335px;}
.app .fiveDiffuse .diffuse_value > div .fifth {position: absolute;top: 560px;left: 218px;}
.app .fiveDiffuse .diffuse_value > div p {font-size: 16px;}
.app .fiveDiffuse .diffuse_value > div p:nth-of-type(1) {position: absolute;top: 14px;left: 300px;}
.app .fiveDiffuse .diffuse_value > div p:nth-of-type(2) {position: absolute;top: 147px;left: 421px;}
.app .fiveDiffuse .diffuse_value > div p:nth-of-type(3) {position: absolute;top: 282px;left: 446px;}
.app .fiveDiffuse .diffuse_value > div p:nth-of-type(4) {position: absolute;top: 425px;left: 420px;}
.app .fiveDiffuse .diffuse_value > div p:nth-of-type(5) {position: absolute;top: 550px;left: 300px;}
.app .fiveDiffuse .diffuse_value > ul {position: absolute;top: 0;right: -68px;}
.app .fiveDiffuse .diffuse_value > ul li {list-style-type: disc;color: white;margin-bottom: 45px;}
.app .fiveDiffuse .diffuse_value > ul li h3 {font-size: 22px;margin-bottom: 12px;}
.app .fiveDiffuse .diffuse_value > ul li .yellow {color: #ffcc00;}
.app .fivePick {height: 1028px;background: url(../koc/LRBook_bg5.png) no-repeat;background-size: 100% 100%;}
.app .fivePick > ul {display: flex;justify-content: space-between;position: relative;}
.app .fivePick > ul > li {width: 423px;height: 605px;box-sizing: border-box;background: white;box-shadow: #b9b4b4 0px 0px 10px;padding-top: 58px;}
.app .fivePick > ul > li h4 {font-size: 26px;color: #1b1b1b;text-align: center;}
.app .fivePick > ul > li > p {font-size: 16px;color: #666666;text-align: center;margin-top: 12px;margin-bottom: 21px;}
.app .fivePick > ul > li ol {display: flex;justify-content: space-evenly;margin-bottom: 22px;}
.app .fivePick > ul > li ol li p {text-align: center;font-size: 14px;color: #999999;}
.app .fivePick > ul .value_img {height: 644px;background: none;box-shadow: none;position: absolute; top: -70px; left: 407px;}
.app .eightOptimize {height: 934px;background: url(../koc/LRBook_bg4.png) no-repeat;background-size: 100% 100%;padding-bottom: 80px;}
.app .eightOptimize .between_title {color: white;}
.app .eightOptimize .between_title_p {color: #febbc4;}
.app .eightOptimize > ul {display: flex;justify-content: space-between;}
.app .eightOptimize > ul > li {display: flex;flex-direction: column;border-radius: 15px;overflow: hidden;}
.app .eightOptimize > ul > li:nth-of-type(1) {width: 111px;}
.app .eightOptimize > ul > li .optimize_title {height: 85px;font-size: 24px;color: white;line-height: 85px;text-align: center;background: #ff8c01;}
.app .eightOptimize > ul > li ol {flex: 1;display: flex;flex-direction: column; justify-content: space-evenly;box-sizing: border-box; background: white;padding-top: 32px;}
.app .eightOptimize > ul > li ol li {font-size: 18px;color: #1b1b1b;text-align: center; margin-bottom: 48px;}
.app .eightOptimize > ul > li:nth-of-type(2) {width: 138px;}
.app .eightOptimize > ul > li:nth-of-type(3) {width: 475px;}
.app .eightOptimize > ul > li:nth-of-type(4) {width: 459px;}
.app .eightOptimize > ul > li:nth-of-type(3) ol li, .app .eightOptimize > ul > li:nth-of-type(4) ol li {text-align: left;display: flex;}
.app .eightOptimize > ul > li ol li img {margin-left: 43px;margin-right: 13px;}
.app .eightOptimize > ul > li:nth-of-type(3) img {width: 27px;height: 25px;}
.app .box_public ol li span {display: block;flex: 1;}
.app .eightOptimize > ul > li:nth-of-type(4) img {width: 24px;height: 24px;}
.app .case {height: 1212px;background: url(../koc/LRBook_bg6.png) no-repeat;background-size: 100% 100%;}
.app .case > div {height: 922px;background: white;padding-right: 74px;}
.app .case > div > div {display: flex;}
.app .case > div > div .case_title {margin-top: 52px;margin-left: 87px;}
.app .case > div > div ul {margin-left: 85px;padding-top: 70px;}
.app .case > div > div ul li h2 {font-size: 22px;display: inline-block;font-weight: 400;}
.app .case > div > div ul li h2 img {margin-right: 12px;}
.app .case > div > div ul li p {margin-top: 14px;font-size: 14px;line-height: 24px;color: #666666;}
.app .case > div > img {margin-top: 44px;margin-left: 30px;}