@font-face{font-family:"socialshare";src:url(../fonts/iconfont.eot);src:url(../fonts/iconfont.eot?#iefix) format("embedded-opentype"),url(../fonts/iconfont.woff) format("woff"),url(../fonts/iconfont.ttf) format("truetype"),url(../fonts/iconfont.svg#iconfont) format("svg")}.social-share{font-family:"socialshare" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}.social-share *{font-family:"socialshare" !important}.social-share .icon-tencent:before{content:"\f07a"}.social-share .icon-qq:before{content:"\f11a"}.social-share .icon-weibo:before{content:"\f12a"}.social-share .icon-wechat:before{content:"\f09a"}.social-share .icon-douban:before{content:"\f10a"}.social-share .icon-heart:before{content:"\f20a"}.social-share .icon-like:before{content:"\f00a"}.social-share .icon-qzone:before{content:"\f08a"}.social-share .icon-linkedin:before{content:"\f01a"}.social-share .icon-diandian:before{content:"\f05a"}.social-share .icon-facebook:before{content:"\f03a"}.social-share .icon-google:before{content:"\f04a"}.social-share .icon-twitter:before{content:"\f06a"}.social-share a{position:relative;text-decoration:none;margin:4px;display:inline-block;outline:none}.social-share .social-share-icon{position:relative;display:inline-block;width:32px;height:32px;font-size:20px;border-radius:50%;line-height:32px;border:1px solid #666;color:#666;text-align:center;vertical-align:middle;transition:background 0.6s ease-out 0s}.social-share .social-share-icon:hover{background:#666;color:#fff}.social-share .icon-weibo{color:#ff763b;border-color:#ff763b}.social-share .icon-weibo:hover{background:#ff763b}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{color:#56b6e7;border-color:#56b6e7}.social-share .icon-qq:hover{background:#56b6e7}.social-share .icon-qzone{color:#FDBE3D;border-color:#FDBE3D}.social-share .icon-qzone:hover{background:#FDBE3D}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{color:#0077B5;border-color:#0077B5}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{position:relative;color:#7bc549;border-color:#7bc549}.social-share .icon-wechat:hover{background:#7bc549}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}.social-share .icon-wechat:hover .wechat-qrcode{display:block}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
body {
  font-family: 'Source Han Sans CN', 'Source Han Serif SC', 'SimHei', 'SimSun', 'STHeiti', 'STSong', 'Heiti SC', 'sans-serif';
  color: #191140;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Source Han Sans CN', 'Source Han Serif SC', 'SimHei', 'SimSun', 'STHeiti', 'STSong', 'Heiti SC', 'sans-serif';
}
ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}
button {
  border: 0;
  outline: none;
}
input,
select,
textarea {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
  border: 0;
  padding: 0;
  outline: none;
}
.margin-auto {
  margin-left: auto;
  margin-right: auto;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: '';
  display: table;
  line-height: 0;
  visibility: hidden;
  clear: both;
}
.container {
  max-width: 1336px;
}
.gio-button {
  display: inline-block;
  padding: 0 20px;
  color: #fff;
  font-size: 16px;
  height: 35px;
  line-height: 38px;
  text-align: center;
  text-decoration: none;
  transition: all ease 0.3s;
}
.gio-button.link {
  border-radius: 25px;
}
.gio-button.primary {
  background-color: #fc5f3a;
}
.gio-button.primary:hover {
  color: #f8f8f8;
  background-color: #dd4a3a;
}
.gio-button.secondary {
  background-color: #383963;
}
.gio-button.secondary:hover {
  color: #f8f8f8;
}
.header > .navbar {
  position: fixed;
  top: 0;
  width: 100%;
  transition: all 0.3s ease;
  border: none;
  z-index: 9999;
}
.navbar .has-banner .top-banner-box {
  width: 100%;
  height: 60px;
  background: #07053e;
}
.navbar .has-banner .top-banner-box .top-banner {
  max-width: 1440px;
  height: 60px;
  margin: 0 auto;
  line-height: 60px;
  position: relative;
  background-image: url(../../../vassets/images/home_v3/B-financing-banner.jpg-bg.jpg), none;
  background-size: 100% 100%;
  text-align: center;
  color: #FFF;
  font-size: 18px;
}
.navbar .container {
  height: 73px;
  width: 100%;
  max-width: 1180px;
  padding: 0px;
}
@media (max-width: 991px) {
  .navbar .container {
    height: auto;
    max-width: none;
  }
  .navbar .container .navbar-header {
    margin: 0px;
  }
  .navbar .container .navbar-collapse {
    margin: 0px;
    padding: 0px;
    background: #f8f8f8;
  }
  .navbar .container .navbar-collapse .navbar-nav.menu-xs .panel-group {
    margin-bottom: 0px;
  }
}
.navbar .container .navbar-header .navbar-toggle .icon-bar {
  background-color: #fff;
  height: 3px;
}
.navbar .container .navbar-header .logo {
  vertical-align: middle;
  display: inline-block;
  width: 165px;
  height: 58px;
  background-image: url(../../../vassets/images/home_v3/gio-logo.svg), none;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  padding: 0px;
  margin: 7px 0px;
}
@media (max-width: 991px) {
  .navbar .container .navbar-header .logo {
    width: 165px;
    height: 62px;
    margin: 0px 0px 0px 15px;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: 0;
    padding: 15px 15px;
  }
}
@media (max-width: 991px) {
  .navbar .container .navbar-header button.navbar-toggle {
    display: block;
    position: relative;
    float: right;
    padding: 13px 10px;
    margin: 8px 10px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
  }
}
.navbar .container .navbar-nav {
  margin-top: 4px;
  margin-left: 35px;
}
.navbar .container .navbar-nav li.open a {
  background-color: transparent;
  color: #e1e2e4;
}
.navbar .container .navbar-nav li a,
.navbar .container .navbar-nav li span {
  transition: all 0s ease;
  background-color: transparent;
  cursor: pointer;
}
.navbar .container .navbar-nav li a:hover,
.navbar .container .navbar-nav li span:hover {
  background-color: transparent;
  color: #e1e2e4;
}
.navbar .container .navbar-nav li a.gio-btn-wauto,
.navbar .container .navbar-nav li span.gio-btn-wauto {
  display: inline-block;
  font-size: 16px;
  border-radius: 50px;
  padding: 0;
  height: 40px;
  line-height: 38px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
  color: #fff;
}
.navbar .container .navbar-nav li a.gio-btn,
.navbar .container .navbar-nav li span.gio-btn {
  display: inline-block;
  font-size: 16px;
  border-radius: 50px;
  padding: 0;
  width: 110px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
}
.navbar .container .navbar-nav li a.gio-btn.gio-btn-white,
.navbar .container .navbar-nav li span.gio-btn.gio-btn-white {
  color: #fc5f3a;
  background-color: #ffffff;
  border: 2px solid #ffffff;
}
.navbar .container .navbar-nav li a.gio-btn.gio-btn-white:hover,
.navbar .container .navbar-nav li span.gio-btn.gio-btn-white:hover {
  color: #dd4a3a;
}
.navbar .container .navbar-nav li a.gio-btn.gio-btn-primary,
.navbar .container .navbar-nav li span.gio-btn.gio-btn-primary {
  background-color: #383963;
  border: 2px solid #383963;
}
.navbar .container .navbar-nav li a.gio-btn.gio-btn-primary:hover,
.navbar .container .navbar-nav li span.gio-btn.gio-btn-primary:hover {
  background-color: #191140;
  border: 2px solid #191140;
}
.navbar .container .navbar-nav li a.gio-btn.gio-btn,
.navbar .container .navbar-nav li span.gio-btn.gio-btn {
  border: 2px solid transparent;
  background-color: transparent;
}
.navbar .container .navbar-nav li a.gio-btn.gio-btn:hover,
.navbar .container .navbar-nav li span.gio-btn.gio-btn:hover {
  border: 2px solid transparent;
  color: #e1e2e4;
}
.navbar .container .navbar-nav li a.gio-btn.gio-btn-border,
.navbar .container .navbar-nav li span.gio-btn.gio-btn-border {
  color: #ffffff;
  background-color: transparent;
  border: 2px solid #ffffff;
}
.navbar .container .navbar-nav li a.gio-btn.gio-btn-border:hover,
.navbar .container .navbar-nav li span.gio-btn.gio-btn-border:hover {
  background-color: #ffffff;
}
.navbar .container .navbar-nav li a.gio-btn.gio-btn-border-purple:hover,
.navbar .container .navbar-nav li span.gio-btn.gio-btn-border-purple:hover {
  color: #7f88ef;
}
.navbar .container .navbar-nav li .dropdown-toggle {
  line-height: 20px;
  padding: 15px 0;
  display: block;
  cursor: pointer;
}
.navbar .container .navbar-nav li .dropdown-toggle:hover .caret {
  color: #ffc3bb;
}
.navbar .container .navbar-nav.navbar-right {
  margin: 16px -15px 0px 0px;
}
@media (max-width: 991px) {
  .navbar .container .navbar-nav.navbar-right {
    text-align: center;
    margin: 10px 0px !important;
  }
}
@media (max-width: 991px) {
  .navbar .container .navbar-nav.navbar-right .btn-login {
    display: none;
  }
}
.navbar .container .navbar-nav.navbar-right .btn-login a {
  width: auto;
  color: #fff;
  font-size: 16px;
  line-height: 40px;
  padding: 0px 14px 0px 9px;
  border: none !important;
  margin: 0px 10px 0px 0px;
}
.navbar .container .navbar-nav.navbar-right li:last-child {
  margin-left: 0px;
}
.navbar .container .navbar-nav.navbar-right li:last-child a {
  width: 120px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  display: block;
  border-radius: 4px;
  color: #FFFFFF;
  text-align: center;
  padding: 0;
  border: none !important;
  margin: 0px;
}
.navbar .container .navbar-nav.navbar-right li:last-child:hover {
  background-color: transparent;
}
.navbar .container .navbar-nav.pull-right.hidden-xs {
  margin: 15px 0px;
}
.navbar .container .navbar-nav.pull-right.hidden-xs li > span,
.navbar .container .navbar-nav.pull-right.hidden-xs li > span > a {
  display: block;
  cursor: pointer;
  transition: all 0.3s ease;
  height: 42px;
  padding: 0px;
  color: #fff;
  font-size: 16px;
  line-height: 42px;
}
.navbar .container .navbar-nav li.promotion-li {
  position: relative;
  margin-right: 31px;
}
.navbar .container .navbar-nav li.promotion-li span.hot-img {
  width: 30px;
  height: 16px;
  position: absolute;
  top: 8px;
  right: -31px;
}
.navbar .container .navbar-nav li.promotion-li span.hot-img img.hot-1 {
  display: block;
}
.navbar .container .navbar-nav li.promotion-li span.hot-img img.hot-2 {
  display: none;
}
.navbar .container .navbar-nav li.promotion-li span.hot-img img {
  width: 30px;
  height: auto;
}
.navbar .container .navbar-nav .dropdown:hover .dropdown-menu {
  display: block;
}
.navbar .container .navbar-nav .dropdown-menu {
  width: 879px;
  margin-top: 0px;
  border-radius: 12px;
  padding-bottom: 0;
  left: -120px;
  left: calc(-120px);
  top: 98%;
  font-size: 0;
  overflow: hidden;
  white-space: nowrap;
}
.navbar .container .navbar-nav .dropdown-menu.solution-dropdown-menu {
  left: calc(-160px);
}
.navbar .container .navbar-nav .dropdown-menu.resource-center-dropdown-menu {
  left: calc(-120px);
}
.navbar .container .navbar-nav .dropdown-menu.about-us-dropdown-menu {
  left: calc(-30px);
}
.navbar .container .navbar-nav .dropdown-menu::before,
.navbar .container .navbar-nav .dropdown-menu::after {
  display: block;
  position: absolute;
  content: ' ';
  height: 0;
  width: 0;
}
.navbar .container .navbar-nav .dropdown-menu::before {
  border: 10px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.15);
  top: -20px;
  left: 160px;
  left: calc(160px);
}
.navbar .container .navbar-nav .dropdown-menu::after {
  border: 8px solid transparent;
  border-bottom-color: #fff;
  top: -16px;
  left: 162px;
  left: calc(162px);
}
.navbar .container .navbar-nav .dropdown-menu li a {
  color: #fc5f3a;
  transition: all 0.3s ease;
  font-size: 16px;
  line-height: 1.7;
}
.navbar .container .navbar-nav .dropdown-menu li a:hover {
  color: #dd4a3a;
  background-color: #fff;
}
.navbar .container .navbar-nav .dropdown-menu .menu {
  color: #65697f;
  display: inline-block;
  vertical-align: top;
}
.navbar .container .navbar-nav .dropdown-menu .menu + .menu .menu-item {
  border-left: 1px solid #e1e2e4;
}
.navbar .container .navbar-nav .dropdown-menu .menu + .menu .menu-header {
  border-left: 1px solid #e1e2e4;
}
.navbar .container .navbar-nav .dropdown-menu .menu .menu-header {
  margin: 3px 0;
  padding: 12px 0;
  width: 100%;
  color: #65697f;
  font-size: 14px;
  line-height: 10px;
  text-align: center;
  text-decoration: none;
  cursor: default;
}
.navbar .container .navbar-nav .dropdown-menu .menu .menu-list {
  border-radius: 0 0 12px 12px;
  border-bottom: 10px transparent;
  padding-top: 1px;
  padding-bottom: 1000px;
  margin-bottom: -1000px;
  text-align: center;
  background-color: #f8f8f8;
}
.navbar .container .navbar-nav .dropdown-menu .menu .menu-list.new-features-menu-list {
  width: 170px!important;
}
.navbar .container .navbar-nav .dropdown-menu .menu .menu-list.solution-menu-list {
  width: 210px!important;
}
.navbar .container .navbar-nav .dropdown-menu .menu .menu-list.product-menu-right {
  float: right;
  border-radius: 0;
  background-color: #F8F8F8;
}
.navbar .container .navbar-nav .dropdown-menu .menu .menu-list.product-menu-left {
  float: left;
  border-radius: 0;
  background-color: #F8F8F8;
}
.navbar .container .navbar-nav .dropdown-menu .menu .menu-item {
  display: inline-block;
  vertical-align: middle;
  margin: 10px 0;
  padding: 20px;
  width: 165px;
  left: 120px;
  height: 200px;
  overflow: hidden;
  text-decoration: none;
  cursor: pointer;
}
.navbar .container .navbar-nav .dropdown-menu .menu .menu-item img {
  width: 40px;
}
.navbar .container .navbar-nav .dropdown-menu .menu .menu-item h2 {
  margin: 5px 0 0;
  font-size: 16px;
  color: #383963;
  line-height: 36px;
}
.navbar .container .navbar-nav .dropdown-menu .menu .menu-item p {
  font-size: 12px;
  line-height: 19px;
  color: #65697f;
}
.navbar .container .navbar-nav .dropdown-menu .menu .menu-item span {
  display: inline-block;
  font-size: 12px;
  color: #383963;
  opacity: 1;
}
.navbar .container .navbar-nav .dropdown-menu .menu .menu-item span img {
  width: 7px;
  vertical-align: -1px;
}
.navbar .container .navbar-nav .dropdown-menu .menu .menu-item + .menu-item {
  border-left: 1px solid #e1e2e4;
}
.navbar .container .navbar-nav .dropdown-menu .menu .menu-item:hover h2,
.navbar .container .navbar-nav .dropdown-menu .menu .menu-item:hover p,
.navbar .container .navbar-nav .dropdown-menu .menu .menu-item:hover span {
  transition: all 0.2s ease;
}
.navbar .container .navbar-nav .dropdown-menu .menu.menu-new-left {
  float: left;
  width: 520px;
}
.navbar .container .navbar-nav .dropdown-menu .menu.menu-new-left .menu-list .menu-item {
  width: 33%;
  float: left;
}
.navbar .container .navbar-nav .dropdown-menu .menu.menu-new-right {
  width: 357px;
  float: left;
}
.navbar .container .navbar-nav .dropdown-menu .menu.menu-new-right .menu-list .menu-item {
  width: 50%;
  float: left;
}
.navbar .container .navbar-nav .dropdown-menu-about {
  width: 160px;
  text-align: center;
  left: calc(-60px);
}
.navbar .container .navbar-nav .dropdown-menu-about li {
  margin-left: 0px;
}
.navbar .container .navbar-nav .dropdown-menu-about li a:hover {
  background-color: transparent;
}
.navbar .container .navbar-nav .dropdown-menu-about:before {
  left: calc(69px);
}
.navbar .container .navbar-nav .dropdown-menu-about:after {
  left: calc(71px);
}
.navbar .container .navbar-nav.pull-right {
  margin-top: 15px !important;
}
.navbar .container .navbar-nav.pull-right li {
  margin-left: 15px;
  padding-left: 15px;
}
.navbar .container .navbar-nav.pull-right li .dropdown-toggle {
  display: block;
  cursor: pointer;
  transition: all 0.3s ease;
  height: 42px;
  padding: 0px;
  color: #191140;
  font-size: 16px;
  line-height: 42px;
}
.navbar .container .navbar-nav.pull-right li .dropdown-toggle:hover {
  color: #e1e2e4 !important;
}
.navbar .container .navbar-nav.pull-right li .dropdown-toggle:hover a {
  color: #e1e2e4 !important;
}
.navbar .container .navbar-nav.pull-right li .dropdown-toggle:hover .caret {
  margin-top: 2px;
  border-color: #e1e2e4 #e1e2e4 transparent transparent;
}
.navbar .container .navbar-nav.pull-right li .dropdown-toggle a {
  color: #191140;
  font-size: 16px;
  line-height: 20px;
}
.navbar .container .navbar-nav.pull-right li .dropdown-toggle .caret {
  width: 7px;
  height: 7px;
  border: 2px solid;
  border-color: transparent transparent #fff #fff;
  border-radius: 10%;
  transform: rotate(-45deg);
  margin-top: -5px;
  transition: all 0.3s ease;
}
.navbar .container .navbar-nav.pull-right li .dropdown-toggle .dropdown-menu {
  left: -120px;
  box-shadow: 0 4px 24px 0 rgba(47, 67, 82, 0.15);
  border-radius: 4px;
  padding: 0;
  border: none;
  margin-top: 0px;
  top: 98%;
  font-size: 0;
  overflow: hidden;
  white-space: nowrap;
}
.navbar .container .navbar-nav.pull-right li .dropdown-toggle .dropdown-menu .menu {
  display: inline-block;
  vertical-align: top;
  margin: 15px 56px 15px 15px;
  width: 100px;
}
.navbar .container .navbar-nav.pull-right li .dropdown-toggle .dropdown-menu .menu:first-child {
  margin-left: 64px !important;
}
.navbar .container .navbar-nav.pull-right li .dropdown-toggle .dropdown-menu .menu:last-child {
  margin-right: 64px !important;
}
.navbar .container .navbar-nav.pull-right li .dropdown-toggle .dropdown-menu .menu .menu-header {
  border-left: none !important;
  box-sizing: content-box;
  height: 16px;
  border-bottom: 1px solid #E7E7E8;
  padding: 15px 0 !important;
  text-align: left;
  margin: 3px 0;
  line-height: 10px;
  text-decoration: none;
  cursor: default;
  font-size: 18px!important;
  font-weight: 500;
  width: 108px!important;
  color: #191140!important;
}
.navbar .container .navbar-nav.pull-right li .dropdown-toggle .dropdown-menu .menu .menu-list {
  margin-bottom: -1000px;
  padding: 1px 0 1000px;
  text-align: left;
  border: none;
  background-color: #ffffff;
  border-radius: 0 0 12px 12px;
  border-bottom: 10px transparent;
  width: auto !important;
  color: #191140!important;
  font-size: 16px;
  vertical-align: middle;
}
.navbar .container .navbar-nav.pull-right li .dropdown-toggle .dropdown-menu .menu .menu-list.new-features-menu-list {
  width: 170px!important;
}
.navbar .container .navbar-nav.pull-right li .dropdown-toggle .dropdown-menu .menu .menu-list.solution-menu-list {
  width: 210px!important;
}
.navbar .container .navbar-nav.pull-right li .dropdown-toggle .dropdown-menu .menu .menu-list .item {
  margin: 21px 0;
}
.navbar .container .navbar-nav.pull-right li .dropdown-toggle .dropdown-menu .menu .menu-list .item .value {
  display: inline-block;
  padding-right: 6px;
  color: #65697f;
}
.navbar .container .navbar-nav.pull-right li .dropdown-toggle .dropdown-menu .menu .menu-list .item .line {
  display: none;
}
.navbar .container .navbar-nav.pull-right li .dropdown-toggle .dropdown-menu .menu .menu-list .item .triangle-facing-right {
  display: none;
}
.navbar .container .navbar-nav.pull-right li .dropdown-toggle .dropdown-menu .menu .menu-list .item:hover {
  color: #FC5F3A;
}
.navbar .container .navbar-nav.pull-right li .dropdown-toggle .dropdown-menu .menu .menu-list .item:hover .value {
  color: #FC5F3A;
}
.navbar .container .navbar-nav .dropdown-menu:nth-child(2) .menu .menu-list.new-features-menu-list {
  width: 220px !important;
}
.header > .navbar-fixed {
  border-radius: 0;
  background: #fff;
  z-index: 9999999;
  border-top: none;
  border-bottom: 1px solid #D8D8D8;
}
.header > .navbar-fixed .container .navbar-header .navbar-toggle .icon-bar {
  background-color: #fc5f3a;
}
.header > .navbar-fixed .container .navbar-header .logo {
  background-image: url(../../../vassets/images/home_v3/gio-logo-primary.svg), none;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
}
@media (max-width: 991px) {
  .header > .navbar-fixed .container .navbar-header .logo {
    width: 165px;
    height: 62px;
    margin: 0px 0px 0px 15px;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: 0;
    padding: 15px 15px;
  }
}
.header > .navbar-fixed .container .navbar-nav li a,
.header > .navbar-fixed .container .navbar-nav li span {
  color: #65697f;
  background-color: transparent;
  color: #191140;
}
.header > .navbar-fixed .container .navbar-nav li a:hover,
.header > .navbar-fixed .container .navbar-nav li span:hover {
  color: #fc5f3a;
}
.header > .navbar-fixed .container .navbar-nav li a.gio-btn-primary,
.header > .navbar-fixed .container .navbar-nav li span.gio-btn-primary {
  background-color: #383963;
}
.header > .navbar-fixed .container .navbar-nav li a.gio-btn-primary:hover,
.header > .navbar-fixed .container .navbar-nav li span.gio-btn-primary:hover {
  background-color: #191140;
}
.header > .navbar-fixed .container .navbar-nav li a.gio-btn.gio-btn-primary,
.header > .navbar-fixed .container .navbar-nav li span.gio-btn.gio-btn-primary,
.header > .navbar-fixed .container .navbar-nav li a.gio-btn.gio-btn-white,
.header > .navbar-fixed .container .navbar-nav li span.gio-btn.gio-btn-white,
.header > .navbar-fixed .container .navbar-nav li a.gio-btn.gio-btn-border,
.header > .navbar-fixed .container .navbar-nav li span.gio-btn.gio-btn-border {
  background-color: #fc5f3a;
  border: 2px solid #fc5f3a;
  color: #f8f8f8;
}
.header > .navbar-fixed .container .navbar-nav li a.gio-btn.gio-btn-primary:hover,
.header > .navbar-fixed .container .navbar-nav li span.gio-btn.gio-btn-primary:hover,
.header > .navbar-fixed .container .navbar-nav li a.gio-btn.gio-btn-white:hover,
.header > .navbar-fixed .container .navbar-nav li span.gio-btn.gio-btn-white:hover,
.header > .navbar-fixed .container .navbar-nav li a.gio-btn.gio-btn-border:hover,
.header > .navbar-fixed .container .navbar-nav li span.gio-btn.gio-btn-border:hover {
  background-color: #dd4a3a;
  border: 2px solid #dd4a3a;
}
.header > .navbar-fixed .container .navbar-nav li a.gio-btn:hover,
.header > .navbar-fixed .container .navbar-nav li span.gio-btn:hover {
  color: #fc5f3a;
}
.header > .navbar-fixed .container .navbar-nav li.promotion-li span.hot-img img.hot-1 {
  display: none;
}
.header > .navbar-fixed .container .navbar-nav li.promotion-li span.hot-img img.hot-2 {
  display: block;
}
.header > .navbar-fixed .container .navbar-nav.pull-right.hidden-xs li > span,
.header > .navbar-fixed .container .navbar-nav.pull-right.hidden-xs li > span > a {
  color: #191140;
  transition: all 0s ease;
}
.header > .navbar-fixed .container .navbar-nav.pull-right.hidden-xs li > span > .caret {
  transition: all 0s ease;
}
.header > .navbar-fixed .container .navbar-nav.pull-right.hidden-xs .dropdown-toggle {
  display: block;
  cursor: pointer;
  transition: all 0.3s ease;
  height: 42px;
  padding: 0px;
  color: #191140;
  font-size: 16px;
  line-height: 42px;
}
.header > .navbar-fixed .container .navbar-nav.pull-right.hidden-xs .dropdown-toggle:hover {
  color: #FC5F3A!important;
}
.header > .navbar-fixed .container .navbar-nav.pull-right.hidden-xs .dropdown-toggle:hover a {
  color: #FC5F3A!important;
}
.header > .navbar-fixed .container .navbar-nav.pull-right.hidden-xs .dropdown-toggle:hover .caret {
  margin-top: 2px;
  border-color: #FC5F3A #FC5F3A transparent transparent;
}
.header > .navbar-fixed .container .navbar-nav.pull-right.hidden-xs .dropdown-toggle a {
  color: #191140;
  font-size: 16px;
  line-height: 20px;
}
.header > .navbar-fixed .container .navbar-nav.pull-right.hidden-xs .dropdown-toggle > a {
  line-height: 42px;
}
.header > .navbar-fixed .container .navbar-nav.pull-right.hidden-xs .dropdown-toggle .caret {
  width: 7px;
  height: 7px;
  border: 2px solid;
  border-color: transparent transparent #000 #000;
  border-radius: 10%;
  transform: rotate(-45deg);
  margin-top: -5px;
  transition: all 0.3s ease;
}
.header > .navbar-fixed .container .navbar-nav.navbar-right .btn-login a {
  color: #191140;
}
.header > .navbar-fixed .container .navbar-nav.navbar-right li:last-child .gio-btn {
  box-shadow: 0 8px 16px 0 rgba(211, 43, 14, 0.15);
  background-color: #FC5F3A!important;
}
.header > .navbar-fixed .container .navbar-nav.navbar-right li:last-child .gio-btn:hover {
  color: #FFFFFF!important;
  background-color: #DD4A3A!important;
}
.footer {
  background-color: #383963;
}
.footer .row.links {
  text-align: center;
}
.footer .row.links .link-group {
  display: inline-block;
  vertical-align: top;
  margin: 0 2%;
  text-align: left;
  margin-top: -4%;
}
.footer .row.links a {
  transition: all 0.3s ease;
}
.footer .row.links a:hover {
  color: #fff;
}
.footer .trial {
  padding: 55px 0 65px 0;
  background-color: #fc5f3a\9;
  background-image: linear-gradient(120deg, #fc5f3a, #ebc360);
}
.footer .trial h1,
.footer .trial h2 {
  text-align: center;
  color: #fff;
}
.footer .trial h1 {
  font-size: 34px;
  font-weight: 500;
  margin: 20px auto;
}
.footer .trial h2 {
  font-size: 24px;
  margin-bottom: -10px;
}
.footer img.logo {
  width: 160px;
}
.footer > .container {
  padding-top: 50px;
  width: 100%;
}
.footer > .container .qr-code-wrapper img {
  width: 90px;
  height: 90px;
}
.footer .row.links .link-header {
  margin-bottom: 16px;
  font-size: 16px;
  color: #fff;
  margin-top: 30px;
}
.footer .row.links a {
  display: block;
  line-height: 30px;
  color: #A6A3B5;
  text-decoration: none;
}
.footer .row.links .wx-zhihu a {
  width: 31px;
  height: 31px;
  display: inline-block;
  margin: 5px 20px 0 0;
  cursor: pointer;
}
.footer .row.links .wx-zhihu a.weixin {
  background: url(../../../vassets/images/home_v3/sidebar-nav/icon_Home_wx_default.png) no-repeat;
  background-size: 100%;
  position: relative;
}
.footer .row.links .wx-zhihu a.weixin .weixin-modal {
  height: 110px;
  width: 90px;
  border-radius: 2px;
  background-color: #ffffff;
  position: absolute;
  left: 0px;
  top: 40px;
  display: none;
}
.footer .row.links .wx-zhihu a.weixin .weixin-modal .side-qr-code {
  width: 70px;
  margin: 10px 10px 5px 10px;
}
.footer .row.links .wx-zhihu a.weixin .weixin-modal h4 {
  color: #383963;
  -webkit-text-size-adjust: none;
  font-size: 10px;
  line-height: 0;
  text-align: center;
}
.footer .row.links .wx-zhihu a.weixin:hover {
  background: url(../../../vassets/images/home_v3/sidebar-nav/icon_Home_wx_selected.png) no-repeat;
  background-size: 100%;
}
.footer .row.links .wx-zhihu a.weixin:hover .weixin-modal {
  display: block;
}
.footer .row.links .wx-zhihu a.zhihu {
  background: url(../../../vassets/images/home_v3/sidebar-nav/icon_Home_zh_default.png) no-repeat;
  background-size: 100%;
}
.footer .row.links .wx-zhihu a.zhihu:hover {
  background: url(../../../vassets/images/home_v3/sidebar-nav/icon_Home_zh_selected.png) no-repeat;
  background-size: 100%;
}
.footer .copyright {
  margin-top: 60px;
  font-size: 12px;
  text-align: center;
  color: #fff;
}
.footer .copyright .kx-icon:focus {
  outline: none;
}
.footer .copyright .kx-icon img {
  width: 60px;
  margin: 0 0 4px 12px;
}
.footer .qr-code-wrapper .qr-code {
  width: 120px;
}
form.register {
  margin-top: 30px;
  text-align: center;
  font-size: 0;
}
form.register input {
  margin: 0;
  padding: 0 10px;
  border: solid 0.5px #e1e2e4;
  border-radius: 5px 0 0 5px;
  width: 430px;
  height: 40px;
  font-size: 16px;
  vertical-align: top;
}
form.register button {
  border: 0;
  border-radius: 50px;
  margin: 0;
  width: 328px;
  height: 40px;
  background-color: #383963;
  color: #fff;
  font-size: 18px;
  line-height: 40px;
  transition: all 0.3s ease;
}
form.register button:hover {
  background-color: #191140;
  color: #f8f8f8;
}
form.register .button-primary {
  background-color: #fc5f3a;
}
form.register .button-primary:hover {
  background-color: #dd4a3a;
  color: #f8f8f8;
}
@media (max-width: 992px) {
  .navbar .container .navbar-nav .dropdown-menu::before,
  .navbar .container .navbar-nav .dropdown-menu::after {
    display: none;
  }
  .footer .row.links {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .footer .col-md-6 {
    width: 100%;
  }
  .navbar .has-banner .top-banner-box {
    display: none;
  }
  .navbar .container .navbar-nav.hidden-xs.hidden-sm {
    display: none;
  }
  .navbar .container .navbar-nav.menu-xs {
    display: block!important;
    border-bottom: 1px solid #e1e2e4;
    overflow: hidden;
  }
  .navbar .container .navbar-nav.menu-xs .menu-item {
    display: block;
    margin: 30px 0;
    height: 25px;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    color: #65697f;
  }
  .navbar .container .navbar-nav.menu-xs .menu-item div {
    display: inline-block;
    width: 140px;
    text-align: left;
  }
  .navbar .container .navbar-nav.menu-xs .menu-item img {
    width: 25px;
    margin-right: 12px;
  }
  .navbar .container .navbar-nav.menu-xs .menu-item span {
    vertical-align: middle;
  }
  .navbar .container .navbar-nav.menu-xs .menu-right {
    border-left: 1px solid #e1e2e4;
  }
  .navbar .container .navbar-nav.menu-xs .menu-right .menu-item {
    text-align: left;
    margin-left: 5%;
  }
}
@media (max-width: 992px) and (max-width: 991px) {
  .navbar .container .navbar-nav.menu-xs {
    margin: 0px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .navbar .container {
    padding: 0;
  }
  .navbar .container .navbar-nav.menu-xs .menu-right .menu-item {
    text-align: center;
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-collapse.collapse.in {
    display: block!important;
  }
  .navbar-collapse.collapsing .navbar-nav,
  .navbar-collapse.collapse .navbar-nav {
    display: block;
    float: none;
    margin: 0;
    text-align: center;
  }
  .navbar-collapse.collapsing .navbar-nav li,
  .navbar-collapse.collapse .navbar-nav li {
    display: block;
    width: 100%;
    margin: 12px 0;
  }
  .navbar-collapse.collapsing .navbar-nav.navbar-right,
  .navbar-collapse.collapse .navbar-nav.navbar-right {
    margin: 0;
    width: 100%;
  }
  .navbar-collapse.collapsing .navbar-nav .dropdown-menu,
  .navbar-collapse.collapse .navbar-nav .dropdown-menu {
    position: static;
    padding-bottom: 0;
    border: none;
    width: 100%;
    box-shadow: none;
    text-align: center;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar .container > .navbar-header {
    float: none;
  }
  .navbar-fixed .container > .navbar-header {
    width: 100%;
    border-bottom: 1px solid #e1e2e4;
  }
  .footer .visible-xs.visible-special {
    display: block!important;
  }
  .footer .visible-xs.visible-special .link-group {
    height: 340px;
    float: left;
  }
  .footer .visible-xs.visible-special .link-group.contact-us {
    height: 212px;
  }
  .footer .visible-xs.visible-special .link-group.about-us {
    height: 180px;
  }
  .footer .hidden-xs {
    display: none;
  }
  .footer .hidden-xs.copyright {
    display: block;
  }
}
.index-customer-list {
  text-align: center;
  width: 90%;
  max-width: 970px;
  padding-top: 50px;
  margin: 0 auto 100px;
}
.index-customer-list header {
  margin-bottom: 40px;
}
.index-customer-list header h1 {
  font-size: 32px;
  color: #191140;
  line-height: 36px;
}
.index-customer-list header h2 {
  font-size: 20px;
  color: #65697f;
  line-height: 30px;
}
.index-customer-list .customer-list-all {
  margin: 0 auto;
}
.index-customer-list .customer-list-all .row img {
  width: 80%;
  max-width: 185px;
  margin: 18px 0;
  margin-left: auto;
  margin-right: auto;
}
.customer {
  padding: 45px 0;
}
.customer h1,
.customer h2 {
  text-align: center;
}
.customer h1 {
  font-size: 30px;
  font-weight: 600;
}
.customer h2 {
  font-size: 20px;
  color: #65697f;
}
.customer .row {
  margin-top: 50px;
}
.customer .thumbnail {
  text-align: left;
  padding: 20px;
  border: none;
}
.customer .thumbnail h3 {
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  margin-top: 45px;
}
.customer .thumbnail p {
  line-height: 1.7;
  color: #65697f;
  text-align: center;
}
.customer .thumbnail img {
  height: 53px;
}
.banner {
  height: 100px;
  text-align: center;
  overflow: hidden;
}
.banner .banner-inner {
  max-width: 1440px;
  margin: 0 auto;
  background-color: #eaeef0;
  background-size: 188px, 310px;
  background-position: 0, 100%;
  background-repeat: no-repeat;
}
.banner .container {
  display: table;
  max-width: 1000px;
  height: 100%;
}
.banner .container .col {
  display: table-cell;
  line-height: 100px;
}
.banner .container .col h1,
.banner .container .col p,
.banner .container .col a {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
.banner .container p {
  font-size: 18px;
}
:root .banner {
  background-image: linear-gradient(-90deg, #f8f8f8, #eaeef0);
}
:root .banner .banner-inner {
  background-color: transparent;
  background-image: url(../../../vassets/images/home_v3/index/banner-bg-left.png), url(../../../vassets/images/home_v3/index/banner-bg.png);
}
.btn.btn-link {
  text-decoration: none;
  color: #fc5f3a;
  border: 1px solid #fc5f3a;
  border-radius: 25px;
  font-size: 20px;
  padding: 0 30px;
  height: 40px;
  line-height: 40px;
}
.index-customer {
  width: 90%;
  max-width: 800px;
  background-color: #f8f8f8;
  border-radius: 5px;
  border: solid 0.5px #e1e2e4;
  box-shadow: 0 5px 7.5px 0 rgba(0, 0, 0, 0.2);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.index-customer .index-customer-text {
  padding: 35px 0 20px 35px;
}
.index-customer .index-customer-text h1 {
  font-size: 44px;
  font-weight: 900;
  color: #fc5f3a;
}
.index-customer .index-customer-text h2 {
  font-size: 20px;
  font-weight: 600;
  color: #fc5f3a;
  margin-top: 10px;
  margin-bottom: 30px;
}
.index-customer .index-customer-text .index-customer-words {
  width: 80%;
  font-size: 14px;
  color: #383963;
  line-height: 180%;
}
.index-customer .index-customer-text h3 {
  font-size: 14px;
  font-weight: 500;
  color: #383963;
  margin-bottom: 0;
}
.index-customer .index-customer-text form.register {
  text-align: left;
  margin-top: 40px;
}
.index-customer .index-customer-text form.register button {
  width: 110px;
}
.index-customer .index-customer-img img {
  width: 320px;
  margin-left: 5%;
  margin-top: 45px;
}
@media (max-width: 991px) {
  :root .banner .banner-inner {
    background-image: url(../../../vassets/images/home_v3/index/banner-bg.png), url(../../../vassets/images/home_v3/index/banner-bg-right.png);
  }
  .banner {
    height: initial;
  }
  .banner .banner-inner {
    padding: 20px 0;
    height: 100%;
    background-size: 310px, 140px;
    background-position: -250px -16px, 100% 100%;
  }
  .banner .banner-inner .container .col {
    display: block;
    line-height: initial;
  }
  .banner .banner-inner .container p {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .btn.btn-link {
    font-size: 16px;
  }
  .index-customer .index-customer-text {
    padding: 15px 0 35px 70px;
  }
}
@media (max-width: 991px) {
  .navbar .container .navbar-collapse .nav li a.gio-btn.gio-btn-primary {
    border-radius: 4px !important;
    font-size: 16px !important;
    margin: 0 auto;
  }
  .header-wrapper .navbar .container {
    padding: 0;
  }
  .header-wrapper .navbar .container .navbar-header {
    width: 100%;
    margin: 0px;
  }
  .header-wrapper .navbar .container .navbar-header .navbar-toggle {
    display: block;
    position: relative;
    float: right;
    padding: 13px 10px;
    margin: 8px 10px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
  }
  .header-wrapper .navbar .container .navbar-header .logo {
    height: 62px;
    width: 165px;
    margin: 0px 0px 0px 15px;
    padding: 15px 15px;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: 0;
  }
  .header-wrapper .navbar .container .navbar-collapse {
    padding: 0;
    background-color: #f8f8f8;
  }
  .header-wrapper .navbar .container .navbar-collapse .nav {
    margin: 0;
    text-align: center;
  }
  .header-wrapper .navbar .container .navbar-collapse .nav li {
    margin: 12px 0;
  }
  .header-wrapper .navbar .container .navbar-collapse .nav li a {
    color: #191140;
  }
  .header-wrapper .navbar .container .navbar-collapse .nav li a.gio-btn.gio-btn-primary {
    background-color: #fc5f3a;
    color: #f8f8f8;
  }
  .header-wrapper .navbar .container .navbar-collapse .nav li a.gio-btn.gio-btn-primary:hover {
    background-color: #dd4a3a;
  }
  .header-wrapper .navbar .container .navbar-collapse .nav li .dropdown-menu {
    width: 100%;
    text-align: center;
    color: #65697f;
  }
  .header-wrapper .navbar .container .navbar-collapse .nav li.btn-login {
    display: none !important;
  }
  .header-wrapper .navbar-fixed .navbar-header {
    background-color: #fff;
    border-bottom: none;
  }
  .header-wrapper .navbar-fixed .navbar-header .logo {
    background-size: 80% !important;
    background-image: url(../../../vassets/images/home_v3/gio-logo-primary.svg), none;
  }
  .header-wrapper .navbar-fixed .navbar-header .navbar-toggle .icon-bar {
    background-color: #fc5f3a;
  }
}
@media (max-width: 767px) {
  form.register input {
    display: block;
    margin: 0 auto;
    width: 80%;
    border-radius: 5px;
    margin-bottom: 20px;
  }
  form.register button {
    font-size: 18px;
    width: 20%;
    height: 42px;
    min-width: 140px;
    line-height: 40px;
  }
  .footer .trial {
    padding: 40px 0 50px 0;
  }
  .footer .trial form.register {
    margin-top: 40px;
  }
  .footer .trial h1 {
    font-size: 24px;
  }
  .footer .col-xs-12 {
    padding: 0;
  }
  .footer .row.links {
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 100%;
    padding-left: 15%;
  }
  .footer .row.links .link-group {
    margin: 0 4% 0 0;
    height: 300px;
    float: left;
    min-width: 32%;
  }
  .footer .row.links .link-group.no-right {
    margin: 0;
  }
  .footer .row.links .link-group.contact-us {
    width: 100%;
    height: 212px;
  }
  .footer .row.links .link-group.about-us {
    height: 240px;
  }
  .footer .row.links .col-xs-4,
  .footer .row.links .col-md-12 {
    padding-right: 0;
  }
  .footer .row.links .col-xs-4 .col-md-12,
  .footer .row.links .col-md-12 .col-md-12 {
    padding-left: 0;
  }
  .footer .footer-logo {
    text-align: center;
  }
  .footer .footer-logo .logo {
    display: inline-block;
    width: 90px;
    margin: 0px auto 20px;
  }
  .footer .qr-code {
    width: 100px;
    margin: 15px;
  }
  .footer .copyright {
    margin-top: 0px;
  }
  .page .index-customer-list header h1 {
    font-size: 26px;
  }
  .index-customer {
    text-align: center;
  }
  .index-customer .index-customer-text {
    padding: 20px 0 25px 0;
  }
  .index-customer .index-customer-text h2 {
    font-size: 24px;
  }
  .index-customer .index-customer-text .index-customer-words {
    font-size: 18px;
    letter-spacing: 0.5px;
    margin-left: auto;
    margin-right: auto;
  }
  .index-customer .index-customer-text h3 {
    font-size: 18px;
  }
  .index-customer .index-customer-text form.register {
    text-align: center;
    margin-bottom: 20px;
  }
}
:root .navbar .container .navbar-nav .dropdown-menu .menu .menu-item {
  height: 170px;
}
:root .navbar .container .navbar-nav .dropdown-menu .menu .menu-item span {
  opacity: 0;
}
:root .navbar .container .navbar-nav .dropdown-menu .menu .menu-item:hover h2,
:root .navbar .container .navbar-nav .dropdown-menu .menu .menu-item:hover p,
:root .navbar .container .navbar-nav .dropdown-menu .menu .menu-item:hover span {
  -webkit-transform: translate(0, -22px);
  transform: translate(0, -22px);
}
:root .navbar .container .navbar-nav .dropdown-menu .menu .menu-item:hover h2 {
  opacity: 0;
}
:root .navbar .container .navbar-nav .dropdown-menu .menu .menu-item:hover span {
  opacity: 1;
}
@media (max-width: 375px) {
  .navbar .container .navbar-nav.menu-xs .menu-item {
    margin: 30px 0;
    margin-top: 0;
  }
}
.borderd-register {
  height: 224px;
  max-width: 1199px;
  color: #191140;
  border-top: 1px solid #eaeef0;
  border-bottom: 1px solid #eaeef0;
  margin: 0 auto;
}
@media (max-width: 400px) {
  .link-group:last-of-type {
    position: relative;
  }
}
.hidewidth {
  width: 0;
}
.hidewidth7 {
  width: 100%;
}
.hidewidth6 {
  width: 90px;
  padding: 0;
  float: right;
  margin-right: 15px;
}
.sidebar-nav {
  width: 56px;
  position: fixed;
  bottom: 20px;
  right: 50px;
  z-index: 100;
}
@media (max-width: 1024px) {
  .sidebar-nav {
    display: none;
  }
}
.sidebar-nav .sidebar-img {
  width: 80px;
  height: 80px;
  background-size: 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  margin: 0;
}
.sidebar-nav .sidebar-img span {
  background-repeat: no-repeat;
  position: relative;
  display: none;
  background-position: 0px 20px;
  left: -10px;
  top: 0px;
  width: 16px;
  height: 110px;
  background-size: 50%;
}
.sidebar-nav .sidebar-img .modal {
  height: 60px;
  width: 150px;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 2px 20px 0 rgba(118, 72, 62, 0.1);
  position: absolute;
  left: -160px;
  top: -5px;
}
.sidebar-nav .sidebar-img .attention-modal .side-qr-code {
  width: 110px;
  margin: 20px 20px 10px 20px;
}
.sidebar-nav .sidebar-img .attention-modal h4 {
  color: #383963;
  font-size: 16px;
  line-height: 0;
  text-align: center;
}
.sidebar-nav .sidebar-img .attention-modal h5 {
  color: #65697F;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
.sidebar-nav .sidebar-img .service-modal {
  height: 0;
  width: 200px;
  left: -200px;
  top: 10px;
  opacity: 0;
  display: block;
  cursor: auto;
}
.sidebar-nav .sidebar-img .service-modal .service-modal-list {
  padding: 14px 20px 6px 20px;
  overflow: hidden;
}
.sidebar-nav .sidebar-img .service-modal .service-modal-list:hover {
  background-color: rgba(101, 105, 127, 0.1);
}
.sidebar-nav .sidebar-img .service-modal .service-modal-list img {
  width: 21px;
  float: left;
  margin-right: 14px;
}
.sidebar-nav .sidebar-img .service-modal .service-modal-list div {
  display: inline-block;
}
.sidebar-nav .sidebar-img .service-modal .service-modal-list div h4 {
  line-height: 0;
  color: #383963;
  font-size: 16px;
}
.sidebar-nav .sidebar-img .service-modal .service-modal-list div h5 {
  color: #65697F;
  font-size: 12px;
  margin-top: 14px;
}
.sidebar-nav .sidebar-img .service-modal .service-modal-list div h5.phone {
  color: #FC5F3A;
}
.sidebar-nav .consulting {
  background-image: url(../../../vassets/images/home_v3/sidebar-nav/button_1_1.png), none;
}
.sidebar-nav .consulting:hover {
  background-image: url(../../../vassets/images/home_v3/sidebar-nav/button_1_2.png), none;
}
.sidebar-nav .service-phone {
  background-image: url(../../../vassets/images/home_v3/sidebar-nav/button_2_1.png), none;
  position: relative;
}
.sidebar-nav .service-phone:hover {
  background-image: url(../../../vassets/images/home_v3/sidebar-nav/button_2_2.png), none;
}
.sidebar-nav .service-phone:hover .service-modal {
  height: 60px;
  opacity: 1;
  transition: all 0.3s ease-in;
}
.sidebar-nav .service-demo {
  background-image: url(../../../vassets/images/home_v3/sidebar-nav/button_3_1.png), none;
}
.sidebar-nav .service-demo:hover {
  background-image: url(../../../vassets/images/home_v3/sidebar-nav/button_3_2.png), none;
}
.sidebar-nav .service-signup {
  background-image: url(../../../vassets/images/home_v3/sidebar-nav/button_4_1.png), none;
}
.sidebar-nav .service-signup:hover {
  background-image: url(../../../vassets/images/home_v3/sidebar-nav/button_4_2.png), none;
}
.page.index {
  overflow: hidden;
}
.page.index .header {
  position: relative;
  padding-top: 240px;
  width: 100%;
  min-height: 700px;
  background-color: #fc5f3a\9;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 110%, 100%;
  background-image: url(../../../vassets/images/home_v3/landing.png), linear-gradient(120deg, #fc5f3a, #ebc360);
}
.page.index .header h1,
.page.index .header h2 {
  text-align: center;
  color: #fff;
}
.page.index .header h2 {
  font-size: 22px;
  line-height: 36px;
}
.page.index .client {
  padding: 45px 0 30px 0;
  border-bottom: 1px solid #e1e2e4;
}
.page.index .client h1,
.page.index .client h2 {
  text-align: center;
}
.page.index .client h1 {
  font-size: 30px;
}
.page.index .client h2 {
  font-size: 20px;
  color: #65697f;
}
.page.index .client .container {
  margin-top: 35px;
  width: 70%;
}
.page.index .client .container .col-xs-6,
.page.index .client .container .col-sm-4,
.page.index .client .container .col-md-2 {
  height: 87px;
}
.page.index .client .container img {
  max-width: 160px;
  width: 100%;
}
.page.index .bottom-line {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #e1e2e4;
}
.page.index .benefit {
  padding: 70px 0 40px;
  width: 80%;
}
.page.index .benefit .row > div {
  margin: 5px 0;
}
.page.index .benefit .row .thumbnail {
  margin: 0 auto;
  padding: 10px 28px 28px 28px;
  border: none;
  border-radius: 0;
  max-width: 350px;
  text-align: center;
  transition: all 0.3s ease;
}
.page.index .benefit .row .thumbnail:hover {
  box-shadow: 0 0.5px 4px 1px #e1e2e4;
}
.page.index .benefit .row .thumbnail .img-benefit {
  margin: 30px auto;
  width: 100px;
  height: 100px;
}
.page.index .benefit .row .thumbnail h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
}
.page.index .benefit .row .thumbnail h3 .rightPointer {
  position: relative;
  top: -3px;
  color: #fc5f3a;
  font-size: 15px;
}
.page.index .benefit .row .thumbnail .description {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  color: #65697f;
  line-height: 1.7;
  min-height: 100px;
}
.page.index .benefit .row .thumbnail .gio-btn.primary {
  display: inline-block;
  width: 100px;
  padding: 5px;
  border: 1px solid #fc5f3a;
  border-radius: 30px;
  color: #fc5f3a;
  text-decoration: none;
  transition: all 0.2s ease-in;
  opacity: 0;
}
.page.index .benefit .row .thumbnail .gio-btn.primary:hover {
  color: #f8f8f8;
  background-color: #fc5f3a;
}
.page.index .benefit .row .thumbnail:hover .primary {
  opacity: 1 !important;
}
.page.index .feature {
  margin: 0px 0 50px 0;
}
.page.index .feature h1 {
  margin-top: 60px;
  margin-bottom: 40px;
  text-align: center;
  font-size: 32px;
  line-height: 45px;
}
.page.index .feature .gio-row {
  padding: 60px 0 30px 0;
  border-bottom: 1px solid #e1e2e4;
}
.page.index .feature .gio-row .container {
  width: 80%;
}
.page.index .feature .gio-row .container .row .col-md-6 {
  position: relative;
}
.page.index .feature .gio-row .container .row .col-md-6 .text {
  width: 60%;
  min-height: 140px;
}
.page.index .feature .gio-row .container .row .col-md-6 .text h2 {
  font-size: 28px;
  font-weight: 400;
  margin-top: 0;
  color: #191140;
  margin-bottom: 18px;
}
.page.index .feature .gio-row .container .row .col-md-6 .text p {
  font-size: 16px;
  color: #65697f;
  line-height: 200%;
}
.page.index .feature .gio-row .container .row .col-md-6 .text .button-more {
  display: block;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  width: 115px;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  border: solid 1px #fc5f3a;
  margin: 20px 0 0 0;
  background-color: #fc5f3a;
  text-decoration: none;
  transition: all 0.2s ease-in;
}
.page.index .feature .gio-row .container .row .col-md-6 .text .button-more:hover {
  color: #f8f8f8;
  background-color: #dd4a3a;
}
.page.index .feature .gio-row .container .row .col-md-6 .text .index-customer-words {
  margin-top: 76px;
  font-size: 14px;
}
.page.index .feature .gio-row .container .row .col-md-6 .text .customer-all {
  width: 100%;
  text-align: left;
}
.page.index .feature .gio-row .container .row .col-md-6 .text .customer-all img {
  position: static;
  width: 40px;
  margin-right: 10px;
}
.page.index .feature .gio-row .container .row .col-md-6 .text .customer-all span {
  font-size: 14px;
  font-weight: 600;
  color: #383963;
  line-height: 40px;
}
.page.index .feature .gio-row:last-child {
  border-bottom: 0px;
}
@media (max-width: 767px) {
  .page.index .header {
    padding-top: 120px;
    min-height: 604px;
    background-position: 70% 100%, 100%;
    background-size: 240%, 100%;
  }
  .page.index .header .navbar .container {
    padding-bottom: 0;
  }
  .page.index .header .navbar .container .navbar-header .logo {
    height: 62px;
    margin-left: 25px;
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: 50%;
  }
  .page.index .header .navbar .container .navbar-collapse {
    padding: 0;
    background-color: #f8f8f8;
  }
  .page.index .header .navbar .container .navbar-collapse .nav {
    margin: 0;
    text-align: center;
  }
  .page.index .header .navbar .container .navbar-collapse .nav li {
    margin: 12px 0;
  }
  .page.index .header .navbar .container .navbar-collapse .nav li a {
    color: #191140;
  }
  .page.index .header .navbar .container .navbar-collapse .nav li a.gio-btn.gio-btn-primary {
    background-color: #fc5f3a;
    color: #f8f8f8;
  }
  .page.index .header .navbar .container .navbar-collapse .nav li a.gio-btn.gio-btn-primary:hover {
    background-color: #dd4a3a;
  }
  .page.index .header .navbar .container .navbar-collapse .nav li .dropdown-menu {
    width: 100%;
    text-align: center;
    color: #65697f;
  }
  .page.index .header .navbar .container .navbar-collapse .nav li.btn-login {
    display: none;
  }
  .page.index .header .navbar-fixed .navbar-header {
    background-color: #f8f8f8;
    border-bottom: 1px solid #d8d8d8;
  }
  .page.index .header .navbar-fixed .navbar-header .logo {
    background-image: url(../../../vassets/images/home_v3/gio-logo-primary.png);
  }
  .page.index .header .navbar-fixed .navbar-header .navbar-toggle .icon-bar {
    background-color: #fc5f3a;
  }
  .page.index .header h1 {
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 1.6em;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .page.index .header h2 {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.4em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
  }
  .page.index .client {
    padding-top: 0;
  }
  .page.index .client .container {
    width: 100%;
  }
  .page.index .client .container .row .col-xs-4 {
    height: 50px;
  }
  .page.index .client h1 {
    font-size: 24px;
    line-height: 1.6em;
  }
  .page.index .client h2 {
    font-size: 14px;
    line-height: 1.4em;
  }
  .page.index .benefit {
    width: initial;
    padding-top: 0;
  }
  .page.index .benefit .row .thumbnail {
    max-width: initial;
  }
  .page.index .benefit .row .thumbnail .img-benefit {
    width: 80px;
    height: 80px;
  }
  .page.index .benefit .row .thumbnail .gio-btn.primary {
    width: 150px;
    font-size: 20px;
    line-height: 120%;
    opacity: 1.0 !important;
    border: 0;
  }
  .page.index .benefit .row .thumbnail h3 {
    font-size: 22px;
    font-weight: 600;
    margin-top: 0;
  }
  .page.index .benefit .row .thumbnail .description {
    font-size: 18px;
    letter-spacing: 0.5px;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    min-height: initial;
  }
  .page.index .feature h1 {
    font-size: 24px;
  }
  .page.index .feature .gio-row .container {
    width: 90%;
  }
  .page.index .feature .gio-row .container .row .col-md-6.index-feature-img img {
    width: 88%;
  }
  .page.index .feature .gio-row .container .row .col-md-6.index-feature-img img.index-fi2-img1 {
    width: 60%;
  }
  .page.index .feature .gio-row .container .row .col-md-6 img {
    display: block;
    width: 60%;
    margin: 20px auto 70px;
  }
  .page.index .feature .gio-row .container .row .col-md-6 .text {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .page.index .feature .gio-row .container .row .col-md-6 .text h2 {
    margin-bottom: 15px;
    font-size: 24px;
    text-align: center;
  }
  .page.index .feature .gio-row .container .row .col-md-6 .text p {
    font-size: 18px;
  }
  .page.index .feature .gio-row .container .row .col-md-6 .text .button-more {
    display: block;
    font-size: 18px;
    line-height: 40px;
    color: #fff;
    width: 120px;
    height: 40px;
    border-radius: 20px;
    border: solid 1px #fc5f3a;
    margin: 20px auto;
    background-color: #fc5f3a;
    text-decoration: none;
  }
  .page.index .feature .gio-row .container .row .col-md-6 .text .button-more:hover {
    color: #fff;
    background-color: #fc5f3a;
  }
  .page.index .feature .gio-row .container .row .col-md-6 .text .index-customer-words {
    font-size: 15px;
  }
  .page.index .feature .gio-row .container .row .col-md-6 .text .customer-all {
    display: inline-block;
    width: initial;
  }
  .page.index .feature .gio-row .container .row .col-md-6 .text .customer-all img {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 10px;
    width: 40px;
    vertical-align: middle;
  }
  .page.index .feature .gio-row .container .row .col-md-6 .text .customer-all span {
    font-size: 15px;
    color: #383963;
    font-weight: 500;
  }
  .page.index .feature .gio-row .container .row .index-feature-img {
    min-height: 200px;
  }
  .page.index .feature .gio-row .container .row .index-feature-text {
    min-height: 200px;
    margin-bottom: 40px;
  }
  .page.index .feature .gio-row:last-child {
    border-bottom: 0px;
  }
  .page.index .index-customer-list header h2 {
    margin-top: 10px;
    font-size: 16px;
  }
  .page.index .index-customer-list .customer-list-all .row img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .page.index .customer h1 {
    font-size: 24px;
  }
  .page.index .customer h2 {
    font-size: 14px;
  }
  .page.index .customer .thumbnail img {
    margin: auto;
  }
  .page.index .customer .thumbnail h3 {
    text-align: center;
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .page.index .feature .gio-row .container .row .col-md-6 {
    height: 410px;
  }
  .page.index .feature .gio-row .container .row .col-md-6 img,
  .page.index .feature .gio-row .container .row .col-md-6 .text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 70%;
    vertical-align: middle;
  }
  .page.index .feature .gio-row .container .row .col-md-6 .text {
    margin-top: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .page.index .feature .gio-row .container .row .col-md-6 {
    height: 420px;
  }
}
@media (min-width: 992px) and (max-width: 1100px) {
  .page.index .feature .gio-row {
    padding-bottom: 70px;
  }
}
@media (min-width: 1200px) {
  .page.index .coustomer.container {
    width: 1070px;
  }
}
@media (min-width: 1500px) {
  .page.index .header {
    background-size: 80%, 100%;
  }
}
.page.index.features-group {
  width: 100%;
  overflow: hidden;
}
.page.index.features-group .header {
  position: relative;
  padding-top: 140px;
  height: 510px;
  min-height: 510px;
  background-image: linear-gradient(45deg, #ebc360, #fc5f3a);
  background-size: 100%;
  background-repeat: no-repeat;
}
.page.index.features-group .header > .container {
  height: 100%;
  background-size: 50%;
  background-position: 84% 100%;
  background-image: url(../../../vassets/images/home_v3/product-page-list/track_banner.png);
  background-repeat: no-repeat;
}
.page.index.features-group .header > .container.auto-track {
  background-image: url(../../../vassets/images/home_v3/product-page-list/auto_track_banner.png);
  background-size: 38%;
  background-position: 95% 102%;
}
@media (max-width: 767px) {
  .page.index.features-group .header > .container.auto-track {
    background-size: 65%;
    background-position: 56% 102%;
  }
}
.page.index.features-group .header > .container.event-track {
  background-image: url(../../../vassets/images/home_v3/product-page-list/event_track_banner.png);
  background-size: 38%;
  background-position: 95% 102%;
}
@media (max-width: 767px) {
  .page.index.features-group .header > .container.event-track {
    background-size: 60%;
    background-position: 52% 102%;
  }
}
.page.index.features-group .header > .container.ad-track {
  background-image: url(../../../vassets/images/home_v3/product-page-list/ad_track_banner.png);
  background-size: 34%;
  background-position: 90% 102%;
}
@media (max-width: 767px) {
  .page.index.features-group .header > .container.ad-track {
    background-size: 56%;
    background-position: 56% 102%;
  }
}
.page.index.features-group .header > .container.products {
  background-image: url(../../../vassets/images/home_v3/product-page-list/products_banner.png);
  background-size: 44%;
  background-position: 90% 80%;
}
@media (max-width: 767px) {
  .page.index.features-group .header > .container.products {
    background-size: 75%;
    background-position: 50% 104%;
  }
}
.page.index.features-group .header > .container.products-web {
  background-image: url(../../../vassets/images/home_v3/product-page-list/web_banner.png);
  background-size: 34%;
  background-position: 90% 102%;
}
@media (max-width: 767px) {
  .page.index.features-group .header > .container.products-web {
    background-size: 56%;
    background-position: 52% 102%;
  }
}
.page.index.features-group .header > .container.products-app {
  background-image: url(../../../vassets/images/home_v3/product-page-list/app_banner.png);
  background-size: 34%;
  background-position: 90% 102%;
}
@media (max-width: 767px) {
  .page.index.features-group .header > .container.products-app {
    background-size: 52%;
    background-position: 56% 102%;
  }
}
.page.index.features-group .header > .container.products-miniprogram {
  background-image: url(../../../vassets/images/home_v3/product-page-list/miniprogram_banner.png);
  background-size: 30%;
  background-position: 90% 102%;
}
@media (max-width: 767px) {
  .page.index.features-group .header > .container.products-miniprogram {
    background-size: 45%;
    background-position: 56% 102%;
  }
}
@media (max-width: 767px) {
  .page.index.features-group .header > .container {
    background-size: 90%;
    background-position: 56% 102%;
  }
}
.page.index.features-group .header form.register {
  margin-top: 0;
  margin-left: 60px;
  text-align: left;
}
.page.index.features-group .header form.register h1 {
  margin-bottom: 35px;
  color: #fff;
  line-height: 1.4em;
}
.page.index.features-group .header form.register h1,
.page.index.features-group .header form.register h2 {
  text-align: left;
  color: #fff;
}
.page.index.features-group .feature h1 {
  margin-bottom: 0;
  font-size: 28px;
}
.page.index.features-group .feature .gio-row {
  border-bottom: none;
  padding: 30px 0 0 0;
}
.page.index.features-group .feature .gio-row:nth-child(2n) {
  background-color: #F9F9F9;
}
.page.index.features-group .feature .gio-row .container .row .index-feature-img {
  min-height: auto;
}
@media (max-width: 767px) {
  .page.index.features-group .feature .gio-row .container .row .index-feature-img {
    margin-bottom: 30px;
  }
}
.page.index.features-group .feature .gio-row .container .row .col-md-6 .text {
  margin-top: 30px;
}
.page.index.features-group .feature .gio-row .container.child-container .row .col-md-6 .text {
  margin-top: 60px;
  width: 74%;
}
@media (max-width: 767px) {
  .page.index.features-group .feature .gio-row .container.child-container .row .col-md-6 .text {
    margin-top: 0px;
    width: 100%;
  }
}
.page.index.features-group .feature .gio-row .container .row .col-md-6 .text h2 {
  color: #191140;
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 40px;
  margin-top: 40px;
  font-weight: 600;
}
.page.index.features-group .feature .gio-row .container .row .col-md-6 .text ul {
  padding-left: 16px;
}
.page.index.features-group .feature .gio-row .container .row .col-md-6 .text ul li {
  list-style-type: disc;
  color: #FC5F3A;
  line-height: 40px;
}
.page.index.features-group .feature .gio-row .container .row .col-md-6 .text ul li span {
  color: #65697F;
  font-size: 16px;
}
.page.index.features-group .feature .gio-row .container .row .col-md-6 .text .button-more {
  margin: 30px 0 0 0;
}
.page.index.features-group .index-customer-list {
  padding-top: 65px;
}
.page.index.features-group .index-customer-list .header h1 {
  font-size: 28px;
}
.page.index.features-group .index-customer-list .header h2 {
  font-size: 16px;
  margin-top: 10px;
}
@media screen and (min-width: 780px) and (max-width: 1336px) {
  .page.index.features-group .feature .gio-row .container .row .col-md-6 {
    height: 500px;
  }
}
@media (max-width: 767px) {
  .page.index.features-group .header {
    height: 500px;
    min-height: 500px;
  }
  .page.index.features-group .header form.register {
    margin: 0;
    text-align: center;
  }
  .page.index.features-group .header form.register input {
    display: none;
  }
  .page.index.features-group .header form.register h1 {
    width: 100%;
    font-size: 26px;
    line-height: 1.4em;
    margin-bottom: 50px;
    letter-spacing: 0;
  }
  .page.index.features-group .header form.register h1 span {
    font-size: 18px;
    margin-top: 18px;
    display: block;
  }
  .page.index.features-group .header form.register h1,
  .page.index.features-group .header form.register h2 {
    text-align: center;
    color: #fff;
  }
  .page.index.features-group .feature .gio-row .container .row .col-md-6 img {
    margin: 30px auto 0;
  }
  .page.index.features-group .feature .gio-row .container .row .col-md-6 .text h2 {
    margin-top: 0px;
  }
  .page.index.features-group .feature .gio-row .container .row .col-md-6 .text li {
    text-align: left;
    line-height: 36px;
  }
  .page.index.features-group .feature .gio-row .container .row .col-md-6 .text li span {
    font-size: 16px;
  }
  .page.index.features-group .feature .gio-row .container .row .col-md-6 .text .button-more {
    margin: 30px auto 0;
  }
  .page.index.features-group .index-customer-list {
    padding-top: 50px;
  }
}
.page.feature .header {
  position: relative;
  padding-top: 140px;
  height: 510px;
}
.page.feature .header form.register {
  margin-top: 0;
  margin-left: 60px;
  text-align: left;
}
.page.feature .header form.register h1 {
  margin-bottom: 35px;
  color: #fff;
  line-height: 1.4em;
}
.fe2-header {
  background-color: #fc5f3a\9;
  background-image: linear-gradient(45deg, #ebc360, #fc5f3a);
  background-size: 100%;
  background-repeat: no-repeat;
}
.fe2-header > .container {
  height: 100%;
  background-image: url(../../../vassets/images/home_v3/fe2-header-bi.png);
  background-repeat: no-repeat;
  background-size: 55%;
  background-position: 100% 100%;
  background: none\9;
}
.mina-header {
  height: 600px;
  padding-top: 30px;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background: none\9;
}
.mina-header .logo {
  width: 180px;
  position: absolute;
  left: 5%;
}
.mina-header .register-wrapper {
  position: absolute;
  display: inline-block;
  right: 55%;
  top: 10%;
  text-align: left;
}
.mina-header .register-wrapper .title {
  font-size: 50px;
}
.mina-header .register-wrapper .register {
  text-align: left;
}
.mina-header .register-wrapper .btns {
  display: flex;
  margin-top: 16px;
}
.mina-header .register-wrapper .apply-btn {
  width: 190px;
  height: 40px;
  line-height: 40px;
  background-color: #FC5F3A;
  margin-right: 8px;
  display: inline-block;
}
.mina-header .register-wrapper .new-version-btn {
  background-color: #FBD065;
  color: #313131;
  box-shadow: 0px 3px 5px #999999;
}
.mina-header .register-wrapper .subtitle {
  font-size: 24px;
}
.mina-header .mina-logo {
  position: absolute;
  display: inline-block;
  width: 500px;
  height: 450px;
  left: 55%;
  top: 5%;
  background-size: 89%;
  background-position: 50%;
  background-repeat: no-repeat;
}
.mina-header.miniprogram {
  height: 500px;
}
.mina-header.miniprogram .register-wrapper .subtitle {
  margin: 26px 0;
  display: block;
}
.mina-header.miniprogram .register-wrapper {
  right: 46%;
  top: 120px;
}
@media (max-width: 767px) {
  .mina-header.miniprogram .register-wrapper {
    right: 50%;
  }
}
.mina-header.miniprogram .register-wrapper .btns {
  margin-top: 80px;
}
.mina-header.miniprogram .mina-logo {
  left: 56%;
  top: 70px;
}
@media (max-width: 767px) {
  .mina-header.miniprogram .mina-logo {
    display: none;
  }
}
.feature-list {
  margin: 90px 0 50px 0;
}
.feature-list h1 {
  font-size: 24px;
  font-weight: 500;
  color: #65697f;
  text-align: center;
  margin-bottom: 82px;
  line-height: 1.55em;
}
.feature-list .container {
  width: 60%;
  max-width: 1000px;
}
.feature-list .container .row .col-md-4 {
  margin-bottom: 50px;
  text-align: center;
}
.feature-list .container .row .col-md-4 img {
  height: 80px;
  margin-bottom: 20px;
}
.feature-list .container .row .col-md-4 h2 {
  font-size: 20px;
  font-weight: 500;
  margin-top: 30px;
  color: #383963;
}
.feature-intro {
  margin: 15px 0;
}
.feature-intro .gio-row {
  padding: 60px 0;
  overflow: hidden;
  position: relative;
}
.feature-intro .gio-row:nth-child(2),
.feature-intro .gio-row:nth-child(3) {
  box-shadow: 0 -5px 7.5px 0 rgba(0, 0, 0, 0.1);
}
.feature-intro .gio-row:nth-child(2n) {
  background-color: #fafafa;
}
.feature-intro .container {
  width: 100%;
}
.feature-intro .container .row > div {
  position: relative;
  height: 480px;
}
.feature-intro .container .row img {
  max-width: 100%;
}
.feature-intro .container .row .feature-intro-image {
  position: relative;
}
.feature-intro .container .row .feature-intro-image img {
  width: 100%;
  max-width: 535px;
  margin-left: auto;
  margin-right: auto;
}
.feature-intro .container .row .feature-intro-image.retention-image-1 {
  top: 40px;
}
.feature-intro .container .row .feature-intro-image.retention-image-1 .feature-intro-image-thin {
  max-width: 440px;
}
.feature-intro .container .row .feature-intro-image.retention-image-2 {
  left: 11%;
  max-width: 620px;
}
.feature-intro .container .row .feature-intro-image.growth-image-1 {
  left: 6%;
}
.feature-intro .container .row .feature-intro-image.growth-image-3 {
  left: 10%;
}
.feature-intro .container .row .feature-intro-image.growth-image-3 img {
  max-width: 500px;
}
.feature-intro .container .row .feature-intro-image #fe1-fi-i2-1 {
  margin-top: 10%;
  width: 90%;
}
.feature-intro .container .row .feature-intro-image #fe2-fi-i1 {
  margin-top: 15%;
  margin-left: 13%;
  width: 110%;
  max-width: 630px;
}
.feature-intro .container .row .feature-intro-image #fe2-fi-i1.conversionImg {
  margin-top: 0;
  margin-left: 0;
}
.feature-intro .container .row .feature-intro-image #fe2-fi-i2 {
  margin: 20px 0 0 30px;
  max-width: 600px;
}
.feature-intro .container .row .feature-intro-image #fe2-fi-i3 {
  max-width: 508px;
  margin: 46px 0 0 111px;
}
.feature-intro .container .row .feature-intro-image #fe3-fi-i2 {
  max-width: 480px;
  margin-top: 40px;
  margin-left: 80px;
}
.feature-intro .container .row .feature-intro-image .feature-intro-image-thin {
  max-width: 450px;
}
.feature-intro .container .row .feature-intro-image .feature-intro-image-table {
  margin-top: 50px;
  margin-left: 40px;
  min-width: 770px;
  width: 120%;
}
.feature-intro .container .row .feature-intro-image .feature-intro-image-cover {
  position: absolute;
  width: 230px;
}
.feature-intro .container .row .feature-intro-image .image-cover1 {
  left: 45%;
  top: 50%;
}
.feature-intro .container .row .feature-intro-image .image-cover2 {
  left: 65%;
  top: 50%;
}
.feature-intro .container .row .feature-intro-image .image-cover3 {
  width: 53%;
  left: -8%;
  top: 5%;
}
.feature-intro .container .row .feature-intro-image .image-cover4 {
  width: 39%;
  left: 44%;
  top: 13%;
}
.feature-intro .container .row .text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 300px;
  text-align: left;
  left: 30%;
}
.feature-intro .container .row .text.right {
  left: 24%;
  top: 23%;
}
.feature-intro .container .row .text h2 {
  color: #191140;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.67em;
  margin-bottom: 30px;
}
.feature-intro .container .row .text p {
  color: #65697f;
  font-size: 16px;
  line-height: 2.0em;
  max-width: 360px;
}
.feature-intro .container .row .text.retention-text-1 {
  left: 22%;
  top: 11%;
}
.feature-intro .container .row .text.right.retention-text-2 {
  left: 17%;
  top: 0;
}
.feature-intro .container .row .text.retention-text-3 {
  left: 20%;
  top: 11%;
}
.feature-intro .container .row .text.growth-text-1 {
  left: 0;
}
.feature-intro .container .row .text.growth-text-3 {
  left: -20%;
}
.feature-intro .container .row .text.minasdk-text-3 {
  margin-top: -30px;
}
.feature-intro .container .row .text-right {
  float: right;
}
.feature-intro.miniprogram .container .row .feature-intro-image #fe2-fi-i2 {
  margin: 60px 0 0 30px;
}
.feature-intro.miniprogram .container .row .text p {
  max-width: 420px;
}
@media (max-width: 767px) {
  .feature-intro.miniprogram .gio-row .container .row .feature-intro-image #fe2-fi-i3 {
    display: block;
  }
}
.feature-intro.miniprogram .gio-row .container .row .text {
  padding: 0 40px;
}
.feature-intro.miniprogram .container .row .feature-intro-image #fe2-fi-i1 {
  width: 80%;
}
.feature-intro.miniprogram .container .row .feature-intro-image img {
  width: 92%;
}
.feature-intro.miniprogram .gio-row .container .row .feature-intro-image #fe2-fi-i1 {
  margin: 18% auto 0 13%;
}
@media (max-width: 767px) {
  .feature-intro.miniprogram .gio-row .container .row .feature-intro-image #fe2-fi-i1 {
    margin: 18% auto 0;
  }
}
.feature-intro.miniprogram .gio-row .container .row .feature-intro-image #fe2-fi-i2 {
  margin: 80px auto 0;
}
@media (max-width: 767px) {
  .feature-intro.miniprogram .gio-row .container .row .feature-intro-image #fe2-fi-i2 {
    margin: 40px auto 0;
  }
}
.feature-intro.miniprogram .container .row .feature-intro-image #fe2-fi-i3 {
  margin: 46px 0 0 70px;
}
.feature-intro.miniprogram .container .row .text {
  left: 12%;
}
.feature-intro.miniprogram .container .row .text p {
  line-height: 2em;
}
.feature-intro.miniprogram .container .row .text p i {
  float: left;
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #000;
  border-radius: 3px;
  margin: 12px 10px 0 0;
}
.feature-intro.miniprogram .container .row .text p span {
  width: 95%;
  float: left;
  margin-bottom: 20px;
  display: inline-block;
}
@media (max-width: 767px) {
  .page.feature .header {
    height: 500px;
  }
  .page.feature .header form.register {
    margin: 0;
    text-align: center;
  }
  .page.feature .header form.register input {
    display: none;
  }
  .page.feature .header form.register h1 {
    font-size: 24px;
    line-height: 1.4em;
    margin-bottom: 50px;
  }
  .fe2-header {
    background-size: 100%;
    background-position: 130% 100%;
  }
  .fe2-header > .container {
    background-size: 100%;
    background-position: 50% 100%;
  }
  .fe3-header {
    background-size: 100%;
    background-position: 50% 100%;
  }
  .fe3-header > .container {
    background-size: 80%;
    background-position: 50% 100%;
  }
  .mina-header .logo {
    width: 90px;
    top: 2%;
  }
  .mina-header .register-wrapper {
    right: 50%;
    top: 5%;
    text-align: center;
    transform: translate(50%, 0%);
  }
  .mina-header .register-wrapper .title {
    font-size: 36px;
  }
  .mina-header .register-wrapper .register {
    text-align: center;
  }
  .mina-header .register-wrapper .apply-btn {
    width: 170px;
    margin: 8px 0px;
  }
  .mina-header .register-wrapper .new-version-btn {
    background-color: #fff;
    color: #F76143;
    margin-top: 70px;
    box-shadow: 0px 3px 5px #333333;
  }
  .mina-header .register-wrapper .subtitle {
    font-size: 18px;
  }
  .mina-header .mina-logo {
    width: 320px;
    height: 320px;
    left: 50%;
    top: 45%;
    transform: translate(-50%, 0);
  }
  .feature-list {
    margin-top: 70px;
    margin-bottom: 0;
  }
  .feature-list h1 {
    margin-bottom: 45px;
    font-size: 20px;
  }
  .feature-list .container .row .col-md-4 img {
    height: 70px;
  }
  .feature-list .container .row .col-md-4 h2 {
    font-size: 20px;
    margin-top: 10px;
  }
  .feature-intro {
    margin-bottom: 80px;
    padding: 0;
  }
  .feature-intro .gio-row {
    padding: 30px 0;
    overflow: -webkit-paged-x;
  }
  .feature-intro .gio-row .container {
    margin: 0;
  }
  .feature-intro .gio-row .container .row > div {
    height: 280px;
  }
  .feature-intro .gio-row .container .row > div.conversion-3 {
    height: 350px;
  }
  .feature-intro .gio-row .container .row .retention-text-2 {
    top: 0;
  }
  .feature-intro .gio-row .container .row .text.retention-text-3 {
    margin-top: 0;
  }
  .feature-intro .gio-row .container .row .text.growth-text-1 {
    padding: 0 50px;
  }
  .feature-intro .gio-row .container .row .growth-text-wrapper-2 {
    height: 200px;
  }
  .feature-intro .gio-row .container .row .text.growth-text-2 {
    top: 0;
  }
  .feature-intro .gio-row .container .row .feature-intro-image {
    margin-top: -50px;
  }
  .feature-intro .gio-row .container .row .feature-intro-image .feature-intro-image-thin {
    max-width: 80%;
  }
  .feature-intro .gio-row .container .row .feature-intro-image .feature-intro-image-table {
    min-width: 480px;
    width: 120%;
  }
  .feature-intro .gio-row .container .row .feature-intro-image.retention-image-1 {
    height: 400px;
  }
  .feature-intro .gio-row .container .row .feature-intro-image.retention-image-1 img.feature-intro-image-thin {
    width: 90%;
    margin-top: 70px;
  }
  .feature-intro .gio-row .container .row .feature-intro-image.retention-image-2 {
    left: 0;
  }
  .feature-intro .gio-row .container .row .feature-intro-image.retention-image-3 img {
    min-width: 500px;
    margin: 20px 0 0 25px;
    width: 100%;
  }
  .feature-intro .gio-row .container .row .feature-intro-image.growth-image-1 {
    height: 180px;
    margin-top: 35px;
  }
  .feature-intro .gio-row .container .row .feature-intro-image.growth-image-1 img {
    width: 90%;
  }
  .feature-intro .gio-row .container .row .feature-intro-image.growth-image-1 img.image-cover1 {
    left: 58%;
    width: 135px;
  }
  .feature-intro .gio-row .container .row .feature-intro-image.growth-image-2 {
    margin-top: 0;
  }
  .feature-intro .gio-row .container .row .feature-intro-image.growth-image-2 img {
    width: 90%;
  }
  .feature-intro .gio-row .container .row .feature-intro-image.growth-image-2 img.image-cover2 {
    left: 62%;
    top: 21%;
    width: 135px;
  }
  .feature-intro .gio-row .container .row .feature-intro-image.growth-image-3 {
    text-align: center;
    left: 0;
  }
  .feature-intro .gio-row .container .row .feature-intro-image.growth-image-3 img {
    width: 80%;
    margin-top: 45px;
  }
  .feature-intro .gio-row .container .row .feature-intro-image #fe1-fi-i2-1 {
    display: block;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .feature-intro .gio-row .container .row .feature-intro-image #fe2-fi-i1 {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 22% auto 0;
  }
  .feature-intro .gio-row .container .row .feature-intro-image #fe2-fi-i2 {
    display: block;
    margin: 80px auto 0;
    width: 100%;
  }
  .feature-intro .gio-row .container .row .feature-intro-image #fe2-fi-i3 {
    margin: 20px auto 0;
  }
  .feature-intro .gio-row .container .row .feature-intro-image #fe3-fi-i2 {
    display: block;
    margin-left: -35px;
  }
  .feature-intro .gio-row .container .row .feature-intro-image .image-cover1 {
    top: -15%;
    left: 70%;
    width: 150px;
  }
  .feature-intro .gio-row .container .row .feature-intro-image .image-cover2 {
    top: 3%;
    left: 70%;
    width: 150px;
  }
  .feature-intro .gio-row .container .row .feature-intro-image .image-cover4 {
    left: 55%;
    top: 30%;
  }
  .feature-intro .gio-row .container .row .feature-intro-image .image-cover3 {
    left: 4%;
    width: 46%;
  }
  .feature-intro .gio-row .container .row .text {
    padding: 0 60px;
    text-align: center;
    margin: 30px auto;
    height: 250px;
    left: 0;
  }
  .feature-intro .gio-row .container .row .text h2 {
    margin-bottom: 25px;
    font-size: 24px;
    line-height: 1.67em;
  }
  .feature-intro .gio-row .container .row .text p {
    font-size: 18px;
    display: inline-block;
    letter-spacing: 0.5px;
    max-width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .feature-intro .gio-row .container .row .text.right {
    left: 0;
    margin-top: 0;
  }
  .feature-intro .gio-row .container .row .text.right.conversion-text-3 {
    margin-top: -45px;
  }
  .feature-intro .gio-row .container .row .text.right.minasdk-text-3 {
    margin-top: -30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .page.feature .feature-list .container .row .col-md-4 img {
    height: 40px;
    margin-bottom: 0;
  }
  .page.feature .feature-list .container .row .col-md-4 h2 {
    font-size: 16px;
  }
  .feature-intro .container .row .text.conversion-text-1 {
    height: initial;
  }
  .feature-intro .container .row .text.growth-text-1 {
    padding-right: 20px;
  }
  .feature-intro .container .row .feature-intro-image #fe2-fi-i3 {
    margin-left: 50px;
  }
  .feature-intro .container .row .feature-intro-image.growth-image-1 img {
    width: 80%;
    margin-top: 25%;
  }
  .feature-intro .container .row .feature-intro-image.growth-image-1 img.image-cover1 {
    width: 40%;
    margin-top: 0;
  }
  .feature-intro .container .row .feature-intro-image.growth-image-3 {
    left: 5%;
  }
  .feature-intro .container .row .feature-intro-image.growth-image-3 img {
    width: 75%;
    margin-top: 12%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 374px) {
  .mina-header .register-wrapper .title {
    font-size: 30px;
  }
  .mina-header .register-wrapper .apply-btn {
    width: 157px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
  }
  .mina-header .register-wrapper .btn-link {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
  }
  .mina-header .register-wrapper .subtitle {
    font-size: 16px;
  }
  .mina-header .mina-logo {
    width: 280px;
    height: 280px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 0);
  }
}
.page.about {
  position: relative;
}
@media (min-width: 992px) {
  .page.about {
    min-width: 1380px;
  }
}
@media (max-width: 991px) {
  .page.about {
    overflow: hidden;
  }
}
.page.about .navbar .container {
  width: 100% !important;
}
.page.about .navbar .container .navbar-header .navbar-toggle .icon-bar {
  background-color: #65697f;
}
.page.about .navbar .container .navbar-header .logo {
  background-image: url(../../../vassets/images/home_v3/gio-logo-primary.svg), none;
}
.page.about .navbar .container .navbar-nav.navbar-right li:last-child .gio-btn {
  color: #fff;
  box-shadow: 0 8px 16px 0 rgba(211, 43, 14, 0.15);
  background-color: #FC5F3A !important;
}
.page.about .navbar .container .navbar-nav.navbar-right li:last-child .gio-btn:hover {
  background-color: #DD4A3A !important;
}
.page.about .navbar .container .navbar-nav.navbar-right .btn-login a {
  color: #191140;
}
.page.about .navbar .container .navbar-nav.navbar-right .btn-login a:hover {
  color: #FC5F3A !important;
}
.page.about .navbar .container .navbar-nav.pull-right.hidden-xs li > span {
  color: #191140;
}
.page.about .navbar .container .navbar-nav.pull-right.hidden-xs li > span > a {
  color: #191140;
}
.page.about .navbar .container .navbar-nav.pull-right.hidden-xs li > span > a:hover {
  color: #FC5F3A !important;
}
.page.about .navbar .container .navbar-nav.pull-right.hidden-xs li .dropdown-toggle .caret {
  transition: all 0s ease;
  border-color: transparent transparent #191140 #191140;
}
.page.about .navbar .container .navbar-nav.pull-right.hidden-xs li .dropdown-toggle:hover {
  color: #FC5F3A !important;
}
.page.about .navbar .container .navbar-nav.pull-right.hidden-xs li .dropdown-toggle:hover .caret {
  transition: all 0s ease;
  margin-top: 2px;
  border-color: transparent transparent #FC5F3A #FC5F3A;
  transform: rotate(135deg);
}
.page.about .header {
  position: relative;
  height: 524px;
  background-color: #fffcfb;
}
@media (max-width: 991px) {
  .page.about .header {
    height: 432px;
  }
}
.page.about .header .container {
  padding: 0px;
  width: 1180px;
}
@media (max-width: 991px) {
  .page.about .header .container {
    width: 100%;
    height: auto;
  }
}
.page.about .header > .container {
  height: 524px;
  background: url(../../../vassets/images/home_v3/about/banner-pc.png) no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 991px) {
  .page.about .header > .container {
    background: none;
    height: 432px;
    padding-top: 62px;
  }
}
.page.about .header > .container h1 {
  margin: 194px 0px 0px 75px;
  width: 462px;
  color: #FC5F3A;
  font-size: 36px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 50px;
}
@media (max-width: 991px) {
  .page.about .header > .container h1 {
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 34px;
    margin: 0 auto;
    padding-top: 24px;
  }
}
.page.about .header > .container .desc {
  margin: 9px 0px 0px 75px;
  height: 40px;
  width: 551px;
  color: #7A7A7A;
  font-size: 19px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0;
}
@media (max-width: 991px) {
  .page.about .header > .container .desc {
    color: #FC5F3A;
    width: 100%;
    margin: 0px;
    text-align: center;
    font-size: 12px;
    line-height: 17px;
    height: 17px;
  }
}
.page.about .header > .container .img {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0px;
}
@media (max-width: 991px) {
  .page.about .header > .container .img img {
    width: 320px;
    height: auto;
  }
}
.page.about .company-introduction,
.page.about .top-team,
.page.about .development-course {
  width: 1180px;
  margin: 0 auto;
  border-bottom: 1px solid #D9D9D9;
}
.page.about .company-introduction .container,
.page.about .top-team .container,
.page.about .development-course .container {
  width: 1180px;
  margin: 0 auto;
  padding: 0px;
}
@media (max-width: 991px) {
  .page.about .company-introduction .container,
  .page.about .top-team .container,
  .page.about .development-course .container {
    width: 100%;
  }
}
.page.about .company-introduction .left,
.page.about .top-team .left,
.page.about .development-course .left {
  float: left;
  width: 220px;
  margin-right: 46px;
}
@media (max-width: 991px) {
  .page.about .company-introduction .left,
  .page.about .top-team .left,
  .page.about .development-course .left {
    width: 100%;
  }
}
.page.about .company-introduction .left .title,
.page.about .top-team .left .title,
.page.about .development-course .left .title {
  height: 40px;
  width: 160px;
  color: #191140;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 40px;
}
@media (max-width: 991px) {
  .page.about .company-introduction .left .title,
  .page.about .top-team .left .title,
  .page.about .development-course .left .title {
    width: 100%;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    height: 30px;
  }
}
.page.about .company-introduction .right,
.page.about .top-team .right,
.page.about .development-course .right {
  float: left;
  width: 827px;
}
@media (max-width: 991px) {
  .page.about .company-introduction .right,
  .page.about .top-team .right,
  .page.about .development-course .right {
    width: 100%;
  }
}
.page.about .company-introduction .right .desc,
.page.about .top-team .right .desc,
.page.about .development-course .right .desc {
  width: 827px;
  color: #65697F;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 36px;
  text-align: justify;
}
@media (max-width: 991px) {
  .page.about .company-introduction .right .desc,
  .page.about .top-team .right .desc,
  .page.about .development-course .right .desc {
    width: 100%;
    font-size: 12px;
    line-height: 16px;
  }
}
.page.about .company-introduction .right .desc:first-child,
.page.about .top-team .right .desc:first-child,
.page.about .development-course .right .desc:first-child {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .page.about .company-introduction .right .desc:first-child,
  .page.about .top-team .right .desc:first-child,
  .page.about .development-course .right .desc:first-child {
    margin-bottom: 20px;
  }
}
.page.about .company-introduction {
  padding: 100px 0px 60px 0px;
}
@media (max-width: 991px) {
  .page.about .company-introduction {
    padding: 26px 0px 20px 0px;
    width: 90%;
    margin: 0% 5%;
  }
}
.page.about .company-introduction .container .left {
  margin-left: 86px;
}
@media (max-width: 991px) {
  .page.about .company-introduction .container .left {
    text-align: center;
    margin: 0px 0px 12px 0px;
  }
}
.page.about .company-introduction .container .left img {
  width: 220px;
  height: auto;
  margin-top: 10px;
}
@media (max-width: 991px) {
  .page.about .company-introduction .container .left img {
    height: 24px;
    width: auto;
  }
}
@media (max-width: 991px) {
  .page.about .company-introduction .container .right .desc {
    color: #65697F;
    font-size: 14px;
    line-height: 22px;
  }
  .page.about .company-introduction .container .right .desc:nth-child(2) {
    margin-bottom: 28px;
  }
}
.page.about .company-introduction .container .right h1 {
  margin-top: 82px;
  color: #271F4B;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 37px;
}
@media (max-width: 991px) {
  .page.about .company-introduction .container .right h1 {
    font-size: 16px;
    line-height: 24px;
    margin-top: 0px;
    text-align: center;
  }
}
.page.about .company-introduction .container .right .content {
  margin-top: 36px;
}
@media (max-width: 991px) {
  .page.about .company-introduction .container .right .content {
    margin-top: 28px;
  }
}
.page.about .company-introduction .container .right .content .data {
  text-align: center;
  float: left;
  width: 150px;
  height: 144px;
  margin-right: 117px;
  position: relative;
  padding-top: 28px;
}
@media (max-width: 991px) {
  .page.about .company-introduction .container .right .content .data {
    width: 33%;
    height: 60px;
    margin-right: 0%;
    position: relative;
    padding-top: 0px;
  }
}
.page.about .company-introduction .container .right .content .data:nth-child(1) {
  margin-left: -35px;
}
@media (max-width: 991px) {
  .page.about .company-introduction .container .right .content .data:nth-child(1) {
    margin-left: 0px;
  }
}
@media (max-width: 991px) {
  .page.about .company-introduction .container .right .content .data img.num {
    width: auto;
    height: 45%;
    margin: 0 auto;
  }
}
.page.about .company-introduction .container .right .content .data .subtitle {
  position: absolute;
  bottom: 18px;
  width: 100%;
  height: 37px;
  color: #191140;
  font-size: 16px;
  line-height: 37px;
}
@media (max-width: 991px) {
  .page.about .company-introduction .container .right .content .data .subtitle {
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    bottom: 5px;
  }
}
.page.about .top-team {
  padding: 92px 0px;
}
@media (max-width: 991px) {
  .page.about .top-team {
    padding: 30px 0px 36px 0px;
    width: 90%;
    margin: 0% 5%;
  }
}
.page.about .top-team .left {
  width: 352px;
  margin: 0px auto;
  text-align: center;
}
@media (max-width: 991px) {
  .page.about .top-team .left {
    margin: 0 auto;
    width: 100%;
  }
}
.page.about .top-team .left .title {
  width: 352px;
  margin-top: 6px;
}
@media (max-width: 991px) {
  .page.about .top-team .left .title {
    width: 100%;
    margin: 0px 0px 18px 0px;
  }
}
@media (max-width: 991px) {
  .page.about .top-team .right .desc {
    color: #65697F;
    font-size: 14px;
    line-height: 22px;
  }
}
.page.about .development-course {
  padding: 160px 0px;
}
@media (max-width: 991px) {
  .page.about .development-course {
    padding: 30px 0px 50px 0px;
    width: 90%;
    margin: 0% 5%;
  }
}
.page.about .development-course .left {
  width: 352px;
  margin: 0px auto;
  text-align: center;
}
@media (max-width: 991px) {
  .page.about .development-course .left {
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }
}
.page.about .development-course .left .title {
  width: 352px;
}
@media (max-width: 991px) {
  .page.about .development-course .left .title {
    width: 100%;
    margin: 0 auto;
  }
}
.page.about .development-course .right {
  width: 827px;
}
@media (max-width: 991px) {
  .page.about .development-course .right {
    width: 100%;
  }
}
.page.about .development-course .right .course-content {
  width: 827px;
  position: relative;
}
@media (max-width: 991px) {
  .page.about .development-course .right .course-content {
    width: 100%;
    overflow: hidden;
  }
}
.page.about .development-course .right .course-content .time-box {
  width: 100%;
  margin-bottom: 110px;
}
@media (max-width: 991px) {
  .page.about .development-course .right .course-content .time-box {
    margin-bottom: 36px;
  }
}
.page.about .development-course .right .course-content .time-box:nth-child(1) {
  margin-top: -10px;
}
@media (max-width: 991px) {
  .page.about .development-course .right .course-content .time-box:nth-child(1) {
    margin-top: 25px;
  }
}
.page.about .development-course .right .course-content .time-box:nth-child(6) {
  margin-bottom: 54px;
}
@media (max-width: 991px) {
  .page.about .development-course .right .course-content .time-box:nth-child(6) {
    margin-bottom: 0px;
  }
}
.page.about .development-course .right .course-content .time-box .time {
  float: left;
  text-align: right;
  height: 60px;
  width: 144px;
  color: #CCCCCC;
  font-size: 60px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 60px;
}
@media (max-width: 991px) {
  .page.about .development-course .right .course-content .time-box .time {
    height: 18px;
    width: 50px;
    font-size: 18px;
    line-height: 18px;
  }
}
.page.about .development-course .right .course-content .time-box .round {
  z-index: 100;
  position: relative;
  float: left;
  margin: 18px 0px 18px 30px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 6px solid #D8D8D8;
  background: #fff;
}
@media (max-width: 991px) {
  .page.about .development-course .right .course-content .time-box .round {
    margin: 1px 0px 0px 15px;
    width: 15px;
    height: 15px;
    border: 4px solid #D8D8D8;
  }
}
.page.about .development-course .right .course-content .time-box .desc {
  width: 594px;
  float: left;
  margin-left: 26px;
  margin-top: 8px;
}
@media (max-width: 991px) {
  .page.about .development-course .right .course-content .time-box .desc {
    width: 68%;
    min-width: 200px;
    margin-top: -4px;
    margin-left: 15px;
  }
}
@media (max-width: 338px) {
  .page.about .development-course .right .course-content .time-box .desc {
    width: 60%;
    min-width: 150px;
  }
}
.page.about .development-course .right .course-content .time-box .desc .tip {
  color: #FC5F3A;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
}
@media (max-width: 991px) {
  .page.about .development-course .right .course-content .time-box .desc .tip {
    font-size: 14px;
  }
}
.page.about .development-course .right .course-content .time-box .desc .text {
  height: 20px;
  color: #65697F;
  font-size: 20px;
  line-height: 20px;
  margin-top: 16px;
}
@media (max-width: 991px) {
  .page.about .development-course .right .course-content .time-box .desc .text {
    font-size: 12px;
    line-height: 12px;
    margin-top: 3px;
  }
}
.page.about .development-course .right .course-content .time-box .clear {
  clear: both;
}
.page.about .development-course .right .course-content .line {
  width: 1px;
  height: 1222px;
  background: #D9D9D9;
  position: absolute;
  left: 186px;
  top: -54px;
}
@media (max-width: 991px) {
  .page.about .development-course .right .course-content .line {
    left: 72px;
    top: 35px;
    height: 906px;
  }
}
.page.about .contact-us {
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .page.about .contact-us {
    padding: 30px 0px 0px 0px;
    width: 90%;
    margin: 0% 5%;
  }
}
.page.about .contact-us .container {
  width: 1180px;
  padding: 0px;
}
@media (max-width: 991px) {
  .page.about .contact-us .container {
    width: 100%;
  }
}
.page.about .contact-us .container h1 {
  margin: 100px 0px 75px 0px;
  color: #191140;
  font-size: 40px;
  font-weight: 500;
  line-height: 40px;
  text-align: center;
}
@media (max-width: 991px) {
  .page.about .contact-us .container h1 {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    height: 55px;
    padding: 0px 0px 25px 0px;
    margin: 0px;
  }
}
.page.about .contact-us .container .content {
  width: 1180px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .page.about .contact-us .container .content {
    width: 100%;
    min-height: 300px;
  }
}
.page.about .contact-us .container .content .box {
  float: left;
  height: 358px;
  width: 278px;
  border-radius: 8px;
  box-shadow: 0 3px 17px -1px rgba(234, 234, 234, 0.5);
  margin-right: 22px;
  padding: 40px 30px 0px 30px;
}
@media (max-width: 991px) {
  .page.about .contact-us .container .content .box {
    width: 45%;
    height: 195px;
    padding: 20px 0px 0px 0px;
    margin: 0px 0px 25px 0px;
  }
}
@media (max-width: 338px) {
  .page.about .contact-us .container .content .box {
    width: 48%;
  }
}
.page.about .contact-us .container .content .box:nth-child(1) {
  background: url(../../../vassets/images/home_v3/about/contact-bg1.png) no-repeat center center;
  background-size: cover;
}
.page.about .contact-us .container .content .box:nth-child(2) {
  background: url(../../../vassets/images/home_v3/about/contact-bg2.png) no-repeat center center;
  background-size: cover;
}
@media (max-width: 991px) {
  .page.about .contact-us .container .content .box:nth-child(2) {
    margin-left: 10%;
  }
}
@media (max-width: 338px) {
  .page.about .contact-us .container .content .box:nth-child(2) {
    margin-left: 4%;
  }
}
.page.about .contact-us .container .content .box:nth-child(3) {
  background: url(../../../vassets/images/home_v3/about/contact-bg3.png) no-repeat center center;
  background-size: cover;
}
.page.about .contact-us .container .content .box:nth-child(3) > a {
  text-decoration: underline;
}
.page.about .contact-us .container .content .box:nth-child(4) {
  margin-right: 0px;
  background: url(../../../vassets/images/home_v3/about/contact-bg4.png) no-repeat center center;
  background-size: cover;
}
@media (max-width: 991px) {
  .page.about .contact-us .container .content .box:nth-child(4) {
    margin-left: 10%;
  }
}
@media (max-width: 338px) {
  .page.about .contact-us .container .content .box:nth-child(4) {
    margin-left: 4%;
  }
}
.page.about .contact-us .container .content .box:nth-child(4) > a {
  text-decoration: underline;
}
.page.about .contact-us .container .content .box .title {
  text-align: left;
  color: #191140;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .page.about .contact-us .container .content .box .title {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 8px;
    padding: 0px 15px;
  }
}
.page.about .contact-us .container .content .box .desc {
  color: #65697F;
  font-size: 20px;
  line-height: 30px;
  text-align: justify;
  margin-bottom: 38px;
}
@media (max-width: 991px) {
  .page.about .contact-us .container .content .box .desc {
    height: 45px;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 20px;
    padding: 0px 15px;
  }
}
.page.about .contact-us .container .content .box .phone {
  margin-bottom: 50px;
  height: 22px;
}
@media (max-width: 991px) {
  .page.about .contact-us .container .content .box .phone {
    margin-bottom: 23px;
    padding: 0px 15px;
  }
}
.page.about .contact-us .container .content .box .phone img {
  width: auto;
  height: 19px;
  margin: -5px 6px 0px 0px;
}
@media (max-width: 991px) {
  .page.about .contact-us .container .content .box .phone img {
    width: auto;
    height: 10px;
    margin: -2px 3px 0px 0px;
  }
}
.page.about .contact-us .container .content .box .phone a {
  height: 20px;
  color: #65697F;
  font-size: 20px;
  line-height: 20px;
  text-align: justify;
}
@media (max-width: 991px) {
  .page.about .contact-us .container .content .box .phone a {
    font-size: 12px;
  }
}
.page.about .contact-us .container .content .box .btn-link {
  width: 100%;
}
@media (max-width: 991px) {
  .page.about .contact-us .container .content .box .btn-link {
    padding: 0px 15px;
  }
}
.page.about .contact-us .container .content .box .btn-link .btn {
  padding: 0px;
  height: 47px;
  width: 221px;
  border-radius: 9px;
  background-color: #FC6541;
}
@media (max-width: 991px) {
  .page.about .contact-us .container .content .box .btn-link .btn {
    width: 100%;
    height: 23px;
    border-radius: 4px;
    border: none;
  }
}
.page.about .contact-us .container .content .box .btn-link .btn:hover {
  background-color: #DD4A3A;
}
.page.about .contact-us .container .content .box .btn-link .btn a {
  display: inline-block;
  width: 100%;
  height: 47px;
  color: #FFFFFF;
  font-size: 24px;
  line-height: 47px;
  text-align: center;
}
@media (max-width: 991px) {
  .page.about .contact-us .container .content .box .btn-link .btn a {
    height: 23px;
    font-size: 12px;
    line-height: 23px;
    border: none;
  }
}
.page.about .contact-us .container .content .box .text-link {
  text-align: center;
}
.page.about .contact-us .container .content .box .text-link a {
  height: 47px;
  color: #FC6541;
  font-size: 20px;
  line-height: 47px;
  text-align: justify;
}
@media (max-width: 991px) {
  .page.about .contact-us .container .content .box .text-link a {
    height: 23px;
    font-size: 12px;
    line-height: 23px;
  }
}
.page.about .office {
  background-color: #FFFCFB;
  padding-top: 248px;
  margin-top: -150px;
}
@media (max-width: 991px) {
  .page.about .office {
    padding-top: 387px;
    margin-top: -362px;
  }
}
.page.about .office .container {
  padding: 0px 0px 93px 0px;
  width: 1240px;
}
@media (max-width: 991px) {
  .page.about .office .container {
    width: 100%;
    width: 90%;
    margin: 0% 5%;
    padding: 0px 0px 10px 0px;
  }
}
.page.about .office .container h1 {
  text-align: center;
  color: #191140;
  font-size: 40px;
  font-weight: 500;
  line-height: 40px;
  margin: 0px 0px 30px 0px;
}
@media (max-width: 991px) {
  .page.about .office .container h1 {
    font-size: 20px;
    line-height: 30px;
    margin: 0px 0px 8px 0px;
  }
}
.page.about .office .container h2 {
  text-align: center;
  color: #65697F;
  font-size: 20px;
  line-height: 20px;
  margin: 0px 0px 70px 0px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .page.about .office .container h2 {
    width: 220px;
    font-size: 12px;
    line-height: 18px;
    margin: 0 auto;
  }
}
.page.about .office .container .content {
  width: 100%;
  height: 418px;
  padding: 40px 32px 0px 32px;
}
@media (max-width: 991px) {
  .page.about .office .container .content {
    min-height: 300px;
    padding: 35px 0px 0px 0px;
  }
}
.page.about .office .container .content .address {
  float: left;
  width: 267px;
  height: 378px;
  margin-right: 36px;
  text-align: center;
}
@media (max-width: 991px) {
  .page.about .office .container .content .address {
    width: 49%;
    height: auto;
    margin-right: 2%;
    margin-bottom: 30px;
  }
}
.page.about .office .container .content .address:nth-child(2),
.page.about .office .container .content .address:nth-child(4) {
  margin-right: 0%;
}
.page.about .office .container .content .address img {
  height: auto;
  width: 267px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .page.about .office .container .content .address img {
    width: 136px;
  }
}
.page.about .office .container .content .address .text {
  text-align: center;
  color: #65697F;
  font-size: 20px;
  line-height: 30px;
  padding: 15px 15px 0px 15px;
}
@media (max-width: 991px) {
  .page.about .office .container .content .address .text {
    font-size: 12px;
    line-height: 18px;
    padding: 5px 8px 0px 8px;
  }
}
@media (min-width: 992px) {
  .page.about + section {
    min-width: 1380px;
  }
}
.page.connect {
  position: relative;
}
.page.connect .header {
  position: relative;
  height: 420px;
  background-color: #282946\9;
  background-image: url(../../../vassets/images/home_v3/about-header-bgi2.png), linear-gradient(81deg, #282946, #191140);
  background-size: contain;
  background-repeat: repeat-x;
}
.page.connect .header .navbar .container .navbar-nav li a.gio-btn:hover,
.page.connect .header .navbar .container .navbar-nav li span.gio-btn:hover {
  color: #fc5f3a;
}
.page.connect .header .navbar .container .navbar-nav li a.gio-btn.gio-btn-primary,
.page.connect .header .navbar .container .navbar-nav li span.gio-btn.gio-btn-primary {
  border: 2px solid #fc5f3a;
  background-color: #fc5f3a;
}
.page.connect .header .navbar .container .navbar-nav li a.gio-btn.gio-btn-primary:hover,
.page.connect .header .navbar .container .navbar-nav li span.gio-btn.gio-btn-primary:hover {
  border: 2px solid #dd4a3a;
  background-color: #dd4a3a;
}
.page.connect .header .container h1 {
  margin: 190px 0 0 80px;
  font-size: 34px;
  color: #f8f8f8;
  line-height: 1.6em;
}
.page.connect .banner-bgi {
  position: absolute;
  width: 500px;
  right: 0;
  top: 80px;
  background: url(../../../vassets/images/home_v3/about-header-bgi.png) no-repeat;
  background-size: 400px;
  background-position: 200px 0;
  z-index: 1;
}
.page.connect .content {
  color: #383963;
}
.page.connect .content .contact-way {
  width: 1126px;
  margin: 0 auto;
  padding: 60px 10px 80px;
  text-align: center;
  overflow: hidden;
}
.page.connect .content .contact-way .contact-way-title {
  color: #191140;
  font-size: 32px;
  margin-bottom: 60px;
}
.page.connect .content .contact-way .contact-way-content-list {
  width: 22.75%;
  margin-right: 3%;
  background-color: #FFFFFF;
  box-shadow: 0 2px 8px 0 rgba(47, 67, 82, 0.1);
  padding: 30px 20px;
  text-align: left;
}
.page.connect .content .contact-way .contact-way-content-list h4 {
  color: #191140;
  font-size: 20px;
  margin-top: 0px;
  margin-bottom: 10px;
}
.page.connect .content .contact-way .contact-way-content-list h5 {
  color: #65697F;
  font-size: 16px;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 30px;
}
.page.connect .content .contact-way .contact-way-content-list p {
  color: #65697F;
  font-size: 16px;
  margin: 0 0 10px;
  line-height: 30px;
}
.page.connect .content .contact-way .contact-way-content-list p img {
  width: 14px;
  margin-right: 10px;
}
.page.connect .content .contact-way .contact-way-content-list a {
  color: #FC5F3A;
  font-size: 16px;
}
.page.connect .content .contact-way .contact-way-content-list a:hover {
  color: #BA3C3C;
}
.page.connect .content .contact-way .contact-way-content-list a img {
  width: 14px;
  margin-right: 10px;
}
.page.connect .content .contact-way .contact-way-content-list.no-right {
  margin-right: 0;
}
.page.connect .content .OA {
  width: 100%;
  padding: 60px 0 0;
  background-color: #F8F8F8;
  text-align: center;
  overflow: hidden;
}
.page.connect .content .OA .OA-title {
  color: #191140;
  font-size: 32px;
  margin-bottom: 60px;
}
.page.connect .content .OA .OA-content {
  width: 1106px;
  margin: 0 auto 60px;
  position: relative;
  height: 230px;
  overflow: hidden;
}
.page.connect .content .OA .OA-content i {
  display: block;
  height: 2px;
  width: 1104px;
  border: 1px solid #C4C4C4;
  margin-top: 72px;
}
.page.connect .content .OA .OA-content .OA-list-position {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page.connect .content .OA .OA-content .OA-list-position .OA-list img {
  width: 40px;
}
.page.connect .content .OA .OA-content .OA-list-position .OA-list strong {
  display: block;
  height: 12px;
  width: 12px;
  border-radius: 12px;
  background-color: #FC5F3A;
  margin: 20px auto;
}
.page.connect .content .OA .OA-content .OA-list-position .OA-list h5 {
  color: #191140;
  font-size: 20px;
  margin-top: 0px;
  margin-bottom: 10px;
}
.page.connect .content .OA .OA-content .OA-list-position .OA-list h6 {
  color: #65697F;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
}
.page.connect .content .OA .OA-content .OA-list-position .OA-list span {
  color: #65697F;
  display: inline-block;
  font-size: 16px;
  margin-top: 14px;
}
.page.connect .content .social-media {
  width: 1126px;
  margin: 0 auto;
  padding: 60px 10px 80px;
  text-align: center;
  overflow: hidden;
}
.page.connect .content .social-media .social-media-title {
  color: #191140;
  font-size: 32px;
  margin-bottom: 60px;
}
.page.connect .content .social-media a {
  width: 16%;
  float: left;
  display: block;
  margin-right: 5%;
  border-radius: 2px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 8px 0 rgba(47, 67, 82, 0.1);
  padding: 45px;
  cursor: pointer;
}
.page.connect .content .social-media a img {
  width: 100%;
}
.page.connect .content .social-media a:hover {
  box-shadow: 0 16px 20px 0 rgba(47, 67, 82, 0.1);
}
.page.connect .content .social-media a.no-right {
  margin-right: 0;
}
.page.connect .content .social-media a.qr-code {
  padding: 20px;
  cursor: auto;
}
.page.connect .content .social-media a.qr-code:hover {
  box-shadow: 0 4px 8px 0 rgba(47, 67, 82, 0.1);
}
.page.connect .content .social-media span {
  width: 16%;
  float: left;
  display: block;
  margin-right: 5%;
  color: #191140;
  font-size: 20px;
  margin-top: 20px;
}
.page.connect .content .social-media span.no-right {
  margin-right: 0;
}
.page.connect .content-mobile {
  display: none;
}
.page.connect .content-mobile .contact-way {
  width: 100%;
  margin: 0 auto;
  padding: 60px 10px 80px;
  text-align: center;
  overflow: hidden;
}
.page.connect .content-mobile .contact-way .contact-way-title {
  color: #191140;
  font-size: 26px;
  margin: 0 0 0;
}
.page.connect .content-mobile .contact-way .contact-way-content-list {
  width: 48%;
  margin-right: 4%;
  background-color: #FFFFFF;
  box-shadow: 0 2px 8px 0 rgba(47, 67, 82, 0.1);
  padding: 20px 6px;
  text-align: left;
  margin-top: 30px;
}
.page.connect .content-mobile .contact-way .contact-way-content-list h4 {
  color: #191140;
  font-size: 16px;
  margin-top: 0px;
  margin-bottom: 10px;
}
.page.connect .content-mobile .contact-way .contact-way-content-list h5 {
  color: #65697F;
  font-size: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 18px;
}
.page.connect .content-mobile .contact-way .contact-way-content-list p {
  color: #65697F;
  font-size: 12px;
  margin: 0 0 0;
  line-height: 30px;
}
.page.connect .content-mobile .contact-way .contact-way-content-list p img {
  width: 14px;
  margin-right: 10px;
}
.page.connect .content-mobile .contact-way .contact-way-content-list .bottom-click {
  color: #FC5F3A;
  font-size: 12px;
}
.page.connect .content-mobile .contact-way .contact-way-content-list .bottom-click img {
  width: 14px;
  margin-right: 10px;
}
.page.connect .content-mobile .contact-way .contact-way-content-list.no-right {
  margin-right: 0;
}
.page.connect .content-mobile .OA {
  width: 100%;
  padding: 60px 0 0;
  background-color: #F8F8F8;
  text-align: center;
  overflow: hidden;
}
.page.connect .content-mobile .OA .OA-title {
  color: #191140;
  font-size: 26px;
}
.page.connect .content-mobile .OA .OA-content {
  width: 100%;
  margin: 0 auto 60px;
  overflow: hidden;
}
.page.connect .content-mobile .OA .OA-content .OA-list-position {
  width: 100%;
}
.page.connect .content-mobile .OA .OA-content .OA-list-position .OA-list {
  margin-top: 40px;
}
.page.connect .content-mobile .OA .OA-content .OA-list-position .OA-list img {
  width: 40px;
}
.page.connect .content-mobile .OA .OA-content .OA-list-position .OA-list i {
  display: block;
  height: 2px;
  width: 100%;
  border: 1px solid #C4C4C4;
  margin: 20px auto;
  position: relative;
}
.page.connect .content-mobile .OA .OA-content .OA-list-position .OA-list i strong {
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -6px;
  display: block;
  height: 12px;
  width: 12px;
  border-radius: 12px;
  background-color: #FC5F3A;
}
.page.connect .content-mobile .OA .OA-content .OA-list-position .OA-list h5 {
  color: #191140;
  font-size: 20px;
  margin-top: 0px;
  margin-bottom: 10px;
}
.page.connect .content-mobile .OA .OA-content .OA-list-position .OA-list h6 {
  color: #65697F;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
}
.page.connect .content-mobile .OA .OA-content .OA-list-position .OA-list span {
  color: #65697F;
  display: inline-block;
  font-size: 16px;
  margin-top: 14px;
}
.page.connect .content-mobile .social-media {
  width: 100%;
  margin: 0 auto;
  padding: 60px 24px 50px;
  text-align: center;
  overflow: hidden;
}
.page.connect .content-mobile .social-media .social-media-title {
  color: #191140;
  font-size: 26px;
  margin-bottom: 30px;
}
.page.connect .content-mobile .social-media a.qr-code {
  width: 60%;
  display: block;
  border-radius: 2px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 8px 0 rgba(47, 67, 82, 0.1);
  padding: 10px;
  margin: 0 auto;
  cursor: pointer;
}
.page.connect .content-mobile .social-media a.qr-code img {
  width: 100%;
}
.page.connect .content-mobile .social-media span.qr-code {
  width: 60%;
  display: block;
  color: #191140;
  font-size: 20px;
  margin: 20px auto 60px;
}
.page.connect .content-mobile .social-media a.icon {
  width: 28%;
  display: block;
  float: left;
  margin-right: 8%;
  border-radius: 2px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 8px 0 rgba(47, 67, 82, 0.1);
  padding: 24px;
}
.page.connect .content-mobile .social-media a.icon img {
  width: 100%;
}
.page.connect .content-mobile .social-media a.icon.no-right {
  margin-right: 0;
}
.page.connect .content-mobile .social-media span.icon {
  width: 28%;
  display: block;
  float: left;
  color: #191140;
  font-size: 20px;
  margin: 20px 8% 60px 0;
}
.page.connect .content-mobile .social-media span.icon.no-right {
  margin-right: 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .page.connect .header {
    height: 460px;
  }
  .page.connect .header .container h1 {
    margin-top: 160px;
    margin-left: 70px;
  }
  .page.connect .banner-bgi {
    width: 450px;
    height: 450px;
    right: 0;
    top: 80px;
    background: url(../../../vassets/images/home_v3/about-header-bgi.png) no-repeat;
    background-size: 450px 450px;
    background-position: 160px 0px;
    z-index: 1;
  }
  .page.connect .content .contact-way {
    width: 100%;
  }
  .page.connect .content .contact-way .contact-way-content-list h5,
  .page.connect .content .contact-way .contact-way-content-list p,
  .page.connect .content .contact-way .contact-way-content-list a {
    font-size: 14px;
  }
  .page.connect .content .OA {
    padding: 60px 20px 0;
  }
  .page.connect .content .OA .OA-content {
    width: 100%;
  }
  .page.connect .content .social-media {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .page.connect .content .contact-way {
    width: 100%;
    padding: 60px 40px 80px;
  }
  .page.connect .content .contact-way .contact-way-content-list {
    width: 45%;
    margin-right: 10%;
    background-color: #FFFFFF;
    box-shadow: 0 2px 8px 0 rgba(47, 67, 82, 0.1);
    padding: 20px 30px;
    text-align: left;
    margin-top: 30px;
  }
  .page.connect .content .contact-way .contact-way-content-list h5,
  .page.connect .content .contact-way .contact-way-content-list p,
  .page.connect .content .contact-way .contact-way-content-list a {
    font-size: 14px;
  }
  .page.connect .content .contact-way .contact-way-content-list:nth-child(2) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .page.connect .header {
    height: 450px;
    overflow: hidden;
    background-size: 200%, auto;
    background-position: 50%, 0;
    background-repeat: no-repeat;
  }
  .page.connect .header .container h1 {
    font-size: 30px;
    text-align: center;
    margin-top: 100px;
    margin-left: 0;
  }
  .page.connect .banner-bgi {
    position: absolute;
    width: 370px;
    right: 0;
    top: 210px;
    background: url(../../../vassets/images/home_v3/about-header-bgi.png) no-repeat;
    background-position: 200px 0;
    background-size: 300px;
    z-index: 1;
  }
  .page.connect .content {
    display: none;
  }
  .page.connect .content-mobile {
    display: block;
  }
}
.pricing {
  position: relative;
  font-family: 'Source Han Sans CN', 'Source Han Serif SC', 'SimHei', 'SimSun', 'STHeiti', 'STSong', 'Heiti SC', 'sans-serif';
}
.pricing .header {
  position: relative;
  height: 360px;
  background: linear-gradient(199.93deg, #fc5f3a 0%, #ffd15b 100%);
}
.pricing .header .container p {
  text-align: center;
  font-size: 36px;
  color: #f8f8f8;
}
.pricing .header .container .title1 {
  margin-top: 150px;
  font-size: 42px;
  font-weight: 500;
  line-height: 60px;
}
@media (max-width: 760px) {
  .pricing .header .container .title1 {
    font-size: 36px;
  }
}
.pricing .header .container .title2 {
  font-size: 24px;
  line-height: 60px;
}
@media (max-width: 760px) {
  .pricing .header .container .title2 {
    font-size: 14px;
  }
}
.pricing .pricing-tab-box {
  width: 100%;
  height: 80px;
  background-color: #F8F8F8;
}
.pricing .pricing-tab-box .pricing-tab {
  width: 60%;
  height: 80px;
  margin: 0 auto;
}
@media (max-width: 760px) {
  .pricing .pricing-tab-box .pricing-tab {
    width: 80%;
  }
}
.pricing .pricing-tab-box .pricing-tab li {
  width: 50%;
  float: left;
  height: 80px;
  line-height: 80px;
  text-align: center;
}
.pricing .pricing-tab-box .pricing-tab li.active a {
  color: #FC5F3A;
  height: 80px;
  display: inline-block;
  border-bottom: 4px solid #FC5F3A;
  width: auto;
}
.pricing .pricing-tab-box .pricing-tab li a {
  font-size: 24px;
  color: #191140;
}
@media (max-width: 760px) {
  .pricing .pricing-tab-box .pricing-tab li a {
    font-size: 16px;
  }
}
.pricing .tab-pane {
  display: none;
}
.pricing .active {
  display: block;
}
.pricing .content {
  width: 100%;
}
.pricing .content .content-box {
  width: 1002px;
  padding: 0 30px 120px;
  margin: 70px auto 0;
  overflow: hidden;
}
@media (max-width: 960px) {
  .pricing .content .content-box {
    width: 100%;
    padding: 0 0 120px 0;
  }
}
.pricing .content .content-box p {
  margin: 0;
  padding: 0;
}
.pricing .content .content-box .server-list {
  width: 250px;
  float: left;
}
@media (max-width: 960px) {
  .pricing .content .content-box .server-list {
    width: 30%;
  }
}
@media (max-width: 760px) {
  .pricing .content .content-box .server-list {
    width: 40%;
  }
}
.pricing .content .content-box .server-list .list-nav {
  padding-left: 40px;
  height: 48px;
  line-height: 48px;
  color: #191140;
  font-size: 20px;
  font-weight: 500;
}
@media (max-width: 960px) {
  .pricing .content .content-box .server-list .list-nav {
    font-size: 18px;
  }
}
@media (max-width: 760px) {
  .pricing .content .content-box .server-list .list-nav {
    font-size: 12px;
    padding-left: 12px;
  }
}
.pricing .content .content-box .server-list .list-nav img {
  width: 26px;
  margin-right: 10px;
  margin-bottom: 6px;
}
.pricing .content .content-box .server-list .list-nav.next-list-nav {
  margin-top: 60px;
}
.pricing .content .content-box .server-list .list-nav.next-list-nav img {
  margin-bottom: 0;
}
.pricing .content .content-box .server-list .first-nav {
  padding-left: 40px;
  height: 32px;
  line-height: 32px;
  background-color: #F8F8F8;
  color: #191140;
  font-size: 16px;
}
@media (max-width: 760px) {
  .pricing .content .content-box .server-list .first-nav {
    font-size: 12px;
    padding-left: 12px;
  }
}
.pricing .content .content-box .server-list .next-nav {
  padding-left: 40px;
  height: 25px;
  line-height: 25px;
  border: 1px solid #F8F8F8;
  border-top: none;
  color: #65697F;
  font-size: 14px;
}
@media (max-width: 760px) {
  .pricing .content .content-box .server-list .next-nav {
    font-size: 12px;
    padding-left: 12px;
  }
}
.pricing .content .content-box .versions {
  width: 316px;
  float: left;
  margin-left: 30px;
  text-align: center;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
}
@media (max-width: 960px) {
  .pricing .content .content-box .versions {
    width: 30%;
    margin-left: 25px;
  }
}
@media (max-width: 760px) {
  .pricing .content .content-box .versions {
    margin-left: 0;
    box-shadow: none;
  }
}
.pricing .content .content-box .versions .versions-title {
  height: 48px;
  line-height: 48px;
  background-color: #FC5F3A;
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 500;
}
@media (max-width: 760px) {
  .pricing .content .content-box .versions .versions-title {
    font-size: 18px;
  }
}
.pricing .content .content-box .versions .versions-nav {
  border: 1px solid #F8F8F8;
  border-top: none;
}
.pricing .content .content-box .versions .versions-nav img {
  width: 14px;
}
.pricing .content .content-box .versions .height-0-1 {
  height: 25px;
  line-height: 25px;
}
.pricing .content .content-box .versions .height-1-0 {
  height: 32px;
  line-height: 32px;
}
.pricing .content .content-box .versions .height-1-1 {
  height: 57px;
  line-height: 57px;
}
.pricing .content .content-box .versions .height-1-2 {
  height: 82px;
  line-height: 82px;
}
.pricing .content .content-box .versions .height-1-3 {
  height: 107px;
  line-height: 107px;
}
.pricing .content .content-box .versions .height-1-4 {
  height: 132px;
  line-height: 132px;
}
.pricing .content .content-box .versions .height-1-5 {
  height: 157px;
  line-height: 157px;
}
.pricing .content .content-box .versions .height-1-6 {
  height: 182px;
  line-height: 182px;
}
.pricing .content .content-box .versions .height-1-7 {
  height: 207px;
  line-height: 207px;
}
.pricing .content .content-box .versions .height-140 {
  height: 140px;
  line-height: 140px;
}
.pricing .content .content-box .versions .height-108 {
  height: 108px;
  line-height: 108px;
}
.pricing .content .content-box .versions .words {
  color: #65697F;
  font-size: 14px;
}
@media (max-width: 760px) {
  .pricing .content .content-box .versions .words {
    font-size: 12px;
  }
}
.pricing .content .content-box .business-versions {
  float: right;
  margin-left: 0;
}
@media (max-width: 960px) {
  .pricing .content .content-box .business-versions {
    margin-right: 25px;
  }
}
@media (max-width: 760px) {
  .pricing .content .content-box .business-versions {
    width: 33%;
    margin-right: 0;
  }
}
@media (max-width: 760px) {
  .pricing .content .content-box .profession-versions {
    width: 27%;
  }
}
.pricing .footer .container h1 {
  font-size: 40px;
}
.page.news {
  font-family: 'Source Han Sans CN', 'Source Han Serif SC', 'SimHei', 'SimSun', 'STHeiti', 'STSong', 'Heiti SC', 'sans-serif';
  position: relative;
}
.page.news .header-box {
  width: 100%;
  height: 320px;
  background: linear-gradient(68.74deg, #292a46 0%, #191140 100%);
}
.page.news .navbar .container .navbar-nav li a.gio-btn.gio-btn-primary,
.page.news .navbar .container .navbar-nav li span.gio-btn.gio-btn-primary {
  background-color: #FC5F3A;
}
.page.news .header {
  position: relative;
  height: 320px;
  background-size: 100%;
  background-image: url(../../../vassets/images/home_v3/banner_pc.png), linear-gradient(81deg, #282946, #191140);
  background-size: 54% 84%;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.page.news .header .container .title1 {
  margin-top: 154px;
  font-size: 36px;
  font-weight: 500;
  line-height: 60px;
  color: #FFFFFF;
  text-align: center;
}
@media (max-width: 760px) {
  .page.news .header .container .title1 {
    font-size: 36px;
  }
}
.page.news .news-tab-box {
  width: 100%;
  height: 60px;
  background-color: #FFFFFF;
}
.page.news .news-tab-box .news-tab {
  width: 60%;
  height: 60px;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 760px) {
  .page.news .news-tab-box .news-tab {
    width: 96%;
  }
}
.page.news .news-tab-box .news-tab li {
  width: 20%;
  float: left;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 16px;
}
.page.news .news-tab-box .news-tab li.active {
  position: relative;
  border-bottom: 2px solid #FC5F3A;
}
.page.news .news-tab-box .news-tab li.active::before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 2px;
  width: 15%;
  background-color: #FFFFFF;
}
.page.news .news-tab-box .news-tab li.active::after {
  content: '';
  position: absolute;
  bottom: -2px;
  right: 0;
  height: 2px;
  width: 15%;
  background-color: #FFFFFF;
}
.page.news .news-tab-box .news-tab li.active a {
  color: #FC5F3A;
  height: 80px;
  display: inline-block;
  width: auto;
}
.page.news .news-tab-box .news-tab li a {
  color: #191140;
}
@media (max-width: 760px) {
  .page.news .news-tab-box .news-tab li a {
    font-size: 14px;
  }
}
.page.news .tab-pane {
  display: none;
}
.page.news .content {
  width: 100%;
  background-color: #F8F8F8;
  padding-top: 30px;
  padding-bottom: 50px;
}
.page.news .content .content-box.active {
  display: block;
}
.page.news .content .content-box {
  width: 1002px;
  padding: 0 30px 50px;
  margin: 0 auto;
  overflow: hidden;
}
@media (max-width: 960px) {
  .page.news .content .content-box {
    width: 100%;
    padding: 0 0 120px 0;
  }
}
.page.news .content .content-box .article-list {
  border-bottom: 1px solid #DBDBDB;
  padding: 30px 0;
  overflow: hidden;
}
.page.news .content .content-box .article-list:last-child {
  border-bottom: none;
}
.page.news .content .content-box .article-list .time {
  width: 50px;
  height: 50px;
  background-color: #FFFFFF;
  position: relative;
  color: #FC5F3A;
  font-size: 20px;
  text-align: center;
  line-height: 64px;
  float: left;
  margin-top: 6px;
}
.page.news .content .content-box .article-list .time span {
  display: block;
  width: 50px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #FC5F3A;
  text-align: center;
  line-height: 15px;
  font-size: 10px;
  color: #FFFFFF;
}
.page.news .content .content-box .article-list .article-content {
  float: right;
  width: 91%;
}
.page.news .content .content-box .article-list .article-content p {
  margin: 0;
}
.page.news .content .content-box .article-list .article-content .title {
  color: #191140;
  font-size: 20px;
  cursor: pointer;
}
.page.news .content .content-box .article-list .article-content .title:hover {
  color: #FC5F3A;
}
.page.news .content .content-box .article-list .article-content .mobile-time {
  display: none;
  color: #AFB4BD;
  font-size: 14px;
  margin: 5px 0;
}
.page.news .content .content-box .article-list .article-content .introduction {
  color: #65697F;
  font-size: 14px;
  margin: 20px 0;
}
.page.news .content .content-box .article-list .article-content .checkout-details {
  color: #FC5F3A;
  font-size: 14px;
}
.page.news .content .loading-more {
  display: block;
  height: 60px;
  width: 942px;
  margin: 0 auto;
  line-height: 60px;
  border: 1px solid #DBDBDB;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  color: #191140;
}
.page.news .footer .container h1 {
  font-size: 40px;
}
.page.news-details p {
  margin: 0;
}
.page.news-details .news-content {
  width: 1200px;
  margin: 100px auto 30px;
  overflow: hidden;
}
.page.news-details .news-content .left {
  float: left;
  width: 70%;
}
.page.news-details .news-content .left .title {
  color: #191140;
  font-size: 24px;
  font-weight: 500;
}
.page.news-details .news-content .left .time {
  color: #AFB4BD;
  font-size: 14px;
  display: block;
  margin: 10px 0 16px 0;
}
.page.news-details .news-content .left .previous,
.page.news-details .news-content .left .next {
  height: 60px;
  width: 100%;
  display: block;
  background-color: #F8F8F8;
  color: #191140;
  font-size: 16px;
  line-height: 60px;
  margin-bottom: 20px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 30px;
  max-width: 740px;
}
.page.news-details .news-content .left .previous:hover,
.page.news-details .news-content .left .next:hover {
  color: #FC5F3A;
}
.page.news-details .news-content .right {
  width: 26%;
  background-color: #F8F8F8;
  float: right;
  padding: 20px;
  margin-right: 3%;
}
.page.news-details .news-content .right .right-title {
  color: #191140;
  font-size: 18px;
  margin-bottom: 10px;
}
.page.news-details .news-content .right .related-list {
  color: #191140;
  font-size: 14px;
  border-bottom: 1px solid #DBDBDB;
  padding: 10px 0;
}
.page.news-details .news-content .right .related-list a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 10px;
  cursor: pointer;
  color: #65697F;
}
.page.news-details .news-content .right .related-list a:hover {
  color: #FC5F3A;
}
.page.news-details .news-content .right .related-list span {
  color: #AFB4BD;
}
.page.news-details .news-content .right .related-list:last-child {
  border-bottom: none;
}
.page.news-details .news-content .acticle-detail-card h1 {
  font-size: 24px;
  margin: 20px 0;
}
.page.news-details .news-content .acticle-detail-card .meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
}
.page.news-details .news-content .acticle-detail-card .meta .left {
  display: flex;
  align-items: center;
}
.page.news-details .news-content .acticle-detail-card .meta .left .author-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
}
.page.news-details .news-content .acticle-detail-card .meta .left .author-avatar img {
  width: 30px;
  height: 30px;
}
.page.news-details .news-content .acticle-detail-card .meta .left .i-label {
  width: 15px;
  height: 20px;
  margin-left: 30px;
  margin-right: 5px;
}
.page.news-details .news-content .acticle-detail-card .meta .left .author {
  margin-left: 15px;
}
.page.news-details .news-content .acticle-detail-card .meta .left .time {
  margin-left: 22px;
  margin-right: 30px;
}
.page.news-details .news-content .acticle-detail-card .meta .left .tags {
  margin-left: 8px;
  margin-right: 13px;
}
.page.news-details .news-content .acticle-detail-card .meta .right {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.page.news-details .news-content .acticle-detail-card .meta .right img {
  width: 16px;
  height: 16px;
}
.page.news-details .news-content .acticle-detail-card .meta .right .view {
  margin-left: 6px;
  margin-right: 11px;
}
.page.news-details .news-content .acticle-detail-card .meta .right .star {
  margin-left: 6px;
  margin-right: 6px;
}
.page.news-details .news-content .acticle-detail-card .meta .right .like {
  margin-left: 6px;
  margin-right: 6px;
}
.page.news-details .news-content .acticle-detail-card .richtext {
  margin-top: 25px;
  margin-bottom: 60px;
  color: #3d464d;
  width: 740px;
  font-size: 16px;
  font-weight: 400;
  line-height: 200%;
  word-wrap: break-word;
}
.page.news-details .news-content .acticle-detail-card .richtext blockquote {
  font-size: 16px;
  padding: 2px 20px;
  background-color: #f2f5fb;
  border-left: 5px solid #d0d6dc;
}
.page.news-details .news-content .acticle-detail-card .richtext h1 {
  font-size: 28px;
  margin: 50px 0 20px;
  color: #191140;
  line-height: 28px;
  font-weight: 600;
}
.page.news-details .news-content .acticle-detail-card .richtext h2 {
  font-size: 20px;
  margin: 36px 0 14px;
  color: #191140;
  line-height: 23px;
  font-weight: 600;
}
.page.news-details .news-content .acticle-detail-card .richtext h3 {
  font-size: 17px;
  margin: 32px 0 30px;
  color: #191140;
  line-height: 23px;
  font-weight: 600;
}
.page.news-details .news-content .acticle-detail-card .richtext h4 {
  font-size: 15px;
  margin: 18px 0 8px;
  color: #191140;
  line-height: 23px;
  font-weight: 500;
}
.page.news-details .news-content .acticle-detail-card .richtext p {
  margin: 20px 0;
  color: #65697F;
}
.page.news-details .news-content .acticle-detail-card .richtext img {
  display: block;
  margin: 0 auto;
}
.page.news-details .news-content .acticle-detail-card .richtext ol {
  list-style-type: decimal;
  padding-left: 30px;
}
.page.news-details .news-content .acticle-detail-card .richtext ul {
  list-style-type: disc;
  padding-left: 30px;
}
.page.news-details .news-content .acticle-detail-card .richtext li {
  list-style-type: disc;
  color: #65697F;
}
.page.news-details .news-content .acticle-detail-card .i-star,
.page.news-details .news-content .acticle-detail-card .i-like {
  cursor: pointer;
}
@media (max-width: 767px) {
  .page.news .header-box {
    height: 250px;
  }
  .page.news .header {
    height: 250px;
    background-size: 100% 50%;
    background-image: url(../../../vassets/images/home_v3/banner_phone.png), linear-gradient(81deg, #282946, #191140);
    background-size: 100% 70%;
    background-repeat: no-repeat;
    background-position: center bottom;
  }
  .page.news .header .container .title1 {
    margin-top: 110px;
  }
  .page.news .news-tab-box {
    height: 50px;
  }
  .page.news .news-tab-box .news-tab {
    height: 50px;
    line-height: 50px;
  }
  .page.news .news-tab-box .news-tab li {
    height: 50px;
    line-height: 50px;
  }
  .page.news .news-tab-box .news-tab li.active a {
    height: 50px;
  }
  .page.news .content {
    padding-top: 0;
  }
  .page.news .content .content-box .article-list .time {
    display: none;
  }
  .page.news .content .content-box .article-list .article-content {
    width: 100%;
    padding: 0 20px;
  }
  .page.news .content .content-box .article-list .article-content .title {
    font-size: 16px;
  }
  .page.news .content .content-box .article-list .article-content .mobile-time {
    display: block;
  }
  .page.news .content .content-box .article-list .article-content .introduction {
    margin: 10px 0;
  }
  .page.news .content .content-box .article-list .article-content .checkout-details {
    display: none;
  }
  .page.news .content .content-box {
    padding: 0 0 60px 0;
  }
  .page.news .content .loading-more {
    height: 40px;
    width: 50%;
    line-height: 40px;
  }
  .page.news-details .news-content {
    width: 100%;
  }
  .page.news-details .news-content .left {
    width: 100%;
    padding: 0 14px;
  }
  .page.news-details .news-content .left .title {
    font-size: 20px;
  }
  .page.news-details .news-content .right {
    display: none;
  }
  .page.news-details .news-content .left .previous,
  .page.news-details .news-content .left .next {
    height: 60px;
    font-size: 16px;
    line-height: 60px;
  }
  .page.news-details .news-content .acticle-detail-card .articlebox {
    width: 100%;
  }
  .page.news-details .news-content .acticle-detail-card .articlebox img {
    width: 100% !important;
    height: auto;
  }
  .page.news-details .news-content .acticle-detail-card .articlebox img[alt="icon-tag"] {
    width: 1em;
    vertical-align: top;
  }
  .page.news-details .news-content .acticle-detail-card .articlebox p {
    margin: 0 0 18px;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    word-wrap: break-word;
    color: #65697F;
  }
  .page.news-details .news-content .acticle-detail-card .articlebox li {
    font-size: 14px;
  }
  .page.news-details .news-content .acticle-detail-card .articlebox h1 {
    font-size: 28px;
    margin: 50px 0 20px;
    color: #191140;
    line-height: 28px;
    font-weight: 600;
  }
  .page.news-details .news-content .acticle-detail-card .articlebox h2 {
    font-size: 20px;
    margin: 36px 0 14px;
    color: #191140;
    line-height: 23px;
    font-weight: 600;
  }
  .page.news-details .news-content .acticle-detail-card .articlebox h3 {
    font-size: 17px;
    margin: 20px 0 12px;
    color: #191140;
    line-height: 23px;
    font-weight: 600;
  }
  .page.news-details .news-content .acticle-detail-card .articlebox h4 {
    font-size: 15px;
    margin: 18px 0 8px;
    color: #191140;
    line-height: 23px;
    font-weight: 500;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .page.news .content {
    padding: 30px 30px 50px;
  }
  .page.news .content .loading-more {
    width: 100%;
  }
  .page.news .news-tab-box .news-tab {
    width: 80%;
  }
  .page.news-details .news-content {
    width: 100%;
  }
  .page.news-details .news-content .left {
    width: 100%;
    padding: 0 14px;
  }
  .page.news-details .news-content .right {
    display: none;
  }
  .page.news-details .news-content .left .previous,
  .page.news-details .news-content .left .next {
    height: 60px;
    font-size: 18px;
    line-height: 60px;
  }
  .page.news-details .news-content .acticle-detail-card .richtext {
    width: 100%;
  }
}
.page.partners {
  position: relative;
}
.page.partners .header {
  position: relative;
  height: 560px;
  background-color: #282946\9;
  background-image: url(../../../vassets/images/home_v3/partner-banner.png), linear-gradient(81deg, #231f45, #191633);
  background-size: inherit;
  background-repeat: no-repeat;
  background-position: center 0;
}
.page.partners .header .navbar .container .navbar-nav li a.gio-btn:hover,
.page.partners .header .navbar .container .navbar-nav li span.gio-btn:hover {
  color: #fc5f3a;
}
.page.partners .header .navbar .container .navbar-nav li a.gio-btn.gio-btn-primary,
.page.partners .header .navbar .container .navbar-nav li span.gio-btn.gio-btn-primary {
  border: 2px solid #fc5f3a;
  background-color: #fc5f3a;
}
.page.partners .header .navbar .container .navbar-nav li a.gio-btn.gio-btn-primary:hover,
.page.partners .header .navbar .container .navbar-nav li span.gio-btn.gio-btn-primary:hover {
  border: 2px solid #dd4a3a;
  background-color: #dd4a3a;
}
.page.partners .header .container h1 {
  margin: 160px 0 0 50px;
  font-size: 36px;
  color: #f8f8f8;
  line-height: 1.4em;
}
.page.partners .content {
  margin: 0;
  color: #383963;
}
.page.partners .content .container {
  text-align: left;
}
.page.partners .content .container img {
  width: 180px;
  height: 80px;
  margin: 0 20px 20px;
  border: 1.5px solid #DCDCDC;
  border-radius: 8px;
  background-color: #FFFFFF;
}
.page.partners .content .container img:hover {
  border: 1.5px solid rgba(252, 95, 58, 0.5);
  border-radius: 8px;
  background-color: rgba(252, 95, 58, 0.05);
}
.page.partners .content .container p {
  color: #191140;
  font-size: 24px;
  line-height: 45px;
  margin: 70px 0 24px 0;
}
.page.partners .content .container b {
  font-weight: 100;
  font-size: 18px;
}
.page.partners .content .container .partner-link {
  font-size: 18px;
  height: 50px;
  display: inline-block;
  color: #65697F;
  margin: 0 10px;
}
.page.partners .content .container .partner-link:hover {
  color: #fc5f3a;
}
.page.partners .content .container p.partners-explain {
  display: block;
  width: 100%;
  text-align: left;
  margin: 70px 0 6px 0;
}
@media (max-width: 1024px) {
  .page.partners .content .container p.partners-explain {
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .page.partners .content .container p.partners-explain {
    padding-left: 0px;
  }
}
.page.partners .content .container span.partners-explain {
  display: block;
  width: 100%;
  text-align: left;
  padding-left: 10px;
  color: #65697F;
  font-size: 18px;
  line-height: 40px;
  margin-bottom: 121px;
}
@media (max-width: 1024px) {
  .page.partners .content .container span.partners-explain {
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .page.partners .content .container span.partners-explain {
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  .page.partners .header {
    height: 600px;
    overflow: hidden;
    background-size: 200%, auto;
    background-position: 50%, 0;
    background-repeat: no-repeat;
  }
  .page.partners .header .container h1 {
    font-size: 30px;
    text-align: center;
    margin-top: 100px;
    margin-left: 0;
  }
  .page.partners .content {
    margin-top: 80px;
    margin-bottom: 60px;
  }
  .page.partners .content .container p {
    width: 80%;
    letter-spacing: 0.5px;
  }
  .page.partners .content .container h1 {
    font-weight: 600;
  }
}
@media (min-width: 768px) and (max-width: 1449px) {
  .page.partners .header .container h1 {
    margin-top: 160px;
    margin-left: 70px;
  }
}
.page.cases {
  position: relative;
  background-color: #FAFAFA;
}
.page.cases .header {
  position: relative;
  height: 420px;
  background: linear-gradient(199.93deg, #fc5f3a 0%, #ffd15b 100%);
}
.page.cases .header .container {
  height: 100%;
}
.page.cases .header .container.bg-container {
  background-image: url(../../../vassets/images/home_v3/case_banner_pc.png);
  background-repeat: no-repeat;
  background-size: 46%;
  background-position: 90% 100%;
  width: 100%;
  padding: 0 100px;
}
@media (max-width: 760px) {
  .page.cases .header .container.bg-container {
    padding: 0;
    background-size: 86%;
    background-position: 50% 98%;
  }
}
.page.cases .header .container.bg-container .title {
  text-align: left;
  font-size: 36px;
  color: #f8f8f8;
}
@media (max-width: 760px) {
  .page.cases .header .container.bg-container .title {
    text-align: center;
    padding-left: 0;
  }
}
.page.cases .header .container.bg-container .title1 {
  margin-top: 182px;
  font-size: 42px;
  font-weight: 500;
  line-height: 60px;
}
@media (max-width: 760px) {
  .page.cases .header .container.bg-container .title1 {
    font-size: 24px;
    margin-top: 100px;
    margin-bottom: 0;
  }
}
.page.cases .header .container.bg-container .title2 {
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
}
@media (max-width: 760px) {
  .page.cases .header .container.bg-container .title2 {
    font-size: 16px;
    line-height: 20px;
  }
}
.page.cases .header .container.bg-container .title-mobile {
  display: none;
  font-size: 24px;
  line-height: 36px;
  font-weight: 300;
}
@media (max-width: 760px) {
  .page.cases .header .container.bg-container .title-mobile {
    font-size: 16px;
    line-height: 30px;
  }
}
.page.cases .content {
  width: 100%;
  margin: 0 auto;
}
.page.cases .content .show-content {
  width: 1136px;
  margin: 0 auto;
  overflow: hidden;
  padding: 28px 0 120px;
  color: #191140;
  font-size: 20px;
  font-weight: 500;
}
.page.cases .content .show-content .content-list {
  height: auto;
  width: 252px;
  cursor: pointer;
  border-radius: 4px;
  background-color: #FAFAFA;
  float: left;
  margin: 32px 16px 0;
  position: relative;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  transition: 0.3s ease-in-out;
  padding: 44px 24px;
}
.page.cases .content .show-content .content-list img {
  width: 100%;
  height: auto;
}
.page.cases .content .show-content .content-list h3 {
  margin: 35px auto 0;
  color: #65697F;
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
  overflow: hidden;
  font-weight: 400;
  height: 92px;
}
.page.cases .content .show-content .content-list:hover {
  box-shadow: 0 16px 16px 0 rgba(47, 67, 82, 0.15);
}
@media (max-width: 1024px) {
  .page.cases .content .show-content .content-list {
    width: 300px;
  }
}
.page.cases .footer .container h1 {
  font-size: 40px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .page.cases .header .container.bg-container {
    width: 100%;
    background-size: 30%;
    padding: 0 20px;
  }
  .page.cases .content .show-content {
    width: 100%;
  }
  .page.cases .content .show-content .content-list {
    width: 30%;
    margin: 32px 1.6% 0;
  }
}
@media (max-width: 760px) {
  .page.cases .header .container.bg-container {
    width: 100%;
    background-image: url(../../../vassets/images/home_v3/case_banner_mobile.png);
  }
  .page.cases .header .container.bg-container .title2 {
    display: none;
  }
  .page.cases .header .container.bg-container .title-mobile {
    display: block;
  }
  .page.cases .content .show-content {
    width: 100%;
    padding: 0px 5% 60px;
  }
  .page.cases .content .show-content .content-list {
    width: 100%;
    margin: 40px 0 0;
  }
  .page.cases .content .show-content .content-list:hover {
    box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  }
  .page.cases .content .show-content .content-list h3 {
    margin: 35px auto 0;
    font-size: 14px;
    line-height: 20px;
    height: 60px;
  }
}
.page.case-details .news-content .right .related-list {
  font-size: 16px;
}
.page.ebook {
  position: relative;
  background-color: #FAFAFA;
}
.page.ebook .header {
  position: relative;
  height: 420px;
  background: linear-gradient(199.93deg, #fc5f3a 0%, #ffd15b 100%);
}
.page.ebook .header .container {
  height: 100%;
}
.page.ebook .header .container.bg-container {
  background-image: url(../../../vassets/images/home_v3/bg-ebook.png);
  background-repeat: no-repeat;
  background-size: 32%;
  background-position: 96% 100%;
  width: 1106px;
  padding: 0;
}
@media (max-width: 760px) {
  .page.ebook .header .container.bg-container {
    background-size: 60%;
    background-position: 50% 100%;
  }
}
.page.ebook .header .container.bg-container .title {
  text-align: left;
  font-size: 36px;
  color: #f8f8f8;
}
@media (max-width: 760px) {
  .page.ebook .header .container.bg-container .title {
    text-align: center;
    padding-left: 0;
  }
}
.page.ebook .header .container.bg-container .title1 {
  margin-top: 182px;
  font-size: 42px;
  font-weight: 500;
  line-height: 60px;
}
@media (max-width: 760px) {
  .page.ebook .header .container.bg-container .title1 {
    font-size: 36px;
    margin-top: 140px;
  }
}
.page.ebook .header .container.bg-container .title2 {
  font-size: 24px;
  line-height: 36px;
  font-weight: 300;
}
@media (max-width: 760px) {
  .page.ebook .header .container.bg-container .title2 {
    font-size: 16px;
    line-height: 20px;
  }
}
.page.ebook .header .container.bg-container .title-mobile {
  display: none;
  font-size: 24px;
  line-height: 36px;
  font-weight: 300;
}
@media (max-width: 760px) {
  .page.ebook .header .container.bg-container .title-mobile {
    font-size: 16px;
    line-height: 20px;
  }
}
.page.ebook .content {
  width: 100%;
  margin: 0 auto;
}
.page.ebook .content .select-box {
  width: 100%;
  height: 110px;
  overflow: hidden;
  background-color: #FFFFFF;
}
.page.ebook .content .select-box .select {
  width: 1106px;
  height: 85px;
  margin: 15px auto 0;
}
.page.ebook .content .select-box .select .nav-select {
  float: left;
  border-right: 1px solid #A6A3B5;
  overflow: hidden;
}
.page.ebook .content .select-box .select .nav-select.jobs-select {
  width: 17%;
  padding-right: 10px;
}
.page.ebook .content .select-box .select .nav-select.scenario-select {
  width: 24%;
  margin-left: 40px;
  padding-right: 10px;
  border-right: none;
}
.page.ebook .content .select-box .select .nav-select.industry-select {
  width: 27%;
  margin-left: 40px;
  padding-right: 10px;
}
.page.ebook .content .select-box .select .nav-select p {
  margin: 0;
  color: #191140;
  font-size: 16px;
}
.page.ebook .content .select-box .select .nav-select li {
  float: left;
  color: #65697F;
  font-size: 14px;
  margin: 10px 30px 0 0;
  cursor: pointer;
}
.page.ebook .content .select-box .select .nav-select li:hover {
  color: #FC5F3A;
}
.page.ebook .content .select-box .select .nav-select.keywords-select {
  float: right;
  border-right: none;
  position: relative;
  margin-top: 20px;
}
.page.ebook .content .select-box .select .nav-select.keywords-select input {
  height: 40px;
  border-radius: 20px;
  width: 264px;
  padding: 0 56px 0 24px;
  color: #BCC1C9;
  font-size: 16px;
  opacity: 0.6;
  border: 1px solid #E1E2E4;
  background-color: #FFFFFF;
}
.page.ebook .content .select-box .select .nav-select.keywords-select .search-logo {
  width: 56px;
  height: 40px;
  border-radius: 0 20px 20px 0;
  background: linear-gradient(135deg, #fd7854 0%, rgba(251, 174, 66, 0.92) 100%);
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.page.ebook .content .select-box .select .nav-select.keywords-select .search-logo img {
  width: 24px;
  margin: 10px 0 0 16px;
}
.page.ebook .content .select-box-mobile {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: none;
  background-color: #FAFAFA;
}
.page.ebook .content .select-box-mobile .select {
  width: 100%;
  margin: 15px auto 0;
  padding: 0 20px;
}
.page.ebook .content .select-box-mobile .select .nav-select.keywords-select {
  border-right: none;
  position: relative;
  margin-top: 20px;
  height: 32px;
}
.page.ebook .content .select-box-mobile .select .nav-select.keywords-select input {
  height: 32px;
  border-radius: 32px;
  width: 66%;
  padding: 0 16px 0 50px;
  color: #A6A3B5;
  font-size: 14px;
  background-color: #FFFFFF;
}
.page.ebook .content .select-box-mobile .select .nav-select.keywords-select .input-icon {
  width: 20px;
  position: absolute;
  left: 20px;
  top: 8px;
}
.page.ebook .content .select-box-mobile .select .nav-select.keywords-select .screening {
  float: right;
  width: 26%;
  height: 32px;
  border-radius: 32px;
  background-color: #FFFFFF;
  line-height: 32px;
  color: #A6A3B5;
  font-size: 14px;
  text-align: center;
}
.page.ebook .content .select-box-mobile .select .nav-select.keywords-select .screening img {
  width: 16px;
  float: right;
  margin: 12px 10px 0 0;
}
.page.ebook .content .select-box-mobile .select .nav-select.keywords-select .screening img.down {
  display: block;
}
.page.ebook .content .select-box-mobile .select .nav-select.keywords-select .screening img.up {
  display: none;
}
.page.ebook .content .select-box-mobile .select .nav-select-box {
  display: none;
  margin-top: 26px;
  background: #FFFFFF;
  padding: 0 25px 20px;
  overflow: hidden;
  border-radius: 8px;
}
.page.ebook .content .select-box-mobile .select .nav-select-box .nav-select p {
  margin: 12px 0 16px 0;
  float: left;
  width: 100%;
}
.page.ebook .content .select-box-mobile .select .nav-select-box .nav-select li {
  background-color: #F8F8F8;
  width: 30%;
  height: 30px;
  float: left;
  color: #65697F;
  border-radius: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  margin: 0 0 16px 0;
}
.page.ebook .content .select-box-mobile .select .nav-select-box .nav-select li:nth-child(3n) {
  margin: 0 5% 16px;
}
.page.ebook .content .search-result {
  margin-top: 80px;
  font-size: 20px;
  text-align: center;
  font-weight: 500;
  display: none;
}
.page.ebook .content .search-result p {
  color: #191140;
}
.page.ebook .content .search-result a {
  color: #FC5F3A;
  text-decoration: underline;
  cursor: pointer;
}
.page.ebook .content .show-content {
  width: 1144px;
  margin: 0 auto;
  overflow: hidden;
  padding: 10px 0 80px;
  color: #191140;
  font-size: 20px;
  font-weight: 500;
}
.page.ebook .content .show-content .content-list {
  height: auto;
  width: 248px;
  cursor: pointer;
  border-radius: 4px;
  background-color: #FAFAFA;
  float: left;
  margin: 50px 19px 0;
  position: relative;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  transition: 0.3s ease-in-out;
}
.page.ebook .content .show-content .content-list img {
  width: 100%;
  height: auto;
}
.page.ebook .content .show-content .content-list span {
  position: absolute;
  top: 10px;
  left: 10px;
  display: block;
  width: 52px;
  text-align: center;
  height: 20px;
  line-height: 20px;
  color: #FFFFFF;
  opacity: 0.8;
  border-radius: 1px;
  background: linear-gradient(306.03deg, #fe986c 0%, #fc5f3a 100%);
  font-size: 12px;
}
.page.ebook .content .show-content .content-list h3 {
  width: 208px;
  height: 60px;
  margin: 12px auto;
  color: #191140;
  font-size: 16px;
  line-height: 55px;
  text-align: center;
  overflow: hidden;
}
.page.ebook .content .show-content .content-list h4 {
  width: 208px;
  height: 40px;
  margin: 0 auto;
  color: #65697F;
  font-size: 14px;
  line-height: 24px;
}
.page.ebook .content .show-content .content-list:hover {
  box-shadow: 0 16px 16px 0 rgba(47, 67, 82, 0.15);
}
@media (max-width: 1024px) {
  .page.ebook .content .show-content .content-list {
    width: 300px;
  }
}
.page.ebook .content .pagination-box {
  width: 100%;
  display: block;
  overflow: hidden;
  text-align: center;
  padding: 0 0 60px 0;
}
.page.ebook .content .pagination-box li > a {
  margin: 0 5px;
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #A6A3B5;
  font-size: 14px;
  cursor: pointer;
  border-radius: 3px;
  background-color: #FCFCFC;
  border: 1px solid #E1E2E4;
}
.page.ebook .content .pagination-box li > a:hover {
  background-color: #FC5F3A;
  color: #FFFFFF;
  border: none;
}
.page.ebook .content .pagination-box li.active > a {
  background-color: #FC5F3A;
  color: #FFFFFF;
  border: none;
}
.page.ebook .content .pagination-box li.disabled > a:hover {
  background-color: #FCFCFC;
  border: 1px solid #E1E2E4;
  color: #A6A3B5;
}
.page.ebook .content .faq-box {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 60px 0 150px 0;
}
.page.ebook .content .faq-box .faq {
  width: 1106px;
  height: auto;
  margin: 0 auto;
  border-bottom: 1px solid #A6A3B5;
}
.page.ebook .content .faq-box .faq .panel-group {
  margin-bottom: 0;
}
.page.ebook .content .faq-box .faq .panel-group .faq-title {
  color: #191140;
  margin: 0 0 40px 0;
  width: 100%;
  text-align: left;
  font-size: 24px;
}
.page.ebook .content .faq-box .faq .panel-group .panel {
  border: 0;
  border-top: 1px solid #A6A3B5;
  border-radius: 1px 1px 0 0;
  box-shadow: none;
}
.page.ebook .content .faq-box .faq .panel-group .panel .panel-heading {
  position: relative;
  cursor: pointer;
  letter-spacing: 0.1px;
  background-color: #F8F8F8;
  padding: 15px 15px;
  color: #191140;
  font-size: 20px;
}
.page.ebook .content .faq-box .faq .panel-group .panel .panel-heading::after {
  content: "-";
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 12px;
  font-size: 25px;
  color: #A6A3B5;
}
.page.ebook .content .faq-box .faq .panel-group .panel .panel-heading.collapsed {
  background-color: #FFFFFF;
}
.page.ebook .content .faq-box .faq .panel-group .panel .panel-heading.collapsed::after {
  content: "+";
}
.page.ebook .content .faq-box .faq .panel-group .panel .panel-collapse {
  background-color: #F8F8F8;
}
.page.ebook .content .faq-box .faq .panel-group .panel .panel-collapse .panel-body {
  padding: 0 15px;
}
.page.ebook .content .faq-box .faq .panel-group .panel .panel-collapse .panel-body p {
  margin: 10px 50px 50px 0;
  color: #65697F;
  font-size: 14px;
  text-align: justify;
}
.page.ebook .content .faq-box .faq .panel-group .panel + .panel {
  margin-top: 0;
}
.page.ebook .content .faq-box .faq .panel-group .panel-heading + .panel-collapse > .list-group,
.page.ebook .content .faq-box .faq .panel-group .panel-heading + .panel-collapse > .panel-body {
  border: none;
}
.page.ebook .footer .container h1 {
  font-size: 40px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .page.ebook .header .container.bg-container {
    width: 100%;
    background-size: 30%;
    padding: 0 20px;
  }
  .page.ebook .content .select-box {
    height: 145px;
  }
  .page.ebook .content .select-box .select {
    width: 100%;
    padding: 0px 20px;
  }
  .page.ebook .content .select-box .select .nav-select.industry-select {
    width: 22%;
  }
  .page.ebook .content .show-content {
    width: 100%;
  }
  .page.ebook .content .show-content .content-list {
    width: 218px;
  }
  .page.ebook .content .faq-box {
    padding: 60px 20px 150px;
  }
  .page.ebook .content .faq-box .faq {
    width: 100%;
  }
}
@media (min-width: 760px) and (max-width: 768px) {
  .page.ebook .content .select-box {
    height: 150px;
  }
  .page.ebook .content .select-box .select .nav-select.industry-select {
    width: 28%;
  }
  .page.ebook .content .select-box .select .nav-select.jobs-select {
    width: 18%;
  }
  .page.ebook .content .select-box .select .nav-select.scenario-select {
    width: 18%;
  }
  .page.ebook .content .select-box .select .nav-select.scenario-select,
  .page.ebook .content .select-box .select .nav-select.industry-select {
    margin-left: 20px;
  }
  .page.ebook .content .select-box .select .nav-select.keywords-select input {
    width: 210px;
  }
}
@media (max-width: 760px) {
  .page.ebook .header .container.bg-container {
    width: 100%;
  }
  .page.ebook .header .container.bg-container .title1 {
    margin-top: 120px;
  }
  .page.ebook .header .container.bg-container .title2 {
    display: none;
  }
  .page.ebook .header .container.bg-container .title-mobile {
    display: block;
  }
  .page.ebook .content .show-content {
    width: 100%;
    padding: 0px 5% 60px;
  }
  .page.ebook .content .show-content .content-list {
    width: 48%;
    margin: 50px 0 0;
  }
  .page.ebook .content .show-content .content-list:hover {
    box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  }
  .page.ebook .content .show-content .content-list:nth-of-type(even) {
    margin-left: 4%;
  }
  .page.ebook .content .show-content .content-list h3 {
    width: 80%;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
  }
  .page.ebook .content .show-content .content-list h4 {
    width: 80%;
    font-size: 12px;
    line-height: 20px;
  }
  .page.ebook .content .select-box {
    display: none;
  }
  .page.ebook .content .select-box-mobile {
    display: block;
  }
  .page.ebook .content .faq-box {
    padding: 60px 20px 150px;
  }
  .page.ebook .content .faq-box .faq {
    width: 100%;
  }
  .page.ebook .content .faq-box .faq .panel-group .panel .panel-heading {
    font-size: 16px;
  }
  .page.ebook .content .faq-box .faq .panel-group .faq-title {
    text-align: center;
  }
}
.page.webinar {
  position: relative;
  font-family: 'Source Han Sans CN', 'Source Han Serif SC', 'SimHei', 'SimSun', 'STHeiti', 'STSong', 'Heiti SC', 'sans-serif';
  background-color: #FAFAFA;
}
.page.webinar .header {
  position: relative;
  height: 420px;
  background: linear-gradient(199.93deg, #fc5f3a 0%, #ffd15b 100%);
}
.page.webinar .header .container {
  height: 100%;
}
.page.webinar .header .container.bg-container {
  background-image: url(../../../vassets/images/home_v3/webinar/banner_pc.png);
  background-repeat: no-repeat;
  background-size: 32%;
  background-position: 96% 100%;
  width: 1106px;
  padding: 0;
}
@media (max-width: 760px) {
  .page.webinar .header .container.bg-container {
    background-size: 60%;
    background-position: 50% 100%;
  }
}
.page.webinar .header .container.bg-container .title {
  text-align: left;
  font-size: 36px;
  color: #f8f8f8;
}
@media (max-width: 760px) {
  .page.webinar .header .container.bg-container .title {
    text-align: center;
    padding-left: 0;
  }
}
.page.webinar .header .container.bg-container .title1 {
  margin-top: 182px;
  font-size: 42px;
  font-weight: 500;
  line-height: 60px;
}
@media (max-width: 760px) {
  .page.webinar .header .container.bg-container .title1 {
    font-size: 36px;
    margin-top: 140px;
  }
}
.page.webinar .header .container.bg-container .title2 {
  font-size: 24px;
  line-height: 36px;
  font-weight: 300;
}
@media (max-width: 760px) {
  .page.webinar .header .container.bg-container .title2 {
    font-size: 16px;
    line-height: 20px;
  }
}
.page.webinar .header .container.bg-container .title-mobile {
  display: none;
  font-size: 24px;
  line-height: 36px;
  font-weight: 300;
}
@media (max-width: 760px) {
  .page.webinar .header .container.bg-container .title-mobile {
    font-size: 16px;
    line-height: 20px;
  }
}
.page.webinar .content {
  width: 100%;
  margin: 0 auto;
}
.page.webinar .content .select-box {
  width: 100%;
  height: 110px;
  overflow: hidden;
  background-color: #FFFFFF;
}
.page.webinar .content .select-box .select {
  width: 1106px;
  height: 85px;
  margin: 15px auto 0;
}
.page.webinar .content .select-box .select .nav-select {
  float: left;
  border-right: 1px solid #A6A3B5;
  overflow: hidden;
}
.page.webinar .content .select-box .select .nav-select.jobs-select {
  width: 17%;
  padding-right: 10px;
}
.page.webinar .content .select-box .select .nav-select.scenario-select {
  width: 19%;
  margin-left: 40px;
  padding-right: 10px;
}
.page.webinar .content .select-box .select .nav-select.industry-select {
  width: 27%;
  margin-left: 40px;
  padding-right: 10px;
  border-right: none;
}
.page.webinar .content .select-box .select .nav-select p {
  margin: 0;
  color: #191140;
  font-size: 16px;
}
.page.webinar .content .select-box .select .nav-select li {
  float: left;
  color: #65697F;
  font-size: 14px;
  margin: 10px 30px 0 0;
  cursor: pointer;
}
.page.webinar .content .select-box .select .nav-select li:hover {
  color: #FC5F3A;
}
.page.webinar .content .select-box .select .nav-select.keywords-select {
  float: right;
  border-right: none;
  position: relative;
  margin-top: 20px;
}
.page.webinar .content .select-box .select .nav-select.keywords-select input {
  height: 40px;
  border-radius: 20px;
  width: 264px;
  padding: 0 56px 0 24px;
  color: #BCC1C9;
  font-size: 16px;
  opacity: 0.6;
  border: 1px solid #E1E2E4;
  background-color: #FFFFFF;
}
.page.webinar .content .select-box .select .nav-select.keywords-select .search-logo {
  width: 56px;
  height: 40px;
  border-radius: 0 20px 20px 0;
  background: linear-gradient(135deg, #fd7854 0%, rgba(251, 174, 66, 0.92) 100%);
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.page.webinar .content .select-box .select .nav-select.keywords-select .search-logo img {
  width: 24px;
  margin: 10px 0 0 16px;
}
.page.webinar .content .select-box-mobile {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: none;
  background-color: #FAFAFA;
}
.page.webinar .content .select-box-mobile .select {
  width: 100%;
  margin: 15px auto 0;
  padding: 0 20px;
}
.page.webinar .content .select-box-mobile .select .nav-select.keywords-select {
  border-right: none;
  position: relative;
  margin-top: 20px;
  height: 32px;
}
.page.webinar .content .select-box-mobile .select .nav-select.keywords-select input {
  height: 32px;
  border-radius: 32px;
  width: 66%;
  padding: 0 16px 0 50px;
  color: #A6A3B5;
  font-size: 14px;
  background-color: #FFFFFF;
}
.page.webinar .content .select-box-mobile .select .nav-select.keywords-select .input-icon {
  width: 20px;
  position: absolute;
  left: 20px;
  top: 8px;
}
.page.webinar .content .select-box-mobile .select .nav-select.keywords-select .screening {
  float: right;
  width: 26%;
  height: 32px;
  border-radius: 32px;
  background-color: #FFFFFF;
  line-height: 32px;
  color: #A6A3B5;
  font-size: 14px;
  text-align: center;
}
.page.webinar .content .select-box-mobile .select .nav-select.keywords-select .screening img {
  width: 16px;
  float: right;
  margin: 12px 10px 0 0;
}
.page.webinar .content .select-box-mobile .select .nav-select.keywords-select .screening img.down {
  display: block;
}
.page.webinar .content .select-box-mobile .select .nav-select.keywords-select .screening img.up {
  display: none;
}
.page.webinar .content .select-box-mobile .select .nav-select-box {
  display: none;
  margin-top: 26px;
  background: #FFFFFF;
  padding: 0 25px 20px;
  overflow: hidden;
  border-radius: 8px;
}
.page.webinar .content .select-box-mobile .select .nav-select-box .nav-select p {
  margin: 12px 0 16px 0;
  float: left;
  width: 100%;
}
.page.webinar .content .select-box-mobile .select .nav-select-box .nav-select li {
  background-color: #F8F8F8;
  width: 30%;
  height: 30px;
  float: left;
  color: #65697F;
  border-radius: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  margin: 0 0 16px 0;
}
.page.webinar .content .select-box-mobile .select .nav-select-box .nav-select li:nth-child(3n) {
  margin: 0 5% 16px;
}
.page.webinar .content .search-result {
  margin-top: 80px;
  font-size: 20px;
  text-align: center;
  font-weight: 500;
  display: none;
}
.page.webinar .content .search-result p {
  color: #191140;
}
.page.webinar .content .search-result a {
  color: #FC5F3A;
  text-decoration: underline;
  cursor: pointer;
}
.page.webinar .content .show-content {
  width: 1144px;
  margin: 0 auto;
  overflow: hidden;
  padding: 30px 0 60px;
  color: #191140;
  font-size: 20px;
  font-weight: 500;
}
.page.webinar .content .show-content .content-list {
  height: 264px;
  width: 248px;
  cursor: pointer;
  border-radius: 4px;
  background-color: #FAFAFA;
  float: left;
  margin: 50px 19px 0;
  position: relative;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  transition: 0.3s ease-in-out;
}
.page.webinar .content .show-content .content-list img {
  width: 100%;
  height: 130px;
}
.page.webinar .content .show-content .content-list span {
  position: absolute;
  top: 10px;
  left: 10px;
  display: block;
  width: 56px;
  text-align: center;
  height: 20px;
  line-height: 20px;
  color: #FFFFFF;
  opacity: 0.8;
  border-radius: 1px;
  background: linear-gradient(306.03deg, #fe986c 0%, #fc5f3a 100%);
  font-size: 12px;
}
.page.webinar .content .show-content .content-list h3 {
  width: 208px;
  height: 50px;
  margin: 12px auto;
  color: #191140;
  font-size: 16px;
  line-height: 24px;
}
.page.webinar .content .show-content .content-list h4 {
  width: 208px;
  height: 40px;
  margin: 0 auto;
  color: #65697F;
  font-size: 14px;
  line-height: 24px;
}
.page.webinar .content .show-content .content-list:hover {
  box-shadow: 0 16px 16px 0 rgba(47, 67, 82, 0.15);
}
@media (max-width: 1024px) {
  .page.webinar .content .show-content .content-list {
    width: 300px;
  }
}
.page.webinar .content .pagination-box {
  width: 100%;
  display: block;
  overflow: hidden;
  text-align: center;
  padding: 0 0 60px 0;
}
.page.webinar .content .pagination-box li > a {
  margin: 0 5px;
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #A6A3B5;
  font-size: 14px;
  cursor: pointer;
  border-radius: 3px;
  background-color: #FCFCFC;
  border: 1px solid #E1E2E4;
}
.page.webinar .content .pagination-box li > a:hover {
  background-color: #FC5F3A;
  color: #FFFFFF;
  border: none;
}
.page.webinar .content .pagination-box li.active > a {
  background-color: #FC5F3A;
  color: #FFFFFF;
  border: none;
}
.page.webinar .content .pagination-box li.disabled > a:hover {
  background-color: #FCFCFC;
  border: 1px solid #E1E2E4;
  color: #A6A3B5;
}
.page.webinar .content .faq-box {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 60px 0 150px 0;
}
.page.webinar .content .faq-box .faq {
  width: 1106px;
  height: auto;
  margin: 0 auto;
  border-bottom: 1px solid #A6A3B5;
}
.page.webinar .content .faq-box .faq .panel-group {
  margin-bottom: 0;
}
.page.webinar .content .faq-box .faq .panel-group .faq-title {
  color: #191140;
  margin: 0 0 40px 0;
  width: 100%;
  text-align: left;
  font-size: 24px;
}
.page.webinar .content .faq-box .faq .panel-group .panel {
  border: 0;
  border-top: 1px solid #A6A3B5;
  border-radius: 1px 1px 0 0;
  box-shadow: none;
}
.page.webinar .content .faq-box .faq .panel-group .panel .panel-heading {
  position: relative;
  cursor: pointer;
  letter-spacing: 0.1px;
  background-color: #F8F8F8;
  padding: 15px 15px;
  color: #191140;
  font-size: 20px;
}
.page.webinar .content .faq-box .faq .panel-group .panel .panel-heading::after {
  content: "-";
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 12px;
  font-size: 25px;
  color: #A6A3B5;
}
.page.webinar .content .faq-box .faq .panel-group .panel .panel-heading.collapsed {
  background-color: #FFFFFF;
}
.page.webinar .content .faq-box .faq .panel-group .panel .panel-heading.collapsed::after {
  content: "+";
}
.page.webinar .content .faq-box .faq .panel-group .panel .panel-collapse {
  background-color: #F8F8F8;
}
.page.webinar .content .faq-box .faq .panel-group .panel .panel-collapse .panel-body {
  padding: 0 15px;
}
.page.webinar .content .faq-box .faq .panel-group .panel .panel-collapse .panel-body p {
  margin: 10px 50px 50px 0;
  color: #65697F;
  font-size: 14px;
  text-align: justify;
}
.page.webinar .content .faq-box .faq .panel-group .panel + .panel {
  margin-top: 0;
}
.page.webinar .content .faq-box .faq .panel-group .panel-heading + .panel-collapse > .list-group,
.page.webinar .content .faq-box .faq .panel-group .panel-heading + .panel-collapse > .panel-body {
  border: none;
}
.page.webinar .footer .container h1 {
  font-size: 40px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .page.webinar .header .container.bg-container {
    width: 100%;
    background-size: 30%;
    padding: 0 20px;
  }
  .page.webinar .content .select-box {
    height: 145px;
  }
  .page.webinar .content .select-box .select {
    width: 100%;
    padding: 0px 20px;
  }
  .page.webinar .content .show-content {
    width: 100%;
  }
  .page.webinar .content .show-content .content-list {
    width: 218px;
    height: 248px;
  }
  .page.webinar .content .show-content .content-list img {
    height: 115px;
  }
  .page.webinar .content .faq-box {
    padding: 60px 20px 150px;
  }
  .page.webinar .content .faq-box .faq {
    width: 100%;
  }
}
@media (min-width: 760px) and (max-width: 768px) {
  .page.webinar .content .select-box {
    height: 150px;
  }
  .page.webinar .content .select-box .select .nav-select.jobs-select {
    width: 18%;
  }
  .page.webinar .content .select-box .select .nav-select.scenario-select {
    width: 20%;
  }
  .page.webinar .content .select-box .select .nav-select.scenario-select,
  .page.webinar .content .select-box .select .nav-select.industry-select {
    margin-left: 20px;
  }
  .page.webinar .content .select-box .select .nav-select.keywords-select input {
    width: 210px;
  }
}
@media (max-width: 760px) {
  .page.webinar .header .container.bg-container {
    width: 100%;
  }
  .page.webinar .header .container.bg-container .title1 {
    margin-top: 120px;
  }
  .page.webinar .header .container.bg-container .title2 {
    display: none;
  }
  .page.webinar .header .container.bg-container .title-mobile {
    display: block;
  }
  .page.webinar .content .show-content {
    width: 100%;
    padding: 0px 5% 60px;
  }
  .page.webinar .content .show-content .content-list {
    width: 48%;
    margin: 50px 0 0;
    height: 230px;
  }
  .page.webinar .content .show-content .content-list:hover {
    box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  }
  .page.webinar .content .show-content .content-list:nth-of-type(even) {
    margin-left: 4%;
  }
  .page.webinar .content .show-content .content-list img {
    height: 90px;
  }
  .page.webinar .content .show-content .content-list h3 {
    width: 80%;
    font-size: 14px;
    line-height: 20px;
  }
  .page.webinar .content .show-content .content-list h4 {
    width: 80%;
    font-size: 12px;
    line-height: 20px;
  }
  .page.webinar .content .select-box {
    display: none;
  }
  .page.webinar .content .select-box-mobile {
    display: block;
  }
  .page.webinar .content .faq-box {
    padding: 60px 20px 150px;
  }
  .page.webinar .content .faq-box .faq {
    width: 100%;
  }
  .page.webinar .content .faq-box .faq .panel-group .panel .panel-heading {
    font-size: 16px;
  }
  .page.webinar .content .faq-box .faq .panel-group .faq-title {
    text-align: center;
  }
}
.page.joinus {
  color: #65697f;
}
.page.joinus .text-left {
  text-align: left;
}
.page.joinus .text-right {
  text-align: right;
}
.page.joinus .text-center {
  text-align: center;
}
.page.joinus .row-padding {
  padding: 0px;
  margin: 0px;
}
.page.joinus .display-inline-block {
  display: inline-block;
}
.page.joinus .header {
  margin-bottom: 60px;
  height: 463px;
}
.page.joinus .header .header-wrapper {
  height: 74px;
}
.page.joinus .header > .banner-container {
  width: 1180px;
  padding: 0px;
  margin: 0 auto;
  height: 450px;
  padding: 45px 0px 40px;
}
.page.joinus .header > .banner-container .text-right {
  left: -110px;
}
.page.joinus .header > .banner-container h1 {
  color: #191140;
}
.page.joinus .content .concept h1 {
  color: #191140;
  font-weight: bold;
}
.page.joinus .category-list .category .link {
  display: inline-block;
  margin-top: 13px;
  font-size: 16px;
  color: #fc5f3a;
}
@media (max-width: 991px) {
  .display-none-web {
    display: none;
  }
  .page.joinus p {
    font-size: 15px;
    line-height: 1.67;
    letter-spacing: 1px;
  }
  .page.joinus .header {
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: 0px;
    height: auto;
  }
  .page.joinus .header > .banner-container {
    width: 90%;
    margin: 0% 5%;
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .page.joinus .header > .banner-container .text-center {
    padding: 0px;
    margin-bottom: 30px;
  }
  .page.joinus .header > .banner-container h1 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 25px;
  }
  .page.joinus .header > .banner-container img {
    margin-top: 20px;
    width: 90%;
  }
  .page.joinus .header > .banner-container p {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 23px;
    text-align: center;
    color: #52556C;
  }
  .page.joinus .content {
    margin-bottom: 44px;
  }
  .page.joinus .content .joinus-tab .content-box {
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
  }
  .page.joinus .content .joinus-tab .content-box .joinus-tab-content {
    height: 78px;
    padding: 0px;
  }
  .page.joinus .content .joinus-tab .content-box .joinus-tab-content:nth-child(2) {
    border-left: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
  }
  .page.joinus .content .joinus-tab .content-box .joinus-tab-content .tab-img {
    width: 100%;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 8px;
  }
  .page.joinus .content .joinus-tab .content-box .joinus-tab-content .tab-img img {
    width: 30px;
    height: auto;
  }
  .page.joinus .content .joinus-tab .content-box .joinus-tab-content .title {
    width: 100%;
    text-align: center;
    color: #898C9D;
  }
  .page.joinus .content .joinus-tab .content-box .joinus-tab-active .title {
    color: #FC5F3A;
  }
  .page.joinus .content .container {
    width: 90%;
    margin: 0 auto;
    padding: 0 5%;
  }
  .page.joinus .content .concept {
    margin: 0 auto;
    padding-top: 42px;
  }
  .page.joinus .content .concept .image {
    display: block;
    width: 100%;
    border: 1px solid #eee;
  }
  .page.joinus .content .concept h1 {
    margin: 0px 0px 22px;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
  }
  .page.joinus .content .concept p {
    text-align: left;
    color: #65697F;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 25px;
  }
  .page.joinus .content .category-list {
    margin: 72px auto 60px;
  }
  .page.joinus .content .category-list .category {
    width: 100%;
    margin-bottom: 36px;
    padding: 30px 0;
    text-align: center;
  }
  .page.joinus .content .category-list .category:hover {
    background-color: #f8f8f8;
    transition: all 0.3s ease;
  }
  .page.joinus .content .category-list .category .category-icon {
    width: 37.5px;
  }
  .page.joinus .content .category-list .category h1 {
    margin-bottom: 16px;
    font-size: 21px;
  }
  .page.joinus .content .category-list .category p {
    margin-top: 36px;
    margin-bottom: 25px;
    font-size: 18px;
  }
  .page.joinus .content .category-list .category a {
    color: #65697f;
    font-size: 20px;
    text-decoration: none;
  }
}
@media (min-width: 991px) {
  .display-none-pc {
    display: none;
  }
  .page.joinus .header {
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .page.joinus .header .row {
    margin: 0px;
    text-align: left;
  }
  .page.joinus .header > .banner-container h1 {
    margin-top: 70px;
    font-size: 40px;
    line-height: 46px;
    font-weight: 500;
  }
  .page.joinus .header > .banner-container p {
    margin-top: 30px;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 20px;
  }
  .page.joinus .header > .banner-container img {
    width: 657px;
    height: 364px;
  }
  .page.joinus .content {
    margin-top: 0px;
    margin-bottom: 100px;
    width: 100%;
  }
  .page.joinus .content .joinus-tab {
    background-color: #FBFBFB;
    min-width: 1280px;
  }
  .page.joinus .content .joinus-tab .content-box {
    width: 1180px;
    margin: auto;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .page.joinus .content .joinus-tab .content-box .joinus-tab-content {
    height: 70px;
    width: 392px;
    float: left;
    padding: 0px;
    border-left: 1px solid #E4E4E4;
    border-right: 1px solid #E4E4E4;
  }
  .page.joinus .content .joinus-tab .content-box .joinus-tab-content:nth-child(2) {
    border: none;
  }
  .page.joinus .content .joinus-tab .content-box .joinus-tab-content a {
    height: 70px;
    width: 392px;
  }
  .page.joinus .content .joinus-tab .content-box .tab-img {
    width: 52px;
    line-height: 70px;
    text-align: center;
    float: left;
    box-sizing: content-box;
    padding-right: 30px;
    padding-left: 115px;
  }
  .page.joinus .content .joinus-tab .content-box .tab-img img {
    height: auto;
    width: 52px;
  }
  .page.joinus .content .joinus-tab .content-box .title {
    float: left;
    color: #575A70;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 70px;
    text-align: center;
    padding-right: 112px;
    box-sizing: content-box;
  }
  .page.joinus .content .joinus-tab .joinus-tab-active .title {
    color: #FC5F3A;
  }
  .page.joinus .content .container {
    width: 1180px;
    margin-top: 100px;
  }
  .page.joinus .content .concept + .concept {
    margin-top: 150px;
  }
  .page.joinus .content .concept .row div {
    padding-left: 0px;
    padding-right: 0px;
  }
  .page.joinus .content .concept .row .text-margin {
    padding-left: 21px;
  }
  .page.joinus .content .concept img {
    width: 572px;
    height: 320px;
  }
  .page.joinus .content .concept h1 {
    margin-top: 60px;
    margin-bottom: 28px;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 38px;
  }
  .page.joinus .content .concept p {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 28px;
  }
  .page.joinus .content .concept .text-left .hidden-xs,
  .page.joinus .content .concept .text-right .hidden-xs {
    width: 464px;
    text-align: left;
  }
  .page.joinus .content .category-list {
    margin-top: 129px;
  }
  .page.joinus .content .category-list .category {
    margin-bottom: 80px;
  }
  .page.joinus .content .category-list .category:nth-child(2n+1) {
    text-align: left;
  }
  .page.joinus .content .category-list .category:nth-child(2n) {
    text-align: right;
  }
  .page.joinus .content .category-list .category-container {
    display: inline-block;
    margin-left: 10px;
    padding: 30px 16px;
    width: 390px;
    text-align: center;
    color: #65697f;
    text-decoration: none;
    cursor: pointer;
  }
  .page.joinus .content .category-list .category-container:hover {
    background-color: #f8f8f8;
  }
  .page.joinus .content .category-list .category-container p {
    font-size: 16px;
    margin-top: 30px;
    line-height: 2;
  }
  .page.joinus .content .category-list .category-header h1 {
    font-size: 24px;
    margin-top: 39px;
  }
  .page.joinus .content .category-list .category-icon {
    height: 50px;
  }
}
.page.job,
.page.job h1,
.page.job h2 {
  color: #191140;
}
.page.job h1 {
  font-weight: bold;
}
.page.job .header {
  height: 463px;
  text-align: center;
}
.page.job .content .panel {
  margin: 0;
  border: none;
  border-radius: 0;
}
.page.job .content .panel:last-child .panel-heading.collapsed {
  border-bottom: 1px solid #E4E4E4;
}
.page.job .content .panel-heading {
  position: relative;
  cursor: pointer;
  padding: 25px 15px;
  background-color: #f8f8f8;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
}
.page.job .content .panel-heading::after {
  content: " ";
  position: absolute;
  right: 20px;
  top: 30px;
  width: 16px;
  height: 16px;
  background-size: 16px;
  background-image: url("../../../../assets/images/home_v3/joinus/joinus-2.png");
}
.page.job .content .panel-heading.collapsed::after {
  content: " ";
  width: 16px;
  height: 16px;
  background-image: url("../../../../assets/images/home_v3/joinus/joinus-1.png");
  background-size: 16px;
  position: absolute;
  top: 30px;
}
.page.job .content .panel-heading.collapsed {
  background-color: #fff;
}
.page.job .content .panel-heading:first-child {
  border-top: 1px solid #E4E4E4;
}
.page.job .content .panel-body {
  border: none;
  background-color: #f8f8f8;
  text-align: right;
}
.page.job .content .panel-body p {
  padding-left: 15px;
  line-height: 2.4;
  text-align: left;
  font-size: 16px;
}
.page.job .content .panel-body .delivery {
  margin-left: 15px;
  height: 50px;
  width: 120px;
  border-radius: 8px;
  background-color: #FC5F3A;
  text-align: center;
  margin: 40px 0px 35px 15px;
}
.page.job .content .panel-body .delivery a {
  height: 50px;
  width: 120px;
  text-align: center;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 500;
  line-height: 50px;
}
.page.job .content .panel-body .link {
  margin-right: 20px;
  text-decoration: none;
  transition: none;
}
.page.job .content .panel-body .link:hover {
  color: #f8f8f8;
}
.page.job .content .panel-body .link:focus {
  color: #fff;
}
@media (max-width: 991px) {
  .page.job .header {
    height: auto;
  }
  .page.job .header h1 {
    margin-top: 150px;
    font-size: 24px;
    line-height: 30px;
  }
  .page.job .header h2 {
    margin: 23px auto 0;
    font-size: 16px;
    line-height: 23px;
    width: 90%;
    letter-spacing: 0.5px;
  }
  .page.job .content {
    margin-bottom: 20px;
  }
  .page.job .content .container {
    padding: 0px;
    margin-top: 40px;
  }
  .page.job .content .container .row + .row {
    margin-top: 18px;
  }
  .page.job .content .delivery-text {
    color: #959595;
    font-size: 12px;
    letter-spacing: 1.3px;
    line-height: 14px;
    text-align: center;
    margin: 15px 0px 5px;
  }
  .page.job .content .department h1 {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 19px;
  }
  .page.job .content .department p {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 22px;
  }
  .page.job .content .jobs-list-container {
    margin-top: 10px;
  }
  .page.job .content .panel-body {
    text-align: center;
  }
  .page.job .content .panel-body p {
    text-align: left;
    font-size: 12px;
  }
  .page.job .content .panel-heading {
    padding: 13px 0px;
    font-size: 14px;
  }
  .page.job .content .panel-heading:after {
    top: 20px !important;
    width: 13px !important;
    height: 13px !important;
    background-size: 13px !important;
  }
}
@media (min-width: 991px) {
  .page.job .header {
    margin-bottom: 60px;
  }
  .page.job .header > .container {
    width: 675px;
  }
  .page.job .header > .container h1 {
    margin-top: 210px;
  }
  .page.job .header > .container h2 {
    font-size: 24px;
    margin-top: 37px;
    letter-spacing: 0.4px;
  }
  .page.job .header > .container .link {
    margin-top: 33px;
    width: 200px;
    height: 50px;
    line-height: 52px;
    font-size: 20px;
    text-decoration: none;
  }
  .page.job .content .container {
    width: 1180px;
    padding: 0px;
  }
  .page.job .content .row + .row {
    margin-top: 85px;
  }
  .page.job .content .department h1 {
    margin-top: 0;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0;
  }
  .page.job .content .department p {
    margin-top: 28px;
    max-width: 336px;
    letter-spacing: 0;
    font-weight: 500;
    color: #65697F;
    font-size: 16px;
    line-height: 28px;
  }
  .page.job .content .department .jobs-list-container {
    padding: 0;
  }
}
.fp-header {
  width: 100%;
  height: 600px;
  padding: 0 10px;
  background-image: url(../../../vassets/images/home_v3/feature-promotion/minasdk/header-background-small.png);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background: none\9;
}
.fp-header-container {
  width: 100%;
  text-align: center;
}
.fp-nav {
  width: 100%;
  height: 45px;
}
.fp-nav a {
  display: block;
  width: 100px;
  padding-top: 10px;
}
.fp-nav a picture {
  width: 100%;
}
.fp-nav a picture img {
  width: 100%;
}
.btns .fp-apply-btn {
  display: block;
  width: 170px;
  margin: 10px auto;
  background-color: #fc5f3a;
}
.btns .fp-apply-btn:hover {
  background-color: #dd4a3a;
}
.fp-subtitle {
  font-size: 18px;
}
.fp-logo {
  width: 320px;
  height: 320px;
  margin: 10px auto 0;
  background-image: url(../../../vassets/images/home_v3/feature-promotion/minasdk/production640.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.fp-intro {
  width: 100%;
}
.fp-row {
  width: 100%;
  padding: 20px 15px;
}
.fp-intro-gray {
  background-color: #fafafa;
}
.fp-intro-shadow {
  box-shadow: 0 -5px 7.5px 0 rgba(0, 0, 0, 0.1);
}
.fp-intro-text-container {
  padding: 20px 50px;
  text-align: center;
}
.fp-intro-text-title {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}
.fp-intro-text-content {
  letter-spacing: 0.5px;
  font-size: 18px;
  text-align: center;
  line-height: 200%;
  color: #65697f;
}
.fp-intro-img-container {
  width: 100%;
  padding-top: 20px;
}
.fp-intro-img {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
.fp-intro-img picture {
  width: 100%;
}
.fp-intro-img picture img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  
  .fp-left {
    float: left;
  }
  .fp-right {
    float: right;
  }
  
  .fp-header {
    background-image: url(../../../vassets/images/home_v3/feature-promotion/minasdk/header-background-large.png);
  }
  .fp-header-container {
    max-width: 1100px;
    margin: 0 auto;
  }
  .fp-nav a {
    width: 180px;
  }
  .fp-register-wrapper {
    float: left;
    margin-top: 75px;
  }
  .fp-register-wrapper .register {
    text-align: left;
  }
  .fp-register-wrapper .title {
    font-size: 50px;
  }
  .fp-register-wrapper .fp-subtitle {
    font-size: 24px;
  }
  .btns .fp-apply-btn {
    display: inline-block;
    margin-left: 0;
    margin-right: 5px;
    vertical-align: middle;
  }
  .btns .fp-btn-link {
    display: inline-block;
    width: 170px;
    margin: 10px 0;
    padding: 0px;
    font-size: 18px;
    vertical-align: middle;
    line-height: 40px;
  }
  .fp-logo {
    float: right;
    width: 500px;
    height: 500px;
    background-image: url(../../../vassets/images/home_v3/feature-promotion/minasdk/production1000.png);
  }
  
  .fp-intro-img-container,
  .fp-intro-text-container {
    width: 50%;
    padding: 20px 0;
  }
  .fp-intro-text {
    max-width: 500px;
    margin: 70px auto 0;
  }
  .fp-intro-text-title {
    font-weight: 600;
    text-align: left;
  }
  .fp-intro-text-content {
    max-width: 360px;
    font-size: 16px;
    text-align: left;
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .fp-logo {
    float: right;
    margin-top: 60px;
    width: 380px;
    height: 380px;
  }
  .fp-intro-text {
    margin-top: 35px;
  }
}
.page.demo {
  overflow: hidden;
  background-color: #F8F8F8;
}
.page.demo .header {
  position: relative;
}
@media (max-width: 768px) {
  .page.demo .header {
    height: 63px;
  }
}
@media (min-width: 768px) {
  .page.demo .header {
    height: 68px;
  }
}
@media (min-width: 767px) {
  .page.demo .demoMain {
    margin: 10px auto 0 auto;
    width: 1200px;
  }
  .page.demo .demoMain .titleBox {
    height: 140px;
    position: relative;
  }
  .page.demo .demoMain .titleBox .titleCenter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 90px;
  }
  .page.demo .demoMain .titleBox .titleCenter h1 {
    color: #191140;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    margin-top: 0;
    font-weight: 300;
  }
  .page.demo .demoMain .titleBox .titleCenter h4 {
    color: #686B81;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    margin-top: 16px;
  }
  .page.demo .demoMain .demoBox {
    display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: center;
  }
  .page.demo .demoMain .demoBox .demoItem:hover {
    box-shadow: 0 12px 24px 0 rgba(47, 67, 82, 0.1);
  }
  .page.demo .demoMain .demoBox .demoItem {
    background-color: #ffffff;
    width: 280px;
    height: 300px;
    position: relative;
    margin: 20px 10px;
    box-shadow: 0 4px 8px 0 rgba(47, 67, 82, 0.1);
  }
  .page.demo .demoMain .demoBox .demoItem a {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .page.demo .demoMain .demoBox .demoItem img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: block;
    margin: 24px auto 0 auto;
  }
  .page.demo .demoMain .demoBox .demoItem h2 {
    color: #191140;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 15px;
  }
  .page.demo .demoMain .demoBox .demoItem p {
    color: #65697F;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    padding: 0 16px;
  }
  .page.demo .demoMain .demoBox .demoItem span {
    height: 40px;
    width: 120px;
    border-radius: 25.5px;
    background-color: #FC5F3A;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 40px;
    cursor: pointer;
  }
  .page.demo .demoMain .demoBox .demoItem span:hover {
    background-color: #DD4A3A;
  }
  .page.demo .demoMain .knowMore {
    height: 57px;
    width: 624px;
    color: #65697F;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    margin: 40px auto 104px auto;
  }
  .page.demo .demoMain .knowMore a {
    color: #fc5f3a;
    text-decoration: underline;
  }
}
@media (max-width: 767px) {
  .page.demo .demoMain {
    margin: 20px auto 0 auto;
    padding: 0px 30px;
  }
  .page.demo .demoMain .titleBox {
    position: relative;
    height: 100px;
  }
  .page.demo .demoMain .titleBox .titleCenter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 65px;
  }
  .page.demo .demoMain .titleBox .titleCenter h1 {
    color: #191140;
    font-size: 28px;
    line-height: 1;
    text-align: center;
    margin-top: 0;
  }
  .page.demo .demoMain .titleBox .titleCenter h4 {
    color: #686B81;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    margin-top: 16px;
  }
  .page.demo .demoMain .demoBox {
    display: block;
  }
  .page.demo .demoMain .demoBox .demoItem {
    background-color: #ffffff;
    height: 72px;
    position: relative;
    box-shadow: 0 4px 8px 0 rgba(47, 67, 82, 0.1);
    margin: 20px 10px;
  }
  .page.demo .demoMain .demoBox .demoItem a {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .page.demo .demoMain .demoBox .demoItem img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0px auto 10px;
  }
  .page.demo .demoMain .demoBox .demoItem h2 {
    color: #191140;
    font-size: 18px;
    line-height: 72px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0px auto 70px;
  }
  .page.demo .demoMain .demoBox .demoItem p {
    display: none;
  }
  .page.demo .demoMain .demoBox .demoItem span {
    display: none;
  }
  .page.demo .demoMain .demoBox .demoItem .arrow {
    position: absolute;
    top: 26px;
    right: 20px;
    width: 15px;
    height: 15px;
    border-top: 1.5px solid #fc5f3a;
    border-right: 1.5px solid #fc5f3a;
    transform: rotate(45deg);
    cursor: pointer;
  }
  .page.demo .demoMain .demoBox .demoItem .arrow:after {
    content: " ";
    width: 1.5px;
    height: 30px;
    background-color: #fc5f3a;
    transform: rotate(45deg);
    position: absolute;
    left: 2px;
    right: 0;
    top: -5px;
    bottom: 0;
  }
  .page.demo .demoMain .knowMore {
    color: #65697F;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 50px;
  }
  .page.demo .demoMain .knowMore a {
    color: #fc5f3a;
    text-decoration: underline;
  }
}
.page.demo {
  overflow: hidden;
  background-color: #F8F8F8;
}
.page.demo .header {
  position: relative;
}
@media (max-width: 768px) {
  .page.demo .header {
    height: 63px;
  }
}
@media (min-width: 768px) {
  .page.demo .header {
    height: 68px;
  }
}
@media (min-width: 767px) {
  .page.demo .demoMain {
    margin: 10px auto 0 auto;
    width: 1200px;
  }
  .page.demo .demoMain .titleBox {
    height: 140px;
    position: relative;
  }
  .page.demo .demoMain .titleBox .titleCenter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 90px;
  }
  .page.demo .demoMain .titleBox .titleCenter h1 {
    color: #191140;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    margin-top: 0;
    font-weight: 300;
  }
  .page.demo .demoMain .titleBox .titleCenter h4 {
    color: #686B81;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    margin-top: 16px;
  }
  .page.demo .demoMain .demoBox {
    display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: center;
  }
  .page.demo .demoMain .demoBox .demoItem:hover {
    box-shadow: 0 12px 24px 0 rgba(47, 67, 82, 0.1);
  }
  .page.demo .demoMain .demoBox .demoItem {
    background-color: #ffffff;
    width: 280px;
    height: 300px;
    position: relative;
    margin: 20px 10px;
    box-shadow: 0 4px 8px 0 rgba(47, 67, 82, 0.1);
  }
  .page.demo .demoMain .demoBox .demoItem:nth-of-type(2),
  .page.demo .demoMain .demoBox .demoItem:nth-of-type(3),
  .page.demo .demoMain .demoBox .demoItem:nth-of-type(4) {
    visibility: hidden;
  }
  .page.demo .demoMain .demoBox .demoItem a {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .page.demo .demoMain .demoBox .demoItem img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: block;
    margin: 24px auto 0 auto;
  }
  .page.demo .demoMain .demoBox .demoItem h2 {
    color: #191140;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 15px;
  }
  .page.demo .demoMain .demoBox .demoItem p {
    color: #65697F;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    padding: 0 16px;
  }
  .page.demo .demoMain .demoBox .demoItem span {
    height: 40px;
    width: 120px;
    border-radius: 25.5px;
    background-color: #FC5F3A;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 40px;
    cursor: pointer;
  }
  .page.demo .demoMain .demoBox .demoItem span:hover {
    background-color: #DD4A3A;
  }
  .page.demo .demoMain .knowMore {
    height: 57px;
    width: 624px;
    color: #65697F;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    margin: 40px auto 104px auto;
  }
  .page.demo .demoMain .knowMore a {
    color: #fc5f3a;
    text-decoration: underline;
  }
}
@media (max-width: 767px) {
  .page.demo .demoMain {
    margin: 20px auto 0 auto;
    padding: 0px 30px;
  }
  .page.demo .demoMain .titleBox {
    position: relative;
    height: 100px;
  }
  .page.demo .demoMain .titleBox .titleCenter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 65px;
  }
  .page.demo .demoMain .titleBox .titleCenter h1 {
    color: #191140;
    font-size: 28px;
    line-height: 1;
    text-align: center;
    margin-top: 0;
  }
  .page.demo .demoMain .titleBox .titleCenter h4 {
    color: #686B81;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    margin-top: 16px;
  }
  .page.demo .demoMain .demoBox {
    display: block;
  }
  .page.demo .demoMain .demoBox .demoItem {
    background-color: #ffffff;
    height: 72px;
    position: relative;
    box-shadow: 0 4px 8px 0 rgba(47, 67, 82, 0.1);
    margin: 20px 10px;
  }
  .page.demo .demoMain .demoBox .demoItem:nth-of-type(2),
  .page.demo .demoMain .demoBox .demoItem:nth-of-type(3),
  .page.demo .demoMain .demoBox .demoItem:nth-of-type(4) {
    visibility: hidden;
  }
  .page.demo .demoMain .demoBox .demoItem a {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .page.demo .demoMain .demoBox .demoItem img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0px auto 10px;
  }
  .page.demo .demoMain .demoBox .demoItem h2 {
    color: #191140;
    font-size: 18px;
    line-height: 72px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0px auto 70px;
  }
  .page.demo .demoMain .demoBox .demoItem p {
    display: none;
  }
  .page.demo .demoMain .demoBox .demoItem span {
    display: none;
  }
  .page.demo .demoMain .demoBox .demoItem .arrow {
    position: absolute;
    top: 26px;
    right: 20px;
    width: 15px;
    height: 15px;
    border-top: 1.5px solid #fc5f3a;
    border-right: 1.5px solid #fc5f3a;
    transform: rotate(45deg);
    cursor: pointer;
  }
  .page.demo .demoMain .demoBox .demoItem .arrow:after {
    content: " ";
    width: 1.5px;
    height: 30px;
    background-color: #fc5f3a;
    transform: rotate(45deg);
    position: absolute;
    left: 2px;
    right: 0;
    top: -5px;
    bottom: 0;
  }
  .page.demo .demoMain .knowMore {
    color: #65697F;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 50px;
  }
  .page.demo .demoMain .knowMore a {
    color: #fc5f3a;
    text-decoration: underline;
  }
}
.activity {
  margin-top: 64px;
}
.activity a:hover,
.activity a:focus,
.activity a:active {
  text-decoration: none;
}
.activity .navbar .container .navbar-nav li a,
.activity .navbar .container .navbar-nav li span {
  transition: background-color 0.3s ease-in;
}
.activity .navbar .navbar-collapse .navbar-nav.hidden-xs {
  margin-left: 20px;
  margin-top: 0px;
}
.activity .navbar .navbar-collapse .navbar-nav.hidden-xs li a {
  height: 73px;
  line-height: 43px;
  font-size: 16px;
}
.icon-qq,
.icon-tencent,
.icon-douban,
.icon-qzone,
.icon-linkedin,
.icon-diandian,
.icon-facebook,
.icon-twitter,
.icon-google {
  display: none !important;
}
.act-banner {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.act-banner img {
  width: 100%;
}
.act-newBanner-container {
  display: block;
  width: 100%;
  background-color: #f4f4f4;
}
.act-newBanner-container img {
  position: relative;
  width: 100%;
}
.act-newBanner-button {
  position: absolute;
  top: 37%;
  left: 50%;
  width: 20%;
  height: 5%;
  margin-left: -10%;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  border-radius: 5px;
  background-color: #fc5f3a;
}
.act-section {
  width: 300px;
  margin: 0 auto ;
  padding: 94px 0;
}
.act-section-title {
  position: relative;
  display: block;
  min-width: 300px;
  margin: 0px auto 30px;
  font-size: 20px;
  color: #1371a5;
  line-height: 30px;
  text-align: center;
}
.act-section-title:before,
.act-section-title:after {
  position: absolute;
  bottom: 0;
  content: "";
  display: block;
  width: 5px;
  height: 30px;
  background-color: #fc5f3a;
}
.act-section-title:before {
  left: 15px;
}
.act-section-title:after {
  right: 15px;
}
.act-intro-item {
  margin-bottom: 30px;
}
.intro-img {
  width: 300px;
  box-shadow: 0 5px 21px 0 rgba(0, 0, 0, 0.2);
}
.intro-img img {
  width: 100%;
}
.intro-title {
  display: block;
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 16px;
  color: #383963;
  text-align: center;
}
.intro-p {
  font-size: 14px;
  color: #888888;
  line-height: 1.8;
  text-align: center;
}
.act-evaluation {
  width: 100%;
  background-color: #f8f8f8;
}
.act-evaluation-title {
  width: 300px;
}
.act-evaluation-carousel {
  width: 300px;
  margin: 0 auto;
}
.carousel {
  padding-bottom: 20px;
}
.carousel-indicators .active {
  background-color: #fc5f3a;
  border: 1px solid #fc5f3a;
}
.video-container {
  min-width: 300px;
}
.video-item-container {
  width: 100%;
  margin-bottom: 20px;
}
.video-item {
  display: block;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 5px 21px 0 rgba(0, 0, 0, 0.2);
}
.video-imgContainer {
  width: 100%;
  position: relative;
}
.video-imgContainer:after {
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  bottom: 0;
  height: 10px;
  background-color: rgba(252, 95, 57, 0.8);
  z-index: 2;
}
.video-guestPhoto {
  display: block;
  width: 100%;
  height: 200px;
}
.video-content {
  width: 100%;
  padding: 10px;
  overflow: hidden;
}
.video-guestInfo {
  margin-bottom: 10px;
}
.video-guestName {
  font-size: 16px;
  color: #1371a5;
}
.video-guestTitle {
  float: right;
  font-size: 14px;
  color: #fc5f3a;
}
.video-title-container {
  height: 50px;
}
.video-title {
  display: block;
  font-size: 14px;
  color: #5f5f5f;
}
.video-button-container {
  width: 100%;
  height: 20px;
  line-height: 20px;
  color: #fc5f3a;
}
.video-button-container img {
  width: 25px;
  padding-right: 5px;
  vertical-align: text-bottom;
}
.video-button-container span {
  line-height: 20px;
}
.video-time {
  float: right;
}
.activity-content {
  margin-top: 64px;
}
.activity-content .header .navbar-fixed {
  z-index: 9999;
}
.actc-video-container {
  width: 100%;
  min-height: 175px;
  margin-bottom: 20px;
}
.actc-video-disable {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border: 0;
  width: 100%;
  height: 100%;
  z-index: 9998;
}
.actc-video {
  position: relative;
  width: 100%;
  height: 175px;
  background-color: #000000;
}
div.my-video-dimensions {
  width: 100%;
  height: 100%;
}
.actc-video video {
  margin: 0 auto;
}
.actc-video-tools-container {
  width: 100%;
  height: 40px;
  background-color: #f8f8f8;
}
.actc-video-tools {
  float: right;
  width: 100px;
  line-height: 40px;
}
.ppt-download-container {
  display: inline-block;
  height: 20px;
  margin: 10px 0;
  padding-right: 10px;
  font-size: 12px;
  line-height: 20px;
}
.ppt-download {
  display: block;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
}
.ppt-download img {
  margin-right: 5px;
  width: 20px;
}
.actc-video-share {
  display: inline-block;
  width: 100px;
}
.social-share {
  text-align: center;
}
.actc-video-intro {
  width: 300px;
  margin: 0 auto;
}
.actc-video-list {
  width: 300px;
  margin: 0 auto;
  padding: 30px 0;
}
.actc-section-title {
  position: relative;
  display: block;
  min-width: 300px;
  margin: 0px auto 20px;
  padding-left: 20px;
  font-size: 20px;
  color: #1371a5;
  line-height: 30px;
}
.actc-section-title:before {
  position: absolute;
  left: 0;
  bottom: 6px;
  content: "";
  display: block;
  width: 3px;
  height: 20px;
  background-color: #fc5f3a;
}
.video-info {
  margin-bottom: 30px;
}
.actc-info-title {
  display: block;
  margin-bottom: 15px;
  font-size: 16px;
  color: #383963;
}
.actc-info-guest {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #888888;
}
.actc-info-p {
  font-size: 14px;
  line-height: 1.8;
  color: #888888;
}
.video-info-learn {
  width: 100%;
  padding: 15px;
  border-radius: 5px;
  background-color: #f8f8f8;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.actc-info-h3 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1;
  color: #fc5f3a;
}
.actc-learn-p {
  position: relative;
  font-size: 14px;
  line-height: 1.6;
  color: #5f5f5f;
  margin-left: 20px;
}
.actc-learn-p:before {
  content: "";
  position: absolute;
  display: block;
  top: 7px;
  left: -13px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #fc5f3a;
  z-index: 2;
}
.video-liveImg-container {
  width: 300px;
  margin: 0 auto;
}
.video-liveImg {
  width: 100%;
  margin-bottom: 20px;
  box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.1);
}
.modal {
  z-index: 999999 !important;
}
.modal-dialog {
  width: 290px;
  margin: 20px auto 0;
}
.modal-content {
  border: 0;
}
.modal-header {
  height: 60px;
  padding: 10px 10px;
  background: url(../../../vassets/images/home_v3/activity/modal-form-bgi-m.png) no-repeat;
  background-size: 100% 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.modal-close {
  color: #ffffff;
  opacity: 1;
}
.modal-form {
  width: 100%;
  padding: 10px 20px 0px;
}
.modal-form-header {
  display: block;
  font-size: 12px;
  color: #888888;
  margin-bottom: 15px;
}
.modal-input-item,
.modal-select-item {
  width: 100%;
  height: 42px;
  margin-bottom: 20px;
}
.modal-input-item:last-child {
  margin-bottom: 10px;
}
.modal-input-title {
  display: block;
  font-size: 12px;
  line-height: 14px;
  color: #bcc1c9;
}
.modal-input {
  display: block;
  width: 100%;
  height: 28px;
  padding-top: 8px;
  border-bottom: 1px #e1e2e4 solid;
  font-size: 14px;
  line-height: 20px;
  color: #65697f;
}
.modal-select {
  display: block;
  width: 100%;
  height: 28px;
  border-bottom: 1px #e1e2e4 solid;
  font-size: 14px;
  line-height: 28px;
  color: #65697f;
  background: url(../../../vassets/images/home_v3/activity/dropdown-bgi-m.png) no-repeat;
  background-size: 7% 65%;
  background-position: 230px center;
  border-radius: 0px;
}
.modal-verifyCode {
  position: relative;
}
.modal-verifyButton {
  position: absolute;
  bottom: 5px;
  right: 0;
  width: 90px;
  height: 20px;
  font-size: 12px;
  color: #ffffff;
  border-radius: 10px;
  background-color: #b7b7f7;
  transition: all 0.3s ease-in;
}
.verifyButton-disable {
  background-color: #e1e2e4;
}
.verifyButton-disable:hover {
  background-color: #e1e2e4;
}
.modal-form-errorMessage {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  font-size: 12px;
  color: #fc5f3a;
  text-align: center;
  line-height: 16px;
}
.modal-form-button {
  width: 250px;
  height: 40px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  border-radius: 20px;
  background-color: rgba(252, 95, 57, 0.9);
  box-shadow: 0 12px 24px 0 rgba(252, 95, 57, 0.4);
}
.video-js {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  
  .activity-footer {
    min-width: 1140px;
  }
  
  .activity {
    margin-top: 68px;
  }
  .act-section {
    width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 118px;
  }
  .act-section-title {
    font-size: 36px;
    margin-bottom: 60px;
  }
  .act-section-title:before,
  .act-section-title:after {
    bottom: -1px;
    height: 36px;
  }
  .act-section-title:before {
    left: 300px;
  }
  .act-section-title:after {
    right: 300px;
  }
  .act-banner {
    min-width: 1140px;
  }
  .act-intro-item {
    width: 100%;
    margin-bottom: 80px;
  }
  .intro-img {
    width: 640px;
    height: 400px;
  }
  .intro-content {
    width: 420px;
    height: 400px;
  }
  .intro-title {
    font-size: 24px;
    text-align: left;
  }
  .intro-p {
    font-size: 16px;
    text-align: left;
    line-height: 2;
  }
  .intro-left {
    float: left;
    margin-right: 80px;
  }
  .intro-right {
    float: right;
  }
  .act-evaluation {
    width: 100%;
    max-width: 1440px;
    min-width: 1140px;
    margin: 0 auto;
  }
  .act-evaluation .act-section-title {
    width: 1140px;
  }
  .act-evaluation-container,
  .act-evaluation-container img {
    width: 100%;
  }
  
  .video-item-container {
    float: left;
    width: 360px;
    margin-right: 30px;
    margin-bottom: 40px;
  }
  .video-item-container:nth-child(3n) {
    margin-right: 0px;
  }
  .video-imgContainer {
    overflow: hidden;
  }
  .video-imgContainer img {
    transition: all 0.5s ease;
  }
  .video-guestPhoto {
    height: 240px;
  }
  .video-item-container:hover .video-guestPhoto {
    transform: scale(1.08, 1.08);
  }
  .video-guestInfo {
    line-height: 37px;
  }
  .video-guestName {
    font-size: 26px;
  }
  .video-guestTitle {
    font-size: 18px;
  }
  .video-title-container {
    height: 105px;
  }
  .video-title {
    font-size: 18px;
    margin-bottom: 80px;
  }
  .video-button-container span {
    font-size: 16px;
  }
  
  .activity-content {
    margin-top: 68px;
  }
  .actc-video-container {
    width: 100%;
    height: 593px;
  }
  .actc-video {
    width: 1140px;
    height: 528px;
    margin: 0 auto;
    background-color: #000000;
  }
  .actc-video-tools-container {
    width: 100%;
    height: 65px;
    background-color: #ffffff;
  }
  .actc-video-tools {
    float: none;
    width: 1140px;
    height: 65px;
    margin: 0 auto;
  }
  .ppt-download-container {
    display: block;
    float: left;
    width: 570px;
    height: 65px;
    margin: 0;
    border-left: 1px #e1e2e4 solid;
    border-right: 1px #e1e2e4 solid;
    border-bottom: 1px #e1e2e4 solid;
    font-size: 16px;
    text-align: center;
    line-height: 64px;
    color: #5f5f5f;
  }
  .ppt-download {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    text-align: center;
    line-height: 64px;
    color: #5f5f5f;
  }
  .ppt-download img {
    width: 30px;
    margin-right: 5px;
  }
  .actc-video-share {
    float: right;
    width: 570px;
    height: 65px;
    border-right: 1px #e1e2e4 solid;
    border-bottom: 1px #e1e2e4 solid;
    line-height: 64px;
  }
  .actc-video-intro {
    width: 1140px;
    min-height: 850px;
    margin-left: auto;
    margin-right: auto;
  }
  .actc-section-title {
    font-size: 36px;
    margin-top: 60px;
    margin-bottom: 40px;
  }
  .actc-section-title:before {
    bottom: -4px;
    width: 5px;
    height: 40px;
  }
  .actc-info-title {
    font-size: 28px;
  }
  .video-info {
    float: left;
    width: 600px;
    margin-right: 60px;
  }
  .actc-info-guest {
    margin-bottom: 40px;
    font-size: 22px;
  }
  .actc-info-p {
    font-size: 16px;
    margin-bottom: 50px;
  }
  .video-info-learn {
    height: 280px;
    padding: 40px 30px;
  }
  .actc-info-h3 {
    font-size: 26px;
    line-height: 1.3;
  }
  .actc-learn-p {
    font-size: 18px;
  }
  .video-liveImg-container {
    float: right;
    width: 480px;
  }
  .video-liveImg {
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 0 10px 10px 2px rgba(0, 0, 0, 0.1);
  }
  .actc-video-list-container {
    width: 100%;
    background-color: #f8f8f8;
  }
  .actc-video-list {
    width: 1140px;
    margin-left: auto;
    margin-right: auto;
  }
  .actc-otherVideo-list-container {
    width: 100%;
  }
  
  .modal-dialog {
    width: 580px;
  }
  .modal-header {
    height: 160px;
    padding: 10px 10px;
    background: url(../../../vassets/images/home_v3/activity/modal-form-bgi.png) no-repeat;
    background-size: 100% 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  .modal-form {
    padding: 15px 90px;
  }
  .modal-select {
    background-size: 5% 65%;
    background-position: 370px center;
  }
  .modal-verifyButton:hover {
    background-color: #7f88ef;
  }
  .verifyButton-disable {
    background-color: #e1e2e4;
  }
  .verifyButton-disable:hover {
    background-color: #e1e2e4;
  }
  .modal-form-button {
    display: block;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.3s ease-in;
  }
  .modal-form-button:hover {
    background-color: #dd4a3a;
  }
  
  .activity .footer,
  .activity-content .footer {
    min-width: 1140px;
  }
}
.conference-16-bj #Past.past-box {
  background-size: 100% 100%;
  background-color: #F8F8F8;
}
.conference-16-bj #Past.past-box .act-past {
  padding: 70px 0 50px 0;
  overflow: hidden;
  background-color: #F8F8F8;
}
.conference-16-bj #Past.past-box .act-past .act-section-title {
  float: left;
  width: 100%;
  margin-top: 40px;
}
.conference-16-bj #Past.past-box .act-past .past-list {
  width: 22%;
  float: left;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  transition: 0.3s ease-in-out;
  cursor: pointer;
  margin-bottom: 50px;
  margin-right: 4%;
}
.conference-16-bj #Past.past-box .act-past .past-list img {
  width: 100%;
}
.conference-16-bj #Past.past-box .act-past .past-list div {
  height: 80px;
  width: 100%;
  padding-left: 20px;
}
.conference-16-bj #Past.past-box .act-past .past-list div h5 {
  color: #191140;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin-top: 14px;
}
.conference-16-bj #Past.past-box .act-past .past-list div h6 {
  color: #65697F;
  font-size: 16px;
}
.conference-16-bj #Past.past-box .act-past .past-list:hover {
  box-shadow: 0 16px 16px 0 rgba(47, 67, 82, 0.15);
}
.conference-16-bj #Past.past-box .act-past .past-list.no-right {
  margin-right: 0;
}
@media screen and (max-width: 1024px) {
  .conference-16-bj #Past.past-box .act-past {
    padding: 70px 40px 50px;
  }
}
@media screen and (max-width: 768px) {
  .conference-16-bj #Past.past-box .act-past {
    padding: 70px 40px 50px;
  }
  .conference-16-bj #Past.past-box .act-past .past-list div h5 {
    font-size: 18px;
  }
}
.conference-16-bj #Past-mobile.past-box {
  background-size: 100%;
  background-color: #F8F8F8;
  display: none;
}
.conference-16-bj #Past-mobile.past-box .act-past {
  padding: 80px 0px 50px;
  overflow: hidden;
}
.conference-16-bj #Past-mobile.past-box .act-past .act-section-title {
  float: left;
  width: 100%;
}
.conference-16-bj #Past-mobile.past-box .act-past .past-list {
  width: 48%;
  float: left;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  transition: 0.3s ease-in-out;
  cursor: pointer;
  margin-bottom: 50px;
  overflow: hidden;
}
.conference-16-bj #Past-mobile.past-box .act-past .past-list img {
  width: 100%;
}
.conference-16-bj #Past-mobile.past-box .act-past .past-list div {
  height: 60px;
  width: 100%;
  padding-left: 10px;
}
.conference-16-bj #Past-mobile.past-box .act-past .past-list div h5 {
  color: #191140;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  margin-top: 14px;
}
.conference-16-bj #Past-mobile.past-box .act-past .past-list div h6 {
  color: #65697F;
  font-size: 12px;
}
.conference-16-bj #Past-mobile.past-box .act-past .past-list:nth-of-type(even) {
  margin-left: 4%;
}
.conference-16-bj #Past-mobile.past-box .act-past .past-list:hover {
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
}
@media screen and (max-width: 767px) {
  .conference-16-bj #Past-mobile.past-box {
    display: block;
  }
  .conference-16-bj #Past.past-box {
    display: none;
  }
}
h1,
h2,
h3 {
  margin-bottom: 0px;
}
input,
select,
textarea {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
}
button {
  padding: 0px;
}
a:hover,
a:focus {
  text-decoration: none;
}
.margin-auto {
  margin-left: auto;
  margin-right: auto;
}
.mobile-visable {
  display: block !important;
}
.mobile-disable {
  display: none !important;
}
.disable {
  display: none !important;
}
.activity-formPage .verifyButton-disable,
.activity-formPage .verifyButton-disable:hover {
  color: #d1d1d1 !important;
  border: 1px solid #cccccc !important;
}
.wechat-prevent {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  height: 100%;
  width: 100%;
  opacity: .8;
  background-color: #000;
  text-align: center;
}
.wechat-prevent-content {
  margin-top: 60px;
}
.wechat-prevent-content div {
  margin-bottom: 20px;
}
.wechat-prevent-span {
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  vertical-align: middle;
}
.wechat-prevent-icon {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  vertical-align: middle;
}
.acfm-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 60px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  z-index: 9999;
}
.acfm-header-nav {
  width: 100%;
  height: 60px;
  padding: 18px 15px 0px;
}
.acfm-header-a {
  display: inline-block;
  width: 90px;
  height: 24px;
  background: url(/vassets/images/home_v3/activity/form/acfm-logo-mobile.png) no-repeat;
  background: url(/vassets/images/home_v3/activity/form/acfm-logo-mobile.svg), none no-repeat;
  background-size: cover\0;
  background-size: 100% 100%;
}
.acfm-header-connection {
  float: right;
  display: block;
  height: 24px;
}
.acfm-header-connection .acfm-header-img_tel {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-top: 4px;
  background: url(/vassets/images/home_v3/activity/form/acfm-header-tel-mobile.png) no-repeat;
  background: url(/vassets/images/home_v3/activity/form/acfm-header-tel-mobile.svg), none no-repeat;
  background-size: cover\0;
  background-size: 100% 100%;
}
.acfm-header-connection .acfm-header-span {
  float: right;
  font-size: 14px;
  color: #65697f;
  line-height: 24px;
}
.activity-formPage {
  background-color: #ffffff;
}
.acfm-banner {
  width: 100%;
  margin-top: 60px;
}
.acfm-banner-content {
  width: 85%;
  padding-top: 20px;
  margin: 0px auto;
  text-align: center;
}
.acfm-banner-content .acfm-banner-h2 {
  margin-top: 0px;
  font-size: 27px;
  font-weight: 500;
  line-height: 36px;
  color: #fc5f3a;
}
.acfm-banner-content .acfm-banner-span {
  margin-top: 18px;
  color: #65697f;
}
.acfm-content {
  width: 100%;
  padding: 20px 15px 0;
  margin: 0 auto 30px;
  color: #191140;
}
.acfm-publicWords {
  padding: 0;
  color: #65697f;
}
.acfm-pw-span {
  display: block;
  margin-top: 15px;
}
.acfm-pw-container {
  width: 100%;
}
.acfm-pw-ul {
  display: block;
  float: left;
  width: 200px;
  margin-right: 10px;
}
.acfm-pw-ul .acfm-pw-li {
  position: relative;
  margin-top: 15px;
  line-height: 20px;
  color: #fc5f3a;
}
.acfm-pw-ul .acfm-pw-liWithPoint {
  position: relative;
  padding-left: 10px;
  margin-top: 15px;
  line-height: 20px;
}
.acfm-pw-ul .acfm-pw-liWithPoint:before {
  position: absolute;
  left: 0;
  top: 7px;
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #fc5f3a;
}
.acfm-pw-img {
  float: left;
  width: 330px;
}
.acfm-pw-img.operation {
  width: 135px;
}
.acfm-form-container {
  width: 100%;
  padding: 0 0 15px;
  margin-top: 20px;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}
.acfm-form-title {
  width: 100%;
  height: 75px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 16px;
  font-weight: 500;
  line-height: 75px;
  color: #65697f;
  text-align: center;
  background-color: #f8f8f8;
}
.acfm-form {
  width: 100%;
  padding: 15px 20px 0;
  text-align: center;
}
.acfm-form-inputTitle {
  display: block;
  margin-top: 0px;
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 18px;
  color: #a0a4af;
}
.acfm-form-errorMessage {
  display: block;
  height: 15px;
  font-size: 11px;
  color: #fc5f3a;
  line-height: 15px;
  text-align: center;
}
.acfm-form-inputSet,
.acfm-form-selectSet,
.acfm-form-textareaSet {
  margin-bottom: 10px;
}
.acfm-form-inputSet {
  width: 100%;
}
.acfm-form-inputSet .acfm-form-input {
  width: 100%;
  height: 35px;
  padding: 9px 10px;
  border: solid 1px #e1e2e4;
  font-size: 12px;
  color: #65697f;
  line-height: 15px;
  border-radius: 2px;
  box-shadow: none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.inputSet-verifyCode .acfm-form-input {
  float: left;
  width: 60%;
  margin-right: 3%;
}
.inputSet-verifyCode .acfm-form-verifybutton {
  float: left;
  width: 37%;
  height: 35px;
  border: 1px solid #fc5f3a;
  color: #fc5f3a;
  background-color: #ffffff;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.inputSet-verifyCode .acfm-form-verifybutton:hover {
  color: #dd4a3a;
  border: 1px solid #dd4a3a;
}
.acfm-form-selectSet {
  width: 100%;
}
.acfm-form-selectSet .acfm-form-select {
  width: 100%;
  height: 35px;
  padding: 10px;
  border: solid 1px #e1e2e4;
  background-color: #ffffff;
  font-size: 12px;
  color: #65697f;
  line-height: 15px;
  background: url(/vassets/images/home_v3/activity/form/drop-down-mobile.png) no-repeat;
  background-image: none\9;
  background-position: 95% center;
  background-size: 15px;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.acfm-form-selectSet .acfm-form-select:hover,
.acfm-form-selectSet .acfm-form-select:focus {
  background: url(/vassets/images/home_v3/activity/form/drop-down-mobile-deep.png) no-repeat;
  background-image: none\9;
  background-position: 95% center;
  background-size: 15px;
}
.acfm-form-textareaSet {
  width: 100%;
}
.acfm-form-textareaSet .acfm-form-textarea {
  resize: none;
  width: 100%;
  min-height: 68px;
  height: 68px;
  padding: 10px;
  border: solid 1px #e1e2e4;
  font-size: 12px;
  line-height: 16px;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.acfm-form-button {
  width: 100%;
  height: 35px;
  border: none;
  margin-top: 10px;
  font-size: 14px;
  color: #ffffff;
  line-height: 35px;
  text-align: center;
  background-color: #ff9981;
  border-radius: 2px;
  transition: background-color 0.2s ease-in;
}
.acfm-form-button_active {
  background-color: #fc5f3a;
}
.acfm-form-button_active:hover {
  background-color: #dd4a3a;
}
.acfm-form-button_radius {
  border-radius: 17.5px;
}
.acfm-footer {
  width: 100%;
  height: 70px;
  padding: 20px 0;
  text-align: center;
  background-color: #383963;
}
.acfm-footer-copyRight {
  font-size: 12px;
  color: #ffffff;
  line-height: 15px;
}
.activity-formPage-success {
  background-color: #ffffff;
}
.acfms-banner {
  width: 100%;
  height: 410px;
  padding-top: 60px;
  background-color: #fafafa;
}
.acfms-banner .acfms-banner-img {
  display: block;
  width: 214px;
  height: 97px;
  background: url(/vassets/images/home_v3/activity/form/acfms-banner.png) no-repeat;
  background-size: cover;
  margin: 40px auto 0;
}
.acfms-banner .acfms-banner-h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  color: #fc5f3a;
}
.acfms-banner .acfms-banner-h2.mobile-visable {
  color: #383963;
}
.acfms-banner .acfms-banner-h2.mobile-visable .em {
  color: #fc5f3a;
}
.acfms-banner .acfms-banner-h3 {
  font-size: 16px;
  line-height: 20px;
  color: #52556c;
  text-align: center;
}
.acfms-banner .acfms-banner-span {
  display: block;
  width: 75%;
  margin: 20px auto;
  font-size: 15px;
  text-align: center;
  color: #65697f;
  letter-spacing: 1.3px;
}
.acfms-banner .acfms-banner-button {
  display: block;
  width: 110px;
  height: 35px;
  margin: 20px auto 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 35px;
  text-align: center;
  color: #ffffff;
  background-color: #fc5f3a;
  border-radius: 2px;
  transition: background-color 0.3s ease-in;
}
.acfms-banner .acfms-banner-button:hover {
  text-decoration: none;
  background-color: #dd4a3a;
}
.acfms-banner .acfms-banner-button_radius {
  border-radius: 17.5px;
}
.acfms-featureList {
  width: 100%;
  padding-bottom: 70px;
  box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.1);
}
.acfms-feature {
  width: 75%;
  margin: 0 auto;
  padding-top: 50px;
  text-align: center;
}
.acfms-feature .acfms-feature-img {
  width: 45%;
}
.acfms-feature .acfms-feature-title {
  display: block;
  margin-top: 15px;
  font-size: 18px;
  font-weight: 500;
  color: #383963;
  line-height: 25px;
}
.acfms-feature .acfms-feature-content {
  display: inline-block;
  margin-top: 11px;
  font-size: 15px;
  color: #65697f;
  line-height: 120%;
  text-align: left;
}
.acfms-feature .acfms-feature-a_mobile {
  display: block;
  width: 104px;
  height: 34px;
  margin-top: 15px;
  font-size: 15px;
  color: #ffffff;
  line-height: 34px;
  border-radius: 17px;
  background-color: #fc5f3a;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  
  .mobile-visable {
    display: none !important;
  }
  .mobile-disable {
    display: block !important;
  }
  .acfm-header {
    height: 68px;
  }
  .acfm-header-nav {
    height: 68px;
    padding: 14px 60px 0px;
  }
  .acfm-header-a {
    width: 150px;
    height: 40px;
  }
  .acfm-header-connection {
    height: 40px;
  }
  .acfm-header-connection .acfm-header-img_tel {
    width: 20px;
    height: 20px;
    margin-top: 10px;
    margin-right: 5px;
  }
  .acfm-header-connection .acfm-header-span {
    font-size: 14px;
    line-height: 40px;
  }
  
  .activity-formPage {
    background-color: #ffffff;
  }
  .acfm-banner {
    margin-top: 68px;
    height: 150px;
  }
  .acfm-banner-content {
    width: 680px;
    padding-top: 30px;
  }
  .acfm-banner-content .acfm-banner-h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .acfm-banner-content .acfm-banner-span {
    display: block;
    width: 460px;
    margin-left: 110px;
    font-size: 16px;
    line-height: 26px;
  }
  .acfm-content {
    width: 1030px;
    margin: 0 auto 20px;
    padding: 0;
  }
  .acfm-publicWords {
    float: left;
    width: 580px;
    margin-top: 20px;
  }
  .acfm-pw-span {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 16px;
    color: #65697f;
  }
  .acfm-pw-header {
    margin-bottom: 20px;
  }
  .acfm-pw-ul {
    margin-bottom: 20px;
    margin-right: 50px;
  }
  .acfm-pw-li {
    font-size: 16px;
  }
  .acfm-form-container {
    float: right;
    width: 370px;
    padding: 0;
    margin-top: 0;
    border-radius: 2px;
    z-index: 5;
    overflow: hidden;
  }
  .acfm-form {
    height: 100%;
    padding: 25px 30px;
  }
  .acfm-form-background {
    position: absolute;
    top: 150px;
    left: 50%;
    width: 400px;
    height: 740px;
    margin-left: -200px;
    border-radius: 2px;
    background-image: linear-gradient(to bottom, rgba(252, 252, 252, 0.6), rgba(234, 234, 234, 0.6));
  }
  .acfm-form-title {
    height: 60px;
    font-size: 24px;
    line-height: 60px;
  }
  .acfm-form-button {
    width: 110px;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 4px;
  }
  .acfm-form-button_radius {
    border-radius: 26px;
  }
  .acfm-form-inputSet,
  .acfm-form-selectSet,
  .acfm-form-textareaSet {
    width: 100%;
    margin-bottom: 14px;
  }
  .acfm-form-inputSet_left,
  .acfm-form-selectSet_left,
  .acfm-form-textareaSet_left {
    float: left;
    margin-right: 30px;
  }
  .acfm-form-inputTitle {
    float: left;
    width: 75px;
    margin-right: 5px;
    font-size: 14px;
    line-height: 40px;
    text-align: right;
  }
  .acfm-form-errorMessage {
    display: block;
    height: 20px;
    font-size: 12px;
    color: #fc5f3a;
    line-height: 20px;
    letter-spacing: 0.2px;
  }
  .acfm-form-inputSet .acfm-form-input {
    width: 230px;
    height: 40px;
    font-size: 14px;
    line-height: 20px;
    box-shadow: none;
  }
  .inputSet-verifyCode .acfm-form-input {
    float: none;
    width: 130px;
    margin-right: 10px;
  }
  .inputSet-verifyCode .acfm-form-verifybutton {
    float: none;
    width: 90px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    box-shadow: none;
  }
  .acfm-form-selectSet .acfm-form-select {
    width: 230px;
    height: 40px;
    font-size: 14px;
    line-height: 20px;
    box-shadow: none;
  }
  .acfm-form-textareaSet .acfm-form-textarea {
    height: 80px;
    font-size: 14px;
    line-height: 20px;
    box-shadow: none;
  }
  .acfm-form-raw4 {
    height: 20%;
  }
  .acfm-footer {
    height: 120px;
    padding: 40px 0;
  }
  .acfm-footer-copyRight {
    font-size: 14px;
    line-height: 20px;
  }
  
  .acfms-banner {
    height: 420px;
    padding-top: 68px;
  }
  .acfms-banner .acfms-banner-img {
    width: 214px;
    height: 97px;
  }
  .acfms-banner .acfms-banner-h2 {
    font-size: 22px;
    line-height: 40px;
  }
  .acfms-banner .acfms-banner-h3 {
    font-size: 18px;
    line-height: 40px;
  }
  .acfms-banner .acfms-banner-span {
    font-size: 16px;
    line-height: 160%;
    text-align: center;
  }
  .acfms-banner .acfms-banner-button {
    width: 180px;
    height: 40px;
    margin-top: 30px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 4px;
  }
  .acfms-banner .acfms-banner-button_radius {
    border-radius: 20px;
  }
  .acfms-featureList {
    box-shadow: none;
    width: 760px;
    padding-bottom: 270px;
    margin-left: auto;
    margin-right: auto;
  }
  .acfms-feature {
    float: left;
    width: 200px;
    padding-top: 30px;
    margin-right: 80px;
  }
  .acfms-feature:last-child {
    margin-right: 0px;
  }
  .acfms-feature .acfms-feature-img {
    width: auto;
    height: 90px;
  }
  .acfms-feature .acfms-feature-title {
    margin-top: 18px;
    font-size: 16px;
    line-height: 20px;
  }
  .acfms-feature .acfms-feature-content {
    height: 100px;
    margin-top: 9px;
    font-size: 14px;
    line-height: 20px;
  }
  .acfms-feature .acfms-feature-a {
    float: right;
    margin-top: 10px;
    font-size: 14px;
    color: #65697f;
    transition: color 0.3s ease-in;
  }
  .acfms-feature .acfms-feature-a:hover {
    color: #191140;
    text-decoration: none;
  }
  #acfms-feature-3 {
    margin-right: 0px;
  }
}
.growthHacker-new .acfm-pw-img.operation {
  width: 250px;
}
@media (width: 1024px) {
  .growthHacker-new .acfm-content {
    padding: 0 30px;
  }
}
@media (width: 768px) {
  .growthHacker-new .acfm-content {
    width: 100%;
    padding: 0 20px;
  }
  .growthHacker-new .acfm-publicWords {
    width: 350px;
  }
  .growthHacker-new .acfm-pw-img.operation {
    display: none;
  }
}
@media (max-width: 760px) {
  .growthHacker-new .acfm-pw-img.operation {
    display: none;
    margin: 0 auto;
    float: none;
  }
  .growthHacker-new .pdf-mobile-book {
    display: block !important;
  }
  .growthHacker-new .pdf-mobile-book img {
    margin: 20px auto;
    display: block;
    width: 250px;
  }
}
.page.conference {
  margin-top: 0;
}
.page.conference .act-header .navbar-trn {
  background-color: rgba(0, 0, 0, 0.6);
  border-bottom: none;
}
.page.conference .act-header .navbar-trn .container .navbar-header .logo {
  background-image: url(../../../vassets/images/home_v3/gio-logo.png), none;
}
.page.conference .act-header .navbar-trn .container .navbar-nav {
  margin-left: 20px;
}
.page.conference .act-header .navbar-trn .container .navbar-nav li a {
  color: #FFFFFF;
}
@media (min-width: 992px) and (max-width: 1140px) {
  .page.conference .act-header .navbar-trn .container.growth-conference-header .navbar-brand.logo {
    margin-left: 20px;
  }
  .page.conference .act-header .navbar-trn .container.growth-conference-header .navbar-nav.hidden-xs li {
    margin-top: 6px;
  }
  .page.conference .act-header .navbar-trn .container.growth-conference-header .navbar-nav.hidden-xs li a {
    padding: 10px 5px;
  }
}
.page.conference .conference-pc .act-banner {
  max-width: 100%;
  height: 450px;
  min-width: none;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page.conference .conference-pc .act-banner {
    min-width: none;
  }
}
.page.conference .conference-pc .act-banner i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(25, 17, 64, 0.6);
}
.page.conference .conference-pc .act-banner strong {
  position: absolute;
  left: 50%;
  top: 32%;
  margin-left: -15%;
  width: 30%;
  height: 70%;
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/banner_Home_word.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .act-section {
  color: #65697F;
  font-size: 20px;
  line-height: 30px;
  padding: 70px 0 0 0;
}
.page.conference .conference-pc .act-section h2 {
  color: #191140;
  font-size: 32px;
  font-weight: 500;
}
.page.conference .conference-pc .act-section .act-section-title:before,
.page.conference .conference-pc .act-section .act-section-title:after {
  display: none;
}
.page.conference .conference-pc .act-intro {
  padding: 70px 0 0;
  color: #65697F;
  font-size: 20px;
  line-height: 30px;
}
.page.conference .conference-pc .act-intro h2 {
  color: #191140;
  font-size: 32px;
  font-weight: 500;
  margin-top: 40px;
}
.page.conference .conference-pc .act-intro .act-intro-item {
  margin-bottom: 0;
  text-align: justify;
}
.page.conference .conference-pc .act-theme {
  width: 1140px;
  margin: 100px auto 0;
  overflow: hidden;
}
.page.conference .conference-pc .act-theme .act-theme-item {
  width: 25%;
  float: left;
}
.page.conference .conference-pc .act-theme .act-theme-item img {
  width: 132px;
  height: 137px;
  margin: 0 auto;
  display: block;
}
.page.conference .conference-pc .act-theme .act-theme-item .act-theme-item-title {
  color: #191140;
  font-size: 24px;
  font-weight: 500;
  margin: 50px 0 20px;
  text-align: center;
}
.page.conference .conference-pc .act-theme .act-theme-item .act-theme-item-content {
  color: #65697F;
  font-size: 16px;
  line-height: 30px;
  text-align: justify;
}
.page.conference .conference-pc .act-theme .act-theme-item:nth-child(2) {
  margin: 0 12.5%;
}
.page.conference .conference-pc .guest-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_guest.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .act-guest {
  overflow: hidden;
}
.page.conference .conference-pc .act-guest .act-guest-title {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 40px;
}
.page.conference .conference-pc .act-guest .item {
  float: left;
}
.page.conference .conference-pc .act-guest .item img {
  margin: 0 auto;
  display: block;
}
.page.conference .conference-pc .act-guest .item .act-guest-item-title {
  text-align: center;
  color: #191140;
  font-size: 22px;
  margin: 20px 0 10px;
}
.page.conference .conference-pc .act-guest .item .act-guest-item-content {
  color: #FC5F3A;
  text-align: center;
  font-size: 18px;
}
.page.conference .conference-pc .act-guest .item .act-guest-item-d {
  color: #65697F;
  font-size: 14px;
  text-align: center;
  margin-top: 10px;
  line-height: 20px;
  opacity: 0;
}
.page.conference .conference-pc .act-guest .item.no-right {
  margin-right: 0;
}
.page.conference .conference-pc .act-guest .item:hover .act-guest-item-d {
  opacity: 1;
  transition: opacity 0.5s ease;
}
.page.conference .conference-pc .act-guest .item:hover img {
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.2);
  transform: scale(1.04, 1.04);
  transition: all 0.3s ease;
}
.page.conference .conference-pc .act-guest .act-guest-item-big {
  width: 25%;
  height: 420px;
  margin-right: 12.5%;
}
.page.conference .conference-pc .act-guest .act-guest-item-big img {
  height: 240px;
  width: 240px;
  border-radius: 240px;
}
.page.conference .conference-pc .act-guest .act-guest-item {
  width: 19%;
  height: 350px;
  margin-right: 8%;
}
.page.conference .conference-pc .act-guest .act-guest-item img {
  height: 170px;
  width: 170px;
  border-radius: 170px;
}
.page.conference .conference-pc .data-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_download.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .act-data {
  width: 1140px;
  overflow: hidden;
  margin: 0 auto;
  height: 1100px;
  padding-bottom: 60px;
}
.page.conference .conference-pc .act-data .act-data-title {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 40px;
}
.page.conference .conference-pc .act-data ul li {
  float: left;
  height: 60px;
  width: 214px;
  border: 2px solid rgba(166, 163, 181, 0.3);
  border-radius: 30.5px;
  text-align: center;
  line-height: 60px;
  margin-right: 90px;
}
.page.conference .conference-pc .act-data ul li:nth-child(4) {
  margin-right: 0;
}
.page.conference .conference-pc .act-data ul li:hover,
.page.conference .conference-pc .act-data ul li.active {
  border: 2px solid rgba(252, 95, 58, 0.3);
}
.page.conference .conference-pc .act-data ul li:hover a,
.page.conference .conference-pc .act-data ul li.active a {
  color: #fc5f3a;
}
.page.conference .conference-pc .act-data ul li a {
  color: #65697F;
  font-size: 22px;
  display: block;
  width: 100%;
  height: auto;
  line-height: 20px;
  padding: 18px 0px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-left {
  width: 14%;
  float: left;
  text-align: center;
  margin-right: 6%;
  padding-top: 100px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-left span {
  display: block;
  text-align: center;
  color: #65697F;
  font-size: 20px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-left i {
  display: inline-block;
  width: 2px;
  height: 105px;
  background: #A6A3B5;
  margin: 20px 0;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right {
  width: 80%;
  float: left;
  padding-top: 40px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list {
  height: 130px;
  width: 99%;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 8px 0 rgba(47, 67, 82, 0.1);
  margin-bottom: 50px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list.special-agenda {
  height: 466px;
  padding-right: 33px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list.special-agenda h5 {
  margin-bottom: 26px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list.special-agenda .text {
  width: 678px;
  margin-left: 30px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list.special-agenda .text .guest {
  width: 25%;
  text-align: center;
  float: left;
  margin-bottom: 40px;
  position: relative;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list.special-agenda .text .guest img {
  width: 68px;
  height: 68px;
  margin-bottom: 15px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list.special-agenda .text .guest .compere {
  position: absolute;
  width: 100%;
  top: 42px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list.special-agenda .text .guest .compere span {
  background: #FC6541;
  border-radius: 9px;
  width: 68px;
  height: 18px;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  display: inline-block;
  line-height: 18px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list.special-agenda .text .guest .name {
  width: auto;
  font-size: 20px;
  color: #191140;
  text-align: center;
  margin-bottom: 4px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list.special-agenda .text .guest .desc {
  width: auto;
  font-size: 14px;
  color: #65697F;
  text-align: center;
  line-height: 20px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list.special-agenda .icon {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list.special-agenda .icon a {
  margin: 0;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .head {
  width: 90px;
  height: 90px;
  border-radius: 90px;
  float: left;
  margin: 20px 20px 20px 30px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .text {
  float: left;
  width: 540px;
  margin-top: 20px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .text h5 {
  color: #191140;
  font-size: 20px;
  font-weight: 500;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .text h6 {
  color: #65697F;
  font-size: 18px;
  margin-top: 20px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list:hover {
  box-shadow: 0 18px 20px 0 rgba(47, 67, 82, 0.12);
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list:hover .text h5,
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list:hover .text h6 {
  color: #FC5F3A;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list a {
  width: 42px;
  height: 42px;
  float: right;
  margin: 44px 0;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list a:nth-child(3) {
  margin: 44px 33px 0 20px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .video-icon,
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .ppt-icon {
  width: 42px;
  height: 42px;
  border-radius: 42px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .video-icon {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_video_default.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .video-icon:hover {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_video_selected.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .ppt-icon {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_PPT_default.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .ppt-icon:hover {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_PPT_selected.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .ppt-icon.cant-select {
  cursor: auto;
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_PPT_disabled.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .ppt-icon.cant-select:hover {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_PPT_disabled.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .video-icon.cant-select {
  cursor: auto;
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_video_disabled.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .video-icon.cant-select:hover {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_video_disabled.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .evaluate-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_evaluate.png) no-repeat;
  background-size: 100% 99%;
}
.page.conference .conference-pc .act-evaluate {
  overflow: hidden;
  margin: 0 auto;
  padding: 70px 0 9px 0;
}
.page.conference .conference-pc .act-evaluate .act-evaluate-title {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 50px;
}
.page.conference .conference-pc .act-evaluate .content {
  width: 982px;
  height: 656px;
  margin: 0 auto;
}
.page.conference .conference-pc .act-evaluate .content .slide {
  width: 521px;
  height: 333px;
  position: relative;
  float: right;
  margin-top: 145px;
}
.page.conference .conference-pc .act-evaluate .content .slide .swiper-container {
  width: 521px;
  height: 333px;
  border-radius: 30px;
  background-color: #FFFFFF;
  box-shadow: 0 15px 30px 0 rgba(47, 67, 82, 0.1);
}
.page.conference .conference-pc .act-evaluate .content .slide .swiper-container .swiper-slide {
  border-radius: 30px;
}
.page.conference .conference-pc .act-evaluate .content .slide .swiper-container .swiper-slide span,
.page.conference .conference-pc .act-evaluate .content .slide .swiper-container .swiper-slide p {
  display: block;
  margin: 0 auto;
  width: 80%;
  color: #65697F;
  font-size: 16px;
  height: 50%;
  line-height: 22px;
  padding-top: 60px;
}
.page.conference .conference-pc .act-evaluate .content .slide .swiper-container .swiper-slide p {
  border-bottom: 2px solid #A6A2B6;
  padding-top: 50px;
}
.page.conference .conference-pc .act-evaluate .content .slide .swiper-pagination {
  width: 100%;
}
.page.conference .conference-pc .act-evaluate .content .slide .swiper-pagination .swiper-pagination-bullet {
  margin: 30px 10px;
}
.page.conference .conference-pc .act-evaluate .content .slide .swiper-pagination .swiper-pagination-bullet-active {
  background: #FC5F3A;
}
.page.conference .conference-pc .act-evaluate .content .slide .swiper-button-next {
  height: 66px;
  width: 66px;
  margin-top: -33px;
  margin-right: -42px;
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_right_default.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .act-evaluate .content .slide .swiper-button-next:hover {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_right_selected.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .act-evaluate .content .slide-left {
  width: 343px;
  height: 622px;
  border-radius: 60px 60px 0 0;
  position: relative;
  float: left;
  overflow: hidden;
  margin-top: 34px;
  box-shadow: 0 0 20px 0 rgba(47, 67, 82, 0.1);
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_phone.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .act-evaluate .content .slide-left .swiper-container-left {
  width: 273px;
  height: 499px;
  margin: 85px auto 0;
  display: block;
  overflow: hidden;
}
.page.conference .conference-pc .act-evaluate .content .slide-left .swiper-container-left .swiper-slide img {
  width: 273px;
  height: 499px;
}
.page.conference .conference-pc .partner-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_image.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .act-news .act-news-title {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 50px;
}
.page.conference .conference-pc .act-news .content {
  width: 88%;
  margin: 0 auto;
}
.page.conference .conference-pc .act-news .content li {
  height: 62px;
  border-bottom: 1px solid rgba(166, 163, 181, 0.7);
  line-height: 62px;
}
.page.conference .conference-pc .act-news .content li a,
.page.conference .conference-pc .act-news .content li span {
  color: #65697F;
  font-size: 18px;
  cursor: pointer;
}
.page.conference .conference-pc .act-news .content li a {
  float: left;
}
.page.conference .conference-pc .act-news .content li a img {
  width: 10px;
  margin: 0 12px 0 0;
}
.page.conference .conference-pc .act-news .content li span {
  float: right;
}
.page.conference .conference-pc .act-news .content li:hover a,
.page.conference .conference-pc .act-news .content li:hover span {
  color: #FC5F3A;
}
.page.conference .conference-pc .act-partner {
  overflow: hidden;
  margin: 0 auto;
  width: 1031px;
  padding-bottom: 60px;
}
.page.conference .conference-pc .act-partner p {
  color: #65697F;
  font-size: 20px;
  font-weight: 500;
  margin: 30px 0 20px 0;
  width: 100%;
  float: left;
}
.page.conference .conference-pc .act-partner .act-partner-title {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 40px;
}
.page.conference .conference-pc .act-partner a {
  float: left;
  width: 150px;
  height: 70px;
  margin-right: 70px;
  margin-bottom: 40px;
  cursor: auto;
}
.page.conference .conference-pc .act-partner a.no-right {
  margin-right: 0;
}
.page.conference .conference-pc .act-partner a img {
  width: 100%;
  height: 100%;
}
.page.conference .conference-pc .past-box {
  background-size: 100% 100%;
  background-color: #F8F8F8;
}
.page.conference .conference-pc .past-box .act-past {
  padding: 70px 10px 50px;
  overflow: hidden;
}
.page.conference .conference-pc .past-box .act-past .act-section-title {
  float: left;
  width: 100%;
  margin-top: 40px;
}
.page.conference .conference-pc .past-box .act-past .past-list {
  width: 22%;
  float: left;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  transition: 0.3s ease-in-out;
  cursor: pointer;
  margin-bottom: 50px;
  margin-right: 4%;
}
.page.conference .conference-pc .past-box .act-past .past-list img {
  width: 100%;
}
.page.conference .conference-pc .past-box .act-past .past-list div {
  height: 80px;
  width: 100%;
  padding-left: 20px;
}
.page.conference .conference-pc .past-box .act-past .past-list div h5 {
  color: #191140;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin-top: 14px;
}
.page.conference .conference-pc .past-box .act-past .past-list div h6 {
  color: #65697F;
  font-size: 16px;
}
.page.conference .conference-pc .past-box .act-past .past-list:hover {
  box-shadow: 0 16px 16px 0 rgba(47, 67, 82, 0.15);
}
.page.conference .conference-pc .past-box .act-past .past-list.no-right {
  margin-right: 0;
}
.page.conference .conference-pc .footer .container {
  width: 1031px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}
.page.conference .conference-pc .footer .container .foot-list {
  width: 30%;
}
.page.conference .conference-pc .footer .container .foot-list p {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 20px;
  margin: 0 0 20px 0;
}
.page.conference .conference-pc .footer .container .foot-list span {
  font-size: 16px;
  line-height: 30px;
  color: #FFFFFF;
}
.page.conference .conference-pc .footer .container .foot-list img {
  float: left;
  height: 100px;
  width: 100px;
  background-color: #D8D8D8;
}
.page.conference .conference-pc .footer .container .foot-left {
  width: 272px;
  float: left;
}
.page.conference .conference-pc .footer .container .foot-center {
  width: 272px;
  float: left;
  margin: 0 100px 0 140px;
}
.page.conference .conference-pc .footer .container .foot-center p {
  margin: 0 0 10px 0;
}
.page.conference .conference-pc .footer .container .foot-center span {
  line-height: 40px;
}
.page.conference .conference-pc .footer .container .foot-center a {
  color: #fc5f3a;
}
.page.conference .conference-pc .footer .container .foot-right {
  float: right;
  width: 245px;
}
.page.conference .conference-pc .footer .container .foot-right img:nth-child(2),
.page.conference .conference-pc .footer .container .foot-right span:nth-child(4) {
  margin-right: 45px;
}
.page.conference .conference-pc .footer .container .foot-right span {
  width: 100px;
  display: block;
  float: left;
  text-align: center;
  line-height: 50px;
}
.page.conference .conference-pc .footer .container .copyright {
  width: 100%;
  float: left;
}
@media screen and (max-width: 1024px) {
  .page.conference .conference-pc .navbar .container .navbar-collapse .nav li.hidden-sm {
    display: block!important;
  }
  .page.conference .conference-pc .navbar .container .navbar-nav.menu-xs .menu-item {
    color: #FC5F3A!important;
  }
  .page.conference .conference-pc .act-banner {
    min-width: 0;
  }
  .page.conference .conference-pc .act-section {
    width: 100%;
    padding: 80px 50px 0;
  }
  .page.conference .conference-pc .act-intro {
    padding: 70px 64px 0;
  }
  .page.conference .conference-pc .act-theme {
    width: 100%;
    padding: 0 50px;
  }
  .page.conference .conference-pc .act-data ul li {
    margin-right: 20px;
  }
  .page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .text {
    width: 420px;
  }
  .page.conference .conference-pc .act-evaluate .content {
    padding: 0 50px;
  }
  .page.conference .conference-pc .act-partner a.no-right {
    margin-right: 70px;
  }
  .page.conference .conference-pc .past-box .act-past {
    padding: 70px 40px 50px;
  }
  .page.conference .conference-pc .footer {
    min-width: 0;
  }
  .page.conference .conference-pc .footer .container {
    padding: 50px;
  }
  .page.conference .conference-pc .footer .container .foot-left {
    width: 200px;
  }
  .page.conference .conference-pc .footer .container .foot-center {
    width: 250px;
    margin: 0 80px 0 140px;
  }
}
@media screen and (max-width: 768px) {
  .page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .text {
    width: 220px;
  }
  .page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .text h5 {
    font-size: 16px;
  }
  .page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .text h6 {
    font-size: 14px;
  }
  .page.conference .conference-pc .act-data .tab-content .tab-content-left span {
    font-size: 16px;
  }
  .page.conference .conference-pc .act-data ul li {
    width: 150px;
  }
  .page.conference .conference-pc .act-data ul li a {
    font-size: 18px;
  }
  .page.conference .conference-pc .act-evaluate .content {
    width: 100%;
    padding: 0;
    height: 622px;
  }
  .page.conference .conference-pc .act-evaluate .content .slide {
    width: 50%;
    height: 333px;
  }
  .page.conference .conference-pc .act-evaluate .content .slide .swiper-container {
    width: 100%;
    height: 333px;
  }
  .page.conference .conference-pc .act-evaluate .content .slide-left {
    width: 320px;
    height: 580px;
  }
  .page.conference .conference-pc .act-guest .act-guest-item-big img {
    height: 160px;
    width: 160px;
    border-radius: 160px;
  }
  .page.conference .conference-pc .act-guest .act-guest-item img {
    height: 120px;
    width: 120px;
    border-radius: 120px;
  }
  .page.conference .conference-pc .act-news .content li a,
  .page.conference .conference-pc .act-news .content li span {
    font-size: 12px;
  }
  .page.conference .conference-pc .act-partner a.no-right {
    margin-right: 70px;
  }
  .page.conference .conference-pc .past-box .act-past {
    padding: 70px 40px 50px;
  }
  .page.conference .conference-pc .past-box .act-past .past-list div h5 {
    font-size: 18px;
  }
  .page.conference .conference-pc .footer {
    min-width: 0;
  }
  .page.conference .conference-pc .footer .container {
    width: 100%;
    padding: 50px;
  }
  .page.conference .conference-pc .footer .container .foot-left,
  .page.conference .conference-pc .footer .container .foot-center,
  .page.conference .conference-pc .footer .container .foot-right {
    width: 60%;
    float: none;
    margin: 40px auto;
  }
  .page.conference .conference-pc .footer .container .foot-right img:nth-child(2),
  .page.conference .conference-pc .footer .container .foot-right span:nth-child(4) {
    margin-right: 80px;
  }
}
.page.conference .conference-mobile {
  display: none;
  padding-top: 62px;
}
.page.conference .conference-mobile .act-section {
  color: #65697F;
  font-size: 20px;
  line-height: 30px;
  padding: 80px 0 0 0;
  width: 100%;
  padding: 0 20px;
}
.page.conference .conference-mobile .act-section h2 {
  color: #191140;
  font-size: 24px;
  font-weight: 500;
  margin: 0px auto 20px;
}
.page.conference .conference-mobile .act-section .act-section-title:before,
.page.conference .conference-mobile .act-section .act-section-title:after {
  display: none;
}
.page.conference .conference-mobile .act-banner-mobile {
  max-width: 100%;
  min-width: none;
  position: relative;
}
.page.conference .conference-mobile .act-banner-mobile i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(25, 17, 64, 0.6);
}
.page.conference .conference-mobile .act-banner-mobile strong {
  position: absolute;
  left: 50%;
  top: 25%;
  margin-left: -40%;
  width: 80%;
  height: 70%;
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/banner_Home_word.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-mobile .act-intro-mobile {
  width: 100%;
  padding: 80px 20px 0;
  color: #65697F;
  font-size: 14px;
  line-height: 30px;
}
.page.conference .conference-mobile .act-intro-mobile .act-intro-item {
  margin-bottom: 0;
  text-align: justify;
}
.page.conference .conference-mobile .slide-theme {
  width: 100%;
  margin-top: 50px;
}
.page.conference .conference-mobile .slide-theme .conference-theme {
  width: 80%;
  height: 400px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 10px 20px 0 rgba(47, 67, 82, 0.1);
}
.page.conference .conference-mobile .slide-theme .conference-theme .swiper-slide img {
  width: 66px;
  height: 68.5px;
  margin: 40px auto 0;
}
.page.conference .conference-mobile .slide-theme .conference-theme .swiper-slide .act-theme-item-title {
  color: #191140;
  font-size: 16px;
  font-weight: 500;
  margin: 20px 0 20px;
  text-align: center;
}
.page.conference .conference-mobile .slide-theme .conference-theme .swiper-slide .act-theme-item-content {
  color: #65697F;
  font-size: 14px;
  width: 80%;
  margin: 0 auto;
  line-height: 30px;
  text-align: justify;
}
.page.conference .conference-mobile .slide-theme .swiper-pagination-theme {
  width: 100%;
  text-align: center;
}
.page.conference .conference-mobile .slide-theme .swiper-pagination-theme .swiper-pagination-bullet {
  margin: 30px 10px;
}
.page.conference .conference-mobile .slide-theme .swiper-pagination-theme .swiper-pagination-bullet-active {
  background: #FC5F3A;
}
.page.conference .conference-mobile .guest-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_guest.png) no-repeat;
  background-size: 100%;
  background-position: 0 45%;
}
.page.conference .conference-mobile .act-guest {
  overflow: hidden;
  padding: 80px 0 0 0;
}
.page.conference .conference-mobile .act-guest .act-guest-title {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 0;
}
.page.conference .conference-mobile .act-guest .item {
  height: 246px;
}
.page.conference .conference-mobile .act-guest .item img {
  width: 100%;
  border-radius: 100%;
  margin: 0 auto;
  display: block;
}
.page.conference .conference-mobile .act-guest .item .act-guest-item-title {
  text-align: center;
  color: #191140;
  font-size: 16px;
  margin: 10px 0 0px;
}
.page.conference .conference-mobile .act-guest .item .act-guest-item-content {
  color: #FC5F3A;
  text-align: center;
  font-size: 10px;
  line-height: 20px;
}
.page.conference .conference-mobile .data-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_download.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-mobile .act-section.act-data-mobile {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  padding: 80px 20px 0;
}
.page.conference .conference-mobile .act-section.act-data-mobile .act-data-title {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 0;
}
.page.conference .conference-mobile .act-section.act-data-mobile ul li {
  float: left;
  text-align: center;
  padding: 0 10px;
  border-right: 1px solid #65697F;
  height: 20px;
  padding: 0;
  width: 25%;
}
.page.conference .conference-mobile .act-section.act-data-mobile ul li a {
  color: #65697F;
  font-size: 14px;
  display: block;
  width: 100%;
  height: 20px;
  line-height: 20px;
  padding-bottom: 26px;
  width: 90%;
  margin: 0 auto;
}
.page.conference .conference-mobile .act-section.act-data-mobile ul li:nth-child(1) {
  padding: 0 10px 0 0;
  padding: 0;
  width: 16%;
}
.page.conference .conference-mobile .act-section.act-data-mobile ul li:nth-child(4) {
  border-right: none;
  padding: 0;
  width: 34%;
}
.page.conference .conference-mobile .act-section.act-data-mobile ul li.active a {
  color: #FC5F3A;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile {
  margin: 60px auto;
  float: left;
  width: 100%;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 8px 0 rgba(47, 67, 82, 0.1);
  margin-bottom: 30px;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .head {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  float: left;
  margin: 30px 20px 0 30px;
}
@media (max-width: 346px) {
  .page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .head {
    margin: 30px 10px 0 15px;
  }
}
@media (max-width: 320px) {
  .page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .head {
    margin: 30px 10px 0 10px;
  }
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .text {
  float: left;
  width: 65%;
  margin-top: 30px;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .text h5 {
  color: #191140;
  font-size: 14px;
  font-weight: 500;
  margin-top: 0;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .text h6 {
  color: #65697F;
  font-size: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .text h7 {
  color: #65697F;
  font-size: 12px;
  margin-top: 20px;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .text h7:before {
  width: 10px;
  height: 10px;
  display: inline-block;
  content: "";
  margin-right: 8px;
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/image_app_clock.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .video-icon,
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .ppt-icon {
  height: 26px;
  width: 130px;
  margin-top: 20px;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .video-icon {
  float: left;
  margin-left: 35px;
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_app_video.png) no-repeat;
  background-size: 100%;
}
@media (max-width: 370px) {
  .page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .video-icon {
    margin-left: 15px !important;
  }
}
@media (max-width: 338px) {
  .page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .video-icon {
    margin-left: 6px !important;
  }
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .video-icon.disabled {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_app_video_disabled.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .ppt-icon {
  float: right;
  margin-right: 35px;
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_app_PPT.png) no-repeat;
  background-size: 100%;
}
@media (max-width: 370px) {
  .page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .ppt-icon {
    margin-right: 15px !important;
  }
}
@media (max-width: 338px) {
  .page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .ppt-icon {
    margin-right: 6px !important;
  }
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .ppt-icon.disabled {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_app_PPT_disabled.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list.special-agenda {
  height: auto;
  padding: 0px 10px 86px 10px;
  position: relative;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list.special-agenda h5 {
  margin-bottom: 3px;
  text-align: center;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list.special-agenda .text {
  width: 100%;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list.special-agenda .text .guest {
  width: 33.3%;
  text-align: center;
  float: left;
  margin-top: 20px;
  position: relative;
  height: 128px;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list.special-agenda .text .guest img {
  width: 50px;
  height: 50px;
  margin-bottom: 6px;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list.special-agenda .text .guest .compere {
  position: absolute;
  width: 100%;
  top: 26px;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list.special-agenda .text .guest .compere span {
  background: #FC6541;
  border-radius: 9px;
  width: 50px;
  height: 16px;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  display: inline-block;
  line-height: 16px;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list.special-agenda .text .guest .name {
  width: auto;
  font-size: 14px;
  color: #191140;
  text-align: center;
  margin-bottom: 4px;
  line-height: 20px;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list.special-agenda .text .guest .desc {
  width: auto;
  font-size: 12px;
  color: #65697F;
  text-align: center;
  line-height: 16px;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list.special-agenda .icon {
  height: auto;
  position: absolute;
  width: 100%;
  bottom: 30px;
  margin-top: 30px;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list.special-agenda .icon a p.video-icon {
  margin: 0px auto !important;
  float: none;
}
.page.conference .conference-mobile .evaluate-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_evaluate.png) no-repeat;
  background-size: 100% 99%;
}
.page.conference .conference-mobile .act-evaluate {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  padding: 80px 20px 50px 20px;
}
.page.conference .conference-mobile .act-evaluate .act-evaluate-title {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 50px;
}
.page.conference .conference-mobile .act-evaluate .content-mobile {
  width: 96%;
  height: 580px;
  margin: 0 auto;
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_phone.png) no-repeat;
  background-size: 100%;
  overflow: hidden;
}
.page.conference .conference-mobile .act-evaluate .content-mobile .slide-mobile {
  width: 100%;
  overflow: hidden;
}
.page.conference .conference-mobile .act-evaluate .content-mobile .slide-mobile .swiper-container-mobile {
  width: 273px;
  margin: 70px auto 0;
  display: block;
  overflow: hidden;
}
.page.conference .conference-mobile .act-evaluate .content-mobile .slide-mobile .swiper-container-mobile .swiper-slide img {
  width: 273px;
  height: 499px;
}
.page.conference .conference-mobile .act-evaluate .content-mobile .slide-mobile .swiper-pagination {
  width: 86%;
}
.page.conference .conference-mobile .act-evaluate .content-mobile .slide-mobile .swiper-pagination .swiper-pagination-bullet {
  margin: 30px 10px;
}
.page.conference .conference-mobile .act-evaluate .content-mobile .slide-mobile .swiper-pagination .swiper-pagination-bullet-active {
  background: #FC5F3A;
}
.page.conference .conference-mobile .partner-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_image.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-mobile .act-news {
  padding: 80px 20px 10px;
}
.page.conference .conference-mobile .act-news .act-news-title {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 0;
}
.page.conference .conference-mobile .act-news .content {
  width: 88%;
  margin: 0 auto;
}
.page.conference .conference-mobile .act-news .content li {
  height: auto;
  line-height: 20px;
  overflow: hidden;
  display: block;
  border-bottom: 1px solid rgba(166, 163, 181, 0.7);
}
.page.conference .conference-mobile .act-news .content li a,
.page.conference .conference-mobile .act-news .content li span {
  color: #65697F;
  font-size: 12px;
  cursor: pointer;
}
.page.conference .conference-mobile .act-news .content li a {
  float: left;
}
.page.conference .conference-mobile .act-news .content li a img {
  width: 10px;
  margin: 0 8px 0 0;
}
.page.conference .conference-mobile .act-news .content li span {
  float: right;
}
.page.conference .conference-mobile .act-partner {
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  padding: 80px 20px 60px;
}
.page.conference .conference-mobile .act-partner p {
  color: #65697F;
  font-size: 20px;
  font-weight: 100;
  margin: 30px 0 20px 0;
  width: 100%;
  float: left;
}
.page.conference .conference-mobile .act-partner .act-partner-title {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 0px;
}
.page.conference .conference-mobile .act-partner a {
  float: left;
  margin: 0;
  width: 30%;
  cursor: auto;
}
.page.conference .conference-mobile .act-partner a.has-margin {
  margin: 0 5%;
}
.page.conference .conference-mobile .act-partner a img {
  width: 100%;
  margin: 0 auto;
  display: block;
}
.page.conference .conference-mobile .past-box {
  background-size: 100%;
  background-color: #F8F8F8;
}
.page.conference .conference-mobile .past-box .act-past {
  padding: 80px 20px 50px;
  overflow: hidden;
}
.page.conference .conference-mobile .past-box .act-past .act-section-title {
  float: left;
  width: 100%;
}
.page.conference .conference-mobile .past-box .act-past .past-list {
  width: 48%;
  float: left;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  transition: 0.3s ease-in-out;
  cursor: pointer;
  margin-bottom: 50px;
  overflow: hidden;
}
.page.conference .conference-mobile .past-box .act-past .past-list img {
  width: 100%;
}
.page.conference .conference-mobile .past-box .act-past .past-list div {
  height: 60px;
  width: 100%;
  padding-left: 20px;
}
.page.conference .conference-mobile .past-box .act-past .past-list div h5 {
  color: #191140;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  margin-top: 14px;
}
.page.conference .conference-mobile .past-box .act-past .past-list div h6 {
  color: #65697F;
  font-size: 12px;
}
.page.conference .conference-mobile .past-box .act-past .past-list:nth-of-type(even) {
  margin-left: 4%;
}
.page.conference .conference-mobile .past-box .act-past .past-list:hover {
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
}
.page.conference .conference-mobile .footer .container {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.page.conference .conference-mobile .footer .container .foot-list {
  width: 30%;
}
.page.conference .conference-mobile .footer .container .foot-list p {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 20px;
  margin: 0 0 20px 0;
}
.page.conference .conference-mobile .footer .container .foot-list span {
  font-size: 16px;
  line-height: 30px;
  color: #FFFFFF;
}
.page.conference .conference-mobile .footer .container .foot-list img {
  float: left;
  height: 100px;
  width: 100px;
  background-color: #D8D8D8;
}
.page.conference .conference-mobile .footer .container .foot-left {
  width: 90%;
  float: none;
  margin: 40px auto;
}
.page.conference .conference-mobile .footer .container .foot-center {
  width: 90%;
  float: none;
  margin: 40px auto;
}
.page.conference .conference-mobile .footer .container .foot-center p {
  margin: 0 0 10px 0;
}
.page.conference .conference-mobile .footer .container .foot-center span {
  line-height: 40px;
}
.page.conference .conference-mobile .footer .container .foot-center a {
  color: #fc5f3a;
}
.page.conference .conference-mobile .footer .container .foot-right {
  width: 90%;
  float: none;
  margin: 40px auto;
}
.page.conference .conference-mobile .footer .container .foot-right img:nth-child(2),
.page.conference .conference-mobile .footer .container .foot-right span:nth-child(4) {
  margin-right: 40px;
}
.page.conference .conference-mobile .footer .container .foot-right span {
  width: 100px;
  display: block;
  float: left;
  text-align: center;
  line-height: 50px;
}
.page.conference .conference-mobile .footer .container .copyright {
  width: 100%;
  float: left;
}
.page.conference .rivet-mobile {
  display: none;
}
.page.conference .rivet-ipad {
  display: block;
}
@media screen and (max-width: 767px) {
  .page.conference .conference-mobile {
    display: block;
  }
  .page.conference .conference-pc {
    display: none;
  }
  .page.conference .rivet-mobile {
    display: block;
  }
  .page.conference .rivet-ipad {
    display: none;
  }
}
.page.conference-21-sh .conference-pc .guest-box .act-section {
  padding-top: 60px;
}
@media (max-width: 1042px) {
  .page.conference-21-sh .conference-pc .data-box {
    width: 100%;
    padding: 0% 5%;
  }
}
.page.conference-21-sh .conference-pc .data-box .act-data-title {
  margin-bottom: 20px;
}
.page.conference-21-sh .conference-pc .data-box .view-desc {
  font-size: 20px;
  color: #65697F;
  line-height: 34px;
  height: 34px;
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}
.page.conference-21-sh .conference-pc .data-box .view-desc img {
  height: 34px;
  width: 34px;
  margin: -3px 2px 0px 2px;
}
.page.conference-21-sh .conference-pc .data-box .act-data {
  height: auto;
  padding: 60px 0px 0px 0px;
}
.page.conference-21-sh .conference-pc .data-box .act-data h2 {
  margin-top: 0px;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content {
  min-height: 300px;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box {
  margin-bottom: 30px;
  height: 98px;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .left {
  width: 150px;
  font-size: 20px;
  color: #65697F;
  text-align: justify;
  line-height: 98px;
  height: 98px;
  float: left;
  text-align: center;
  margin-right: 16px;
}
@media (max-width: 1140px) {
  .page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .left {
    width: 20%;
    margin-right: 0px;
  }
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right {
  width: 968px;
  height: 98px;
  padding-left: 40px;
  background: #FFFEFE;
  border: 1px solid #E4E3E8;
  box-shadow: 0 2px 5px 0 #EFF1F2;
  border-radius: 26px;
  float: left;
  display: flex;
  justify-content: left;
  align-items: center;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right:hover {
  box-shadow: 0 6px 26px 0 #eff1f2;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right:hover .content .title {
  color: #FC5F3A;
}
@media (max-width: 1140px) {
  .page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right {
    width: 80%;
  }
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right .content .title {
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  color: #191140;
  font-weight: 500;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right .content .figure {
  margin-top: 4px;
  font-size: 16px;
  color: #52556C;
  line-height: 22px;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right.special {
  height: auto;
  padding: 25px 0px 20px 40px;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right.special .content {
  width: 968px;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right.special .content .title {
  margin-bottom: 20px;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right.special .content .figure {
  margin-top: 10px;
  margin-bottom: 5px;
  float: left;
  width: 33.3%;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right.special .content .figure .name {
  font-size: 20px;
  color: #191140;
  font-weight: 500;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  justify-content: left;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right.special .content .figure .name span {
  border-radius: 9px;
  background: #FC6541;
  width: 55px;
  height: 18px;
  margin: 0px 0px 0px 5px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 18px;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right.special .content .figure .desc {
  font-size: 14px;
  color: #65697F;
}
.page.conference-21-sh .conference-pc .data-box ul {
  height: 60px;
  margin-bottom: 60px;
}
@media (max-width: 1140px) {
  .page.conference-21-sh .conference-pc .data-box ul {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.page.conference-21-sh .conference-pc .data-box ul li {
  margin-right: 88px;
}
@media (max-width: 1140px) {
  .page.conference-21-sh .conference-pc .data-box ul li {
    margin-right: 20px;
  }
}
.page.conference-21-sh .conference-pc .data-box ul li:last-child {
  width: 226px;
}
.page.conference-21-sh .conference-pc .data-box ul li a {
  font-size: 20px;
}
.page.conference-21-sh .conference-pc .act-banner .banner-bg {
  background: url(../../../vassets/images/home_v3/activity/conference-21sh/pc-banner.png) no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.page.conference-21-sh .conference-pc .act-banner .banner-bg img {
  width: 800px;
  height: auto;
  margin-top: 50px;
}
@media (min-width: 1680px) {
  .page.conference-21-sh .conference-pc .act-banner .banner-bg img {
    width: 48%;
  }
}
@media (max-width: 1042px) {
  .page.conference-21-sh .conference-pc .act-banner .banner-bg img {
    width: 53%;
  }
}
.page.conference-21-sh .conference-pc .apply-box {
  background: url(../../../vassets/images/home_v3/activity/conference-21sh/pc-banner.png) no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 274px;
}
.page.conference-21-sh .conference-pc .apply-box a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.page.conference-21-sh .conference-pc .apply-box a img {
  width: 1066px;
  height: auto;
}
.page.conference-21-sh .conference-pc .ticketing {
  width: 1180px;
  margin: 60px auto 20px;
  height: 580px;
}
.page.conference-21-sh .conference-pc .strategic-partner,
.page.conference-21-sh .conference-pc .official-partner,
.page.conference-21-sh .conference-pc .live-streaming-partner,
.page.conference-21-sh .conference-pc .apply-partner {
  padding-bottom: 60px;
}
.page.conference-21-sh .conference-pc .strategic-partner h2,
.page.conference-21-sh .conference-pc .official-partner h2,
.page.conference-21-sh .conference-pc .live-streaming-partner h2,
.page.conference-21-sh .conference-pc .apply-partner h2 {
  color: #191140;
  font-size: 32px;
  font-weight: 500;
  text-align: center;
  margin: 0px auto;
  padding: 60px 0px 70px 0px;
}
.page.conference-21-sh .conference-pc .strategic-partner {
  background: #F8F8F8;
}
.page.conference-21-sh .conference-pc .strategic-partner .strategic {
  width: 1180px;
  margin: 0 auto;
  text-align: center;
}
.page.conference-21-sh .conference-pc .strategic-partner .strategic a {
  width: 316px;
  height: 64px;
  margin: 0px 55px;
}
.page.conference-21-sh .conference-pc .strategic-partner .strategic a img {
  width: auto;
  height: 100%;
}
.page.conference-21-sh .conference-pc .live-streaming-partner {
  background: #F8F8F8;
}
.page.conference-21-sh .conference-pc .live-streaming-partner .live-streaming {
  margin: 0 auto;
  text-align: center;
}
.page.conference-21-sh .conference-pc .live-streaming-partner .live-streaming a {
  width: 316px;
  height: 64px;
}
.page.conference-21-sh .conference-pc .live-streaming-partner .live-streaming a img {
  width: auto;
  height: 100%;
}
.page.conference-21-sh .conference-pc .apply-partner .apply {
  margin: 0 auto;
  text-align: center;
}
.page.conference-21-sh .conference-pc .apply-partner .apply a {
  width: 316px;
  height: 64px;
}
.page.conference-21-sh .conference-pc .apply-partner .apply a img {
  width: auto;
  height: 100%;
}
.page.conference-21-sh .conference-pc .partner-box,
.page.conference-21-sh .conference-pc .official-partner {
  background: #F8F8F8;
}
.page.conference-21-sh .conference-pc .partner-box .act-partner,
.page.conference-21-sh .conference-pc .official-partner .act-partner {
  width: 1180px;
  padding-bottom: 90px;
}
.page.conference-21-sh .conference-pc .partner-box .act-partner h2,
.page.conference-21-sh .conference-pc .official-partner .act-partner h2 {
  margin-top: 0px;
}
.page.conference-21-sh .conference-pc .partner-box .act-partner a,
.page.conference-21-sh .conference-pc .official-partner .act-partner a {
  width: 200px;
  height: 90px;
  margin: 18px 18px;
}
@media (max-width: 1042px) {
  .page.conference-21-sh .conference-pc .partner-box .act-partner a,
  .page.conference-21-sh .conference-pc .official-partner .act-partner a {
    width: 25%;
    height: auto;
    margin-right: 0px;
  }
}
.page.conference-21-sh .conference-pc .partner-box .act-partner a.no-right,
.page.conference-21-sh .conference-pc .official-partner .act-partner a.no-right {
  margin-right: 0px;
}
.page.conference-21-sh .conference-pc .official-partner {
  background: #fff;
  padding: 0px 0px 60px 0px;
}
.page.conference-21-sh .conference-pc .official-partner .act-partner {
  padding-bottom: 0px;
}
.page.conference-21-sh .conference-pc .partner-box .act-partner {
  padding-bottom: 90px;
}
.page.conference-21-sh .conference-pc .past-box {
  background-color: #fff;
}
.page.conference-21-sh .conference-pc .past-box .act-past {
  padding: 30px 20px 50px;
}
.page.conference-21-sh .conference-mobile .act-banner-mobile .banner-bg {
  background: url(../../../vassets/images/home_v3/activity/conference-21sh/web-banner.png) no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page.conference-21-sh .conference-mobile .act-banner-mobile .banner-bg img {
  width: 85%;
  height: auto;
}
.page.conference-21-sh .conference-mobile .act-section.act-data-mobile ul {
  overflow-x: auto;
  width: 100%;
  white-space: nowrap;
  padding-bottom: 26px;
}
.page.conference-21-sh .conference-mobile .act-section.act-data-mobile ul li {
  display: inline-block;
  float: none;
}
.page.conference-21-sh .conference-mobile .act-section.act-data-mobile ul li a {
  margin: inherit;
}
.page.conference-21-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(1) {
  width: 50px;
}
.page.conference-21-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(2) {
  width: 95px;
}
.page.conference-21-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(3) {
  width: 110px;
}
.page.conference-21-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(4) {
  width: 110px;
  border-right: none;
}
.page.conference-21-sh .conference-mobile .tab-content.tab-content-mobile {
  margin-top: 0px !important;
}
.page.conference-21-sh .conference-mobile .act-section.act-data-mobile .tab-content-mobile {
  margin-bottom: 50px;
}
.page.conference-21-sh .conference-mobile .act-partner {
  padding-top: 0px !important;
}
.page.conference-21-sh .conference-mobile .act-guest {
  padding-top: 50px;
}
.page.conference-21-sh .conference-mobile .act-guest .item {
  height: 206px;
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .page.conference-21-sh .conference-mobile .act-guest .item img {
    width: 60%;
  }
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile {
  padding-top: 20px;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile .act-data-title {
  margin-bottom: 25px;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile ul li {
  background: #FFFFFF;
  border: 1px solid #E4E3E8;
  border-radius: 30px;
  height: 30px;
  min-width: 100px !important;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile ul li:active {
  border: 1px solid #FECEC3;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile ul li a {
  line-height: 30px;
  height: 30px;
  color: #65697F;
  margin: 0 auto;
  padding-bottom: 0px;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile ul li:nth-child(4) {
  width: 160px;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile .tab-content .time-box {
  margin-bottom: 15px;
  height: auto;
  padding: 10px 14px 10px 10px;
  background: #FFFEFE;
  border: 1px solid #E4E3E8;
  box-shadow: 0 2px 5px 0 #EFF1F2;
  border-radius: 26px;
  display: flex;
  align-items: center;
}
@media (max-width: 340px) {
  .page.conference-21-sh .conference-mobile .data-box .act-data-mobile .tab-content .time-box {
    padding: 6px 14px 10px 6px;
  }
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile .tab-content .time-box .left {
  width: 34%;
  font-size: 14px;
  color: #65697F;
  text-align: justify;
  line-height: 45px;
  height: 45px;
  float: left;
  text-align: center;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile .tab-content .time-box .right {
  width: 66%;
  padding-left: 5px;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile .tab-content .time-box .right .content .title {
  font-size: 14px;
  line-height: 18px;
  color: #191140;
  font-weight: 500;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile .tab-content .time-box .right .content .figure {
  margin-top: 6px;
  font-size: 12px;
  color: #52556C;
  line-height: 16px;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile .tab-content .time-box .right.special .content .title {
  margin-bottom: 15px;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile .tab-content .time-box .right.special .content .figure {
  margin-bottom: 8px;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile .tab-content .time-box .right.special .content .figure .name {
  font-size: 14px;
  line-height: 18px;
  color: #191140;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: left;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile .tab-content .time-box .right.special .content .figure .name span {
  border-radius: 9px;
  background: #FC6541;
  width: 50px;
  margin: 0px 0px 0px 5px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 14px;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile .tab-content .time-box .right.special .content .figure .desc {
  font-size: 12px;
  line-height: 14px;
  color: #65697F;
}
.page.conference-21-sh .conference-mobile .ticketing {
  width: 100%;
  height: 550px;
  height: auto;
  padding: 0px 20px 50px;
}
.page.conference-21-sh .conference-mobile .ticketing h2 {
  text-align: center;
  margin-top: 0px;
  color: #191140;
  font-size: 24px;
  font-weight: 500;
  margin: 0px auto 20px;
}
.page.conference-21-sh .conference-mobile .strategic-partner,
.page.conference-21-sh .conference-mobile .official-partner,
.page.conference-21-sh .conference-mobile .live-streaming-partner,
.page.conference-21-sh .conference-mobile .apply-partner {
  padding-bottom: 40px;
}
.page.conference-21-sh .conference-mobile .strategic-partner h2,
.page.conference-21-sh .conference-mobile .official-partner h2,
.page.conference-21-sh .conference-mobile .live-streaming-partner h2,
.page.conference-21-sh .conference-mobile .apply-partner h2 {
  color: #191140;
  font-size: 24px;
  font-weight: 500;
  margin: 0px auto 20px;
  text-align: center;
  padding-top: 40px;
}
.page.conference-21-sh .conference-mobile .strategic-partner {
  background: #F8F8F8;
}
.page.conference-21-sh .conference-mobile .strategic-partner .strategic {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page.conference-21-sh .conference-mobile .strategic-partner .strategic a {
  width: 154px;
  height: auto;
  margin: 0 auto;
  padding: 0px 4%;
  float: left;
}
.page.conference-21-sh .conference-mobile .strategic-partner .strategic a img {
  width: 100%;
  height: 100%;
}
.page.conference-21-sh .conference-mobile .live-streaming-partner {
  background: #F8F8F8;
}
.page.conference-21-sh .conference-mobile .live-streaming-partner .live-streaming {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page.conference-21-sh .conference-mobile .live-streaming-partner .live-streaming a {
  width: 154px;
  height: auto;
}
.page.conference-21-sh .conference-mobile .live-streaming-partner .live-streaming a img {
  width: 100%;
  height: 100%;
}
.page.conference-21-sh .conference-mobile .apply-partner .apply {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page.conference-21-sh .conference-mobile .apply-partner .apply a {
  width: 186px;
  height: auto;
}
.page.conference-21-sh .conference-mobile .apply-partner .apply a img {
  width: 100%;
  height: 100%;
}
.page.conference-21-sh .conference-mobile .partner-box .act-partner,
.page.conference-21-sh .conference-mobile .official-partner .act-partner {
  padding: 40px 0px 40px 0px;
}
.page.conference-21-sh .conference-mobile .partner-box .act-partner .img,
.page.conference-21-sh .conference-mobile .official-partner .act-partner .img {
  text-align: center;
}
.page.conference-21-sh .conference-mobile .partner-box .act-partner .img img,
.page.conference-21-sh .conference-mobile .official-partner .act-partner .img img {
  width: 18vw;
  margin: 5px 2vw;
}
.page.conference-21-sh .conference-mobile .partner-box {
  background: #F8F8F8;
  padding-top: 40px;
}
.page.conference-21-sh .conference-mobile .official-partner {
  background: #fff;
  padding: 0px 0px 40px 0px;
}
.page.conference-21-sh .conference-mobile .official-partner .act-partner {
  padding-bottom: 0px;
}
.page.conference-21-sh .conference-mobile .past-box .act-past {
  padding: 10px 20px 50px;
}
.page.conference-21-sh .meeting-highlights {
  width: 1140px;
  padding: 80px auto 0px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 1024px) {
  .page.conference-21-sh .meeting-highlights {
    width: 100%;
    padding: 0% 5%;
  }
  .page.conference-21-sh .meeting-highlights .lightspot-4 {
    margin-left: 16%;
  }
}
.page.conference-21-sh .meeting-highlights h1 {
  color: #191140;
  font-size: 32px;
  font-weight: 500;
  margin: 40px auto 50px;
}
.page.conference-21-sh .meeting-highlights .lightspot {
  width: 210px;
  height: 244px;
  float: left;
  text-align: left;
  padding-left: 26px;
  margin-right: 22px;
}
@media (max-width: 1024px) {
  .page.conference-21-sh .meeting-highlights .lightspot {
    width: 32%;
    margin-right: 1%;
  }
}
.page.conference-21-sh .meeting-highlights .lightspot h1 {
  font-size: 40px;
  color: #FC5F3A;
  margin: 30px 0px 0px 0px;
}
.page.conference-21-sh .meeting-highlights .lightspot .desc {
  font-size: 20px;
  color: #CCCCCC;
  margin-bottom: 24px;
}
.page.conference-21-sh .meeting-highlights .lightspot .highlights-text {
  font-size: 16px;
  color: #65697F;
  margin: 0px 0px 10px 10px;
}
.page.conference-21-sh .meeting-highlights .lightspot .highlights-text::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #FC6541;
  margin-left: -13px;
  margin-top: 8px;
}
.page.conference-21-sh .meeting-highlights .lightspot-1 {
  background: url(../../../vassets/images/home_v3/activity/conference-21sh/lightspot-1.png) no-repeat;
}
.page.conference-21-sh .meeting-highlights .lightspot-2 {
  background: url(../../../vassets/images/home_v3/activity/conference-21sh/lightspot-2.png) no-repeat;
}
.page.conference-21-sh .meeting-highlights .lightspot-3 {
  background: url(../../../vassets/images/home_v3/activity/conference-21sh/lightspot-3.png) no-repeat;
}
.page.conference-21-sh .meeting-highlights .lightspot-4 {
  background: url(../../../vassets/images/home_v3/activity/conference-21sh/lightspot-4.png) no-repeat;
}
.page.conference-21-sh .meeting-highlights .lightspot-5 {
  background: url(../../../vassets/images/home_v3/activity/conference-21sh/lightspot-5.png) no-repeat;
  margin-right: 0px;
}
@media (max-width: 1042px) {
  .page.conference-21-sh .meeting-highlights .lightspot-1,
  .page.conference-21-sh .meeting-highlights .lightspot-2,
  .page.conference-21-sh .meeting-highlights .lightspot-3,
  .page.conference-21-sh .meeting-highlights .lightspot-4,
  .page.conference-21-sh .meeting-highlights .lightspot-5 {
    background-size: 100% 100%;
  }
}
.page.conference-21-sh .conference-mobile .meeting-highlights {
  width: 100%;
  padding: 30px 20px 0px 20px;
}
.page.conference-21-sh .conference-mobile .meeting-highlights h1 {
  margin: 12px auto 25px;
  font-size: 24px;
}
.page.conference-21-sh .conference-mobile .meeting-highlights .lightspot {
  padding-left: 18px;
  width: 48%;
  height: auto;
  margin: 0% 0% 2% 0%;
}
@media (max-width: 340px) {
  .page.conference-21-sh .conference-mobile .meeting-highlights .lightspot {
    width: 49%;
    padding-left: 12px;
  }
}
.page.conference-21-sh .conference-mobile .meeting-highlights .lightspot h1 {
  font-size: 20px;
  margin-bottom: 0px;
}
.page.conference-21-sh .conference-mobile .meeting-highlights .lightspot .desc {
  font-size: 14px;
  margin-bottom: 12px;
}
.page.conference-21-sh .conference-mobile .meeting-highlights .lightspot .highlights-text {
  font-size: 12px;
}
.page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-1,
.page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-2,
.page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-3,
.page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-4,
.page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-5 {
  background-size: 100% 100%;
  margin-right: 4%;
}
@media (max-width: 340px) {
  .page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-1,
  .page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-2,
  .page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-3,
  .page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-4,
  .page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-5 {
    margin-right: 2%;
  }
}
.page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-2,
.page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-4 {
  margin-right: 0%;
}
.page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-5 {
  margin-left: 25%;
  margin-bottom: 0px;
}
.page.conference-20-sh .conference-pc .data-box {
  background-size: 1440px;
  background-position: center 0%;
}
.page.conference-20-sh .conference-pc .data-box .act-data {
  height: auto;
  padding-bottom: 20px;
}
.page.conference-20-sh .conference-pc .data-box .act-data .tab-content .tab-content-left {
  padding-top: 90px;
}
.page.conference-20-sh .conference-pc .act-banner i {
  background: url(../../../vassets/images/home_v3/activity/conference-20sh/pc-banner.jpg) no-repeat;
  background-size: 100% 100%;
}
.page.conference-20-sh .conference-pc .act-banner strong {
  display: none;
}
.page.conference-20-sh .conference-mobile .act-banner-mobile i {
  background: url(../../../vassets/images/home_v3/activity//conference-20sh/web-banner.png) no-repeat;
  background-size: 100% 100%;
}
.page.conference-20-sh .conference-mobile .act-banner-mobile strong {
  display: none;
}
.page.conference-20-sh .conference-mobile .act-section.act-data-mobile ul {
  overflow-x: auto;
  width: 100%;
  white-space: nowrap;
  padding-bottom: 26px;
}
.page.conference-20-sh .conference-mobile .act-section.act-data-mobile ul li {
  display: inline-block;
  float: none;
}
.page.conference-20-sh .conference-mobile .act-section.act-data-mobile ul li a {
  margin: inherit;
}
.page.conference-20-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(1) {
  width: 50px;
}
.page.conference-20-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(2) {
  width: 95px;
}
.page.conference-20-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(3) {
  width: 110px;
}
.page.conference-20-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(4) {
  width: 110px;
  border-right: none;
}
.page.conference-20-sh .conference-mobile .tab-content.tab-content-mobile {
  margin-top: 0px !important;
}
.page.conference-20-sh .conference-mobile .act-section.act-data-mobile .tab-content-mobile {
  margin-bottom: 50px;
}
.page.conference-20-sh .conference-mobile .act-partner {
  padding-top: 0px !important;
}
.page.conference.conference-20-online .act-header .navbar-trn {
  background-color: rgba(0, 0, 0, 0.3);
  border-bottom: none;
}
.page.conference.conference-20-online .conference-pc {
  display: block;
}
@media (max-width: 767px) {
  .page.conference.conference-20-online .conference-pc {
    display: none;
  }
}
.page.conference.conference-20-online .conference-pc .data-box {
  background-size: 1440px;
  background-position: center 0%;
}
.page.conference.conference-20-online .conference-pc .data-box .act-data {
  height: auto;
  padding-bottom: 20px;
}
.page.conference.conference-20-online .conference-pc .data-box .act-data .tab-content .tab-content-left {
  padding-top: 90px;
}
.page.conference.conference-20-online .conference-pc .act-banner i {
  background: url(../../../vassets/images/home_v3/activity/conference-20online/bg_pc.png) no-repeat;
  background-size: 100% 100%;
}
.page.conference.conference-20-online .conference-pc .banner-content {
  width: 100%;
  padding: 0% 15%;
  height: 70%;
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  margin-top: 28%;
}
@media (max-width: 1440px) {
  .page.conference.conference-20-online .conference-pc .banner-content {
    padding: 0% 20%;
  }
}
@media (max-width: 1280px) {
  .page.conference.conference-20-online .conference-pc .banner-content {
    padding: 0% 15%;
  }
}
@media (max-width: 992px) {
  .page.conference.conference-20-online .conference-pc .banner-content {
    padding: 0% 8%;
  }
}
.page.conference.conference-20-online .conference-pc .act-banner .banner_left {
  float: left;
  position: absolute;
  left: 20%;
  top: 5%;
  width: 27%;
}
@media (min-width: 1920px) {
  .page.conference.conference-20-online .conference-pc .act-banner .banner_left {
    position: absolute;
    left: 25%;
    top: 6%;
    width: 22%;
  }
}
@media (max-width: 1220px) {
  .page.conference.conference-20-online .conference-pc .act-banner .banner_left {
    position: absolute;
    left: 18%;
    top: 7%;
  }
}
@media (max-width: 1024px) {
  .page.conference.conference-20-online .conference-pc .act-banner .banner_left {
    position: absolute;
    left: 18%;
    top: 9%;
    width: 28%;
  }
}
.page.conference.conference-20-online .conference-pc .act-banner .banner_left .title {
  width: 441px;
  color: #FFFFFF;
  font-size: 50px;
  font-weight: 500;
  letter-spacing: 13px;
  line-height: 63px;
}
@media (max-width: 1280px) {
  .page.conference.conference-20-online .conference-pc .act-banner .banner_left .title {
    font-size: 38px;
    letter-spacing: 10px;
    line-height: 55px;
  }
}
@media (max-width: 992px) {
  .page.conference.conference-20-online .conference-pc .act-banner .banner_left .title {
    font-size: 28px;
    letter-spacing: 6px;
    line-height: 45px;
  }
}
.page.conference.conference-20-online .conference-pc .act-banner .banner_left .desc {
  height: 28px;
  width: 427px;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 28px;
  margin-top: 50px;
}
@media (max-width: 992px) {
  .page.conference.conference-20-online .conference-pc .act-banner .banner_left .desc {
    font-size: 18px;
    line-height: 20px;
  }
}
.page.conference.conference-20-online .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .text {
  width: 546px;
}
.page.conference.conference-20-online .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .text h5 {
  font-size: 24px;
}
.page.conference.conference-20-online .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .text h6 {
  font-size: 18px;
}
.page.conference.conference-20-online .conference-pc .act-banner .banner_right {
  float: right;
  height: auto;
  right: 18%;
  top: 0;
  width: 23%;
  position: absolute;
}
@media (min-width: 1920px) {
  .page.conference.conference-20-online .conference-pc .act-banner .banner_right {
    position: absolute;
    right: 28%;
    width: 18%;
  }
}
@media (max-width: 1220px) {
  .page.conference.conference-20-online .conference-pc .act-banner .banner_right {
    position: absolute;
    right: 23%;
    width: 22%;
  }
}
@media (max-width: 1024px) {
  .page.conference.conference-20-online .conference-pc .act-banner .banner_right {
    position: absolute;
    right: 25%;
    width: 23%;
  }
}
@media (max-width: 992px) {
  .page.conference.conference-20-online .conference-pc .act-banner .banner_right {
    position: absolute;
    right: 14%;
    width: 25%;
  }
}
.page.conference.conference-20-online .conference-pc .act-banner .banner_right .img {
  height: auto;
  width: 100%;
}
.page.conference.conference-20-online .conference-pc .past-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_guest.png) no-repeat;
  background-position: 0 -300px;
  background-size: 100%;
}
.page.conference.conference-20-online .conference-mobile {
  display: none;
}
@media (max-width: 767px) {
  .page.conference.conference-20-online .conference-mobile {
    display: block !important;
  }
}
.page.conference.conference-20-online .conference-mobile .act-banner-mobile i {
  background: url(../../../vassets/images/home_v3/activity/conference-20online/bg_mobile.png) no-repeat;
  background-size: 100% 100%;
}
.page.conference.conference-20-online .conference-mobile .act-banner-mobile .banner-content {
  top: 12%;
  height: 80%;
  width: 80%;
  position: absolute;
  margin-left: 10%;
  text-align: center;
}
.page.conference.conference-20-online .conference-mobile .top {
  width: 66%;
  margin: 4% 16% 0%;
  position: absolute;
  left: 0;
  bottom: 64%;
  top: 6%;
}
.page.conference.conference-20-online .conference-mobile .center {
  width: 72%;
  margin: 4% 13% 0%;
  position: absolute;
  left: 0;
  bottom: 6%;
}
.page.conference.conference-20-online .conference-mobile .bottom {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.page.conference.conference-20-online .conference-mobile .act-section.act-data-mobile {
  padding: 10px 20px 0px !important;
}
.page.conference.conference-20-online .conference-mobile .act-section.act-data-mobile .act-data-title {
  margin: 10px 0px;
}
.page.conference.conference-20-online .conference-mobile .act-section.act-data-mobile .tab-content-mobile {
  margin-top: 0px;
  margin: 10px auto;
}
.page.conference.conference-20-online .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .video-icon {
  margin-left: 35px;
}
.page.conference.conference-20-online .conference-mobile .past-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_guest.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-20-online .conference-mobile .past-box .act-past {
  padding: 30px 20px 0px;
}
.page.conference.conference-19-bj .conference-pc .data-box {
  background-size: 1440px;
  background-position: center 0%;
}
.page.conference.conference-19-bj .conference-pc .data-box .act-data {
  height: auto;
  padding-bottom: 20px;
}
.page.conference.conference-19-bj .conference-pc .data-box .act-data .tab-content .tab-content-left {
  padding-top: 90px;
}
.page.conference.conference-19-bj .conference-pc .act-banner i {
  background: url(../../../vassets/images/home_v3/activity/conference-19bj/bg_pc.png) no-repeat;
  background-size: 100% 100%;
}
.page.conference.conference-19-bj .conference-pc .act-banner strong {
  background: url(../../../vassets/images/home_v3/activity/conference-19bj/banner_Home_word.png) no-repeat;
  background-size: 100%;
  margin-left: -25%;
  width: 50%;
  top: 28%;
}
.page.conference.conference-19-bj .conference-mobile .act-banner-mobile i {
  background: url(../../../vassets/images/home_v3/activity/conference-19bj/bg_mobile.png) no-repeat;
  background-size: 100% 100%;
}
.page.conference.conference-19-bj .conference-mobile .act-banner-mobile strong {
  background: url(../../../vassets/images/home_v3/activity/conference-19bj/banner_Home_word_mobile.png) no-repeat;
  background-size: 100%;
  top: 12%;
  height: 80%;
}
.page.conference.conference-19-bj .conference-mobile .act-section.act-data-mobile ul li {
  width: 24%;
}
.page.conference.conference-19-sz .conference-pc .data-box {
  background-size: 1440px;
  background-position: center 0%;
}
.page.conference.conference-19-sz .conference-pc .data-box .act-data {
  height: auto;
  padding-bottom: 20px;
}
.page.conference.conference-19-sz .conference-pc .data-box .act-data .tab-content .tab-content-left {
  padding-top: 90px;
}
.page.conference.conference-19-sz .conference-pc .act-banner i {
  background: url(../../../vassets/images/home_v3/activity/conference-19sz/banner_Home_word_bg.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-19-sz .conference-pc .act-banner strong {
  background: url(../../../vassets/images/home_v3/activity/conference-19sz/banner_Home_word.png) no-repeat;
  background-size: 100%;
  margin-left: -25%;
  width: 50%;
  top: 28%;
}
.page.conference.conference-19-sz .conference-pc .act-data .tab-content .tab-content-left {
  padding-top: 84px;
}
.page.conference.conference-19-sz .conference-pc .act-data ul li {
  width: 20%;
  margin: 0;
}
.page.conference.conference-19-sz .conference-pc .act-data ul li:nth-child(2) {
  margin: 0 20%;
}
.page.conference.conference-19-sz .conference-mobile .act-banner-mobile i {
  background: url(../../../vassets/images/home_v3/activity/conference-19sz/banner_Home_word_bg_1.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-19-sz .conference-mobile .act-banner-mobile strong {
  background: url(../../../vassets/images/home_v3/activity/conference-19sz/banner_Home_word_1.png) no-repeat;
  background-size: 100%;
  top: 12%;
  height: 80%;
}
.page.conference.conference-19-sz .conference-mobile .act-section.act-data-mobile ul li:nth-child(1) {
  width: 24%;
}
.page.conference.conference-19-sz .conference-mobile .act-section.act-data-mobile ul li {
  width: 38%;
}
.page.conference.conference-19-sz .conference-mobile .act-section.act-data-mobile ul li:nth-child(3) {
  width: 38%;
  border: none;
}
.page.conference.conference-19-sh .conference-pc .data-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18bj/background_4.png) no-repeat;
  background-size: 1440px;
  background-position: center 0%;
}
.page.conference.conference-19-sh .conference-pc .data-box .act-data {
  height: auto;
  padding-bottom: 20px;
}
.page.conference.conference-19-sh .conference-pc .data-box .act-data .tab-content .tab-content-left {
  padding-top: 90px;
}
.page.conference.conference-19-sh .conference-pc .act-banner strong {
  background: url(../../../vassets/images/home_v3/activity/conference-19sh/banner_Home_word.png) no-repeat;
  background-size: 100%;
  margin-left: -25%;
  width: 50%;
  top: 28%;
}
.page.conference.conference-19-sh .conference-mobile .act-banner-mobile strong {
  background: url(../../../vassets/images/home_v3/activity/conference-19sh/banner_Home_word_1.png) no-repeat;
  background-size: 100%;
  top: 12%;
  height: 80%;
}
.page.conference.conference-19-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(1) {
  width: 16%;
}
.page.conference.conference-19-sh .conference-mobile .act-section.act-data-mobile ul li {
  width: 30%;
}
.page.conference.conference-19-sh .conference-mobile .act-section.act-data-mobile ul li a {
  font-size: 12px;
}
.page.conference.conference-19-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(4) {
  width: 24%;
}
.page.conference.conference-18-sh .conference-pc .act-banner strong {
  background: url(../../../vassets/images/home_v3/activity/conference-18sh/banner_Home_word.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-18-sh .conference-mobile .act-banner-mobile strong {
  background: url(../../../vassets/images/home_v3/activity/conference-18sh/banner_Home_word.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-18-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(1) {
  width: 16%;
}
.page.conference.conference-18-sh .conference-mobile .act-section.act-data-mobile ul li {
  width: 30%;
}
.page.conference.conference-18-sh .conference-mobile .act-section.act-data-mobile ul li a {
  font-size: 12px;
}
.page.conference.conference-18-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(4) {
  width: 24%;
}
.page.conference.conference-17-bj .conference-pc .act-banner strong {
  background: url(../../../vassets/images/home_v3/activity/conference-17bj/banner_Home_word.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-17-bj .conference-pc .act-guest .act-guest-item.vip-guest {
  width: 32%;
  height: 460px;
  float: none;
  margin: 0 auto;
}
.page.conference.conference-17-bj .conference-pc .act-guest .act-guest-item.vip-guest img {
  width: 240px;
  height: 240px;
}
.page.conference.conference-17-bj .conference-mobile .act-banner-mobile strong {
  background: url(../../../vassets/images/home_v3/activity/conference-17bj/banner_Home_word.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-17-bj .conference-mobile .act-section.act-data-mobile ul li:nth-child(1) {
  width: 16%;
}
.page.conference.conference-17-bj .conference-mobile .act-section.act-data-mobile ul li {
  width: 30%;
}
.page.conference.conference-17-bj .conference-mobile .act-section.act-data-mobile ul li a {
  font-size: 12px;
}
.page.conference.conference-17-bj .conference-mobile .act-section.act-data-mobile ul li:nth-child(4) {
  width: 24%;
}
.page.conference.conference-17-bj .conference-mobile .act-partner a {
  width: 20%;
}
.page.conference.conference-17-sh .conference-pc .act-banner {
  margin-top: 69px;
}
@media screen and (max-width: 1024px) {
  .page.conference.conference-17-sh .conference-pc .act-banner {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .page.conference.conference-17-sh .conference-pc .act-banner {
    margin-top: 60px;
  }
}
.page.conference.conference-17-sh .conference-pc .act-banner i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../../../vassets/images/home_v3/activity/conference-17sh/banner_Home.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-17-sh .conference-pc .act-data {
  height: 1250px;
}
.page.conference.conference-17-sh .conference-pc .act-data .tab-content .tab-content-left {
  padding-top: 84px;
}
.page.conference.conference-17-sh .conference-pc .act-data ul li {
  width: 20%;
  margin: 0;
}
.page.conference.conference-17-sh .conference-pc .act-data ul li:nth-child(2) {
  margin: 0 20%;
}
.page.conference.conference-17-sh .conference-mobile .act-banner-mobile i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../../../vassets/images/home_v3/activity/conference-17sh/banner_Phone_SH.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-17-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(1) {
  width: 24%;
}
.page.conference.conference-17-sh .conference-mobile .act-section.act-data-mobile ul li {
  width: 38%;
}
.page.conference.conference-17-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(3) {
  width: 38%;
  border: none;
}
.page.conference.conference-17-cd .conference-pc .act-banner {
  margin-top: 69px;
}
@media screen and (max-width: 1024px) {
  .page.conference.conference-17-cd .conference-pc .act-banner {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .page.conference.conference-17-cd .conference-pc .act-banner {
    margin-top: 60px;
  }
}
.page.conference.conference-17-cd .conference-pc .act-banner i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../../../vassets/images/home_v3/activity/conference-17cd/banner_Home.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-17-cd .conference-pc .act-data .tab-content .tab-content-left {
  padding-top: 84px;
}
.page.conference.conference-17-cd .conference-pc .act-data ul li {
  width: 20%;
  margin: 0;
}
.page.conference.conference-17-cd .conference-pc .act-data ul li:nth-child(2) {
  margin: 0 20%;
}
.page.conference.conference-17-cd .conference-mobile .act-banner-mobile i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../../../vassets/images/home_v3/activity/conference-17cd/banner_Phone_CD.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-17-cd .conference-mobile .act-section.act-data-mobile ul li:nth-child(1) {
  width: 24%;
}
.page.conference.conference-17-cd .conference-mobile .act-section.act-data-mobile ul li {
  width: 38%;
}
.page.conference.conference-17-cd .conference-mobile .act-section.act-data-mobile ul li:nth-child(3) {
  width: 38%;
  border: none;
}
.page.conference.conference-18-bj {
  overflow: hidden;
}
.page.conference.conference-18-bj .navbar .container .navbar-nav {
  margin-left: 20px;
}
.page.conference.conference-18-bj .navbar .container .navbar-nav li.goApply a {
  height: 45px;
  width: 120px;
  border: 1px solid #EA5E3C;
  border-radius: 30.5px;
  background-color: #FC5F3A;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 14px;
  text-align: center;
}
.page.conference.conference-18-bj .navbar .container .navbar-nav li.goApply a h5,
.page.conference.conference-18-bj .navbar .container .navbar-nav li.goApply a h6 {
  margin-top: 0;
  margin-bottom: 4px;
}
.page.conference.conference-18-bj .conference-pc .act-banner {
  height: auto;
  width: 100%;
  background: url(http://files.growingio.com/activity/2018-bj/2018北京增长大会_PC-2.gif) no-repeat;
  background-size: 100%;
  background-color: #192D76;
}
.page.conference.conference-18-bj .conference-pc .intro-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18bj/background_1.png) no-repeat;
  background-color: #F8F8F8;
  padding-bottom: 70px;
  background-size: 1440px;
  background-position: center 100%;
}
.page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box {
  width: 1140px;
  margin: 40px auto 0;
  overflow: hidden;
}
.page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list {
  width: 23%;
  float: left;
  margin-right: 2.66666%;
  padding: 30px 20px 0;
  height: 280px;
  background: #FFFFFF;
  border: 1px solid rgba(166, 163, 181, 0.3);
}
.page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list img {
  width: 42px;
}
.page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list span {
  margin-left: 10px;
  font-size: 18px;
  color: #EA5E3C;
}
.page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list p {
  margin-top: 20px;
  line-height: 24px;
  text-align: justify;
  color: #666666;
  font-size: 16px;
}
.page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list.no-right {
  margin-right: 0;
}
.page.conference.conference-18-bj .conference-pc .theme-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18bj/background_2.png) no-repeat;
  padding-bottom: 70px;
  background-size: 1440px;
  background-position: center 50%;
}
.page.conference.conference-18-bj .conference-pc .theme-box .act-theme {
  margin: 0 auto;
}
.page.conference.conference-18-bj .conference-pc .theme-box .act-theme .act-section-title {
  margin-top: 40px;
  margin-bottom: 0;
}
.page.conference.conference-18-bj .conference-pc .theme-box .theme-list-box {
  width: 1140px;
  overflow: hidden;
  margin: 0 auto;
}
.page.conference.conference-18-bj .conference-pc .theme-box .theme-list-box .theme-list {
  width: 31%;
  margin: 40px 3% 0 0;
  border: 1px solid rgba(166, 163, 181, 0.3);
  float: left;
  height: 210px;
  padding: 30px 20px 0;
}
.page.conference.conference-18-bj .conference-pc .theme-box .theme-list-box .theme-list.no-right {
  margin-right: 0;
}
.page.conference.conference-18-bj .conference-pc .theme-box .theme-list-box .theme-list p {
  padding-bottom: 22px;
  color: #EA5E3C;
  font-size: 24px;
  border-bottom: 1px solid rgba(166, 163, 181, 0.8);
}
.page.conference.conference-18-bj .conference-pc .theme-box .theme-list-box .theme-list span {
  margin-top: 18px;
  display: block;
  font-size: 18px;
  color: #666666;
  line-height: 26px;
}
.page.conference.conference-18-bj .conference-pc .guest-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18bj/background_3.png) no-repeat;
  background-color: #F8F8F8;
  background-size: 1440px;
  background-position: center -60%;
}
.page.conference.conference-18-bj .conference-pc .guest-box .act-guest .item.act-guest-item-big {
  width: 100%;
  height: 450px;
}
.page.conference.conference-18-bj .conference-pc .guest-box .act-guest .item.act-guest-item-big img {
  border-radius: 0;
  width: 450px;
  height: auto;
}
.page.conference.conference-18-bj .conference-pc .guest-box .act-guest .item img {
  border-radius: 0;
}
.page.conference.conference-18-bj .conference-pc .guest-box .act-guest .item:hover .act-guest-item-d {
  opacity: 0;
  transition: opacity 0.5s ease;
}
.page.conference.conference-18-bj .conference-pc .guest-box .act-guest .item:hover img {
  box-shadow: none;
  transform: scale(1, 1);
  transition: all 0.3s ease;
}
.page.conference.conference-18-bj .conference-pc .guest-box .act-guest .item .act-guest-item-title {
  color: #192E76;
}
.page.conference.conference-18-bj .conference-pc .guest-box .act-guest .item .act-guest-item-content {
  color: #666666;
}
.page.conference.conference-18-bj .conference-pc .data-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18bj/background_4.png) no-repeat;
  background-size: 1440px;
  background-position: center 0%;
}
.page.conference.conference-18-bj .conference-pc .data-box .act-data {
  height: auto;
  padding-bottom: 20px;
}
.page.conference.conference-18-bj .conference-pc .data-box .act-data .tab-content .tab-content-left {
  padding-top: 90px;
}
.page.conference.conference-18-bj .conference-pc .data-box .act-data ul li {
  width: 18%;
  margin-right: 2.5%;
}
.page.conference.conference-18-bj .conference-pc .data-box .act-data ul li a {
  font-size: 20px;
}
.page.conference.conference-18-bj .conference-pc .data-box .act-data ul li:nth-child(4) {
  margin-right: 2.5%;
}
.page.conference.conference-18-bj .conference-pc .data-box .act-data ul li:nth-child(5) {
  margin-right: 0;
}
.page.conference.conference-18-bj .conference-pc .partner-box {
  background: none;
}
.page.conference.conference-18-bj .conference-pc .faq-box {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 70px 0 0 0;
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq {
  width: 1140px;
  height: auto;
  margin: 0 auto;
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group {
  margin-bottom: 0;
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .faq-title {
  margin: 40px 0 50px 0;
  width: 100%;
  text-align: center;
  font-size: 24px;
  margin-bottom: 50px;
  color: #191140;
  font-size: 32px;
  font-weight: 500;
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .panel {
  border-radius: 1px 1px 0 0;
  box-shadow: none;
  border: 1px solid #A6A3B5;
  margin-bottom: 14px;
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .panel .panel-heading {
  position: relative;
  cursor: pointer;
  letter-spacing: 0.1px;
  background-color: #F8F8F8;
  padding: 15px 15px;
  color: #191140;
  font-size: 20px;
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .panel .panel-heading::after {
  content: "-";
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 12px;
  font-size: 25px;
  color: #A6A3B5;
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .panel .panel-heading.collapsed {
  background-color: #FFFFFF;
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .panel .panel-heading.collapsed::after {
  content: "+";
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .panel .panel-collapse {
  background-color: #F8F8F8;
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .panel .panel-collapse .panel-body {
  padding: 0 15px;
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .panel .panel-collapse .panel-body p {
  margin: 10px 50px 50px 0;
  color: #65697F;
  font-size: 14px;
  text-align: justify;
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .panel + .panel {
  margin-top: 0;
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .panel-heading + .panel-collapse > .list-group,
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .panel-heading + .panel-collapse > .panel-body {
  border: none;
}
@media screen and (max-width: 1024px) {
  .page.conference.conference-18-bj .conference-pc .act-banner {
    height: 460px;
  }
  .page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box {
    width: 100%;
    padding: 0 64px 0;
  }
  .page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list {
    height: 280px;
    padding: 30px 10px 0;
  }
  .page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list img {
    width: 30px;
  }
  .page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list span {
    margin-left: 4px;
    font-size: 16px;
  }
  .page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list p {
    font-size: 14px;
  }
  .page.conference.conference-18-bj .conference-pc .theme-box .theme-list-box {
    width: 100%;
    padding: 0 64px;
  }
  .page.conference.conference-18-bj .conference-pc .theme-box .theme-list-box .theme-list p {
    font-size: 18px;
  }
  .page.conference.conference-18-bj .conference-pc .theme-box .theme-list-box .theme-list span {
    font-size: 14px;
  }
  .page.conference.conference-18-bj .conference-pc .theme-box .act-theme {
    padding: 70px 64px 0;
  }
  .page.conference.conference-18-bj .conference-pc .data-box .act-data {
    padding: 80px 50px 60px;
  }
  .page.conference.conference-18-bj .conference-pc .apply-box .act-theme {
    padding: 70px 0 0 0;
  }
  .page.conference.conference-18-bj .conference-pc .apply-box .growth-academy-apply__content {
    width: 96%;
    margin: 0 auto;
  }
  .page.conference.conference-18-bj .conference-pc .faq-box {
    padding: 60px 20px 0;
  }
  .page.conference.conference-18-bj .conference-pc .faq-box .faq {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .page.conference.conference-18-bj .conference-pc .act-banner {
    height: 340px;
  }
  .page.conference.conference-18-bj .conference-pc .act-intro {
    padding: 70px 20px 0;
    font-size: 16px;
  }
  .page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box {
    width: 100%;
    padding: 0 20px 0;
  }
  .page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list {
    height: 260px;
    padding: 30px 5px 0;
  }
  .page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list img {
    width: 24px;
  }
  .page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list span {
    margin-left: 0;
    font-size: 14px;
  }
  .page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list p {
    font-size: 12px;
  }
  .page.conference.conference-18-bj .conference-pc .data-box {
    background: #FFFFFF;
  }
  .page.conference.conference-18-bj .conference-pc .data-box .act-data {
    height: auto;
  }
  .page.conference.conference-18-bj .conference-pc .data-box .act-data table caption {
    font-size: 22px;
  }
  .page.conference.conference-18-bj .conference-pc .data-box .act-data table thead tr th {
    font-size: 20px;
  }
  .page.conference.conference-18-bj .conference-pc .data-box .act-data table tbody tr td {
    font-size: 14px;
  }
  .page.conference.conference-18-bj .conference-pc .theme-box .theme-list-box {
    width: 100%;
    padding: 0 20px;
  }
  .page.conference.conference-18-bj .conference-pc .theme-box .theme-list-box .theme-list p {
    font-size: 18px;
  }
  .page.conference.conference-18-bj .conference-pc .theme-box .theme-list-box .theme-list span {
    font-size: 14px;
  }
  .page.conference.conference-18-bj .conference-pc .faq-box {
    padding: 60px 20px 0px;
  }
  .page.conference.conference-18-bj .conference-pc .faq-box .faq {
    width: 100%;
  }
  .page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .panel .panel-heading {
    font-size: 16px;
  }
  .page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .faq-title {
    text-align: center;
  }
}
.page.conference.conference-18-bj .conference-mobile {
  padding-top: 0;
}
.page.conference.conference-18-bj .conference-mobile .act-banner-mobile {
  height: 200px;
  width: 100%;
  background: url(../../../vassets/images/home_v3/activity/conference-18bj/banner_phone.jpg) no-repeat;
  background-size: 100%;
  background-color: #192D76;
  margin-top: 62px;
}
.page.conference.conference-18-bj .conference-mobile .navigation-mobile {
  height: 46px;
  width: 100%;
  border-radius: 0;
  background-color: #192D76;
}
.page.conference.conference-18-bj .conference-mobile .navigation-mobile.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  border-bottom: 1px solid #d8d8d8;
}
.page.conference.conference-18-bj .conference-mobile .navigation-mobile a {
  width: 25%;
  height: 46px;
  text-align: center;
  line-height: 46px;
  color: #FFFFFF;
  font-size: 24px;
  display: block;
  font-size: 18px;
  float: left;
}
.page.conference.conference-18-bj .conference-mobile .intro-list-box {
  width: 100%;
  margin: 40px auto 0;
  overflow: hidden;
  padding: 0 20px 40px;
}
.page.conference.conference-18-bj .conference-mobile .intro-list-box .intro-list {
  width: 100%;
  padding: 16px;
  height: 130px;
  margin: 0 auto 20px;
  background: #FFFFFF;
  border: 1px solid rgba(166, 163, 181, 0.3);
}
.page.conference.conference-18-bj .conference-mobile .intro-list-box .intro-list img {
  width: 18%;
  float: left;
  margin-top: 5%;
}
.page.conference.conference-18-bj .conference-mobile .intro-list-box .intro-list div {
  width: 76%;
  float: right;
}
.page.conference.conference-18-bj .conference-mobile .intro-list-box .intro-list div span {
  font-size: 16px;
  color: #EA5E3C;
}
.page.conference.conference-18-bj .conference-mobile .intro-list-box .intro-list div p {
  margin-top: 10px;
  text-align: justify;
  color: #666666;
  font-size: 12px;
}
.page.conference.conference-18-bj .conference-mobile .guest-box {
  background: #F9F9F9;
}
.page.conference.conference-18-bj .conference-mobile .guest-box .act-guest .item img {
  border-radius: 0;
}
.page.conference.conference-18-bj .conference-mobile .guest-box .act-guest .item .act-guest-item-title {
  color: #192E76;
}
.page.conference.conference-18-bj .conference-mobile .guest-box .act-guest .item .act-guest-item-content {
  color: #666666;
}
.page.conference.conference-18-bj .conference-mobile .guest-box .item-big {
  width: 100%;
  height: 240px;
  margin-bottom: 80px;
}
.page.conference.conference-18-bj .conference-mobile .guest-box .item-big img {
  width: 84%;
}
.page.conference.conference-18-bj .conference-mobile .data-box {
  background: #FFFFFF;
}
.page.conference.conference-18-bj .conference-mobile .data-box .act-data-mobile {
  height: auto;
  padding-bottom: 0;
  padding: 80px 10px 0;
}
.page.conference.conference-18-bj .conference-mobile .data-box .act-data-mobile .tab-content-mobile {
  margin: 0 auto 30px;
}
.page.conference.conference-18-bj .conference-mobile .data-box .act-data-mobile .tab-content-mobile .tab-content-list {
  width: 99%;
  margin: 0 auto 30px;
}
.page.conference.conference-18-bj .conference-mobile .data-box .act-data-mobile .swiper-data-mobile {
  overflow: hidden;
}
.page.conference.conference-18-bj .conference-mobile .data-box .act-data-mobile ul {
  display: block;
  float: initial;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: 26px;
}
.page.conference.conference-18-bj .conference-mobile .data-box .act-data-mobile ul li {
  display: inline-block;
  float: none;
}
.page.conference.conference-18-bj .conference-mobile .data-box .act-data-mobile ul li a {
  margin: inherit;
}
.page.conference.conference-18-bj .conference-mobile .data-box .act-data-mobile ul li:nth-child(1) {
  width: 50px;
}
.page.conference.conference-18-bj .conference-mobile .data-box .act-data-mobile ul li:nth-child(2) {
  width: 100px;
}
.page.conference.conference-18-bj .conference-mobile .data-box .act-data-mobile ul li:nth-child(3) {
  width: 120px;
}
.page.conference.conference-18-bj .conference-mobile .data-box .act-data-mobile ul li:nth-child(4) {
  width: 100px;
  border-right: 1px solid #65697F;
}
.page.conference.conference-18-bj .conference-mobile .data-box .act-data-mobile ul li:nth-child(5) {
  width: 100px;
  border-right: none;
}
.page.conference.conference-18-bj .conference-mobile .faq-box {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 80px 20px 0;
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group {
  margin-bottom: 0;
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group .faq-title {
  margin: 0 0 50px 0;
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
  font-weight: 500;
  color: #191140;
  font-size: 24px;
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group .panel {
  border-radius: 1px 1px 0 0;
  box-shadow: none;
  border: 1px solid #A6A3B5;
  margin-bottom: 14px;
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group .panel .panel-heading {
  position: relative;
  cursor: pointer;
  letter-spacing: 0.1px;
  background-color: #F8F8F8;
  padding: 15px 36px 15px 15px;
  color: #191140;
  font-size: 16px;
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group .panel .panel-heading::after {
  content: "-";
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 12px;
  font-size: 25px;
  color: #A6A3B5;
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group .panel .panel-heading.collapsed {
  background-color: #FFFFFF;
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group .panel .panel-heading.collapsed::after {
  content: "+";
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group .panel .panel-collapse {
  background-color: #F8F8F8;
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group .panel .panel-collapse .panel-body {
  padding: 0 15px;
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group .panel .panel-collapse .panel-body p {
  margin: 10px 50px 50px 0;
  color: #65697F;
  font-size: 14px;
  text-align: justify;
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group .panel + .panel {
  margin-top: 0;
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group .panel-heading + .panel-collapse > .list-group,
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group .panel-heading + .panel-collapse > .panel-body {
  border: none;
}
.page.conference.conference-18-bj .conference-mobile .goApply {
  height: 46px;
  width: 100%;
  border-radius: 0;
  background-color: #FC5F3A;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  color: #FFFFFF;
  text-align: center;
  line-height: 46px;
  font-size: 18px;
}
@media screen and (max-width: 1024px) {
  .page.conference.conference-18-bj .act-banner {
    margin-top: 58px;
  }
  .page.conference.conference-18-bj .act-header .navbar-trn {
    background-color: #F8F8F8;
  }
  .page.conference.conference-18-bj .act-header .navbar-trn .container .navbar-header .logo {
    background-image: url(../../../vassets/images/home_v3/gio-logo-primary.svg), none;
  }
}
@media screen and (max-width: 767px) {
  .page.conference.conference-18-bj .act-header .navbar-trn .container .navbar-header .logo {
    background-image: url(../../../vassets/images/home_v3/gio-logo-primary.svg), none;
  }
}
.page.conference.conference-summary .conference-pc .act-banner strong {
  background: url(../../../vassets/images/home_v3/activity/conference-summary/banner_Home_word.png) no-repeat;
  background-size: 100%;
  top: 35%;
}
.page.conference.conference-summary .conference-pc .act-guest .act-guest-item {
  cursor: pointer;
}
.page.conference.conference-summary .conference-pc .act-intro {
  padding-bottom: 60px;
}
.page.conference.conference-summary .conference-pc .activity-box {
  background-color: #F8F8F8;
}
.page.conference.conference-summary .conference-pc .activity-box .act-past {
  padding: 70px 10px 50px;
  overflow: hidden;
}
.page.conference.conference-summary .conference-pc .activity-box .act-past .act-section-title {
  float: left;
  width: 100%;
  margin-top: 40px;
}
.page.conference.conference-summary .conference-pc .activity-box .act-past .past-list {
  width: 23.5%;
  float: left;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  margin-bottom: 50px;
  margin-left: 2%;
}
.page.conference.conference-summary .conference-pc .activity-box .act-past .past-list img {
  width: 100%;
}
.page.conference.conference-summary .conference-pc .activity-box .act-past .past-list div {
  height: 300px;
  width: 100%;
  padding: 20px;
}
.page.conference.conference-summary .conference-pc .activity-box .act-past .past-list div h4 {
  color: #FC5F3A;
  font-weight: 500;
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 20px;
}
.page.conference.conference-summary .conference-pc .activity-box .act-past .past-list div h5 {
  color: #191140;
  font-size: 18px;
  font-weight: 500;
  margin-top: 14px;
}
.page.conference.conference-summary .conference-pc .activity-box .act-past .past-list div h6 {
  color: #65697F;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}
.page.conference.conference-summary .conference-pc .activity-box .act-past .past-list.no-left {
  margin-left: 0;
}
.page.conference.conference-summary .conference-pc .past-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_guest.png) no-repeat;
  background-size: 100% 100%;
}
.page.conference.conference-summary .conference-pc .value-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_image.png) no-repeat;
  background-size: 100% 100%;
}
.page.conference.conference-summary .conference-pc .value-box .act-past {
  padding: 70px 10px 50px;
  overflow: hidden;
}
.page.conference.conference-summary .conference-pc .value-box .act-past .act-section-title {
  float: left;
  width: 100%;
  margin-top: 40px;
}
.page.conference.conference-summary .conference-pc .value-box .act-past .past-list {
  width: 23.5%;
  float: left;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  margin-bottom: 50px;
  margin-left: 2%;
}
.page.conference.conference-summary .conference-pc .value-box .act-past .past-list img {
  width: 100%;
}
.page.conference.conference-summary .conference-pc .value-box .act-past .past-list div {
  height: 280px;
  width: 100%;
  padding: 0 20px;
}
.page.conference.conference-summary .conference-pc .value-box .act-past .past-list div h4 {
  color: #FC5F3A;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  margin-top: 0;
  margin-bottom: 20px;
}
.page.conference.conference-summary .conference-pc .value-box .act-past .past-list div h6 {
  color: #65697F;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}
.page.conference.conference-summary .conference-pc .value-box .act-past .past-list.no-left {
  margin-left: 0;
}
.page.conference.conference-summary .conference-pc .evaluate-box {
  background-size: 100% 100%;
}
.page.conference.conference-summary .conference-pc .act-evaluate {
  padding: 70px 0 0px 0;
}
.page.conference.conference-summary .conference-pc .guest-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_download.png) no-repeat;
  background-size: 100%;
}
@media screen and (max-width: 1024px) {
  .page.conference.conference-summary .conference-pc .value-box .act-past,
  .page.conference.conference-summary .conference-pc .activity-box .act-past {
    padding: 70px 40px 50px;
  }
}
@media screen and (max-width: 768px) {
  .page.conference.conference-summary .conference-pc .activity-box .act-past {
    padding: 70px 40px 50px;
  }
  .page.conference.conference-summary .conference-pc .value-box .act-past .past-list div h4 {
    font-size: 14px;
    line-height: 22px;
  }
  .page.conference.conference-summary .conference-pc .value-box .act-past .past-list div h6 {
    font-size: 12px;
  }
  .page.conference.conference-summary .conference-pc .act-evaluate .content {
    padding: 8px 50px;
  }
  .page.conference.conference-summary .conference-pc .act-evaluate .content .slide .swiper-container .swiper-slide span {
    padding-top: 18px;
  }
}
.page.conference.conference-summary .conference-mobile .act-banner-mobile strong {
  background: url(../../../vassets/images/home_v3/activity/conference-summary/banner_Home_word.png) no-repeat;
  background-size: 100%;
  top: 40%;
}
.page.conference.conference-summary .conference-mobile .evaluate-box {
  background-size: 100% 100%;
}
.page.conference.conference-summary .conference-mobile .act-intro-mobile {
  padding: 80px 20px 40px;
}
.page.conference.conference-summary .conference-mobile .guest-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_download.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-summary .conference-mobile .activity-box {
  background-color: #F8F8F8;
}
.page.conference.conference-summary .conference-mobile .activity-box .slide-theme .conference-theme {
  width: 90%;
  height: 500px;
}
.page.conference.conference-summary .conference-mobile .activity-box .slide-theme .conference-theme .swiper-slide img {
  width: 100%;
  height: auto;
  margin: 0;
}
.page.conference.conference-summary .conference-mobile .activity-box .slide-theme .conference-theme .swiper-slide .act-theme-item-content {
  height: 300px;
  width: 100%;
  padding: 20px;
  height: auto;
}
.page.conference.conference-summary .conference-mobile .activity-box .slide-theme .conference-theme .swiper-slide .act-theme-item-content h4 {
  color: #FC5F3A;
  font-weight: 500;
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 20px;
}
.page.conference.conference-summary .conference-mobile .activity-box .slide-theme .conference-theme .swiper-slide .act-theme-item-content h5 {
  color: #191140;
  font-size: 18px;
  font-weight: 500;
  margin-top: 14px;
}
.page.conference.conference-summary .conference-mobile .activity-box .slide-theme .conference-theme .swiper-slide .act-theme-item-content h6 {
  color: #65697F;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}
.page.conference.conference-summary .conference-mobile .past-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_guest.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-summary .conference-mobile .value-box .slide-theme .conference-theme {
  width: 90%;
  height: 460px;
}
.page.conference.conference-summary .conference-mobile .value-box .slide-theme .conference-theme .swiper-slide img {
  width: 100%;
  height: auto;
  margin: 0;
}
.page.conference.conference-summary .conference-mobile .value-box .slide-theme .conference-theme .swiper-slide .act-theme-item-content {
  height: 280px;
  width: 100%;
  padding: 0 20px;
  height: auto;
}
.page.conference.conference-summary .conference-mobile .value-box .slide-theme .conference-theme .swiper-slide .act-theme-item-content h4 {
  color: #191140;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  margin-top: 0;
  margin-bottom: 20px;
}
.page.conference.conference-summary .conference-mobile .value-box .slide-theme .conference-theme .swiper-slide .act-theme-item-content h6 {
  color: #65697F;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}
.page.conference.conference-19-bj .conference-pc .data-box {
  background-size: 1440px;
  background-position: center 0%;
}
.page.conference.conference-19-bj .conference-pc .data-box .act-data {
  height: auto;
  padding-bottom: 20px;
}
.page.conference.conference-19-bj .conference-pc .data-box .act-data .tab-content .tab-content-left {
  padding-top: 90px;
}
.page.conference.conference-19-bj .conference-pc .act-banner i {
  background: url(../../../vassets/images/home_v3/activity/conference-19bj/bg_pc.png) no-repeat;
  background-size: 100% 100%;
}
.page.conference.conference-19-bj .conference-pc .act-banner strong {
  background: url(../../../vassets/images/home_v3/activity/conference-19bj/banner_Home_word.png) no-repeat;
  background-size: 100%;
  margin-left: -25%;
  width: 50%;
  top: 28%;
}
.page.conference.conference-19-bj .conference-mobile .act-banner-mobile i {
  background: url(../../../vassets/images/home_v3/activity/conference-19bj/bg_mobile.png) no-repeat;
  background-size: 100% 100%;
}
.page.conference.conference-19-bj .conference-mobile .act-banner-mobile strong {
  background: url(../../../vassets/images/home_v3/activity/conference-19bj/banner_Home_word_mobile.png) no-repeat;
  background-size: 100%;
  top: 12%;
  height: 80%;
}
.page.conference.conference-19-bj .conference-mobile .act-section.act-data-mobile ul li {
  width: 24%;
}
.page.video-detail {
  background-color: #F8F8F8;
}
.page.video-detail .video-detail-box {
  width: 1130px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px;
}
.page.video-detail .video-detail-box .topleft {
  width: 860px;
  height: 620px;
  float: left;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
}
.page.video-detail .video-detail-box .topleft .topleft-video {
  height: 490px;
  width: 860px;
  position: relative;
}
.page.video-detail .video-detail-box .topleft .topleft-video img {
  height: 490px;
  width: 860px;
  position: absolute;
  left: 0;
  top: 0;
}
.page.video-detail .video-detail-box .topleft .topleft-video i {
  height: 490px;
  width: 860px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000000;
}
.page.video-detail .video-detail-box .topleft .topleft-video span {
  height: 80px;
  width: 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -40px;
  margin-left: -40px;
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_play_default.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.page.video-detail .video-detail-box .topleft .topleft-video span:hover {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_play_selected.png) no-repeat;
  background-size: 100%;
}
.page.video-detail .video-detail-box .topleft .topleft-video p {
  width: 100%;
  text-align: center;
  position: absolute;
  font-size: 24px;
  top: 46%;
  color: #fc5f3a;
  display: none;
}
.page.video-detail .video-detail-box .topleft .topleft-video .vjs-poster,
.page.video-detail .video-detail-box .topleft .topleft-video .vjs-big-play-centered .vjs-big-play-button {
  display: none;
}
.page.video-detail .video-detail-box .topleft .topleft-text {
  padding: 20px 25px 0px 20px;
  position: relative;
}
.page.video-detail .video-detail-box .topleft .topleft-text p {
  color: #191140;
  font-size: 28px;
  font-weight: 500;
}
.page.video-detail .video-detail-box .topleft .topleft-text span {
  color: #65697F;
  font-size: 16px;
  margin-right: 24px;
}
.page.video-detail .video-detail-box .topleft .topleft-text div {
  position: absolute;
  right: 30px;
  top: 60px;
  color: #65697F;
  font-size: 16px;
}
.page.video-detail .video-detail-box .topleft .topleft-text div img {
  width: 42px;
  height: 42px;
  cursor: pointer;
}
.page.video-detail .video-detail-box .topright {
  min-height: 619px;
  width: 249px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  float: right;
  padding: 20px 20px 0px 20px;
}
.page.video-detail .video-detail-box .topright p {
  color: #191140;
  font-size: 24px;
  font-weight: 500;
  line-height: 33px;
  margin-bottom: 10px;
}
.page.video-detail .video-detail-box .topright .push-list {
  margin-bottom: 30px;
  position: relative;
}
.page.video-detail .video-detail-box .topright .push-list a {
  width: 209px;
  display: block;
}
.page.video-detail .video-detail-box .topright .push-list a img {
  height: 133px;
  width: 209px;
  background-color: #BAB7C5;
}
.page.video-detail .video-detail-box .topright .push-list a i {
  display: none;
  height: 52px;
  width: 52px;
  position: absolute;
  left: 50%;
  top: 16%;
  margin-left: -26px;
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_play_default.png) no-repeat;
  background-size: 100%;
}
.page.video-detail .video-detail-box .topright .push-list a p {
  color: #191140;
  font-size: 16px;
  line-height: 24px;
  margin: 15px 0 5px 0;
}
.page.video-detail .video-detail-box .topright .push-list a span {
  color: #65697F;
  font-size: 14px;
  line-height: 24px;
}
.page.video-detail .video-detail-box .topright .push-list:hover {
  cursor: pointer;
}
.page.video-detail .video-detail-box .topright .push-list:hover a,
.page.video-detail .video-detail-box .topright .push-list:hover i {
  display: block;
}
.page.video-detail .video-detail-box .bottomleft {
  height: 550px;
  width: 860px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  float: left;
  margin-top: 20px;
  padding: 20px 20px 20px 20px;
  color: #65697F;
  font-size: 14px;
  line-height: 24px;
}
.page.video-detail .video-detail-box .bottomleft div {
  color: #191140;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}
.page.video-detail .video-detail-box .bottomleft p {
  margin: 50px 0 20px 0;
  color: #191140;
  font-size: 24px;
  font-weight: 500;
}
.page.video-detail .video-detail-box .bottomleft p a {
  cursor: pointer;
  color: #fc5f3a;
}
.page.video-detail .video-detail-box .bottomright {
  height: 550px;
  width: 248px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  float: right;
  margin-top: 20px;
  padding: 20px;
}
.page.video-detail .video-detail-box .bottomright p {
  color: #191140;
  font-size: 24px;
  font-weight: 500;
  line-height: 33px;
  margin-bottom: 30px;
}
.page.video-detail .video-detail-box .bottomright img {
  height: 110px;
  width: 110px;
  margin: 0 auto;
  display: block;
}
.page.video-detail .video-detail-box .bottomright h5 {
  text-align: center;
  color: #191140;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
}
.page.video-detail .video-detail-box .bottomright h6 {
  text-align: center;
  color: #191140;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 30px;
}
.page.video-detail .video-detail-box .bottomright span {
  color: #65697F;
  font-size: 14px;
  line-height: 20px;
}
.page.video-detail .footer .container {
  width: 1031px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}
.page.video-detail .footer .container .foot-list {
  width: 30%;
}
.page.video-detail .footer .container .foot-list p {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 20px;
  margin: 0 0 20px 0;
}
.page.video-detail .footer .container .foot-list span {
  font-size: 16px;
  line-height: 30px;
  color: #FFFFFF;
}
.page.video-detail .footer .container .foot-list img {
  float: left;
  height: 100px;
  width: 100px;
  background-color: #D8D8D8;
}
.page.video-detail .footer .container .foot-left {
  width: 272px;
  float: left;
}
.page.video-detail .footer .container .foot-center {
  width: 272px;
  float: left;
  margin: 0 100px 0 140px;
}
.page.video-detail .footer .container .foot-center p {
  margin: 0 0 10px 0;
}
.page.video-detail .footer .container .foot-center span {
  line-height: 40px;
}
.page.video-detail .footer .container .foot-center a {
  color: #fc5f3a;
}
.page.video-detail .footer .container .foot-right {
  float: right;
  width: 245px;
}
.page.video-detail .footer .container .foot-right img:nth-child(2),
.page.video-detail .footer .container .foot-right span:nth-child(4) {
  margin-right: 45px;
}
.page.video-detail .footer .container .foot-right span {
  width: 100px;
  display: block;
  float: left;
  text-align: center;
  line-height: 50px;
}
.page.video-detail .footer .container .copyright {
  width: 100%;
  float: left;
}
@media screen and (max-width: 1024px) {
  .page.video-detail .video-detail-box {
    width: 100%;
    padding: 100px 30px;
  }
  .page.video-detail .video-detail-box .topleft {
    width: 70%;
    height: 620px;
  }
  .page.video-detail .video-detail-box .topleft .topleft-video {
    height: 490px;
    width: 100%;
  }
  .page.video-detail .video-detail-box .topleft .topleft-video img {
    height: 490px;
    width: 100%;
  }
  .page.video-detail .video-detail-box .topleft .topleft-video i {
    height: 490px;
    width: 100%;
  }
  .page.video-detail .video-detail-box .topleft .topleft-video span {
    height: 80px;
    width: 80px;
  }
  .page.video-detail .video-detail-box .bottomleft {
    height: 510px;
    width: 70%;
  }
  .page.video-detail .footer {
    min-width: 0;
  }
  .page.video-detail .footer .container {
    padding: 50px;
  }
  .page.video-detail .footer .container .foot-left {
    width: 200px;
  }
  .page.video-detail .footer .container .foot-center {
    width: 250px;
    margin: 0 80px 0 140px;
  }
}
@media screen and (max-width: 768px) {
  .page.video-detail .video-detail-box .topleft {
    width: 100%;
    float: none;
    margin: 0 auto;
  }
  .page.video-detail .video-detail-box .topright {
    width: 100%;
    margin: 30px 0 0;
  }
  .page.video-detail .video-detail-box .topright .push-list {
    margin: 0 auto 50px;
    width: 90%;
    text-align: center;
  }
  .page.video-detail .video-detail-box .topright .push-list a {
    margin: 0 auto;
  }
  .page.video-detail .video-detail-box .bottomleft,
  .page.video-detail .video-detail-box .bottomright {
    width: 100%;
    height: auto;
  }
  .page.video-detail .footer {
    min-width: 0;
  }
  .page.video-detail .footer .container {
    width: 100%;
    padding: 50px;
  }
  .page.video-detail .footer .container .foot-left,
  .page.video-detail .footer .container .foot-center,
  .page.video-detail .footer .container .foot-right {
    width: 60%;
    float: none;
    margin: 40px auto;
  }
  .page.video-detail .footer .container .foot-right img:nth-child(2),
  .page.video-detail .footer .container .foot-right span:nth-child(4) {
    margin-right: 80px;
  }
}
@media screen and (max-width: 767px) {
  .page.video-detail .video-detail-box .topleft {
    height: auto;
    overflow: hidden;
  }
  .page.video-detail .video-detail-box .topleft .topleft-video {
    height: 200px;
  }
  .page.video-detail .video-detail-box .topleft .topleft-video img {
    height: 200px;
  }
  .page.video-detail .video-detail-box .topleft .topleft-video i {
    height: 200px;
  }
  .page.video-detail .video-detail-box .topleft .topleft-video p {
    font-size: 14px;
  }
  .page.video-detail .video-detail-box .topleft .topleft-text p {
    font-size: 18px;
  }
  .page.video-detail .video-detail-box .topleft .topleft-text span {
    font-size: 10px;
  }
  .page.video-detail .video-detail-box .topleft .topleft-text div {
    float: right;
    margin: 20px 0 20px;
    position: static;
  }
  .page.video-detail .footer .container .foot-left,
  .page.video-detail .footer .container .foot-center,
  .page.video-detail .footer .container .foot-right {
    width: 90%;
    float: none;
    margin: 40px auto;
  }
  .page.video-detail .footer .container .foot-right img:nth-child(2),
  .page.video-detail .footer .container .foot-right span:nth-child(4) {
    margin-right: 40px;
  }
}
.page.live .navbar .has-banner .top-banner-box {
  display: none;
}
.page.live .content {
  margin-top: 70px;
  padding: 20px 0 40px;
}
.page.live .content .container {
  padding-right: 70px;
  padding-left: 70px;
}
.page.live .content .live-box {
  position: relative;
}
.page.live .content .live-box #remainTime {
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  color: #fc5f3a;
  z-index: 97;
  background-color: rgba(0, 0, 0, 0.6);
}
.page.live .content .live-box #remainTime span {
  margin-top: 22%;
  display: block;
  font-size: 30px;
}
.page.live .content .live-box .live-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.page.live .content .live-box .live-cover {
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 2;
}
.page.live .content .live-box .live-btn {
  height: 80px;
  width: 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 4;
  margin-top: -40px;
  margin-left: -40px;
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_play_default.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.page.live .content .live-box .live-btn:hover {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_play_selected.png) no-repeat;
  background-size: 100%;
}
.page.live .content .live-box .live-time {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.page.live .content .live-box .live-time-day {
  margin: 0 auto;
  background-color: #2999d9;
  color: #F8F8F8;
  width: 30%;
  text-align: center;
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  border-radius: 5px;
}
@media (min-width: 1200px) {
  .page.live .content .live-box .live-time-day {
    font-size: 40px;
  }
  .page.live .content .live-box .live-time-day span {
    font-size: 50px;
  }
}
@media (max-width: 1200px) and (min-width: 768px) {
  .page.live .content .live-box .live-time-day {
    font-size: 30px;
  }
  .page.live .content .live-box .live-time-day span {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .page.live .content .live-box .live-time-day {
    font-size: 4vw;
  }
  .page.live .content .live-box .live-time-day span {
    font-size: 5vw;
  }
}
.page.live .content .live-box .live-time-countDown-box {
  background-color: #141414;
  width: 50%;
  height: 30%;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  border-radius: 5px;
}
.page.live .content .live-box .live-time-countDown-box .live-time-number-box {
  width: 80%;
  height: 50%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.page.live .content .live-box .live-time-countDown-box .live-time-number-box .live-time-number {
  display: inline-block;
  background-color: #343434;
  border-radius: 10px;
  color: #F8F8F8;
  height: 100%;
  text-align: center;
}
@media (min-width: 1200px) {
  .page.live .content .live-box .live-time-countDown-box .live-time-number-box .live-time-number {
    width: 14.44%;
    font-size: 60px;
  }
}
@media (max-width: 1200px) and (min-width: 768px) {
  .page.live .content .live-box .live-time-countDown-box .live-time-number-box .live-time-number {
    font-size: 50px;
    width: 13%;
  }
}
@media (max-width: 767px) {
  .page.live .content .live-box .live-time-countDown-box .live-time-number-box .live-time-number {
    width: 12.2%;
    font-size: 6vw;
    border-radius: 1vw;
  }
}
.page.live .content .live-box .live-time-countDown-box .live-time-number-box .live-time-split {
  color: #343434;
  display: inline-block;
  height: 100%;
  vertical-align: super;
  line-height: 1;
}
@media (min-width: 1200px) {
  .page.live .content .live-box .live-time-countDown-box .live-time-number-box .live-time-split {
    font-size: 50px;
  }
}
@media (max-width: 1200px) and (min-width: 768px) {
  .page.live .content .live-box .live-time-countDown-box .live-time-number-box .live-time-split {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .page.live .content .live-box .live-time-countDown-box .live-time-number-box .live-time-split {
    font-size: 4vw;
  }
}
.page.live .content .live-box .vjs-poster,
.page.live .content .live-box .vjs-big-play-centered .vjs-big-play-button {
  display: none;
}
.page.live .content .live-detail {
  background: #EEE;
  padding: 20px 30px;
  position: relative;
}
.page.live .content .live-detail p {
  margin: 0 0 16px 0;
  font-size: 20px;
  font-weight: 500;
}
.page.live .content .live-detail span {
  font-size: 14px;
  color: #52556C;
}
.page.live .content .live-detail div {
  position: absolute;
  right: 30px;
  top: 20px;
  width: 60px;
  text-align: center;
  cursor: pointer;
}
.page.live .content .live-detail div a {
  width: 120px;
  height: 120px;
  display: none;
  position: absolute;
  left: -30px;
  top: -140px;
  z-index: 101;
  background: url(../../../vassets/images/home_v3/activity/conference-summary/share-code.png) no-repeat;
  background-size: 100%;
}
.page.live .content .live-detail div:hover a {
  display: block;
}
.page.live .content .live-detail div img {
  width: 30px;
  display: block;
  margin: 0 15px 12px;
}
.page.live .content .live-detail div i {
  font-style: normal;
  font-size: 12px;
  color: #999;
}
.page.live .content .live-nav {
  background: #F9F9F9;
  margin-top: 20px;
}
.page.live .content .live-nav .tab-box {
  overflow: hidden;
  background: #EEEEEE;
}
.page.live .content .live-nav .tab-box li {
  text-align: center;
  height: 60px;
  line-height: 60px;
  padding-right: 0px;
  padding-left: 0px;
}
.page.live .content .live-nav .tab-box li a {
  color: #191140;
  font-size: 16px;
}
.page.live .content .live-nav .tab-box li.active::before {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: auto;
  bottom: 0;
  width: 0;
  height: 0;
  border-width: 0 10px 10px;
  border-style: solid;
  border-color: transparent transparent #FFF;
}
.page.live .content .live-nav .tab-content {
  height: 400px;
  padding: 30px 20px;
  color: #52556C;
  font-size: 14px;
  overflow: auto;
  line-height: 32px;
}
.page.live .content .live-nav .tab-content .tab-pane {
  height: 100%;
  overflow-y: auto;
}
.page.live .content .live-nav .tab-content a {
  text-decoration: underline;
  color: #fc5f3a;
  cursor: pointer;
}
.page.live .content .live-nav .tab-content img {
  display: block;
  margin: 0 auto 30px;
  width: 200px;
}
.page.live .footer .container {
  width: 1031px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}
.page.live .footer .container .foot-list {
  width: 30%;
}
.page.live .footer .container .foot-list p {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 20px;
  margin: 0 0 20px 0;
}
.page.live .footer .container .foot-list span {
  font-size: 16px;
  line-height: 30px;
  color: #FFFFFF;
}
.page.live .footer .container .foot-list img {
  float: left;
  height: 100px;
  width: 100px;
  background-color: #D8D8D8;
}
.page.live .footer .container .foot-left {
  width: 272px;
  float: left;
}
.page.live .footer .container .foot-center {
  width: 272px;
  float: left;
  margin: 0 100px 0 140px;
}
.page.live .footer .container .foot-center p {
  margin: 0 0 10px 0;
}
.page.live .footer .container .foot-center span {
  line-height: 40px;
}
.page.live .footer .container .foot-center a {
  color: #fc5f3a;
}
.page.live .footer .container .foot-right {
  float: right;
  width: 245px;
}
.page.live .footer .container .foot-right img:nth-child(2),
.page.live .footer .container .foot-right span:nth-child(4) {
  margin-right: 45px;
}
.page.live .footer .container .foot-right span {
  width: 100px;
  display: block;
  float: left;
  text-align: center;
  line-height: 50px;
}
.page.live .footer .container .copyright {
  width: 100%;
  float: left;
}
@media screen and (max-width: 1024px) {
  .page.live .content .container {
    padding-right: 0;
    padding-left: 0;
  }
  .page.live .footer {
    min-width: 0;
  }
  .page.live .footer .container {
    padding: 50px;
  }
  .page.live .footer .container .foot-left {
    width: 200px;
  }
  .page.live .footer .container .foot-center {
    width: 250px;
    margin: 0 80px 0 140px;
  }
}
@media screen and (max-width: 768px) {
  .page.live .content .container {
    padding-right: 0;
    padding-left: 0;
  }
  .page.live .footer {
    min-width: 0;
  }
  .page.live .footer .container {
    width: 100%;
    padding: 50px;
  }
  .page.live .footer .container .foot-left,
  .page.live .footer .container .foot-center,
  .page.live .footer .container .foot-right {
    width: 60%;
    float: none;
    margin: 40px auto;
  }
  .page.live .footer .container .foot-right img:nth-child(2),
  .page.live .footer .container .foot-right span:nth-child(4) {
    margin-right: 80px;
  }
}
@media screen and (max-width: 767px) {
  .page.live .header,
  .page.live .live-detail,
  .page.live .footer {
    display: none;
  }
  .page.live .content .container {
    padding-right: 0;
    padding-left: 0;
  }
  .page.live .content {
    margin-top: 0;
    padding: 0;
  }
  .page.live .content .live-nav {
    margin-top: 0;
  }
  .page.live .content .live-nav .tab-box li a {
    font-size: 14px;
  }
  .page.live .content .live-box #remainTime span {
    margin-top: 20%;
    font-size: 20px;
  }
  .page.live .footer .container .foot-left,
  .page.live .footer .container .foot-center,
  .page.live .footer .container .foot-right {
    width: 90%;
    float: none;
    margin: 40px auto;
  }
  .page.live .footer .container .foot-right img:nth-child(2),
  .page.live .footer .container .foot-right span:nth-child(4) {
    margin-right: 40px;
  }
}
.productsAnalysisk .conference-pc .navbar {
  width: 100%;
  position: fixed;
  background: transparent;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 0px;
}
.productsAnalysisk .conference-pc .act-banner {
  position: relative;
  max-width: inherit;
}
.productsAnalysisk .conference-pc .act-banner i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(25, 17, 64, 0.6);
}
.productsAnalysisk .conference-pc .act-banner strong {
  position: absolute;
  left: 50%;
  margin-left: -15%;
  width: 30%;
  height: 70%;
  background: url(../../../vassets/images/home_v3/gio_video_desc.png) no-repeat;
  background-size: 100%;
  top: 35%;
}
@media screen and (min-width: 768px) {
  .productsAnalysisk .conference-pc .act-banner {
    min-width: auto;
  }
}
@media screen and (max-width: 767px) {
  .productsAnalysisk .conference-pc .act-banner strong {
    top: 40%;
    position: absolute;
    left: 50%;
    margin-left: -40%;
    width: 80%;
    height: 70%;
  }
}
.page.conference {
  margin-top: 0;
}
.page.conference .act-header .navbar-trn {
  background-color: rgba(0, 0, 0, 0.6);
  border-bottom: none;
}
.page.conference .act-header .navbar-trn .container .navbar-header .logo {
  background-image: url(../../../vassets/images/home_v3/gio-logo.png), none;
}
.page.conference .act-header .navbar-trn .container .navbar-nav {
  margin-left: 20px;
}
.page.conference .act-header .navbar-trn .container .navbar-nav li a {
  color: #FFFFFF;
}
@media (min-width: 992px) and (max-width: 1140px) {
  .page.conference .act-header .navbar-trn .container.growth-conference-header .navbar-brand.logo {
    margin-left: 20px;
  }
  .page.conference .act-header .navbar-trn .container.growth-conference-header .navbar-nav.hidden-xs li {
    margin-top: 6px;
  }
  .page.conference .act-header .navbar-trn .container.growth-conference-header .navbar-nav.hidden-xs li a {
    padding: 10px 5px;
  }
}
.page.conference .conference-pc .act-banner {
  max-width: 100%;
  height: 450px;
  min-width: none;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page.conference .conference-pc .act-banner {
    min-width: none;
  }
}
.page.conference .conference-pc .act-banner i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(25, 17, 64, 0.6);
}
.page.conference .conference-pc .act-banner strong {
  position: absolute;
  left: 50%;
  top: 32%;
  margin-left: -15%;
  width: 30%;
  height: 70%;
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/banner_Home_word.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .act-section {
  color: #65697F;
  font-size: 20px;
  line-height: 30px;
  padding: 70px 0 0 0;
}
.page.conference .conference-pc .act-section h2 {
  color: #191140;
  font-size: 32px;
  font-weight: 500;
}
.page.conference .conference-pc .act-section .act-section-title:before,
.page.conference .conference-pc .act-section .act-section-title:after {
  display: none;
}
.page.conference .conference-pc .act-intro {
  padding: 70px 0 0;
  color: #65697F;
  font-size: 20px;
  line-height: 30px;
}
.page.conference .conference-pc .act-intro h2 {
  color: #191140;
  font-size: 32px;
  font-weight: 500;
  margin-top: 40px;
}
.page.conference .conference-pc .act-intro .act-intro-item {
  margin-bottom: 0;
  text-align: justify;
}
.page.conference .conference-pc .act-theme {
  width: 1140px;
  margin: 100px auto 0;
  overflow: hidden;
}
.page.conference .conference-pc .act-theme .act-theme-item {
  width: 25%;
  float: left;
}
.page.conference .conference-pc .act-theme .act-theme-item img {
  width: 132px;
  height: 137px;
  margin: 0 auto;
  display: block;
}
.page.conference .conference-pc .act-theme .act-theme-item .act-theme-item-title {
  color: #191140;
  font-size: 24px;
  font-weight: 500;
  margin: 50px 0 20px;
  text-align: center;
}
.page.conference .conference-pc .act-theme .act-theme-item .act-theme-item-content {
  color: #65697F;
  font-size: 16px;
  line-height: 30px;
  text-align: justify;
}
.page.conference .conference-pc .act-theme .act-theme-item:nth-child(2) {
  margin: 0 12.5%;
}
.page.conference .conference-pc .guest-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_guest.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .act-guest {
  overflow: hidden;
}
.page.conference .conference-pc .act-guest .act-guest-title {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 40px;
}
.page.conference .conference-pc .act-guest .item {
  float: left;
}
.page.conference .conference-pc .act-guest .item img {
  margin: 0 auto;
  display: block;
}
.page.conference .conference-pc .act-guest .item .act-guest-item-title {
  text-align: center;
  color: #191140;
  font-size: 22px;
  margin: 20px 0 10px;
}
.page.conference .conference-pc .act-guest .item .act-guest-item-content {
  color: #FC5F3A;
  text-align: center;
  font-size: 18px;
}
.page.conference .conference-pc .act-guest .item .act-guest-item-d {
  color: #65697F;
  font-size: 14px;
  text-align: center;
  margin-top: 10px;
  line-height: 20px;
  opacity: 0;
}
.page.conference .conference-pc .act-guest .item.no-right {
  margin-right: 0;
}
.page.conference .conference-pc .act-guest .item:hover .act-guest-item-d {
  opacity: 1;
  transition: opacity 0.5s ease;
}
.page.conference .conference-pc .act-guest .item:hover img {
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.2);
  transform: scale(1.04, 1.04);
  transition: all 0.3s ease;
}
.page.conference .conference-pc .act-guest .act-guest-item-big {
  width: 25%;
  height: 420px;
  margin-right: 12.5%;
}
.page.conference .conference-pc .act-guest .act-guest-item-big img {
  height: 240px;
  width: 240px;
  border-radius: 240px;
}
.page.conference .conference-pc .act-guest .act-guest-item {
  width: 19%;
  height: 350px;
  margin-right: 8%;
}
.page.conference .conference-pc .act-guest .act-guest-item img {
  height: 170px;
  width: 170px;
  border-radius: 170px;
}
.page.conference .conference-pc .data-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_download.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .act-data {
  width: 1140px;
  overflow: hidden;
  margin: 0 auto;
  height: 1100px;
  padding-bottom: 60px;
}
.page.conference .conference-pc .act-data .act-data-title {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 40px;
}
.page.conference .conference-pc .act-data ul li {
  float: left;
  height: 60px;
  width: 214px;
  border: 2px solid rgba(166, 163, 181, 0.3);
  border-radius: 30.5px;
  text-align: center;
  line-height: 60px;
  margin-right: 90px;
}
.page.conference .conference-pc .act-data ul li:nth-child(4) {
  margin-right: 0;
}
.page.conference .conference-pc .act-data ul li:hover,
.page.conference .conference-pc .act-data ul li.active {
  border: 2px solid rgba(252, 95, 58, 0.3);
}
.page.conference .conference-pc .act-data ul li:hover a,
.page.conference .conference-pc .act-data ul li.active a {
  color: #fc5f3a;
}
.page.conference .conference-pc .act-data ul li a {
  color: #65697F;
  font-size: 22px;
  display: block;
  width: 100%;
  height: auto;
  line-height: 20px;
  padding: 18px 0px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-left {
  width: 14%;
  float: left;
  text-align: center;
  margin-right: 6%;
  padding-top: 100px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-left span {
  display: block;
  text-align: center;
  color: #65697F;
  font-size: 20px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-left i {
  display: inline-block;
  width: 2px;
  height: 105px;
  background: #A6A3B5;
  margin: 20px 0;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right {
  width: 80%;
  float: left;
  padding-top: 40px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list {
  height: 130px;
  width: 99%;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 8px 0 rgba(47, 67, 82, 0.1);
  margin-bottom: 50px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list.special-agenda {
  height: 466px;
  padding-right: 33px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list.special-agenda h5 {
  margin-bottom: 26px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list.special-agenda .text {
  width: 678px;
  margin-left: 30px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list.special-agenda .text .guest {
  width: 25%;
  text-align: center;
  float: left;
  margin-bottom: 40px;
  position: relative;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list.special-agenda .text .guest img {
  width: 68px;
  height: 68px;
  margin-bottom: 15px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list.special-agenda .text .guest .compere {
  position: absolute;
  width: 100%;
  top: 42px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list.special-agenda .text .guest .compere span {
  background: #FC6541;
  border-radius: 9px;
  width: 68px;
  height: 18px;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  display: inline-block;
  line-height: 18px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list.special-agenda .text .guest .name {
  width: auto;
  font-size: 20px;
  color: #191140;
  text-align: center;
  margin-bottom: 4px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list.special-agenda .text .guest .desc {
  width: auto;
  font-size: 14px;
  color: #65697F;
  text-align: center;
  line-height: 20px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list.special-agenda .icon {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list.special-agenda .icon a {
  margin: 0;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .head {
  width: 90px;
  height: 90px;
  border-radius: 90px;
  float: left;
  margin: 20px 20px 20px 30px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .text {
  float: left;
  width: 540px;
  margin-top: 20px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .text h5 {
  color: #191140;
  font-size: 20px;
  font-weight: 500;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .text h6 {
  color: #65697F;
  font-size: 18px;
  margin-top: 20px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list:hover {
  box-shadow: 0 18px 20px 0 rgba(47, 67, 82, 0.12);
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list:hover .text h5,
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list:hover .text h6 {
  color: #FC5F3A;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list a {
  width: 42px;
  height: 42px;
  float: right;
  margin: 44px 0;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list a:nth-child(3) {
  margin: 44px 33px 0 20px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .video-icon,
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .ppt-icon {
  width: 42px;
  height: 42px;
  border-radius: 42px;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .video-icon {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_video_default.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .video-icon:hover {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_video_selected.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .ppt-icon {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_PPT_default.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .ppt-icon:hover {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_PPT_selected.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .ppt-icon.cant-select {
  cursor: auto;
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_PPT_disabled.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .ppt-icon.cant-select:hover {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_PPT_disabled.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .video-icon.cant-select {
  cursor: auto;
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_video_disabled.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .video-icon.cant-select:hover {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_video_disabled.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .evaluate-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_evaluate.png) no-repeat;
  background-size: 100% 99%;
}
.page.conference .conference-pc .act-evaluate {
  overflow: hidden;
  margin: 0 auto;
  padding: 70px 0 9px 0;
}
.page.conference .conference-pc .act-evaluate .act-evaluate-title {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 50px;
}
.page.conference .conference-pc .act-evaluate .content {
  width: 982px;
  height: 656px;
  margin: 0 auto;
}
.page.conference .conference-pc .act-evaluate .content .slide {
  width: 521px;
  height: 333px;
  position: relative;
  float: right;
  margin-top: 145px;
}
.page.conference .conference-pc .act-evaluate .content .slide .swiper-container {
  width: 521px;
  height: 333px;
  border-radius: 30px;
  background-color: #FFFFFF;
  box-shadow: 0 15px 30px 0 rgba(47, 67, 82, 0.1);
}
.page.conference .conference-pc .act-evaluate .content .slide .swiper-container .swiper-slide {
  border-radius: 30px;
}
.page.conference .conference-pc .act-evaluate .content .slide .swiper-container .swiper-slide span,
.page.conference .conference-pc .act-evaluate .content .slide .swiper-container .swiper-slide p {
  display: block;
  margin: 0 auto;
  width: 80%;
  color: #65697F;
  font-size: 16px;
  height: 50%;
  line-height: 22px;
  padding-top: 60px;
}
.page.conference .conference-pc .act-evaluate .content .slide .swiper-container .swiper-slide p {
  border-bottom: 2px solid #A6A2B6;
  padding-top: 50px;
}
.page.conference .conference-pc .act-evaluate .content .slide .swiper-pagination {
  width: 100%;
}
.page.conference .conference-pc .act-evaluate .content .slide .swiper-pagination .swiper-pagination-bullet {
  margin: 30px 10px;
}
.page.conference .conference-pc .act-evaluate .content .slide .swiper-pagination .swiper-pagination-bullet-active {
  background: #FC5F3A;
}
.page.conference .conference-pc .act-evaluate .content .slide .swiper-button-next {
  height: 66px;
  width: 66px;
  margin-top: -33px;
  margin-right: -42px;
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_right_default.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .act-evaluate .content .slide .swiper-button-next:hover {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_right_selected.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .act-evaluate .content .slide-left {
  width: 343px;
  height: 622px;
  border-radius: 60px 60px 0 0;
  position: relative;
  float: left;
  overflow: hidden;
  margin-top: 34px;
  box-shadow: 0 0 20px 0 rgba(47, 67, 82, 0.1);
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_phone.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .act-evaluate .content .slide-left .swiper-container-left {
  width: 273px;
  height: 499px;
  margin: 85px auto 0;
  display: block;
  overflow: hidden;
}
.page.conference .conference-pc .act-evaluate .content .slide-left .swiper-container-left .swiper-slide img {
  width: 273px;
  height: 499px;
}
.page.conference .conference-pc .partner-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_image.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-pc .act-news .act-news-title {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 50px;
}
.page.conference .conference-pc .act-news .content {
  width: 88%;
  margin: 0 auto;
}
.page.conference .conference-pc .act-news .content li {
  height: 62px;
  border-bottom: 1px solid rgba(166, 163, 181, 0.7);
  line-height: 62px;
}
.page.conference .conference-pc .act-news .content li a,
.page.conference .conference-pc .act-news .content li span {
  color: #65697F;
  font-size: 18px;
  cursor: pointer;
}
.page.conference .conference-pc .act-news .content li a {
  float: left;
}
.page.conference .conference-pc .act-news .content li a img {
  width: 10px;
  margin: 0 12px 0 0;
}
.page.conference .conference-pc .act-news .content li span {
  float: right;
}
.page.conference .conference-pc .act-news .content li:hover a,
.page.conference .conference-pc .act-news .content li:hover span {
  color: #FC5F3A;
}
.page.conference .conference-pc .act-partner {
  overflow: hidden;
  margin: 0 auto;
  width: 1031px;
  padding-bottom: 60px;
}
.page.conference .conference-pc .act-partner p {
  color: #65697F;
  font-size: 20px;
  font-weight: 500;
  margin: 30px 0 20px 0;
  width: 100%;
  float: left;
}
.page.conference .conference-pc .act-partner .act-partner-title {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 40px;
}
.page.conference .conference-pc .act-partner a {
  float: left;
  width: 150px;
  height: 70px;
  margin-right: 70px;
  margin-bottom: 40px;
  cursor: auto;
}
.page.conference .conference-pc .act-partner a.no-right {
  margin-right: 0;
}
.page.conference .conference-pc .act-partner a img {
  width: 100%;
  height: 100%;
}
.page.conference .conference-pc .past-box {
  background-size: 100% 100%;
  background-color: #F8F8F8;
}
.page.conference .conference-pc .past-box .act-past {
  padding: 70px 10px 50px;
  overflow: hidden;
}
.page.conference .conference-pc .past-box .act-past .act-section-title {
  float: left;
  width: 100%;
  margin-top: 40px;
}
.page.conference .conference-pc .past-box .act-past .past-list {
  width: 22%;
  float: left;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  transition: 0.3s ease-in-out;
  cursor: pointer;
  margin-bottom: 50px;
  margin-right: 4%;
}
.page.conference .conference-pc .past-box .act-past .past-list img {
  width: 100%;
}
.page.conference .conference-pc .past-box .act-past .past-list div {
  height: 80px;
  width: 100%;
  padding-left: 20px;
}
.page.conference .conference-pc .past-box .act-past .past-list div h5 {
  color: #191140;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin-top: 14px;
}
.page.conference .conference-pc .past-box .act-past .past-list div h6 {
  color: #65697F;
  font-size: 16px;
}
.page.conference .conference-pc .past-box .act-past .past-list:hover {
  box-shadow: 0 16px 16px 0 rgba(47, 67, 82, 0.15);
}
.page.conference .conference-pc .past-box .act-past .past-list.no-right {
  margin-right: 0;
}
.page.conference .conference-pc .footer .container {
  width: 1031px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}
.page.conference .conference-pc .footer .container .foot-list {
  width: 30%;
}
.page.conference .conference-pc .footer .container .foot-list p {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 20px;
  margin: 0 0 20px 0;
}
.page.conference .conference-pc .footer .container .foot-list span {
  font-size: 16px;
  line-height: 30px;
  color: #FFFFFF;
}
.page.conference .conference-pc .footer .container .foot-list img {
  float: left;
  height: 100px;
  width: 100px;
  background-color: #D8D8D8;
}
.page.conference .conference-pc .footer .container .foot-left {
  width: 272px;
  float: left;
}
.page.conference .conference-pc .footer .container .foot-center {
  width: 272px;
  float: left;
  margin: 0 100px 0 140px;
}
.page.conference .conference-pc .footer .container .foot-center p {
  margin: 0 0 10px 0;
}
.page.conference .conference-pc .footer .container .foot-center span {
  line-height: 40px;
}
.page.conference .conference-pc .footer .container .foot-center a {
  color: #fc5f3a;
}
.page.conference .conference-pc .footer .container .foot-right {
  float: right;
  width: 245px;
}
.page.conference .conference-pc .footer .container .foot-right img:nth-child(2),
.page.conference .conference-pc .footer .container .foot-right span:nth-child(4) {
  margin-right: 45px;
}
.page.conference .conference-pc .footer .container .foot-right span {
  width: 100px;
  display: block;
  float: left;
  text-align: center;
  line-height: 50px;
}
.page.conference .conference-pc .footer .container .copyright {
  width: 100%;
  float: left;
}
@media screen and (max-width: 1024px) {
  .page.conference .conference-pc .navbar .container .navbar-collapse .nav li.hidden-sm {
    display: block!important;
  }
  .page.conference .conference-pc .navbar .container .navbar-nav.menu-xs .menu-item {
    color: #FC5F3A!important;
  }
  .page.conference .conference-pc .act-banner {
    min-width: 0;
  }
  .page.conference .conference-pc .act-section {
    width: 100%;
    padding: 80px 50px 0;
  }
  .page.conference .conference-pc .act-intro {
    padding: 70px 64px 0;
  }
  .page.conference .conference-pc .act-theme {
    width: 100%;
    padding: 0 50px;
  }
  .page.conference .conference-pc .act-data ul li {
    margin-right: 20px;
  }
  .page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .text {
    width: 420px;
  }
  .page.conference .conference-pc .act-evaluate .content {
    padding: 0 50px;
  }
  .page.conference .conference-pc .act-partner a.no-right {
    margin-right: 70px;
  }
  .page.conference .conference-pc .past-box .act-past {
    padding: 70px 40px 50px;
  }
  .page.conference .conference-pc .footer {
    min-width: 0;
  }
  .page.conference .conference-pc .footer .container {
    padding: 50px;
  }
  .page.conference .conference-pc .footer .container .foot-left {
    width: 200px;
  }
  .page.conference .conference-pc .footer .container .foot-center {
    width: 250px;
    margin: 0 80px 0 140px;
  }
}
@media screen and (max-width: 768px) {
  .page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .text {
    width: 220px;
  }
  .page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .text h5 {
    font-size: 16px;
  }
  .page.conference .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .text h6 {
    font-size: 14px;
  }
  .page.conference .conference-pc .act-data .tab-content .tab-content-left span {
    font-size: 16px;
  }
  .page.conference .conference-pc .act-data ul li {
    width: 150px;
  }
  .page.conference .conference-pc .act-data ul li a {
    font-size: 18px;
  }
  .page.conference .conference-pc .act-evaluate .content {
    width: 100%;
    padding: 0;
    height: 622px;
  }
  .page.conference .conference-pc .act-evaluate .content .slide {
    width: 50%;
    height: 333px;
  }
  .page.conference .conference-pc .act-evaluate .content .slide .swiper-container {
    width: 100%;
    height: 333px;
  }
  .page.conference .conference-pc .act-evaluate .content .slide-left {
    width: 320px;
    height: 580px;
  }
  .page.conference .conference-pc .act-guest .act-guest-item-big img {
    height: 160px;
    width: 160px;
    border-radius: 160px;
  }
  .page.conference .conference-pc .act-guest .act-guest-item img {
    height: 120px;
    width: 120px;
    border-radius: 120px;
  }
  .page.conference .conference-pc .act-news .content li a,
  .page.conference .conference-pc .act-news .content li span {
    font-size: 12px;
  }
  .page.conference .conference-pc .act-partner a.no-right {
    margin-right: 70px;
  }
  .page.conference .conference-pc .past-box .act-past {
    padding: 70px 40px 50px;
  }
  .page.conference .conference-pc .past-box .act-past .past-list div h5 {
    font-size: 18px;
  }
  .page.conference .conference-pc .footer {
    min-width: 0;
  }
  .page.conference .conference-pc .footer .container {
    width: 100%;
    padding: 50px;
  }
  .page.conference .conference-pc .footer .container .foot-left,
  .page.conference .conference-pc .footer .container .foot-center,
  .page.conference .conference-pc .footer .container .foot-right {
    width: 60%;
    float: none;
    margin: 40px auto;
  }
  .page.conference .conference-pc .footer .container .foot-right img:nth-child(2),
  .page.conference .conference-pc .footer .container .foot-right span:nth-child(4) {
    margin-right: 80px;
  }
}
.page.conference .conference-mobile {
  display: none;
  padding-top: 62px;
}
.page.conference .conference-mobile .act-section {
  color: #65697F;
  font-size: 20px;
  line-height: 30px;
  padding: 80px 0 0 0;
  width: 100%;
  padding: 0 20px;
}
.page.conference .conference-mobile .act-section h2 {
  color: #191140;
  font-size: 24px;
  font-weight: 500;
  margin: 0px auto 20px;
}
.page.conference .conference-mobile .act-section .act-section-title:before,
.page.conference .conference-mobile .act-section .act-section-title:after {
  display: none;
}
.page.conference .conference-mobile .act-banner-mobile {
  max-width: 100%;
  min-width: none;
  position: relative;
}
.page.conference .conference-mobile .act-banner-mobile i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(25, 17, 64, 0.6);
}
.page.conference .conference-mobile .act-banner-mobile strong {
  position: absolute;
  left: 50%;
  top: 25%;
  margin-left: -40%;
  width: 80%;
  height: 70%;
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/banner_Home_word.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-mobile .act-intro-mobile {
  width: 100%;
  padding: 80px 20px 0;
  color: #65697F;
  font-size: 14px;
  line-height: 30px;
}
.page.conference .conference-mobile .act-intro-mobile .act-intro-item {
  margin-bottom: 0;
  text-align: justify;
}
.page.conference .conference-mobile .slide-theme {
  width: 100%;
  margin-top: 50px;
}
.page.conference .conference-mobile .slide-theme .conference-theme {
  width: 80%;
  height: 400px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 10px 20px 0 rgba(47, 67, 82, 0.1);
}
.page.conference .conference-mobile .slide-theme .conference-theme .swiper-slide img {
  width: 66px;
  height: 68.5px;
  margin: 40px auto 0;
}
.page.conference .conference-mobile .slide-theme .conference-theme .swiper-slide .act-theme-item-title {
  color: #191140;
  font-size: 16px;
  font-weight: 500;
  margin: 20px 0 20px;
  text-align: center;
}
.page.conference .conference-mobile .slide-theme .conference-theme .swiper-slide .act-theme-item-content {
  color: #65697F;
  font-size: 14px;
  width: 80%;
  margin: 0 auto;
  line-height: 30px;
  text-align: justify;
}
.page.conference .conference-mobile .slide-theme .swiper-pagination-theme {
  width: 100%;
  text-align: center;
}
.page.conference .conference-mobile .slide-theme .swiper-pagination-theme .swiper-pagination-bullet {
  margin: 30px 10px;
}
.page.conference .conference-mobile .slide-theme .swiper-pagination-theme .swiper-pagination-bullet-active {
  background: #FC5F3A;
}
.page.conference .conference-mobile .guest-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_guest.png) no-repeat;
  background-size: 100%;
  background-position: 0 45%;
}
.page.conference .conference-mobile .act-guest {
  overflow: hidden;
  padding: 80px 0 0 0;
}
.page.conference .conference-mobile .act-guest .act-guest-title {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 0;
}
.page.conference .conference-mobile .act-guest .item {
  height: 246px;
}
.page.conference .conference-mobile .act-guest .item img {
  width: 100%;
  border-radius: 100%;
  margin: 0 auto;
  display: block;
}
.page.conference .conference-mobile .act-guest .item .act-guest-item-title {
  text-align: center;
  color: #191140;
  font-size: 16px;
  margin: 10px 0 0px;
}
.page.conference .conference-mobile .act-guest .item .act-guest-item-content {
  color: #FC5F3A;
  text-align: center;
  font-size: 10px;
  line-height: 20px;
}
.page.conference .conference-mobile .data-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_download.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-mobile .act-section.act-data-mobile {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  padding: 80px 20px 0;
}
.page.conference .conference-mobile .act-section.act-data-mobile .act-data-title {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 0;
}
.page.conference .conference-mobile .act-section.act-data-mobile ul li {
  float: left;
  text-align: center;
  padding: 0 10px;
  border-right: 1px solid #65697F;
  height: 20px;
  padding: 0;
  width: 25%;
}
.page.conference .conference-mobile .act-section.act-data-mobile ul li a {
  color: #65697F;
  font-size: 14px;
  display: block;
  width: 100%;
  height: 20px;
  line-height: 20px;
  padding-bottom: 26px;
  width: 90%;
  margin: 0 auto;
}
.page.conference .conference-mobile .act-section.act-data-mobile ul li:nth-child(1) {
  padding: 0 10px 0 0;
  padding: 0;
  width: 16%;
}
.page.conference .conference-mobile .act-section.act-data-mobile ul li:nth-child(4) {
  border-right: none;
  padding: 0;
  width: 34%;
}
.page.conference .conference-mobile .act-section.act-data-mobile ul li.active a {
  color: #FC5F3A;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile {
  margin: 60px auto;
  float: left;
  width: 100%;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 8px 0 rgba(47, 67, 82, 0.1);
  margin-bottom: 30px;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .head {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  float: left;
  margin: 30px 20px 0 30px;
}
@media (max-width: 346px) {
  .page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .head {
    margin: 30px 10px 0 15px;
  }
}
@media (max-width: 320px) {
  .page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .head {
    margin: 30px 10px 0 10px;
  }
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .text {
  float: left;
  width: 65%;
  margin-top: 30px;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .text h5 {
  color: #191140;
  font-size: 14px;
  font-weight: 500;
  margin-top: 0;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .text h6 {
  color: #65697F;
  font-size: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .text h7 {
  color: #65697F;
  font-size: 12px;
  margin-top: 20px;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .text h7:before {
  width: 10px;
  height: 10px;
  display: inline-block;
  content: "";
  margin-right: 8px;
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/image_app_clock.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .video-icon,
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .ppt-icon {
  height: 26px;
  width: 130px;
  margin-top: 20px;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .video-icon {
  float: left;
  margin-left: 35px;
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_app_video.png) no-repeat;
  background-size: 100%;
}
@media (max-width: 370px) {
  .page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .video-icon {
    margin-left: 15px !important;
  }
}
@media (max-width: 338px) {
  .page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .video-icon {
    margin-left: 6px !important;
  }
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .video-icon.disabled {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_app_video_disabled.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .ppt-icon {
  float: right;
  margin-right: 35px;
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_app_PPT.png) no-repeat;
  background-size: 100%;
}
@media (max-width: 370px) {
  .page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .ppt-icon {
    margin-right: 15px !important;
  }
}
@media (max-width: 338px) {
  .page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .ppt-icon {
    margin-right: 6px !important;
  }
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .ppt-icon.disabled {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_app_PPT_disabled.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list.special-agenda {
  height: auto;
  padding: 0px 10px 86px 10px;
  position: relative;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list.special-agenda h5 {
  margin-bottom: 3px;
  text-align: center;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list.special-agenda .text {
  width: 100%;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list.special-agenda .text .guest {
  width: 33.3%;
  text-align: center;
  float: left;
  margin-top: 20px;
  position: relative;
  height: 128px;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list.special-agenda .text .guest img {
  width: 50px;
  height: 50px;
  margin-bottom: 6px;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list.special-agenda .text .guest .compere {
  position: absolute;
  width: 100%;
  top: 26px;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list.special-agenda .text .guest .compere span {
  background: #FC6541;
  border-radius: 9px;
  width: 50px;
  height: 16px;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  display: inline-block;
  line-height: 16px;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list.special-agenda .text .guest .name {
  width: auto;
  font-size: 14px;
  color: #191140;
  text-align: center;
  margin-bottom: 4px;
  line-height: 20px;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list.special-agenda .text .guest .desc {
  width: auto;
  font-size: 12px;
  color: #65697F;
  text-align: center;
  line-height: 16px;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list.special-agenda .icon {
  height: auto;
  position: absolute;
  width: 100%;
  bottom: 30px;
  margin-top: 30px;
}
.page.conference .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list.special-agenda .icon a p.video-icon {
  margin: 0px auto !important;
  float: none;
}
.page.conference .conference-mobile .evaluate-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_evaluate.png) no-repeat;
  background-size: 100% 99%;
}
.page.conference .conference-mobile .act-evaluate {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  padding: 80px 20px 50px 20px;
}
.page.conference .conference-mobile .act-evaluate .act-evaluate-title {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 50px;
}
.page.conference .conference-mobile .act-evaluate .content-mobile {
  width: 96%;
  height: 580px;
  margin: 0 auto;
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_phone.png) no-repeat;
  background-size: 100%;
  overflow: hidden;
}
.page.conference .conference-mobile .act-evaluate .content-mobile .slide-mobile {
  width: 100%;
  overflow: hidden;
}
.page.conference .conference-mobile .act-evaluate .content-mobile .slide-mobile .swiper-container-mobile {
  width: 273px;
  margin: 70px auto 0;
  display: block;
  overflow: hidden;
}
.page.conference .conference-mobile .act-evaluate .content-mobile .slide-mobile .swiper-container-mobile .swiper-slide img {
  width: 273px;
  height: 499px;
}
.page.conference .conference-mobile .act-evaluate .content-mobile .slide-mobile .swiper-pagination {
  width: 86%;
}
.page.conference .conference-mobile .act-evaluate .content-mobile .slide-mobile .swiper-pagination .swiper-pagination-bullet {
  margin: 30px 10px;
}
.page.conference .conference-mobile .act-evaluate .content-mobile .slide-mobile .swiper-pagination .swiper-pagination-bullet-active {
  background: #FC5F3A;
}
.page.conference .conference-mobile .partner-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_image.png) no-repeat;
  background-size: 100%;
}
.page.conference .conference-mobile .act-news {
  padding: 80px 20px 10px;
}
.page.conference .conference-mobile .act-news .act-news-title {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 0;
}
.page.conference .conference-mobile .act-news .content {
  width: 88%;
  margin: 0 auto;
}
.page.conference .conference-mobile .act-news .content li {
  height: auto;
  line-height: 20px;
  overflow: hidden;
  display: block;
  border-bottom: 1px solid rgba(166, 163, 181, 0.7);
}
.page.conference .conference-mobile .act-news .content li a,
.page.conference .conference-mobile .act-news .content li span {
  color: #65697F;
  font-size: 12px;
  cursor: pointer;
}
.page.conference .conference-mobile .act-news .content li a {
  float: left;
}
.page.conference .conference-mobile .act-news .content li a img {
  width: 10px;
  margin: 0 8px 0 0;
}
.page.conference .conference-mobile .act-news .content li span {
  float: right;
}
.page.conference .conference-mobile .act-partner {
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  padding: 80px 20px 60px;
}
.page.conference .conference-mobile .act-partner p {
  color: #65697F;
  font-size: 20px;
  font-weight: 100;
  margin: 30px 0 20px 0;
  width: 100%;
  float: left;
}
.page.conference .conference-mobile .act-partner .act-partner-title {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 0px;
}
.page.conference .conference-mobile .act-partner a {
  float: left;
  margin: 0;
  width: 30%;
  cursor: auto;
}
.page.conference .conference-mobile .act-partner a.has-margin {
  margin: 0 5%;
}
.page.conference .conference-mobile .act-partner a img {
  width: 100%;
  margin: 0 auto;
  display: block;
}
.page.conference .conference-mobile .past-box {
  background-size: 100%;
  background-color: #F8F8F8;
}
.page.conference .conference-mobile .past-box .act-past {
  padding: 80px 20px 50px;
  overflow: hidden;
}
.page.conference .conference-mobile .past-box .act-past .act-section-title {
  float: left;
  width: 100%;
}
.page.conference .conference-mobile .past-box .act-past .past-list {
  width: 48%;
  float: left;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  transition: 0.3s ease-in-out;
  cursor: pointer;
  margin-bottom: 50px;
  overflow: hidden;
}
.page.conference .conference-mobile .past-box .act-past .past-list img {
  width: 100%;
}
.page.conference .conference-mobile .past-box .act-past .past-list div {
  height: 60px;
  width: 100%;
  padding-left: 20px;
}
.page.conference .conference-mobile .past-box .act-past .past-list div h5 {
  color: #191140;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  margin-top: 14px;
}
.page.conference .conference-mobile .past-box .act-past .past-list div h6 {
  color: #65697F;
  font-size: 12px;
}
.page.conference .conference-mobile .past-box .act-past .past-list:nth-of-type(even) {
  margin-left: 4%;
}
.page.conference .conference-mobile .past-box .act-past .past-list:hover {
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
}
.page.conference .conference-mobile .footer .container {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.page.conference .conference-mobile .footer .container .foot-list {
  width: 30%;
}
.page.conference .conference-mobile .footer .container .foot-list p {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 20px;
  margin: 0 0 20px 0;
}
.page.conference .conference-mobile .footer .container .foot-list span {
  font-size: 16px;
  line-height: 30px;
  color: #FFFFFF;
}
.page.conference .conference-mobile .footer .container .foot-list img {
  float: left;
  height: 100px;
  width: 100px;
  background-color: #D8D8D8;
}
.page.conference .conference-mobile .footer .container .foot-left {
  width: 90%;
  float: none;
  margin: 40px auto;
}
.page.conference .conference-mobile .footer .container .foot-center {
  width: 90%;
  float: none;
  margin: 40px auto;
}
.page.conference .conference-mobile .footer .container .foot-center p {
  margin: 0 0 10px 0;
}
.page.conference .conference-mobile .footer .container .foot-center span {
  line-height: 40px;
}
.page.conference .conference-mobile .footer .container .foot-center a {
  color: #fc5f3a;
}
.page.conference .conference-mobile .footer .container .foot-right {
  width: 90%;
  float: none;
  margin: 40px auto;
}
.page.conference .conference-mobile .footer .container .foot-right img:nth-child(2),
.page.conference .conference-mobile .footer .container .foot-right span:nth-child(4) {
  margin-right: 40px;
}
.page.conference .conference-mobile .footer .container .foot-right span {
  width: 100px;
  display: block;
  float: left;
  text-align: center;
  line-height: 50px;
}
.page.conference .conference-mobile .footer .container .copyright {
  width: 100%;
  float: left;
}
.page.conference .rivet-mobile {
  display: none;
}
.page.conference .rivet-ipad {
  display: block;
}
@media screen and (max-width: 767px) {
  .page.conference .conference-mobile {
    display: block;
  }
  .page.conference .conference-pc {
    display: none;
  }
  .page.conference .rivet-mobile {
    display: block;
  }
  .page.conference .rivet-ipad {
    display: none;
  }
}
.page.conference-21-sh .conference-pc .guest-box .act-section {
  padding-top: 60px;
}
@media (max-width: 1042px) {
  .page.conference-21-sh .conference-pc .data-box {
    width: 100%;
    padding: 0% 5%;
  }
}
.page.conference-21-sh .conference-pc .data-box .act-data-title {
  margin-bottom: 20px;
}
.page.conference-21-sh .conference-pc .data-box .view-desc {
  font-size: 20px;
  color: #65697F;
  line-height: 34px;
  height: 34px;
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}
.page.conference-21-sh .conference-pc .data-box .view-desc img {
  height: 34px;
  width: 34px;
  margin: -3px 2px 0px 2px;
}
.page.conference-21-sh .conference-pc .data-box .act-data {
  height: auto;
  padding: 60px 0px 0px 0px;
}
.page.conference-21-sh .conference-pc .data-box .act-data h2 {
  margin-top: 0px;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content {
  min-height: 300px;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box {
  margin-bottom: 30px;
  height: 98px;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .left {
  width: 150px;
  font-size: 20px;
  color: #65697F;
  text-align: justify;
  line-height: 98px;
  height: 98px;
  float: left;
  text-align: center;
  margin-right: 16px;
}
@media (max-width: 1140px) {
  .page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .left {
    width: 20%;
    margin-right: 0px;
  }
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right {
  width: 968px;
  height: 98px;
  padding-left: 40px;
  background: #FFFEFE;
  border: 1px solid #E4E3E8;
  box-shadow: 0 2px 5px 0 #EFF1F2;
  border-radius: 26px;
  float: left;
  display: flex;
  justify-content: left;
  align-items: center;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right:hover {
  box-shadow: 0 6px 26px 0 #eff1f2;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right:hover .content .title {
  color: #FC5F3A;
}
@media (max-width: 1140px) {
  .page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right {
    width: 80%;
  }
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right .content .title {
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  color: #191140;
  font-weight: 500;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right .content .figure {
  margin-top: 4px;
  font-size: 16px;
  color: #52556C;
  line-height: 22px;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right.special {
  height: auto;
  padding: 25px 0px 20px 40px;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right.special .content {
  width: 968px;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right.special .content .title {
  margin-bottom: 20px;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right.special .content .figure {
  margin-top: 10px;
  margin-bottom: 5px;
  float: left;
  width: 33.3%;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right.special .content .figure .name {
  font-size: 20px;
  color: #191140;
  font-weight: 500;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  justify-content: left;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right.special .content .figure .name span {
  border-radius: 9px;
  background: #FC6541;
  width: 55px;
  height: 18px;
  margin: 0px 0px 0px 5px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 18px;
}
.page.conference-21-sh .conference-pc .data-box .act-data .tab-content .time-box .right.special .content .figure .desc {
  font-size: 14px;
  color: #65697F;
}
.page.conference-21-sh .conference-pc .data-box ul {
  height: 60px;
  margin-bottom: 60px;
}
@media (max-width: 1140px) {
  .page.conference-21-sh .conference-pc .data-box ul {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.page.conference-21-sh .conference-pc .data-box ul li {
  margin-right: 88px;
}
@media (max-width: 1140px) {
  .page.conference-21-sh .conference-pc .data-box ul li {
    margin-right: 20px;
  }
}
.page.conference-21-sh .conference-pc .data-box ul li:last-child {
  width: 226px;
}
.page.conference-21-sh .conference-pc .data-box ul li a {
  font-size: 20px;
}
.page.conference-21-sh .conference-pc .act-banner .banner-bg {
  background: url(../../../vassets/images/home_v3/activity/conference-21sh/pc-banner.png) no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.page.conference-21-sh .conference-pc .act-banner .banner-bg img {
  width: 800px;
  height: auto;
  margin-top: 50px;
}
@media (min-width: 1680px) {
  .page.conference-21-sh .conference-pc .act-banner .banner-bg img {
    width: 48%;
  }
}
@media (max-width: 1042px) {
  .page.conference-21-sh .conference-pc .act-banner .banner-bg img {
    width: 53%;
  }
}
.page.conference-21-sh .conference-pc .apply-box {
  background: url(../../../vassets/images/home_v3/activity/conference-21sh/pc-banner.png) no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 274px;
}
.page.conference-21-sh .conference-pc .apply-box a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.page.conference-21-sh .conference-pc .apply-box a img {
  width: 1066px;
  height: auto;
}
.page.conference-21-sh .conference-pc .ticketing {
  width: 1180px;
  margin: 60px auto 20px;
  height: 580px;
}
.page.conference-21-sh .conference-pc .strategic-partner,
.page.conference-21-sh .conference-pc .official-partner,
.page.conference-21-sh .conference-pc .live-streaming-partner,
.page.conference-21-sh .conference-pc .apply-partner {
  padding-bottom: 60px;
}
.page.conference-21-sh .conference-pc .strategic-partner h2,
.page.conference-21-sh .conference-pc .official-partner h2,
.page.conference-21-sh .conference-pc .live-streaming-partner h2,
.page.conference-21-sh .conference-pc .apply-partner h2 {
  color: #191140;
  font-size: 32px;
  font-weight: 500;
  text-align: center;
  margin: 0px auto;
  padding: 60px 0px 70px 0px;
}
.page.conference-21-sh .conference-pc .strategic-partner {
  background: #F8F8F8;
}
.page.conference-21-sh .conference-pc .strategic-partner .strategic {
  width: 1180px;
  margin: 0 auto;
  text-align: center;
}
.page.conference-21-sh .conference-pc .strategic-partner .strategic a {
  width: 316px;
  height: 64px;
  margin: 0px 55px;
}
.page.conference-21-sh .conference-pc .strategic-partner .strategic a img {
  width: auto;
  height: 100%;
}
.page.conference-21-sh .conference-pc .live-streaming-partner {
  background: #F8F8F8;
}
.page.conference-21-sh .conference-pc .live-streaming-partner .live-streaming {
  margin: 0 auto;
  text-align: center;
}
.page.conference-21-sh .conference-pc .live-streaming-partner .live-streaming a {
  width: 316px;
  height: 64px;
}
.page.conference-21-sh .conference-pc .live-streaming-partner .live-streaming a img {
  width: auto;
  height: 100%;
}
.page.conference-21-sh .conference-pc .apply-partner .apply {
  margin: 0 auto;
  text-align: center;
}
.page.conference-21-sh .conference-pc .apply-partner .apply a {
  width: 316px;
  height: 64px;
}
.page.conference-21-sh .conference-pc .apply-partner .apply a img {
  width: auto;
  height: 100%;
}
.page.conference-21-sh .conference-pc .partner-box,
.page.conference-21-sh .conference-pc .official-partner {
  background: #F8F8F8;
}
.page.conference-21-sh .conference-pc .partner-box .act-partner,
.page.conference-21-sh .conference-pc .official-partner .act-partner {
  width: 1180px;
  padding-bottom: 90px;
}
.page.conference-21-sh .conference-pc .partner-box .act-partner h2,
.page.conference-21-sh .conference-pc .official-partner .act-partner h2 {
  margin-top: 0px;
}
.page.conference-21-sh .conference-pc .partner-box .act-partner a,
.page.conference-21-sh .conference-pc .official-partner .act-partner a {
  width: 200px;
  height: 90px;
  margin: 18px 18px;
}
@media (max-width: 1042px) {
  .page.conference-21-sh .conference-pc .partner-box .act-partner a,
  .page.conference-21-sh .conference-pc .official-partner .act-partner a {
    width: 25%;
    height: auto;
    margin-right: 0px;
  }
}
.page.conference-21-sh .conference-pc .partner-box .act-partner a.no-right,
.page.conference-21-sh .conference-pc .official-partner .act-partner a.no-right {
  margin-right: 0px;
}
.page.conference-21-sh .conference-pc .official-partner {
  background: #fff;
  padding: 0px 0px 60px 0px;
}
.page.conference-21-sh .conference-pc .official-partner .act-partner {
  padding-bottom: 0px;
}
.page.conference-21-sh .conference-pc .partner-box .act-partner {
  padding-bottom: 90px;
}
.page.conference-21-sh .conference-pc .past-box {
  background-color: #fff;
}
.page.conference-21-sh .conference-pc .past-box .act-past {
  padding: 30px 20px 50px;
}
.page.conference-21-sh .conference-mobile .act-banner-mobile .banner-bg {
  background: url(../../../vassets/images/home_v3/activity/startdt-day/banner_bg_pc.png) no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page.conference-21-sh .conference-mobile .act-banner-mobile .banner-bg img {
  width: 85%;
  height: auto;
}
.page.conference-21-sh .conference-mobile .act-section.act-data-mobile ul {
  overflow-x: auto;
  width: 100%;
  white-space: nowrap;
  padding-bottom: 26px;
}
.page.conference-21-sh .conference-mobile .act-section.act-data-mobile ul li {
  display: inline-block;
  float: none;
}
.page.conference-21-sh .conference-mobile .act-section.act-data-mobile ul li a {
  margin: inherit;
}
.page.conference-21-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(1) {
  width: 50px;
}
.page.conference-21-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(2) {
  width: 95px;
}
.page.conference-21-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(3) {
  width: 110px;
}
.page.conference-21-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(4) {
  width: 110px;
  border-right: none;
}
.page.conference-21-sh .conference-mobile .tab-content.tab-content-mobile {
  margin-top: 0px !important;
}
.page.conference-21-sh .conference-mobile .act-section.act-data-mobile .tab-content-mobile {
  margin-bottom: 50px;
}
.page.conference-21-sh .conference-mobile .act-partner {
  padding-top: 0px !important;
}
.page.conference-21-sh .conference-mobile .act-guest {
  padding-top: 50px;
}
.page.conference-21-sh .conference-mobile .act-guest .item {
  height: 206px;
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .page.conference-21-sh .conference-mobile .act-guest .item img {
    width: 60%;
  }
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile {
  padding-top: 20px;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile .act-data-title {
  margin-bottom: 25px;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile ul li {
  background: #FFFFFF;
  border: 1px solid #E4E3E8;
  border-radius: 30px;
  height: 30px;
  min-width: 100px !important;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile ul li:active {
  border: 1px solid #FECEC3;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile ul li a {
  line-height: 30px;
  height: 30px;
  color: #65697F;
  margin: 0 auto;
  padding-bottom: 0px;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile ul li:nth-child(4) {
  width: 160px;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile .tab-content .time-box {
  margin-bottom: 15px;
  height: auto;
  padding: 10px 14px 10px 10px;
  background: #FFFEFE;
  border: 1px solid #E4E3E8;
  box-shadow: 0 2px 5px 0 #EFF1F2;
  border-radius: 26px;
  display: flex;
  align-items: center;
}
@media (max-width: 340px) {
  .page.conference-21-sh .conference-mobile .data-box .act-data-mobile .tab-content .time-box {
    padding: 6px 14px 10px 6px;
  }
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile .tab-content .time-box .left {
  width: 34%;
  font-size: 14px;
  color: #65697F;
  text-align: justify;
  line-height: 45px;
  height: 45px;
  float: left;
  text-align: center;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile .tab-content .time-box .right {
  width: 66%;
  padding-left: 5px;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile .tab-content .time-box .right .content .title {
  font-size: 14px;
  line-height: 18px;
  color: #191140;
  font-weight: 500;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile .tab-content .time-box .right .content .figure {
  margin-top: 6px;
  font-size: 12px;
  color: #52556C;
  line-height: 16px;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile .tab-content .time-box .right.special .content .title {
  margin-bottom: 15px;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile .tab-content .time-box .right.special .content .figure {
  margin-bottom: 8px;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile .tab-content .time-box .right.special .content .figure .name {
  font-size: 14px;
  line-height: 18px;
  color: #191140;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: left;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile .tab-content .time-box .right.special .content .figure .name span {
  border-radius: 9px;
  background: #FC6541;
  width: 50px;
  margin: 0px 0px 0px 5px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 14px;
}
.page.conference-21-sh .conference-mobile .data-box .act-data-mobile .tab-content .time-box .right.special .content .figure .desc {
  font-size: 12px;
  line-height: 14px;
  color: #65697F;
}
.page.conference-21-sh .conference-mobile .ticketing {
  width: 100%;
  height: 550px;
  height: auto;
  padding: 0px 20px 50px;
}
.page.conference-21-sh .conference-mobile .ticketing h2 {
  text-align: center;
  margin-top: 0px;
  color: #191140;
  font-size: 24px;
  font-weight: 500;
  margin: 0px auto 20px;
}
.page.conference-21-sh .conference-mobile .strategic-partner,
.page.conference-21-sh .conference-mobile .official-partner,
.page.conference-21-sh .conference-mobile .live-streaming-partner,
.page.conference-21-sh .conference-mobile .apply-partner {
  padding-bottom: 40px;
}
.page.conference-21-sh .conference-mobile .strategic-partner h2,
.page.conference-21-sh .conference-mobile .official-partner h2,
.page.conference-21-sh .conference-mobile .live-streaming-partner h2,
.page.conference-21-sh .conference-mobile .apply-partner h2 {
  color: #191140;
  font-size: 24px;
  font-weight: 500;
  margin: 0px auto 20px;
  text-align: center;
  padding-top: 40px;
}
.page.conference-21-sh .conference-mobile .strategic-partner {
  background: #F8F8F8;
}
.page.conference-21-sh .conference-mobile .strategic-partner .strategic {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page.conference-21-sh .conference-mobile .strategic-partner .strategic a {
  width: 154px;
  height: auto;
  margin: 0 auto;
  padding: 0px 4%;
  float: left;
}
.page.conference-21-sh .conference-mobile .strategic-partner .strategic a img {
  width: 100%;
  height: 100%;
}
.page.conference-21-sh .conference-mobile .live-streaming-partner {
  background: #F8F8F8;
}
.page.conference-21-sh .conference-mobile .live-streaming-partner .live-streaming {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page.conference-21-sh .conference-mobile .live-streaming-partner .live-streaming a {
  width: 154px;
  height: auto;
}
.page.conference-21-sh .conference-mobile .live-streaming-partner .live-streaming a img {
  width: 100%;
  height: 100%;
}
.page.conference-21-sh .conference-mobile .apply-partner .apply {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page.conference-21-sh .conference-mobile .apply-partner .apply a {
  width: 186px;
  height: auto;
}
.page.conference-21-sh .conference-mobile .apply-partner .apply a img {
  width: 100%;
  height: 100%;
}
.page.conference-21-sh .conference-mobile .partner-box .act-partner,
.page.conference-21-sh .conference-mobile .official-partner .act-partner {
  padding: 40px 0px 40px 0px;
}
.page.conference-21-sh .conference-mobile .partner-box .act-partner .img,
.page.conference-21-sh .conference-mobile .official-partner .act-partner .img {
  text-align: center;
}
.page.conference-21-sh .conference-mobile .partner-box .act-partner .img img,
.page.conference-21-sh .conference-mobile .official-partner .act-partner .img img {
  width: 18vw;
  margin: 5px 2vw;
}
.page.conference-21-sh .conference-mobile .partner-box {
  background: #F8F8F8;
  padding-top: 40px;
}
.page.conference-21-sh .conference-mobile .official-partner {
  background: #fff;
  padding: 0px 0px 40px 0px;
}
.page.conference-21-sh .conference-mobile .official-partner .act-partner {
  padding-bottom: 0px;
}
.page.conference-21-sh .conference-mobile .past-box .act-past {
  padding: 10px 20px 50px;
}
.page.conference-21-sh .meeting-highlights {
  width: 1140px;
  padding: 80px auto 0px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 1024px) {
  .page.conference-21-sh .meeting-highlights {
    width: 100%;
    padding: 0% 5%;
  }
  .page.conference-21-sh .meeting-highlights .lightspot-4 {
    margin-left: 16%;
  }
}
.page.conference-21-sh .meeting-highlights h1 {
  color: #191140;
  font-size: 32px;
  font-weight: 500;
  margin: 40px auto 50px;
}
.page.conference-21-sh .meeting-highlights .lightspot {
  width: 210px;
  height: 244px;
  float: left;
  text-align: left;
  padding-left: 26px;
  margin-right: 22px;
}
@media (max-width: 1024px) {
  .page.conference-21-sh .meeting-highlights .lightspot {
    width: 32%;
    margin-right: 1%;
  }
}
.page.conference-21-sh .meeting-highlights .lightspot h1 {
  font-size: 40px;
  color: #FC5F3A;
  margin: 30px 0px 0px 0px;
}
.page.conference-21-sh .meeting-highlights .lightspot .desc {
  font-size: 20px;
  color: #CCCCCC;
  margin-bottom: 24px;
}
.page.conference-21-sh .meeting-highlights .lightspot .highlights-text {
  font-size: 16px;
  color: #65697F;
  margin: 0px 0px 10px 10px;
}
.page.conference-21-sh .meeting-highlights .lightspot .highlights-text::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #FC6541;
  margin-left: -13px;
  margin-top: 8px;
}
.page.conference-21-sh .meeting-highlights .lightspot-1 {
  background: url(../../../vassets/images/home_v3/activity/conference-21sh/lightspot-1.png) no-repeat;
}
.page.conference-21-sh .meeting-highlights .lightspot-2 {
  background: url(../../../vassets/images/home_v3/activity/conference-21sh/lightspot-2.png) no-repeat;
}
.page.conference-21-sh .meeting-highlights .lightspot-3 {
  background: url(../../../vassets/images/home_v3/activity/conference-21sh/lightspot-3.png) no-repeat;
}
.page.conference-21-sh .meeting-highlights .lightspot-4 {
  background: url(../../../vassets/images/home_v3/activity/conference-21sh/lightspot-4.png) no-repeat;
}
.page.conference-21-sh .meeting-highlights .lightspot-5 {
  background: url(../../../vassets/images/home_v3/activity/conference-21sh/lightspot-5.png) no-repeat;
  margin-right: 0px;
}
@media (max-width: 1042px) {
  .page.conference-21-sh .meeting-highlights .lightspot-1,
  .page.conference-21-sh .meeting-highlights .lightspot-2,
  .page.conference-21-sh .meeting-highlights .lightspot-3,
  .page.conference-21-sh .meeting-highlights .lightspot-4,
  .page.conference-21-sh .meeting-highlights .lightspot-5 {
    background-size: 100% 100%;
  }
}
.page.conference-21-sh .conference-mobile .meeting-highlights {
  width: 100%;
  padding: 30px 20px 0px 20px;
}
.page.conference-21-sh .conference-mobile .meeting-highlights h1 {
  margin: 12px auto 25px;
  font-size: 24px;
}
.page.conference-21-sh .conference-mobile .meeting-highlights .lightspot {
  padding-left: 18px;
  width: 48%;
  height: auto;
  margin: 0% 0% 2% 0%;
}
@media (max-width: 340px) {
  .page.conference-21-sh .conference-mobile .meeting-highlights .lightspot {
    width: 49%;
    padding-left: 12px;
  }
}
.page.conference-21-sh .conference-mobile .meeting-highlights .lightspot h1 {
  font-size: 20px;
  margin-bottom: 0px;
}
.page.conference-21-sh .conference-mobile .meeting-highlights .lightspot .desc {
  font-size: 14px;
  margin-bottom: 12px;
}
.page.conference-21-sh .conference-mobile .meeting-highlights .lightspot .highlights-text {
  font-size: 12px;
}
.page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-1,
.page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-2,
.page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-3,
.page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-4,
.page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-5 {
  background-size: 100% 100%;
  margin-right: 4%;
}
@media (max-width: 340px) {
  .page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-1,
  .page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-2,
  .page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-3,
  .page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-4,
  .page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-5 {
    margin-right: 2%;
  }
}
.page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-2,
.page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-4 {
  margin-right: 0%;
}
.page.conference-21-sh .conference-mobile .meeting-highlights .lightspot-5 {
  margin-left: 25%;
  margin-bottom: 0px;
}
.page.conference-20-sh .conference-pc .data-box {
  background-size: 1440px;
  background-position: center 0%;
}
.page.conference-20-sh .conference-pc .data-box .act-data {
  height: auto;
  padding-bottom: 20px;
}
.page.conference-20-sh .conference-pc .data-box .act-data .tab-content .tab-content-left {
  padding-top: 90px;
}
.page.conference-20-sh .conference-pc .act-banner i {
  background: url(../../../vassets/images/home_v3/activity/conference-20sh/pc-banner.jpg) no-repeat;
  background-size: 100% 100%;
}
.page.conference-20-sh .conference-pc .act-banner strong {
  display: none;
}
.page.conference-20-sh .conference-mobile .act-banner-mobile i {
  background: url(../../../vassets/images/home_v3/activity//conference-20sh/web-banner.png) no-repeat;
  background-size: 100% 100%;
}
.page.conference-20-sh .conference-mobile .act-banner-mobile strong {
  display: none;
}
.page.conference-20-sh .conference-mobile .act-section.act-data-mobile ul {
  overflow-x: auto;
  width: 100%;
  white-space: nowrap;
  padding-bottom: 26px;
}
.page.conference-20-sh .conference-mobile .act-section.act-data-mobile ul li {
  display: inline-block;
  float: none;
}
.page.conference-20-sh .conference-mobile .act-section.act-data-mobile ul li a {
  margin: inherit;
}
.page.conference-20-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(1) {
  width: 50px;
}
.page.conference-20-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(2) {
  width: 95px;
}
.page.conference-20-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(3) {
  width: 110px;
}
.page.conference-20-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(4) {
  width: 110px;
  border-right: none;
}
.page.conference-20-sh .conference-mobile .tab-content.tab-content-mobile {
  margin-top: 0px !important;
}
.page.conference-20-sh .conference-mobile .act-section.act-data-mobile .tab-content-mobile {
  margin-bottom: 50px;
}
.page.conference-20-sh .conference-mobile .act-partner {
  padding-top: 0px !important;
}
.page.conference.conference-20-online .act-header .navbar-trn {
  background-color: rgba(0, 0, 0, 0.3);
  border-bottom: none;
}
.page.conference.conference-20-online .conference-pc {
  display: block;
}
@media (max-width: 767px) {
  .page.conference.conference-20-online .conference-pc {
    display: none;
  }
}
.page.conference.conference-20-online .conference-pc .data-box {
  background-size: 1440px;
  background-position: center 0%;
}
.page.conference.conference-20-online .conference-pc .data-box .act-data {
  height: auto;
  padding-bottom: 20px;
}
.page.conference.conference-20-online .conference-pc .data-box .act-data .tab-content .tab-content-left {
  padding-top: 90px;
}
.page.conference.conference-20-online .conference-pc .act-banner i {
  background: url(../../../vassets/images/home_v3/activity/startdt-day/banner_bg_pc.png) no-repeat;
  background-size: 100% 100%;
}
.page.conference.conference-20-online .conference-pc .banner-content {
  width: 100%;
  padding: 0% 15%;
  height: 70%;
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  margin-top: 28%;
}
@media (max-width: 1440px) {
  .page.conference.conference-20-online .conference-pc .banner-content {
    padding: 0% 20%;
  }
}
@media (max-width: 1280px) {
  .page.conference.conference-20-online .conference-pc .banner-content {
    padding: 0% 15%;
  }
}
@media (max-width: 992px) {
  .page.conference.conference-20-online .conference-pc .banner-content {
    padding: 0% 8%;
  }
}
.page.conference.conference-20-online .conference-pc .act-banner .banner_left {
  float: left;
  position: absolute;
  left: 20%;
  top: 5%;
  width: 32%;
}
@media (min-width: 1920px) {
  .page.conference.conference-20-online .conference-pc .act-banner .banner_left {
    position: absolute;
    left: 25%;
    top: 6%;
  }
}
@media (max-width: 1220px) {
  .page.conference.conference-20-online .conference-pc .act-banner .banner_left {
    position: absolute;
    left: 18%;
    top: 7%;
  }
}
@media (max-width: 1024px) {
  .page.conference.conference-20-online .conference-pc .act-banner .banner_left {
    position: absolute;
    left: 18%;
    top: 9%;
  }
}
.page.conference.conference-20-online .conference-pc .act-banner .banner_left .title {
  width: 441px;
  color: #FFFFFF;
  font-size: 50px;
  font-weight: 500;
  letter-spacing: 13px;
  line-height: 63px;
}
@media (max-width: 1280px) {
  .page.conference.conference-20-online .conference-pc .act-banner .banner_left .title {
    font-size: 38px;
    letter-spacing: 10px;
    line-height: 55px;
  }
}
@media (max-width: 992px) {
  .page.conference.conference-20-online .conference-pc .act-banner .banner_left .title {
    font-size: 28px;
    letter-spacing: 6px;
    line-height: 45px;
  }
}
.page.conference.conference-20-online .conference-pc .act-banner .banner_left .desc {
  height: 28px;
  width: 427px;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 28px;
  margin-top: 50px;
}
@media (max-width: 992px) {
  .page.conference.conference-20-online .conference-pc .act-banner .banner_left .desc {
    font-size: 18px;
    line-height: 20px;
  }
}
.page.conference.conference-20-online .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .text {
  width: auto;
}
.page.conference.conference-20-online .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .text h5 {
  font-size: 24px;
}
.page.conference.conference-20-online .conference-pc .act-data .tab-content .tab-content-right .tab-content-right-list .text h6 {
  font-size: 18px;
}
.page.conference.conference-20-online .conference-pc .act-banner .banner_right {
  float: right;
  height: auto;
  right: 18%;
  top: 0;
  width: 23%;
  position: absolute;
}
@media (min-width: 1920px) {
  .page.conference.conference-20-online .conference-pc .act-banner .banner_right {
    position: absolute;
    right: 28%;
    width: 18%;
  }
}
@media (max-width: 1220px) {
  .page.conference.conference-20-online .conference-pc .act-banner .banner_right {
    position: absolute;
    right: 23%;
    width: 22%;
  }
}
@media (max-width: 1024px) {
  .page.conference.conference-20-online .conference-pc .act-banner .banner_right {
    position: absolute;
    right: 25%;
    width: 23%;
  }
}
@media (max-width: 992px) {
  .page.conference.conference-20-online .conference-pc .act-banner .banner_right {
    position: absolute;
    right: 14%;
    width: 25%;
  }
}
.page.conference.conference-20-online .conference-pc .act-banner .banner_right .img {
  height: auto;
  width: 100%;
}
.page.conference.conference-20-online .conference-pc .past-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_guest.png) no-repeat;
  background-position: 0 -300px;
  background-size: 100%;
}
.page.conference.conference-20-online .conference-mobile {
  display: none;
}
@media (max-width: 767px) {
  .page.conference.conference-20-online .conference-mobile {
    display: block !important;
  }
}
.page.conference.conference-20-online .conference-mobile .act-banner-mobile i {
  background: url(../../../vassets/images/home_v3/activity/startdt-day/banner_bg_pc.png) no-repeat;
  background-size: 100% 100%;
}
.page.conference.conference-20-online .conference-mobile .act-banner-mobile .banner-content {
  top: 12%;
  height: 80%;
  width: 80%;
  position: absolute;
  margin-left: 10%;
  text-align: center;
}
.page.conference.conference-20-online .conference-mobile .top {
  width: 66%;
  margin: 4% 16% 0%;
  position: absolute;
  left: 0;
  bottom: 64%;
  top: 6%;
}
.page.conference.conference-20-online .conference-mobile .center {
  width: 45%;
  margin-left: -25%;
  position: absolute;
  left: 50%;
  top: 16%;
}
.page.conference.conference-20-online .conference-mobile .bottom {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.page.conference.conference-20-online .conference-mobile .act-section.act-data-mobile {
  padding: 10px 20px 0px !important;
}
.page.conference.conference-20-online .conference-mobile .act-section.act-data-mobile .act-data-title {
  margin: 10px 0px;
}
.page.conference.conference-20-online .conference-mobile .act-section.act-data-mobile .tab-content-mobile {
  margin-top: 0px;
  margin: 10px auto;
}
.page.conference.conference-20-online .conference-mobile .act-section.act-data-mobile .tab-content-mobile .tab-content-list .video-icon {
  margin-left: 35px;
}
.page.conference.conference-20-online .conference-mobile .past-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_guest.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-20-online .conference-mobile .past-box .act-past {
  padding: 30px 20px 0px;
}
.page.conference.conference-19-bj .conference-pc .data-box {
  background-size: 1440px;
  background-position: center 0%;
}
.page.conference.conference-19-bj .conference-pc .data-box .act-data {
  height: auto;
  padding-bottom: 20px;
}
.page.conference.conference-19-bj .conference-pc .data-box .act-data .tab-content .tab-content-left {
  padding-top: 90px;
}
.page.conference.conference-19-bj .conference-pc .act-banner i {
  background: url(../../../vassets/images/home_v3/activity/conference-19bj/bg_pc.png) no-repeat;
  background-size: 100% 100%;
}
.page.conference.conference-19-bj .conference-pc .act-banner strong {
  background: url(../../../vassets/images/home_v3/activity/conference-19bj/banner_Home_word.png) no-repeat;
  background-size: 100%;
  margin-left: -25%;
  width: 50%;
  top: 28%;
}
.page.conference.conference-19-bj .conference-mobile .act-banner-mobile i {
  background: url(../../../vassets/images/home_v3/activity/conference-19bj/bg_mobile.png) no-repeat;
  background-size: 100% 100%;
}
.page.conference.conference-19-bj .conference-mobile .act-banner-mobile strong {
  background: url(../../../vassets/images/home_v3/activity/conference-19bj/banner_Home_word_mobile.png) no-repeat;
  background-size: 100%;
  top: 12%;
  height: 80%;
}
.page.conference.conference-19-bj .conference-mobile .act-section.act-data-mobile ul li {
  width: 24%;
}
.page.conference.conference-19-sz .conference-pc .data-box {
  background-size: 1440px;
  background-position: center 0%;
}
.page.conference.conference-19-sz .conference-pc .data-box .act-data {
  height: auto;
  padding-bottom: 20px;
}
.page.conference.conference-19-sz .conference-pc .data-box .act-data .tab-content .tab-content-left {
  padding-top: 90px;
}
.page.conference.conference-19-sz .conference-pc .act-banner i {
  background: url(../../../vassets/images/home_v3/activity/conference-19sz/banner_Home_word_bg.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-19-sz .conference-pc .act-banner strong {
  background: url(../../../vassets/images/home_v3/activity/conference-19sz/banner_Home_word.png) no-repeat;
  background-size: 100%;
  margin-left: -25%;
  width: 50%;
  top: 28%;
}
.page.conference.conference-19-sz .conference-pc .act-data .tab-content .tab-content-left {
  padding-top: 84px;
}
.page.conference.conference-19-sz .conference-pc .act-data ul li {
  width: 20%;
  margin: 0;
}
.page.conference.conference-19-sz .conference-pc .act-data ul li:nth-child(2) {
  margin: 0 20%;
}
.page.conference.conference-19-sz .conference-mobile .act-banner-mobile i {
  background: url(../../../vassets/images/home_v3/activity/conference-19sz/banner_Home_word_bg_1.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-19-sz .conference-mobile .act-banner-mobile strong {
  background: url(../../../vassets/images/home_v3/activity/conference-19sz/banner_Home_word_1.png) no-repeat;
  background-size: 100%;
  top: 12%;
  height: 80%;
}
.page.conference.conference-19-sz .conference-mobile .act-section.act-data-mobile ul li:nth-child(1) {
  width: 24%;
}
.page.conference.conference-19-sz .conference-mobile .act-section.act-data-mobile ul li {
  width: 38%;
}
.page.conference.conference-19-sz .conference-mobile .act-section.act-data-mobile ul li:nth-child(3) {
  width: 38%;
  border: none;
}
.page.conference.conference-19-sh .conference-pc .data-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18bj/background_4.png) no-repeat;
  background-size: 1440px;
  background-position: center 0%;
}
.page.conference.conference-19-sh .conference-pc .data-box .act-data {
  height: auto;
  padding-bottom: 20px;
}
.page.conference.conference-19-sh .conference-pc .data-box .act-data .tab-content .tab-content-left {
  padding-top: 90px;
}
.page.conference.conference-19-sh .conference-pc .act-banner strong {
  background: url(../../../vassets/images/home_v3/activity/conference-19sh/banner_Home_word.png) no-repeat;
  background-size: 100%;
  margin-left: -25%;
  width: 50%;
  top: 28%;
}
.page.conference.conference-19-sh .conference-mobile .act-banner-mobile strong {
  background: url(../../../vassets/images/home_v3/activity/conference-19sh/banner_Home_word_1.png) no-repeat;
  background-size: 100%;
  top: 12%;
  height: 80%;
}
.page.conference.conference-19-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(1) {
  width: 16%;
}
.page.conference.conference-19-sh .conference-mobile .act-section.act-data-mobile ul li {
  width: 30%;
}
.page.conference.conference-19-sh .conference-mobile .act-section.act-data-mobile ul li a {
  font-size: 12px;
}
.page.conference.conference-19-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(4) {
  width: 24%;
}
.page.conference.conference-18-sh .conference-pc .act-banner strong {
  background: url(../../../vassets/images/home_v3/activity/conference-18sh/banner_Home_word.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-18-sh .conference-mobile .act-banner-mobile strong {
  background: url(../../../vassets/images/home_v3/activity/conference-18sh/banner_Home_word.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-18-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(1) {
  width: 16%;
}
.page.conference.conference-18-sh .conference-mobile .act-section.act-data-mobile ul li {
  width: 30%;
}
.page.conference.conference-18-sh .conference-mobile .act-section.act-data-mobile ul li a {
  font-size: 12px;
}
.page.conference.conference-18-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(4) {
  width: 24%;
}
.page.conference.conference-17-bj .conference-pc .act-banner strong {
  background: url(../../../vassets/images/home_v3/activity/conference-17bj/banner_Home_word.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-17-bj .conference-pc .act-guest .act-guest-item.vip-guest {
  width: 32%;
  height: 460px;
  float: none;
  margin: 0 auto;
}
.page.conference.conference-17-bj .conference-pc .act-guest .act-guest-item.vip-guest img {
  width: 240px;
  height: 240px;
}
.page.conference.conference-17-bj .conference-mobile .act-banner-mobile strong {
  background: url(../../../vassets/images/home_v3/activity/conference-17bj/banner_Home_word.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-17-bj .conference-mobile .act-section.act-data-mobile ul li:nth-child(1) {
  width: 16%;
}
.page.conference.conference-17-bj .conference-mobile .act-section.act-data-mobile ul li {
  width: 30%;
}
.page.conference.conference-17-bj .conference-mobile .act-section.act-data-mobile ul li a {
  font-size: 12px;
}
.page.conference.conference-17-bj .conference-mobile .act-section.act-data-mobile ul li:nth-child(4) {
  width: 24%;
}
.page.conference.conference-17-bj .conference-mobile .act-partner a {
  width: 20%;
}
.page.conference.conference-17-sh .conference-pc .act-banner {
  margin-top: 69px;
}
@media screen and (max-width: 1024px) {
  .page.conference.conference-17-sh .conference-pc .act-banner {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .page.conference.conference-17-sh .conference-pc .act-banner {
    margin-top: 60px;
  }
}
.page.conference.conference-17-sh .conference-pc .act-banner i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../../../vassets/images/home_v3/activity/conference-17sh/banner_Home.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-17-sh .conference-pc .act-data {
  height: 1250px;
}
.page.conference.conference-17-sh .conference-pc .act-data .tab-content .tab-content-left {
  padding-top: 84px;
}
.page.conference.conference-17-sh .conference-pc .act-data ul li {
  width: 20%;
  margin: 0;
}
.page.conference.conference-17-sh .conference-pc .act-data ul li:nth-child(2) {
  margin: 0 20%;
}
.page.conference.conference-17-sh .conference-mobile .act-banner-mobile i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../../../vassets/images/home_v3/activity/conference-17sh/banner_Phone_SH.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-17-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(1) {
  width: 24%;
}
.page.conference.conference-17-sh .conference-mobile .act-section.act-data-mobile ul li {
  width: 38%;
}
.page.conference.conference-17-sh .conference-mobile .act-section.act-data-mobile ul li:nth-child(3) {
  width: 38%;
  border: none;
}
.page.conference.conference-17-cd .conference-pc .act-banner {
  margin-top: 69px;
}
@media screen and (max-width: 1024px) {
  .page.conference.conference-17-cd .conference-pc .act-banner {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .page.conference.conference-17-cd .conference-pc .act-banner {
    margin-top: 60px;
  }
}
.page.conference.conference-17-cd .conference-pc .act-banner i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../../../vassets/images/home_v3/activity/conference-17cd/banner_Home.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-17-cd .conference-pc .act-data .tab-content .tab-content-left {
  padding-top: 84px;
}
.page.conference.conference-17-cd .conference-pc .act-data ul li {
  width: 20%;
  margin: 0;
}
.page.conference.conference-17-cd .conference-pc .act-data ul li:nth-child(2) {
  margin: 0 20%;
}
.page.conference.conference-17-cd .conference-mobile .act-banner-mobile i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../../../vassets/images/home_v3/activity/conference-17cd/banner_Phone_CD.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-17-cd .conference-mobile .act-section.act-data-mobile ul li:nth-child(1) {
  width: 24%;
}
.page.conference.conference-17-cd .conference-mobile .act-section.act-data-mobile ul li {
  width: 38%;
}
.page.conference.conference-17-cd .conference-mobile .act-section.act-data-mobile ul li:nth-child(3) {
  width: 38%;
  border: none;
}
.page.conference.conference-18-bj {
  overflow: hidden;
}
.page.conference.conference-18-bj .navbar .container .navbar-nav {
  margin-left: 20px;
}
.page.conference.conference-18-bj .navbar .container .navbar-nav li.goApply a {
  height: 45px;
  width: 120px;
  border: 1px solid #EA5E3C;
  border-radius: 30.5px;
  background-color: #FC5F3A;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 14px;
  text-align: center;
}
.page.conference.conference-18-bj .navbar .container .navbar-nav li.goApply a h5,
.page.conference.conference-18-bj .navbar .container .navbar-nav li.goApply a h6 {
  margin-top: 0;
  margin-bottom: 4px;
}
.page.conference.conference-18-bj .conference-pc .act-banner {
  height: auto;
  width: 100%;
  background: url(http://files.growingio.com/activity/2018-bj/2018北京增长大会_PC-2.gif) no-repeat;
  background-size: 100%;
  background-color: #192D76;
}
.page.conference.conference-18-bj .conference-pc .intro-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18bj/background_1.png) no-repeat;
  background-color: #F8F8F8;
  padding-bottom: 70px;
  background-size: 1440px;
  background-position: center 100%;
}
.page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box {
  width: 1140px;
  margin: 40px auto 0;
  overflow: hidden;
}
.page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list {
  width: 23%;
  float: left;
  margin-right: 2.66666%;
  padding: 30px 20px 0;
  height: 280px;
  background: #FFFFFF;
  border: 1px solid rgba(166, 163, 181, 0.3);
}
.page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list img {
  width: 42px;
}
.page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list span {
  margin-left: 10px;
  font-size: 18px;
  color: #EA5E3C;
}
.page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list p {
  margin-top: 20px;
  line-height: 24px;
  text-align: justify;
  color: #666666;
  font-size: 16px;
}
.page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list.no-right {
  margin-right: 0;
}
.page.conference.conference-18-bj .conference-pc .theme-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18bj/background_2.png) no-repeat;
  padding-bottom: 70px;
  background-size: 1440px;
  background-position: center 50%;
}
.page.conference.conference-18-bj .conference-pc .theme-box .act-theme {
  margin: 0 auto;
}
.page.conference.conference-18-bj .conference-pc .theme-box .act-theme .act-section-title {
  margin-top: 40px;
  margin-bottom: 0;
}
.page.conference.conference-18-bj .conference-pc .theme-box .theme-list-box {
  width: 1140px;
  overflow: hidden;
  margin: 0 auto;
}
.page.conference.conference-18-bj .conference-pc .theme-box .theme-list-box .theme-list {
  width: 31%;
  margin: 40px 3% 0 0;
  border: 1px solid rgba(166, 163, 181, 0.3);
  float: left;
  height: 210px;
  padding: 30px 20px 0;
}
.page.conference.conference-18-bj .conference-pc .theme-box .theme-list-box .theme-list.no-right {
  margin-right: 0;
}
.page.conference.conference-18-bj .conference-pc .theme-box .theme-list-box .theme-list p {
  padding-bottom: 22px;
  color: #EA5E3C;
  font-size: 24px;
  border-bottom: 1px solid rgba(166, 163, 181, 0.8);
}
.page.conference.conference-18-bj .conference-pc .theme-box .theme-list-box .theme-list span {
  margin-top: 18px;
  display: block;
  font-size: 18px;
  color: #666666;
  line-height: 26px;
}
.page.conference.conference-18-bj .conference-pc .guest-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18bj/background_3.png) no-repeat;
  background-color: #F8F8F8;
  background-size: 1440px;
  background-position: center -60%;
}
.page.conference.conference-18-bj .conference-pc .guest-box .act-guest .item.act-guest-item-big {
  width: 100%;
  height: 450px;
}
.page.conference.conference-18-bj .conference-pc .guest-box .act-guest .item.act-guest-item-big img {
  border-radius: 0;
  width: 450px;
  height: auto;
}
.page.conference.conference-18-bj .conference-pc .guest-box .act-guest .item img {
  border-radius: 0;
}
.page.conference.conference-18-bj .conference-pc .guest-box .act-guest .item:hover .act-guest-item-d {
  opacity: 0;
  transition: opacity 0.5s ease;
}
.page.conference.conference-18-bj .conference-pc .guest-box .act-guest .item:hover img {
  box-shadow: none;
  transform: scale(1, 1);
  transition: all 0.3s ease;
}
.page.conference.conference-18-bj .conference-pc .guest-box .act-guest .item .act-guest-item-title {
  color: #192E76;
}
.page.conference.conference-18-bj .conference-pc .guest-box .act-guest .item .act-guest-item-content {
  color: #666666;
}
.page.conference.conference-18-bj .conference-pc .data-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18bj/background_4.png) no-repeat;
  background-size: 1440px;
  background-position: center 0%;
}
.page.conference.conference-18-bj .conference-pc .data-box .act-data {
  height: auto;
  padding-bottom: 20px;
}
.page.conference.conference-18-bj .conference-pc .data-box .act-data .tab-content .tab-content-left {
  padding-top: 90px;
}
.page.conference.conference-18-bj .conference-pc .data-box .act-data ul li {
  width: 18%;
  margin-right: 2.5%;
}
.page.conference.conference-18-bj .conference-pc .data-box .act-data ul li a {
  font-size: 20px;
}
.page.conference.conference-18-bj .conference-pc .data-box .act-data ul li:nth-child(4) {
  margin-right: 2.5%;
}
.page.conference.conference-18-bj .conference-pc .data-box .act-data ul li:nth-child(5) {
  margin-right: 0;
}
.page.conference.conference-18-bj .conference-pc .partner-box {
  background: none;
}
.page.conference.conference-18-bj .conference-pc .faq-box {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 70px 0 0 0;
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq {
  width: 1140px;
  height: auto;
  margin: 0 auto;
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group {
  margin-bottom: 0;
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .faq-title {
  margin: 40px 0 50px 0;
  width: 100%;
  text-align: center;
  font-size: 24px;
  margin-bottom: 50px;
  color: #191140;
  font-size: 32px;
  font-weight: 500;
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .panel {
  border-radius: 1px 1px 0 0;
  box-shadow: none;
  border: 1px solid #A6A3B5;
  margin-bottom: 14px;
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .panel .panel-heading {
  position: relative;
  cursor: pointer;
  letter-spacing: 0.1px;
  background-color: #F8F8F8;
  padding: 15px 15px;
  color: #191140;
  font-size: 20px;
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .panel .panel-heading::after {
  content: "-";
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 12px;
  font-size: 25px;
  color: #A6A3B5;
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .panel .panel-heading.collapsed {
  background-color: #FFFFFF;
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .panel .panel-heading.collapsed::after {
  content: "+";
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .panel .panel-collapse {
  background-color: #F8F8F8;
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .panel .panel-collapse .panel-body {
  padding: 0 15px;
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .panel .panel-collapse .panel-body p {
  margin: 10px 50px 50px 0;
  color: #65697F;
  font-size: 14px;
  text-align: justify;
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .panel + .panel {
  margin-top: 0;
}
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .panel-heading + .panel-collapse > .list-group,
.page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .panel-heading + .panel-collapse > .panel-body {
  border: none;
}
@media screen and (max-width: 1024px) {
  .page.conference.conference-18-bj .conference-pc .act-banner {
    height: 460px;
  }
  .page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box {
    width: 100%;
    padding: 0 64px 0;
  }
  .page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list {
    height: 280px;
    padding: 30px 10px 0;
  }
  .page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list img {
    width: 30px;
  }
  .page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list span {
    margin-left: 4px;
    font-size: 16px;
  }
  .page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list p {
    font-size: 14px;
  }
  .page.conference.conference-18-bj .conference-pc .theme-box .theme-list-box {
    width: 100%;
    padding: 0 64px;
  }
  .page.conference.conference-18-bj .conference-pc .theme-box .theme-list-box .theme-list p {
    font-size: 18px;
  }
  .page.conference.conference-18-bj .conference-pc .theme-box .theme-list-box .theme-list span {
    font-size: 14px;
  }
  .page.conference.conference-18-bj .conference-pc .theme-box .act-theme {
    padding: 70px 64px 0;
  }
  .page.conference.conference-18-bj .conference-pc .data-box .act-data {
    padding: 80px 50px 60px;
  }
  .page.conference.conference-18-bj .conference-pc .apply-box .act-theme {
    padding: 70px 0 0 0;
  }
  .page.conference.conference-18-bj .conference-pc .apply-box .growth-academy-apply__content {
    width: 96%;
    margin: 0 auto;
  }
  .page.conference.conference-18-bj .conference-pc .faq-box {
    padding: 60px 20px 0;
  }
  .page.conference.conference-18-bj .conference-pc .faq-box .faq {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .page.conference.conference-18-bj .conference-pc .act-banner {
    height: 340px;
  }
  .page.conference.conference-18-bj .conference-pc .act-intro {
    padding: 70px 20px 0;
    font-size: 16px;
  }
  .page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box {
    width: 100%;
    padding: 0 20px 0;
  }
  .page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list {
    height: 260px;
    padding: 30px 5px 0;
  }
  .page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list img {
    width: 24px;
  }
  .page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list span {
    margin-left: 0;
    font-size: 14px;
  }
  .page.conference.conference-18-bj .conference-pc .intro-box .intro-list-box .intro-list p {
    font-size: 12px;
  }
  .page.conference.conference-18-bj .conference-pc .data-box {
    background: #FFFFFF;
  }
  .page.conference.conference-18-bj .conference-pc .data-box .act-data {
    height: auto;
  }
  .page.conference.conference-18-bj .conference-pc .data-box .act-data table caption {
    font-size: 22px;
  }
  .page.conference.conference-18-bj .conference-pc .data-box .act-data table thead tr th {
    font-size: 20px;
  }
  .page.conference.conference-18-bj .conference-pc .data-box .act-data table tbody tr td {
    font-size: 14px;
  }
  .page.conference.conference-18-bj .conference-pc .theme-box .theme-list-box {
    width: 100%;
    padding: 0 20px;
  }
  .page.conference.conference-18-bj .conference-pc .theme-box .theme-list-box .theme-list p {
    font-size: 18px;
  }
  .page.conference.conference-18-bj .conference-pc .theme-box .theme-list-box .theme-list span {
    font-size: 14px;
  }
  .page.conference.conference-18-bj .conference-pc .faq-box {
    padding: 60px 20px 0px;
  }
  .page.conference.conference-18-bj .conference-pc .faq-box .faq {
    width: 100%;
  }
  .page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .panel .panel-heading {
    font-size: 16px;
  }
  .page.conference.conference-18-bj .conference-pc .faq-box .faq .panel-group .faq-title {
    text-align: center;
  }
}
.page.conference.conference-18-bj .conference-mobile {
  padding-top: 0;
}
.page.conference.conference-18-bj .conference-mobile .act-banner-mobile {
  height: 200px;
  width: 100%;
  background: url(../../../vassets/images/home_v3/activity/conference-18bj/banner_phone.jpg) no-repeat;
  background-size: 100%;
  background-color: #192D76;
  margin-top: 62px;
}
.page.conference.conference-18-bj .conference-mobile .navigation-mobile {
  height: 46px;
  width: 100%;
  border-radius: 0;
  background-color: #192D76;
}
.page.conference.conference-18-bj .conference-mobile .navigation-mobile.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  border-bottom: 1px solid #d8d8d8;
}
.page.conference.conference-18-bj .conference-mobile .navigation-mobile a {
  width: 25%;
  height: 46px;
  text-align: center;
  line-height: 46px;
  color: #FFFFFF;
  font-size: 24px;
  display: block;
  font-size: 18px;
  float: left;
}
.page.conference.conference-18-bj .conference-mobile .intro-list-box {
  width: 100%;
  margin: 40px auto 0;
  overflow: hidden;
  padding: 0 20px 40px;
}
.page.conference.conference-18-bj .conference-mobile .intro-list-box .intro-list {
  width: 100%;
  padding: 16px;
  height: 130px;
  margin: 0 auto 20px;
  background: #FFFFFF;
  border: 1px solid rgba(166, 163, 181, 0.3);
}
.page.conference.conference-18-bj .conference-mobile .intro-list-box .intro-list img {
  width: 18%;
  float: left;
  margin-top: 5%;
}
.page.conference.conference-18-bj .conference-mobile .intro-list-box .intro-list div {
  width: 76%;
  float: right;
}
.page.conference.conference-18-bj .conference-mobile .intro-list-box .intro-list div span {
  font-size: 16px;
  color: #EA5E3C;
}
.page.conference.conference-18-bj .conference-mobile .intro-list-box .intro-list div p {
  margin-top: 10px;
  text-align: justify;
  color: #666666;
  font-size: 12px;
}
.page.conference.conference-18-bj .conference-mobile .guest-box {
  background: #F9F9F9;
}
.page.conference.conference-18-bj .conference-mobile .guest-box .act-guest .item img {
  border-radius: 0;
}
.page.conference.conference-18-bj .conference-mobile .guest-box .act-guest .item .act-guest-item-title {
  color: #192E76;
}
.page.conference.conference-18-bj .conference-mobile .guest-box .act-guest .item .act-guest-item-content {
  color: #666666;
}
.page.conference.conference-18-bj .conference-mobile .guest-box .item-big {
  width: 100%;
  height: 240px;
  margin-bottom: 80px;
}
.page.conference.conference-18-bj .conference-mobile .guest-box .item-big img {
  width: 84%;
}
.page.conference.conference-18-bj .conference-mobile .data-box {
  background: #FFFFFF;
}
.page.conference.conference-18-bj .conference-mobile .data-box .act-data-mobile {
  height: auto;
  padding-bottom: 0;
  padding: 80px 10px 0;
}
.page.conference.conference-18-bj .conference-mobile .data-box .act-data-mobile .tab-content-mobile {
  margin: 0 auto 30px;
}
.page.conference.conference-18-bj .conference-mobile .data-box .act-data-mobile .tab-content-mobile .tab-content-list {
  width: 99%;
  margin: 0 auto 30px;
}
.page.conference.conference-18-bj .conference-mobile .data-box .act-data-mobile .swiper-data-mobile {
  overflow: hidden;
}
.page.conference.conference-18-bj .conference-mobile .data-box .act-data-mobile ul {
  display: block;
  float: initial;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: 26px;
}
.page.conference.conference-18-bj .conference-mobile .data-box .act-data-mobile ul li {
  display: inline-block;
  float: none;
}
.page.conference.conference-18-bj .conference-mobile .data-box .act-data-mobile ul li a {
  margin: inherit;
}
.page.conference.conference-18-bj .conference-mobile .data-box .act-data-mobile ul li:nth-child(1) {
  width: 50px;
}
.page.conference.conference-18-bj .conference-mobile .data-box .act-data-mobile ul li:nth-child(2) {
  width: 100px;
}
.page.conference.conference-18-bj .conference-mobile .data-box .act-data-mobile ul li:nth-child(3) {
  width: 120px;
}
.page.conference.conference-18-bj .conference-mobile .data-box .act-data-mobile ul li:nth-child(4) {
  width: 100px;
  border-right: 1px solid #65697F;
}
.page.conference.conference-18-bj .conference-mobile .data-box .act-data-mobile ul li:nth-child(5) {
  width: 100px;
  border-right: none;
}
.page.conference.conference-18-bj .conference-mobile .faq-box {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 80px 20px 0;
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group {
  margin-bottom: 0;
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group .faq-title {
  margin: 0 0 50px 0;
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
  font-weight: 500;
  color: #191140;
  font-size: 24px;
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group .panel {
  border-radius: 1px 1px 0 0;
  box-shadow: none;
  border: 1px solid #A6A3B5;
  margin-bottom: 14px;
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group .panel .panel-heading {
  position: relative;
  cursor: pointer;
  letter-spacing: 0.1px;
  background-color: #F8F8F8;
  padding: 15px 36px 15px 15px;
  color: #191140;
  font-size: 16px;
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group .panel .panel-heading::after {
  content: "-";
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 12px;
  font-size: 25px;
  color: #A6A3B5;
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group .panel .panel-heading.collapsed {
  background-color: #FFFFFF;
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group .panel .panel-heading.collapsed::after {
  content: "+";
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group .panel .panel-collapse {
  background-color: #F8F8F8;
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group .panel .panel-collapse .panel-body {
  padding: 0 15px;
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group .panel .panel-collapse .panel-body p {
  margin: 10px 50px 50px 0;
  color: #65697F;
  font-size: 14px;
  text-align: justify;
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group .panel + .panel {
  margin-top: 0;
}
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group .panel-heading + .panel-collapse > .list-group,
.page.conference.conference-18-bj .conference-mobile .faq-box .faq .panel-group .panel-heading + .panel-collapse > .panel-body {
  border: none;
}
.page.conference.conference-18-bj .conference-mobile .goApply {
  height: 46px;
  width: 100%;
  border-radius: 0;
  background-color: #FC5F3A;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  color: #FFFFFF;
  text-align: center;
  line-height: 46px;
  font-size: 18px;
}
@media screen and (max-width: 1024px) {
  .page.conference.conference-18-bj .act-banner {
    margin-top: 58px;
  }
  .page.conference.conference-18-bj .act-header .navbar-trn {
    background-color: #F8F8F8;
  }
  .page.conference.conference-18-bj .act-header .navbar-trn .container .navbar-header .logo {
    background-image: url(../../../vassets/images/home_v3/gio-logo-primary.svg), none;
  }
}
@media screen and (max-width: 767px) {
  .page.conference.conference-18-bj .act-header .navbar-trn .container .navbar-header .logo {
    background-image: url(../../../vassets/images/home_v3/gio-logo-primary.svg), none;
  }
}
.page.conference.conference-summary .conference-pc .act-banner strong {
  background: url(../../../vassets/images/home_v3/activity/conference-summary/banner_Home_word.png) no-repeat;
  background-size: 100%;
  top: 35%;
}
.page.conference.conference-summary .conference-pc .act-guest .act-guest-item {
  cursor: pointer;
}
.page.conference.conference-summary .conference-pc .act-intro {
  padding-bottom: 60px;
}
.page.conference.conference-summary .conference-pc .activity-box {
  background-color: #F8F8F8;
}
.page.conference.conference-summary .conference-pc .activity-box .act-past {
  padding: 70px 10px 50px;
  overflow: hidden;
}
.page.conference.conference-summary .conference-pc .activity-box .act-past .act-section-title {
  float: left;
  width: 100%;
  margin-top: 40px;
}
.page.conference.conference-summary .conference-pc .activity-box .act-past .past-list {
  width: 23.5%;
  float: left;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  margin-bottom: 50px;
  margin-left: 2%;
}
.page.conference.conference-summary .conference-pc .activity-box .act-past .past-list img {
  width: 100%;
}
.page.conference.conference-summary .conference-pc .activity-box .act-past .past-list div {
  height: 300px;
  width: 100%;
  padding: 20px;
}
.page.conference.conference-summary .conference-pc .activity-box .act-past .past-list div h4 {
  color: #FC5F3A;
  font-weight: 500;
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 20px;
}
.page.conference.conference-summary .conference-pc .activity-box .act-past .past-list div h5 {
  color: #191140;
  font-size: 18px;
  font-weight: 500;
  margin-top: 14px;
}
.page.conference.conference-summary .conference-pc .activity-box .act-past .past-list div h6 {
  color: #65697F;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}
.page.conference.conference-summary .conference-pc .activity-box .act-past .past-list.no-left {
  margin-left: 0;
}
.page.conference.conference-summary .conference-pc .past-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_guest.png) no-repeat;
  background-size: 100% 100%;
}
.page.conference.conference-summary .conference-pc .value-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_image.png) no-repeat;
  background-size: 100% 100%;
}
.page.conference.conference-summary .conference-pc .value-box .act-past {
  padding: 70px 10px 50px;
  overflow: hidden;
}
.page.conference.conference-summary .conference-pc .value-box .act-past .act-section-title {
  float: left;
  width: 100%;
  margin-top: 40px;
}
.page.conference.conference-summary .conference-pc .value-box .act-past .past-list {
  width: 23.5%;
  float: left;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  margin-bottom: 50px;
  margin-left: 2%;
}
.page.conference.conference-summary .conference-pc .value-box .act-past .past-list img {
  width: 100%;
}
.page.conference.conference-summary .conference-pc .value-box .act-past .past-list div {
  height: 280px;
  width: 100%;
  padding: 0 20px;
}
.page.conference.conference-summary .conference-pc .value-box .act-past .past-list div h4 {
  color: #FC5F3A;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  margin-top: 0;
  margin-bottom: 20px;
}
.page.conference.conference-summary .conference-pc .value-box .act-past .past-list div h6 {
  color: #65697F;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}
.page.conference.conference-summary .conference-pc .value-box .act-past .past-list.no-left {
  margin-left: 0;
}
.page.conference.conference-summary .conference-pc .evaluate-box {
  background-size: 100% 100%;
}
.page.conference.conference-summary .conference-pc .act-evaluate {
  padding: 70px 0 0px 0;
}
.page.conference.conference-summary .conference-pc .guest-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_download.png) no-repeat;
  background-size: 100%;
}
@media screen and (max-width: 1024px) {
  .page.conference.conference-summary .conference-pc .value-box .act-past,
  .page.conference.conference-summary .conference-pc .activity-box .act-past {
    padding: 70px 40px 50px;
  }
}
@media screen and (max-width: 768px) {
  .page.conference.conference-summary .conference-pc .activity-box .act-past {
    padding: 70px 40px 50px;
  }
  .page.conference.conference-summary .conference-pc .value-box .act-past .past-list div h4 {
    font-size: 14px;
    line-height: 22px;
  }
  .page.conference.conference-summary .conference-pc .value-box .act-past .past-list div h6 {
    font-size: 12px;
  }
  .page.conference.conference-summary .conference-pc .act-evaluate .content {
    padding: 8px 50px;
  }
  .page.conference.conference-summary .conference-pc .act-evaluate .content .slide .swiper-container .swiper-slide span {
    padding-top: 18px;
  }
}
.page.conference.conference-summary .conference-mobile .act-banner-mobile strong {
  background: url(../../../vassets/images/home_v3/activity/conference-summary/banner_Home_word.png) no-repeat;
  background-size: 100%;
  top: 40%;
}
.page.conference.conference-summary .conference-mobile .evaluate-box {
  background-size: 100% 100%;
}
.page.conference.conference-summary .conference-mobile .act-intro-mobile {
  padding: 80px 20px 40px;
}
.page.conference.conference-summary .conference-mobile .guest-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_download.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-summary .conference-mobile .activity-box {
  background-color: #F8F8F8;
}
.page.conference.conference-summary .conference-mobile .activity-box .slide-theme .conference-theme {
  width: 90%;
  height: 500px;
}
.page.conference.conference-summary .conference-mobile .activity-box .slide-theme .conference-theme .swiper-slide img {
  width: 100%;
  height: auto;
  margin: 0;
}
.page.conference.conference-summary .conference-mobile .activity-box .slide-theme .conference-theme .swiper-slide .act-theme-item-content {
  height: 300px;
  width: 100%;
  padding: 20px;
  height: auto;
}
.page.conference.conference-summary .conference-mobile .activity-box .slide-theme .conference-theme .swiper-slide .act-theme-item-content h4 {
  color: #FC5F3A;
  font-weight: 500;
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 20px;
}
.page.conference.conference-summary .conference-mobile .activity-box .slide-theme .conference-theme .swiper-slide .act-theme-item-content h5 {
  color: #191140;
  font-size: 18px;
  font-weight: 500;
  margin-top: 14px;
}
.page.conference.conference-summary .conference-mobile .activity-box .slide-theme .conference-theme .swiper-slide .act-theme-item-content h6 {
  color: #65697F;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}
.page.conference.conference-summary .conference-mobile .past-box {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/bg_Home_guest.png) no-repeat;
  background-size: 100%;
}
.page.conference.conference-summary .conference-mobile .value-box .slide-theme .conference-theme {
  width: 90%;
  height: 460px;
}
.page.conference.conference-summary .conference-mobile .value-box .slide-theme .conference-theme .swiper-slide img {
  width: 100%;
  height: auto;
  margin: 0;
}
.page.conference.conference-summary .conference-mobile .value-box .slide-theme .conference-theme .swiper-slide .act-theme-item-content {
  height: 280px;
  width: 100%;
  padding: 0 20px;
  height: auto;
}
.page.conference.conference-summary .conference-mobile .value-box .slide-theme .conference-theme .swiper-slide .act-theme-item-content h4 {
  color: #191140;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  margin-top: 0;
  margin-bottom: 20px;
}
.page.conference.conference-summary .conference-mobile .value-box .slide-theme .conference-theme .swiper-slide .act-theme-item-content h6 {
  color: #65697F;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}
.page.conference.conference-19-bj .conference-pc .data-box {
  background-size: 1440px;
  background-position: center 0%;
}
.page.conference.conference-19-bj .conference-pc .data-box .act-data {
  height: auto;
  padding-bottom: 20px;
}
.page.conference.conference-19-bj .conference-pc .data-box .act-data .tab-content .tab-content-left {
  padding-top: 90px;
}
.page.conference.conference-19-bj .conference-pc .act-banner i {
  background: url(../../../vassets/images/home_v3/activity/startdt-day/banner_bg_pc.png) no-repeat;
  background-size: 100% 100%;
}
.page.conference.conference-19-bj .conference-pc .act-banner strong {
  background: url(../../../vassets/images/home_v3/activity/conference-19bj/banner_Home_word.png) no-repeat;
  background-size: 100%;
  margin-left: -25%;
  width: 50%;
  top: 28%;
}
.page.conference.conference-19-bj .conference-mobile .act-banner-mobile i {
  background: url(../../../vassets/images/home_v3/activity/conference-19bj/bg_mobile.png) no-repeat;
  background-size: 100% 100%;
}
.page.conference.conference-19-bj .conference-mobile .act-banner-mobile strong {
  background: url(../../../vassets/images/home_v3/activity/conference-19bj/banner_Home_word_mobile.png) no-repeat;
  background-size: 100%;
  top: 12%;
  height: 80%;
}
.page.conference.conference-19-bj .conference-mobile .act-section.act-data-mobile ul li {
  width: 24%;
}
.page.video-detail {
  background-color: #F8F8F8;
}
.page.video-detail .video-detail-box {
  width: 1130px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px;
}
.page.video-detail .video-detail-box .topleft {
  width: 860px;
  height: 620px;
  float: left;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
}
.page.video-detail .video-detail-box .topleft .topleft-video {
  height: 490px;
  width: 860px;
  position: relative;
}
.page.video-detail .video-detail-box .topleft .topleft-video img {
  height: 490px;
  width: 860px;
  position: absolute;
  left: 0;
  top: 0;
}
.page.video-detail .video-detail-box .topleft .topleft-video i {
  height: 490px;
  width: 860px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000000;
}
.page.video-detail .video-detail-box .topleft .topleft-video span {
  height: 80px;
  width: 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -40px;
  margin-left: -40px;
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_play_default.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.page.video-detail .video-detail-box .topleft .topleft-video span:hover {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_play_selected.png) no-repeat;
  background-size: 100%;
}
.page.video-detail .video-detail-box .topleft .topleft-video p {
  width: 100%;
  text-align: center;
  position: absolute;
  font-size: 24px;
  top: 46%;
  color: #fc5f3a;
  display: none;
}
.page.video-detail .video-detail-box .topleft .topleft-video .vjs-poster,
.page.video-detail .video-detail-box .topleft .topleft-video .vjs-big-play-centered .vjs-big-play-button {
  display: none;
}
.page.video-detail .video-detail-box .topleft .topleft-text {
  padding: 20px 25px 0px 20px;
  position: relative;
}
.page.video-detail .video-detail-box .topleft .topleft-text p {
  color: #191140;
  font-size: 28px;
  font-weight: 500;
}
.page.video-detail .video-detail-box .topleft .topleft-text span {
  color: #65697F;
  font-size: 16px;
  margin-right: 24px;
}
.page.video-detail .video-detail-box .topleft .topleft-text div {
  position: absolute;
  right: 30px;
  top: 60px;
  color: #65697F;
  font-size: 16px;
}
.page.video-detail .video-detail-box .topleft .topleft-text div img {
  width: 42px;
  height: 42px;
  cursor: pointer;
}
.page.video-detail .video-detail-box .topright {
  min-height: 619px;
  width: 249px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  float: right;
  padding: 20px 20px 0px 20px;
}
.page.video-detail .video-detail-box .topright p {
  color: #191140;
  font-size: 24px;
  font-weight: 500;
  line-height: 33px;
  margin-bottom: 10px;
}
.page.video-detail .video-detail-box .topright .push-list {
  margin-bottom: 30px;
  position: relative;
}
.page.video-detail .video-detail-box .topright .push-list a {
  width: 209px;
  display: block;
}
.page.video-detail .video-detail-box .topright .push-list a img {
  height: 133px;
  width: 209px;
  background-color: #BAB7C5;
}
.page.video-detail .video-detail-box .topright .push-list a i {
  display: none;
  height: 52px;
  width: 52px;
  position: absolute;
  left: 50%;
  top: 16%;
  margin-left: -26px;
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_play_default.png) no-repeat;
  background-size: 100%;
}
.page.video-detail .video-detail-box .topright .push-list a p {
  color: #191140;
  font-size: 16px;
  line-height: 24px;
  margin: 15px 0 5px 0;
}
.page.video-detail .video-detail-box .topright .push-list a span {
  color: #65697F;
  font-size: 14px;
  line-height: 24px;
}
.page.video-detail .video-detail-box .topright .push-list:hover {
  cursor: pointer;
}
.page.video-detail .video-detail-box .topright .push-list:hover a,
.page.video-detail .video-detail-box .topright .push-list:hover i {
  display: block;
}
.page.video-detail .video-detail-box .bottomleft {
  height: 550px;
  width: 860px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  float: left;
  margin-top: 20px;
  padding: 20px 20px 20px 20px;
  color: #65697F;
  font-size: 14px;
  line-height: 24px;
}
.page.video-detail .video-detail-box .bottomleft div {
  color: #191140;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}
.page.video-detail .video-detail-box .bottomleft p {
  margin: 50px 0 20px 0;
  color: #191140;
  font-size: 24px;
  font-weight: 500;
}
.page.video-detail .video-detail-box .bottomleft p a {
  cursor: pointer;
  color: #fc5f3a;
}
.page.video-detail .video-detail-box .bottomright {
  height: 550px;
  width: 248px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  float: right;
  margin-top: 20px;
  padding: 20px;
}
.page.video-detail .video-detail-box .bottomright p {
  color: #191140;
  font-size: 24px;
  font-weight: 500;
  line-height: 33px;
  margin-bottom: 30px;
}
.page.video-detail .video-detail-box .bottomright img {
  height: 110px;
  width: 110px;
  margin: 0 auto;
  display: block;
}
.page.video-detail .video-detail-box .bottomright h5 {
  text-align: center;
  color: #191140;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
}
.page.video-detail .video-detail-box .bottomright h6 {
  text-align: center;
  color: #191140;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 30px;
}
.page.video-detail .video-detail-box .bottomright span {
  color: #65697F;
  font-size: 14px;
  line-height: 20px;
}
.page.video-detail .footer .container {
  width: 1031px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}
.page.video-detail .footer .container .foot-list {
  width: 30%;
}
.page.video-detail .footer .container .foot-list p {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 20px;
  margin: 0 0 20px 0;
}
.page.video-detail .footer .container .foot-list span {
  font-size: 16px;
  line-height: 30px;
  color: #FFFFFF;
}
.page.video-detail .footer .container .foot-list img {
  float: left;
  height: 100px;
  width: 100px;
  background-color: #D8D8D8;
}
.page.video-detail .footer .container .foot-left {
  width: 272px;
  float: left;
}
.page.video-detail .footer .container .foot-center {
  width: 272px;
  float: left;
  margin: 0 100px 0 140px;
}
.page.video-detail .footer .container .foot-center p {
  margin: 0 0 10px 0;
}
.page.video-detail .footer .container .foot-center span {
  line-height: 40px;
}
.page.video-detail .footer .container .foot-center a {
  color: #fc5f3a;
}
.page.video-detail .footer .container .foot-right {
  float: right;
  width: 245px;
}
.page.video-detail .footer .container .foot-right img:nth-child(2),
.page.video-detail .footer .container .foot-right span:nth-child(4) {
  margin-right: 45px;
}
.page.video-detail .footer .container .foot-right span {
  width: 100px;
  display: block;
  float: left;
  text-align: center;
  line-height: 50px;
}
.page.video-detail .footer .container .copyright {
  width: 100%;
  float: left;
}
@media screen and (max-width: 1024px) {
  .page.video-detail .video-detail-box {
    width: 100%;
    padding: 100px 30px;
  }
  .page.video-detail .video-detail-box .topleft {
    width: 70%;
    height: 620px;
  }
  .page.video-detail .video-detail-box .topleft .topleft-video {
    height: 490px;
    width: 100%;
  }
  .page.video-detail .video-detail-box .topleft .topleft-video img {
    height: 490px;
    width: 100%;
  }
  .page.video-detail .video-detail-box .topleft .topleft-video i {
    height: 490px;
    width: 100%;
  }
  .page.video-detail .video-detail-box .topleft .topleft-video span {
    height: 80px;
    width: 80px;
  }
  .page.video-detail .video-detail-box .bottomleft {
    height: 510px;
    width: 70%;
  }
  .page.video-detail .footer {
    min-width: 0;
  }
  .page.video-detail .footer .container {
    padding: 50px;
  }
  .page.video-detail .footer .container .foot-left {
    width: 200px;
  }
  .page.video-detail .footer .container .foot-center {
    width: 250px;
    margin: 0 80px 0 140px;
  }
}
@media screen and (max-width: 768px) {
  .page.video-detail .video-detail-box .topleft {
    width: 100%;
    float: none;
    margin: 0 auto;
  }
  .page.video-detail .video-detail-box .topright {
    width: 100%;
    margin: 30px 0 0;
  }
  .page.video-detail .video-detail-box .topright .push-list {
    margin: 0 auto 50px;
    width: 90%;
    text-align: center;
  }
  .page.video-detail .video-detail-box .topright .push-list a {
    margin: 0 auto;
  }
  .page.video-detail .video-detail-box .bottomleft,
  .page.video-detail .video-detail-box .bottomright {
    width: 100%;
    height: auto;
  }
  .page.video-detail .footer {
    min-width: 0;
  }
  .page.video-detail .footer .container {
    width: 100%;
    padding: 50px;
  }
  .page.video-detail .footer .container .foot-left,
  .page.video-detail .footer .container .foot-center,
  .page.video-detail .footer .container .foot-right {
    width: 60%;
    float: none;
    margin: 40px auto;
  }
  .page.video-detail .footer .container .foot-right img:nth-child(2),
  .page.video-detail .footer .container .foot-right span:nth-child(4) {
    margin-right: 80px;
  }
}
@media screen and (max-width: 767px) {
  .page.video-detail .video-detail-box .topleft {
    height: auto;
    overflow: hidden;
  }
  .page.video-detail .video-detail-box .topleft .topleft-video {
    height: 200px;
  }
  .page.video-detail .video-detail-box .topleft .topleft-video img {
    height: 200px;
  }
  .page.video-detail .video-detail-box .topleft .topleft-video i {
    height: 200px;
  }
  .page.video-detail .video-detail-box .topleft .topleft-video p {
    font-size: 14px;
  }
  .page.video-detail .video-detail-box .topleft .topleft-text p {
    font-size: 18px;
  }
  .page.video-detail .video-detail-box .topleft .topleft-text span {
    font-size: 10px;
  }
  .page.video-detail .video-detail-box .topleft .topleft-text div {
    float: right;
    margin: 20px 0 20px;
    position: static;
  }
  .page.video-detail .footer .container .foot-left,
  .page.video-detail .footer .container .foot-center,
  .page.video-detail .footer .container .foot-right {
    width: 90%;
    float: none;
    margin: 40px auto;
  }
  .page.video-detail .footer .container .foot-right img:nth-child(2),
  .page.video-detail .footer .container .foot-right span:nth-child(4) {
    margin-right: 40px;
  }
}
.page.live .navbar .has-banner .top-banner-box {
  display: none;
}
.page.live .content {
  margin-top: 70px;
  padding: 20px 0 40px;
}
.page.live .content .container {
  padding-right: 70px;
  padding-left: 70px;
}
.page.live .content .live-box {
  position: relative;
}
.page.live .content .live-box #remainTime {
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  color: #fc5f3a;
  z-index: 97;
  background-color: rgba(0, 0, 0, 0.6);
}
.page.live .content .live-box #remainTime span {
  margin-top: 22%;
  display: block;
  font-size: 30px;
}
.page.live .content .live-box .live-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.page.live .content .live-box .live-cover {
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 2;
}
.page.live .content .live-box .live-btn {
  height: 80px;
  width: 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 4;
  margin-top: -40px;
  margin-left: -40px;
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_play_default.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.page.live .content .live-box .live-btn:hover {
  background: url(../../../vassets/images/home_v3/activity/conference-18sz/button_Home_play_selected.png) no-repeat;
  background-size: 100%;
}
.page.live .content .live-box .live-time {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.page.live .content .live-box .live-time-day {
  margin: 0 auto;
  background-color: #2999d9;
  color: #F8F8F8;
  width: 30%;
  text-align: center;
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  border-radius: 5px;
}
@media (min-width: 1200px) {
  .page.live .content .live-box .live-time-day {
    font-size: 40px;
  }
  .page.live .content .live-box .live-time-day span {
    font-size: 50px;
  }
}
@media (max-width: 1200px) and (min-width: 768px) {
  .page.live .content .live-box .live-time-day {
    font-size: 30px;
  }
  .page.live .content .live-box .live-time-day span {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .page.live .content .live-box .live-time-day {
    font-size: 4vw;
  }
  .page.live .content .live-box .live-time-day span {
    font-size: 5vw;
  }
}
.page.live .content .live-box .live-time-countDown-box {
  background-color: #141414;
  width: 50%;
  height: 30%;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  border-radius: 5px;
}
.page.live .content .live-box .live-time-countDown-box .live-time-number-box {
  width: 80%;
  height: 50%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.page.live .content .live-box .live-time-countDown-box .live-time-number-box .live-time-number {
  display: inline-block;
  background-color: #343434;
  border-radius: 10px;
  color: #F8F8F8;
  height: 100%;
  text-align: center;
}
@media (min-width: 1200px) {
  .page.live .content .live-box .live-time-countDown-box .live-time-number-box .live-time-number {
    width: 14.44%;
    font-size: 60px;
  }
}
@media (max-width: 1200px) and (min-width: 768px) {
  .page.live .content .live-box .live-time-countDown-box .live-time-number-box .live-time-number {
    font-size: 50px;
    width: 13%;
  }
}
@media (max-width: 767px) {
  .page.live .content .live-box .live-time-countDown-box .live-time-number-box .live-time-number {
    width: 12.2%;
    font-size: 6vw;
    border-radius: 1vw;
  }
}
.page.live .content .live-box .live-time-countDown-box .live-time-number-box .live-time-split {
  color: #343434;
  display: inline-block;
  height: 100%;
  vertical-align: super;
  line-height: 1;
}
@media (min-width: 1200px) {
  .page.live .content .live-box .live-time-countDown-box .live-time-number-box .live-time-split {
    font-size: 50px;
  }
}
@media (max-width: 1200px) and (min-width: 768px) {
  .page.live .content .live-box .live-time-countDown-box .live-time-number-box .live-time-split {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .page.live .content .live-box .live-time-countDown-box .live-time-number-box .live-time-split {
    font-size: 4vw;
  }
}
.page.live .content .live-box .vjs-poster,
.page.live .content .live-box .vjs-big-play-centered .vjs-big-play-button {
  display: none;
}
.page.live .content .live-detail {
  background: #EEE;
  padding: 20px 30px;
  position: relative;
}
.page.live .content .live-detail p {
  margin: 0 0 16px 0;
  font-size: 20px;
  font-weight: 500;
}
.page.live .content .live-detail span {
  font-size: 14px;
  color: #52556C;
}
.page.live .content .live-detail div {
  position: absolute;
  right: 30px;
  top: 20px;
  width: 60px;
  text-align: center;
  cursor: pointer;
}
.page.live .content .live-detail div a {
  width: 120px;
  height: 120px;
  display: none;
  position: absolute;
  left: -30px;
  top: -140px;
  z-index: 101;
  background: url(../../../vassets/images/home_v3/activity/conference-summary/share-code.png) no-repeat;
  background-size: 100%;
}
.page.live .content .live-detail div:hover a {
  display: block;
}
.page.live .content .live-detail div img {
  width: 30px;
  display: block;
  margin: 0 15px 12px;
}
.page.live .content .live-detail div i {
  font-style: normal;
  font-size: 12px;
  color: #999;
}
.page.live .content .live-nav {
  background: #F9F9F9;
  margin-top: 20px;
}
.page.live .content .live-nav .tab-box {
  overflow: hidden;
  background: #EEEEEE;
}
.page.live .content .live-nav .tab-box li {
  text-align: center;
  height: 60px;
  line-height: 60px;
  padding-right: 0px;
  padding-left: 0px;
}
.page.live .content .live-nav .tab-box li a {
  color: #191140;
  font-size: 16px;
}
.page.live .content .live-nav .tab-box li.active::before {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: auto;
  bottom: 0;
  width: 0;
  height: 0;
  border-width: 0 10px 10px;
  border-style: solid;
  border-color: transparent transparent #FFF;
}
.page.live .content .live-nav .tab-content {
  height: 400px;
  padding: 30px 20px;
  color: #52556C;
  font-size: 14px;
  overflow: auto;
  line-height: 32px;
}
.page.live .content .live-nav .tab-content .tab-pane {
  height: 100%;
  overflow-y: auto;
}
.page.live .content .live-nav .tab-content a {
  text-decoration: underline;
  color: #fc5f3a;
  cursor: pointer;
}
.page.live .content .live-nav .tab-content img {
  display: block;
  margin: 0 auto 30px;
  width: 200px;
}
.page.live .footer .container {
  width: 1031px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}
.page.live .footer .container .foot-list {
  width: 30%;
}
.page.live .footer .container .foot-list p {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 20px;
  margin: 0 0 20px 0;
}
.page.live .footer .container .foot-list span {
  font-size: 16px;
  line-height: 30px;
  color: #FFFFFF;
}
.page.live .footer .container .foot-list img {
  float: left;
  height: 100px;
  width: 100px;
  background-color: #D8D8D8;
}
.page.live .footer .container .foot-left {
  width: 272px;
  float: left;
}
.page.live .footer .container .foot-center {
  width: 272px;
  float: left;
  margin: 0 100px 0 140px;
}
.page.live .footer .container .foot-center p {
  margin: 0 0 10px 0;
}
.page.live .footer .container .foot-center span {
  line-height: 40px;
}
.page.live .footer .container .foot-center a {
  color: #fc5f3a;
}
.page.live .footer .container .foot-right {
  float: right;
  width: 245px;
}
.page.live .footer .container .foot-right img:nth-child(2),
.page.live .footer .container .foot-right span:nth-child(4) {
  margin-right: 45px;
}
.page.live .footer .container .foot-right span {
  width: 100px;
  display: block;
  float: left;
  text-align: center;
  line-height: 50px;
}
.page.live .footer .container .copyright {
  width: 100%;
  float: left;
}
@media screen and (max-width: 1024px) {
  .page.live .content .container {
    padding-right: 0;
    padding-left: 0;
  }
  .page.live .footer {
    min-width: 0;
  }
  .page.live .footer .container {
    padding: 50px;
  }
  .page.live .footer .container .foot-left {
    width: 200px;
  }
  .page.live .footer .container .foot-center {
    width: 250px;
    margin: 0 80px 0 140px;
  }
}
@media screen and (max-width: 768px) {
  .page.live .content .container {
    padding-right: 0;
    padding-left: 0;
  }
  .page.live .footer {
    min-width: 0;
  }
  .page.live .footer .container {
    width: 100%;
    padding: 50px;
  }
  .page.live .footer .container .foot-left,
  .page.live .footer .container .foot-center,
  .page.live .footer .container .foot-right {
    width: 60%;
    float: none;
    margin: 40px auto;
  }
  .page.live .footer .container .foot-right img:nth-child(2),
  .page.live .footer .container .foot-right span:nth-child(4) {
    margin-right: 80px;
  }
}
@media screen and (max-width: 767px) {
  .page.live .header,
  .page.live .live-detail,
  .page.live .footer {
    display: none;
  }
  .page.live .content .container {
    padding-right: 0;
    padding-left: 0;
  }
  .page.live .content {
    margin-top: 0;
    padding: 0;
  }
  .page.live .content .live-nav {
    margin-top: 0;
  }
  .page.live .content .live-nav .tab-box li a {
    font-size: 14px;
  }
  .page.live .content .live-box #remainTime span {
    margin-top: 20%;
    font-size: 20px;
  }
  .page.live .footer .container .foot-left,
  .page.live .footer .container .foot-center,
  .page.live .footer .container .foot-right {
    width: 90%;
    float: none;
    margin: 40px auto;
  }
  .page.live .footer .container .foot-right img:nth-child(2),
  .page.live .footer .container .foot-right span:nth-child(4) {
    margin-right: 40px;
  }
}
.productsAnalysisk .conference-pc .navbar {
  width: 100%;
  position: fixed;
  background: transparent;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 0px;
}
.productsAnalysisk .conference-pc .act-banner {
  position: relative;
  max-width: inherit;
}
.productsAnalysisk .conference-pc .act-banner i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(25, 17, 64, 0.6);
}
.productsAnalysisk .conference-pc .act-banner strong {
  position: absolute;
  left: 50%;
  margin-left: -15%;
  width: 30%;
  height: 70%;
  background: url(../../../vassets/images/home_v3/gio_video_desc.png) no-repeat;
  background-size: 100%;
  top: 35%;
}
@media screen and (min-width: 768px) {
  .productsAnalysisk .conference-pc .act-banner {
    min-width: auto;
  }
}
@media screen and (max-width: 767px) {
  .productsAnalysisk .conference-pc .act-banner strong {
    top: 40%;
    position: absolute;
    left: 50%;
    margin-left: -40%;
    width: 80%;
    height: 70%;
  }
}
.page.ebook-download {
  background-color: #F8F8F8;
}
.page.ebook-download .ebook-detail-box {
  width: 1130px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px;
}
.page.ebook-download .ebook-detail-box .topleft {
  width: 860px;
  height: 485px;
  float: left;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  padding: 30px 20px 0 40px;
}
.page.ebook-download .ebook-detail-box .topleft img {
  width: 340px;
  float: left;
  margin: 0px 30px 0 0;
}
.page.ebook-download .ebook-detail-box .topleft h3 {
  color: #191140;
  font-size: 20px;
  font-weight: 500;
  margin-top: 0;
  line-height: 33px;
}
.page.ebook-download .ebook-detail-box .topleft h5 {
  color: #65697F;
  font-size: 14px;
  line-height: 24px;
  padding-right: 40px;
  margin: 20px 0;
  height: 74px;
}
.page.ebook-download .ebook-detail-box .topleft p {
  font-size: 16px;
  color: #65697F;
  margin: 10px 0 0 0;
}
.page.ebook-download .ebook-detail-box .topleft a {
  height: 40px;
  width: 140px;
  border-radius: 4px;
  background-color: #FC5F3A;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  color: #FFF;
  font-size: 16px;
  margin-top: 100px;
}
.page.ebook-download .ebook-detail-box .topleft a:hover {
  background-color: #DD4A3A;
}
.page.ebook-download .ebook-detail-box .topleft a:active {
  background-color: #BA3C3C;
}
.page.ebook-download .ebook-detail-box .topright {
  height: 485px;
  width: 249px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  float: right;
  padding: 26px 20px 20px 20px;
}
.page.ebook-download .ebook-detail-box .topright p {
  color: #191140;
  font-size: 20px;
  font-weight: 500;
  line-height: 33px;
  margin-bottom: 10px;
}
.page.ebook-download .ebook-detail-box .topright .push-list {
  margin-bottom: 30px;
  position: relative;
}
.page.ebook-download .ebook-detail-box .topright .push-list a {
  width: 209px;
  display: block;
}
.page.ebook-download .ebook-detail-box .topright .push-list a img {
  width: 210px;
  background-color: #BAB7C5;
}
.page.ebook-download .ebook-detail-box .topright .push-list p {
  color: #191140;
  font-size: 16px;
  line-height: 24px;
  margin-top: 16px;
}
.page.ebook-download .ebook-detail-box .topright .push-list:hover a {
  display: block;
  cursor: pointer;
}
.page.ebook-download .ebook-detail-box .bottomleft {
  height: 400px;
  width: 860px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  float: left;
  margin-top: 20px;
  padding: 30px 65px 0 40px;
  color: #65697F;
  font-size: 14px;
  line-height: 24px;
}
.page.ebook-download .ebook-detail-box .bottomleft div {
  color: #191140;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
  line-height: 33px;
}
.page.ebook-download .ebook-detail-box .bottomleft p {
  margin: 50px 0 20px 0;
  color: #191140;
  font-size: 24px;
  font-weight: 500;
}
.page.ebook-download .ebook-detail-box .bottomleft p a {
  cursor: pointer;
  color: #fc5f3a;
}
.page.ebook-download .ebook-detail-box .bottomright {
  height: 400px;
  width: 248px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  float: right;
  margin-top: 20px;
  padding: 30px 20px 20px 20px;
}
.page.ebook-download .ebook-detail-box .bottomright p {
  color: #191140;
  font-size: 20px;
  font-weight: 500;
  line-height: 33px;
  margin-bottom: 20px;
}
.page.ebook-download .ebook-detail-box .bottomright img {
  height: 110px;
  width: 110px;
  margin: 0 auto;
  display: block;
}
.page.ebook-download .ebook-detail-box .bottomright h5 {
  text-align: center;
  color: #191140;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
}
.page.ebook-download .ebook-detail-box .bottomright h6 {
  text-align: center;
  color: #191140;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 30px;
}
.page.ebook-download .ebook-detail-box .bottomright span {
  color: #65697F;
  font-size: 14px;
  line-height: 24px;
}
.page.ebook-download .ebook-detail-box-mobile {
  display: none;
}
.page.ebook-download .ebook-detail-box-mobile h3 {
  text-align: center;
  margin-top: 0;
  font-weight: 500;
  color: #191140;
}
.page.ebook-download .ebook-detail-box-mobile h4 {
  text-align: center;
  font-size: 20px;
  color: #65697F;
  margin-top: 20px;
  font-weight: 500;
}
.page.ebook-download .ebook-detail-box-mobile h5 {
  text-align: justify;
  color: #65697F;
  line-height: 24px;
  font-size: 16px;
  margin-top: 20px;
}
.page.ebook-download .ebook-detail-box-mobile img {
  width: 100%;
  margin-top: 20px;
}
.page.ebook-download .ebook-detail-box-mobile p {
  color: #65697F;
  font-size: 16px;
  line-height: 24px;
  margin: 30px 0 0 0;
}
.page.ebook-download .ebook-detail-box-mobile a {
  width: 100%;
  height: 60px;
  background-color: #FC5F3A;
  display: block;
  text-align: center;
  line-height: 60px;
  color: #FFF;
  font-size: 20px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 4;
}
.page.ebook-download .footer .trial {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page.ebook-download .ebook-detail-box {
    width: 100%;
    padding: 100px 30px;
  }
  .page.ebook-download .ebook-detail-box .topleft {
    width: 70%;
  }
  .page.ebook-download .ebook-detail-box .topleft h5 {
    padding-right: 10px;
  }
  .page.ebook-download .ebook-detail-box .topleft a {
    margin-top: 40px;
  }
  .page.ebook-download .ebook-detail-box .bottomleft {
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  .page.ebook-download .ebook-detail-box .topleft {
    width: 100%;
    float: none;
    margin: 0 auto;
  }
  .page.ebook-download .ebook-detail-box .topright {
    width: 100%;
    margin: 30px 0 0;
  }
  .page.ebook-download .ebook-detail-box .topright .push-list {
    margin: 0 auto 50px;
    width: 90%;
    text-align: center;
  }
  .page.ebook-download .ebook-detail-box .topright .push-list a {
    margin: 0 auto;
  }
  .page.ebook-download .ebook-detail-box .bottomleft,
  .page.ebook-download .ebook-detail-box .bottomright {
    width: 100%;
    height: auto;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .page.ebook-download .ebook-detail-box {
    display: none;
  }
  .page.ebook-download .ebook-detail-box-mobile {
    display: block;
    padding: 100px 20px;
  }
  .page.ebook-download .footer {
    display: none;
  }
}
#modal {
  padding-right: 0;
}
#modal .modal-content {
  height: 540px;
  width: 450px;
  border-radius: 8px;
  background-color: #F8F8F8;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  margin: 20% auto 0;
}
#modal .modal-content.signup-content {
  display: block;
}
#modal .modal-content.login-content {
  display: none;
  height: 360px;
}
#modal .modal-content.login-content .modal-header {
  height: 90px;
}
#modal .modal-content.login-content .modal-form .to-login a {
  color: #65697F;
  text-decoration: none;
}
#modal .modal-content.login-content .modal-form .to-login a:hover {
  color: #FC5F3A;
  text-decoration: underline;
}
#modal .modal-content .modal-header {
  height: 120px;
  background: none;
  border: none;
}
#modal .modal-content .modal-header p {
  color: #190F41;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  text-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  margin: 40px 0 10px 0;
}
#modal .modal-content .modal-header .modal-form-header {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #65697F;
}
#modal .modal-content .modal-header .modal-form-header i {
  font-style: normal;
  color: #FC5F3A;
}
#modal .modal-content .modal-header .modal-close {
  position: absolute;
  right: 20px;
  top: 20px;
}
#modal .modal-content .modal-header .modal-close span {
  color: #65697F;
  font-weight: 100;
}
#modal .modal-content .modal-form {
  padding: 15px 38px;
}
#modal .modal-content .modal-form .first-step {
  display: block;
}
#modal .modal-content .modal-form .second-step {
  display: none;
}
#modal .modal-content .modal-form .modal-input-item:last-child {
  margin-bottom: 20px;
}
#modal .modal-content .modal-form .modal-input {
  height: 40px;
  width: 374px;
  border: 1px solid #E1E2E4;
  border-radius: 4px;
  background-color: #FFFFFF;
  color: #BCC1C9;
  font-size: 14px;
  line-height: 40px;
  padding-left: 15px;
  padding-top: 0;
}
#modal .modal-content .modal-form .modal-input:focus {
  box-shadow: 0 0 4px 0 rgba(221, 74, 58, 0.5);
}
#modal .modal-content .modal-form #ul-company {
  display: none;
  background: #FFF;
  border: 1px solid #cccccc;
  width: 374px;
  position: absolute;
  box-sizing: border-box;
  background-color: white;
}
#modal .modal-content .modal-form #ul-company li {
  font-size: 15px;
  font-weight: bold;
  height: 30px;
  padding: 5px 10px;
  background-color: white;
  width: 372px;
  text-indent: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 1px;
}
#modal .modal-content .modal-form #ul-company li em {
  font-style: normal;
  font-weight: normal;
}
#modal .modal-content .modal-form #ul-company li:hover {
  background-color: #F1F1F1;
}
#modal .modal-content .modal-form .modal-verifyCode .modal-input {
  width: 242px;
}
#modal .modal-content .modal-form .modal-verifyCode .modal-verifyButton {
  height: 34px;
  width: 112px;
  border: 1px solid #FC5F3A;
  border-radius: 4px;
  background: transparent;
  color: #FC5F3A;
  font-size: 14px;
  line-height: 34px;
}
#modal .modal-content .modal-form .modal-verifyCode .modal-verifyButton:hover {
  background-color: #FC5F3A;
  color: #FFFFFF;
}
#modal .modal-content .modal-form .modal-verifyCode .modal-verifyButton:active {
  background-color: #DD4A3A;
  color: #FFFFFF;
}
#modal .modal-content .modal-form .modal-verifyCode .modal-verifyButton.verifyButton-disable {
  background-color: #e1e2e4;
  color: #FC5F3A;
  cursor: default;
  border: none;
}
#modal .modal-content .modal-form .modal-verifyCode .modal-verifyButton.verifyButton-disable:hover {
  background-color: #e1e2e4;
  color: #FC5F3A;
  cursor: default;
}
#modal .modal-content .modal-form .modal-select {
  height: 40px;
  border: 1px solid #E1E2E4;
  border-radius: 4px;
  background-color: #FFFFFF;
  color: #BCC1C9;
  font-size: 14px;
  line-height: 40px;
  padding-left: 15px;
  padding-top: 0;
}
#modal .modal-content .modal-form .modal-select:focus {
  box-shadow: 0 0 4px 0 rgba(221, 74, 58, 0.5);
}
#modal .modal-content .modal-form .modal-form-button {
  height: 40px;
  width: 374px;
  border-radius: 4px;
  background-color: #FC5F3A;
  line-height: 40px;
  font-size: 18px;
  box-shadow: none;
  margin-bottom: 30px;
  display: none;
}
#modal .modal-content .modal-form .modal-form-button.next-step,
#modal .modal-content .modal-form .modal-form-button.login-button {
  text-align: center;
  display: block;
}
#modal .modal-content .modal-form .modal-form-button:hover {
  color: #FFFFFF;
  background-color: #DD4A3A;
}
#modal .modal-content .modal-form .modal-form-button:active {
  background-color: #BA3C3C;
}
#modal .modal-content .modal-form .modal-form-button:focus {
  color: #FFFFFF;
}
#modal .modal-content .modal-form .to-login {
  text-align: center;
  color: #65697F;
  font-size: 14px;
}
#modal .modal-content .modal-form .to-login a {
  color: #FC5F3A;
  cursor: pointer;
  text-decoration: underline;
}
#modal .modal-content .modal-form .to-login a:hover {
  color: #DD4A3A;
}
#modal .modal-content .modal-form .to-login a:active {
  color: #BA3C3C;
}
#modal .modal-content .modal-form .to-login p {
  width: 50%;
  float: left;
  text-align: left;
}
#modal .modal-content .modal-form .to-login p:nth-child(2) {
  text-align: right;
}
@media screen and (max-width: 767px) {
  #modal {
    z-index: 9999999 !important;
    background-color: #F8F8F8;
  }
  #modal .modal-dialog {
    width: 100%;
    margin: 0;
    height: 100%;
  }
  #modal .modal-content {
    width: 100%;
    padding: 0% 5%;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
  }
  #modal .modal-content .modal-header {
    height: 160px;
    padding-top: 30px;
  }
  #modal .modal-content .modal-header p {
    margin: 40px 0 20px 0;
  }
  #modal .modal-content .modal-form .modal-input {
    width: 100%;
  }
  #modal .modal-content .modal-form .modal-verifyCode .modal-input {
    width: 60%;
  }
  #modal .modal-content .modal-form .modal-verifyCode .modal-verifyButton {
    width: 36%;
    font-size: 12px;
  }
  #modal .modal-content .modal-form .modal-form-button {
    width: 100%;
  }
  #modal .modal-content .modal-form .to-login {
    font-size: 12px;
  }
}
.dialog {
  display: none;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 888px;
  height: 512px;
  background-color: rgba(26, 47, 62, 0.6);
  z-index: 1000000;
}
@media screen and (max-width: 767px) {
  .dialog {
    width: 100%;
    z-index: 10000000;
  }
}
.dialog-btn-close {
  position: absolute;
  right: 0;
}
.dialog-tip .message {
  line-height: 600px;
  text-align: center;
  color: #fff;
  font-size: 28px;
  background-color: rgba(26, 47, 62, 0.95);
}
.dialog-tos {
  padding: 50px 26px;
  background-color: #fff;
  border: 1px solid #ccc;
}
.dialog-tos .link-close {
  position: absolute;
  top: 20px;
  right: 0;
  width: 40px;
  height: 40px;
  font-size: 20px;
  cursor: pointer;
}
.dialog-tos .dialog-content {
  padding: 0 30px;
  max-height: 412px;
  overflow-y: scroll;
}
.dialog-tos .dialog-content h1 {
  margin-bottom: 10px;
  text-align: center;
  font-size: 32px;
}
.dialog-tos .dialog-content h2 {
  font-size: 18px;
}
.dialog-tos .dialog-content h2.dialog-title-small {
  text-align: center;
  margin-bottom: 20px;
}
.dialog-tos .dialog-content h2,
.dialog-tos .dialog-content p {
  text-indent: 28px;
}
.dialog-tos .dialog-content p {
  line-height: 1.6em;
}
@media screen and (min-width: 767px) {
  .register-pc {
    display: block;
  }
  .register-web {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .register-pc {
    display: none;
  }
  .register-web {
    display: block;
  }
  .modal-header {
    height: 0px;
    padding-top: 0px;
  }
  .register {
    
    
    
  }
  .register input {
    caret-color: #FC5F3A;
    outline: none;
  }
  .register input:-webkit-autofill,
  .register input:-webkit-autofill:hover,
  .register input:-webkit-autofill:focus {
    box-shadow: 0 0 0px 1000px white inset !important;
    background-color: #fff !important;
    background-image: none !important;
  }
  .register input::-webkit-outer-spin-button,
  .register input::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }
  .register select,
  .register select.form-control,
  .register select.form-control:focus,
  .register select.form-control:active {
    outline: none;
    border: 0px;
    box-shadow: none;
    border-color: #fff;
  }
  .register input::-webkit-input-placeholder {
    color: #CECECE;
  }
  .register input::-moz-input-placeholder {
    color: #CECECE;
  }
  .register input::-ms-input-placeholder {
    color: #CECECE;
  }
  .register #modal {
    background-color: #fff;
  }
  .register #modal .modal-content {
    background-color: #fff;
  }
  .register #modal .modal-content .modal-header {
    height: 0px;
    padding-top: 0px;
  }
  .register #modal .modal-content .modal-form {
    padding: 75px 0px 0px 0px;
  }
  .register #modal .modal-content .modal-form .modal-form-button {
    border-radius: 4px;
    background-color: #FC5F3A;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 47px;
    text-align: center;
    color: #fff;
    border-color: #FC5F3A;
    width: 100%;
    height: 47px;
    margin-top: 24px;
  }
  .register #modal .modal-content .modal-form .to-login {
    padding: 0px;
    margin: 0 auto;
    width: 90%;
    text-align: center;
  }
  .register #modal .modal-content .modal-form .to-login p {
    width: 100%;
    text-align: center;
  }
  .register #modal .modal-content .modal-form .to-login a {
    text-decoration: none;
  }
  .register #modal .modal-content .modal-form-errorMessage {
    height: 16px;
    margin-bottom: 0px;
    display: flex;
    visibility: visible;
    justify-content: center;
    margin-top: 14px;
  }
  .register .title {
    color: #191140;
    font-size: 23px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 32px;
    margin-bottom: 10px;
  }
  .register .sub-title {
    color: #676A6F;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 20px;
  }
  .register .form-group {
    margin-top: 10px;
    width: 100%;
  }
  .register .form-group .input-group {
    width: 100%;
  }
  .register .form-group input.form-control {
    height: 37px;
    color: #191140;
    line-height: 22px;
    font-size: 16px;
    border-radius: 0px;
    box-shadow: none !important;
    border: 0px solid #979797;
    border-bottom: 1px solid #979797;
    background-color: #fff !important;
  }
  .register .form-group .input-group-addon {
    height: 37px;
    width: 50px;
    box-sizing: border-box;
    padding: 0px 2px;
    border: none;
    border-radius: 0px;
    background-color: #fff;
    border-bottom: 1px solid #979797;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
  }
  .register .form-group .input-group-addon button {
    height: 22px;
    width: 86px;
    background-color: #FCF7F7;
    border-color: #fcf7f7;
    color: #FC5F3A;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 0px;
    text-align: center;
  }
  .register .form-group .input-group-addon button:focus,
  .register .form-group .input-group-addon button:active,
  .register .form-group .input-group-addon button:active.focus {
    outline: none;
    background-color: #FCF7F7;
    border-color: #fcf7f7;
    color: #FC5F3A;
    box-shadow: none;
  }
  .register .input-btn-yzm {
    position: relative;
  }
  .register .input-btn-yzm button {
    position: absolute;
    top: 5px;
    right: 0px;
    z-index: 2;
  }
  .register button.btn-default.register-btn:focus,
  .register button.btn-default.register-btn:active,
  .register button.btn-default.register-btn:active.focus {
    outline: none;
    background-color: #FC5F3A;
    border-color: #FC5F3A;
    color: #fff;
    box-shadow: none;
  }
  .register #modal .modal-content .modal-form .inputBox {
    width: 100%;
    height: 50px;
    padding: 25px;
    position: relative;
    border: 1px solid #979797;
    border-radius: 4px;
    margin-top: 10px;
  }
  .register #modal .modal-content .modal-form .inputBox .input-icon {
    float: left;
    width: 20px;
    text-align: center;
    position: absolute;
    left: 12px;
    top: 0;
    height: 50px;
    line-height: 50px;
    margin-right: 12px;
  }
  .register #modal .modal-content .modal-form .inputBox .input-icon img {
    width: 20px;
    height: auto;
  }
  .register #modal .modal-content .modal-form .inputBox .input-text {
    width: 100%;
    position: absolute;
    float: left;
    padding-left: 45px;
    border: none;
    height: 50px;
    top: 0;
    left: 0;
  }
  .register #modal .modal-content .modal-form .inputBox .input-text input {
    width: 100%;
    font-size: 16px;
    border: none;
    height: 50px;
    padding: 0px;
    border-radius: 4px;
    padding-top: 4px;
  }
  .register #modal .modal-content .modal-form .inputBox .input-text select {
    width: 100%;
    font-size: 16px;
    border: none;
    height: 50px;
    padding: 0px;
    border-radius: 4px;
    background: transparent url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center;
    background-position: right 15px top 20px;
    
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  .register #modal .modal-content .modal-form .inputBox .input-text select option {
    margin: 5px 0px;
    width: 80%;
    height: 40px;
    border: 1px solid #fff;
    position: relative;
  }
  .register #modal .modal-content .modal-form .inputBox .input-text ul#ul-company-web,
  .register #modal .modal-content .modal-form .inputBox .input-text ul#from-select {
    display: none;
    padding: 10px 12px 10px 12px;
    height: 210px;
    width: 292px !important;
    overflow: auto;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 3px 3px 10px 0 rgba(220, 214, 214, 0.5);
    z-index: 10;
    position: absolute;
    left: 14px;
  }
  .register #modal .modal-content .modal-form .inputBox .input-text ul#ul-company-web li,
  .register #modal .modal-content .modal-form .inputBox .input-text ul#from-select li {
    width: 100% !important;
    list-style-type: none !important;
    padding: 0px 12px;
    line-height: 38px;
    height: 38px;
    font-size: 14px;
    color: #191140;
    font-style: normal;
  }
  .register #modal .modal-content .modal-form .inputBox .input-text ul#ul-company-web li em,
  .register #modal .modal-content .modal-form .inputBox .input-text ul#from-select li em {
    font-style: normal !important;
  }
  .register #modal .modal-content .modal-form .inputBox .input-text .icon-arrow {
    position: absolute;
    right: 15px;
    top: 18px;
    height: 14px;
    width: auto;
  }
  .register #modal .modal-content .modal-form .inputBox .input-text .icon-arrow-right {
    display: block;
  }
  .register #modal .modal-content .modal-form .inputBox .input-text .icon-arrow-bottom {
    display: none;
  }
  .register #modal .modal-content .modal-form .inputBox .input-text .input-text ul .input-text ul li:hover,
  .register #modal .modal-content .modal-form .inputBox .input-text ul li:active {
    border-radius: 4px;
    background-color: #FEF9F9;
    background: url("../../../../assets/images/home_v3/register/platform-from-active.png") no-repeat;
    background-position: right;
    background-size: 22px auto;
    background-origin: content-box;
  }
}
.footer-desc {
  width: 100%;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  margin-top: 103px;
  color: #A2A3A6;
  position: fixed;
  bottom: 30px;
}
.footer-desc a {
  color: #FC5F3A;
}
.register {
  width: 100%;
}
h1,
h2,
h3 {
  margin-bottom: 0px;
}
input,
select,
textarea {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
}
button {
  padding: 0px;
}
a:hover,
a:focus {
  text-decoration: none;
}
.margin-auto {
  margin-left: auto;
  margin-right: auto;
}
.mobile-visable {
  display: block !important;
}
.mobile-disable {
  display: none !important;
}
.disable {
  display: none !important;
}
.activity-formPage .verifyButton-disable,
.activity-formPage .verifyButton-disable:hover {
  color: #d1d1d1 !important;
  border: 1px solid #cccccc !important;
}
.wechat-prevent {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  height: 100%;
  width: 100%;
  opacity: .8;
  background-color: #000;
  text-align: center;
}
.wechat-prevent-content {
  margin-top: 60px;
}
.wechat-prevent-content div {
  margin-bottom: 20px;
}
.wechat-prevent-span {
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  vertical-align: middle;
}
.wechat-prevent-icon {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  vertical-align: middle;
}
.pmfm-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 60px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  z-index: 9999;
}
.pmfm-header-nav {
  width: 100%;
  height: 60px;
  padding: 18px 15px 0px;
}
.pmfm-header-a {
  display: inline-block;
  width: 90px;
  height: 24px;
  background: url(/vassets/images/home_v3/activity/form/acfm-logo-mobile.png) no-repeat;
  background: url(/vassets/images/home_v3/activity/form/acfm-logo-mobile.svg), none no-repeat;
  background-size: cover\0;
  background-size: 100% 100%;
}
.pmfm-header-connection {
  float: right;
  display: block;
  height: 24px;
}
.pmfm-header-connection .pmfm-header-img_tel {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-top: 4px;
  background: url(/vassets/images/home_v3/activity/form/pmfm-header-tel-mobile.png) no-repeat;
  background: url(/vassets/images/home_v3/activity/form/pmfm-header-tel-mobile.svg), none no-repeat;
  background-size: cover\0;
  background-size: 100% 100%;
}
.pmfm-header-connection .pmfm-header-span {
  float: right;
  font-size: 14px;
  color: #65697f;
  line-height: 24px;
}
.activity-formPage {
  background-color: #ffffff;
}
.pmfm-banner {
  width: 100%;
  margin-top: 60px;
}
.pmfm-banner-content {
  width: 100%;
}
.pmfm-banner-content img {
  width: 100%;
  height: 100%;
}
.pmfm-content {
  width: 100%;
  padding: 20px 15px 0;
  margin: 0 auto 30px;
  color: #191140;
}
.pmfm-publicWords {
  padding: 0;
  color: #65697f;
}
.pmfm-pw-span {
  display: block;
  margin-top: 15px;
}
.pmfm-pw-container {
  width: 100%;
  position: relative;
  right: 0;
  top: 0;
}
.pmfm-pw-ul {
  display: block;
  float: left;
  width: 280px;
  margin-right: 10px;
}
.pmfm-pw-ul .pmfm-pw-li {
  position: relative;
  margin-top: 15px;
  line-height: 20px;
  color: #fc5f3a;
}
.pmfm-pw-ul .pmfm-pw-liWithPoint {
  position: relative;
  padding-left: 10px;
  margin-top: 15px;
  line-height: 20px;
}
.pmfm-pw-ul .pmfm-pw-liWithPoint:before {
  position: absolute;
  left: 0;
  top: 7px;
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #fc5f3a;
}
.pmfm-pw-img {
  float: right;
  width: 330px;
}
.pmfm-pw-img.operation {
  max-width: 250px;
  width: 100%;
  position: absolute;
  right: 0;
  margin-top: -30px;
}
@media screen and (max-width: 768px) {
  .pmfm-pw-img.operation {
    margin-top: -6px;
    margin-right: -10px;
  }
}
.pdf-mobile-book {
  display: none !important;
}
.pmfm-form-container {
  width: 100%;
  padding: 0 0 15px;
  margin-top: 20px;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}
.pmfm-form-title {
  width: 100%;
  height: 75px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 16px;
  font-weight: 500;
  line-height: 75px;
  color: #65697f;
  text-align: center;
  background-color: #f8f8f8;
}
.pmfm-form {
  width: 100%;
  padding: 15px 20px 0;
}
.pmfm-form-inputTitle {
  display: block;
  margin-top: 0px;
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 18px;
  color: #a0a4af;
}
.pmfm-form-errorMessage {
  display: block;
  height: 15px;
  font-size: 11px;
  color: #fc5f3a;
  line-height: 15px;
  text-align: center;
}
.pmfm-form-inputSet,
.pmfm-form-selectSet,
.pmfm-form-textareaSet {
  margin-bottom: 10px;
}
.pmfm-form-inputSet {
  width: 100%;
}
.pmfm-form-inputSet .pmfm-form-input {
  width: 100%;
  height: 35px;
  padding: 9px 10px;
  border: solid 1px #e1e2e4;
  font-size: 12px;
  color: #65697f;
  line-height: 15px;
  border-radius: 2px;
  box-shadow: none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.inputSet-verifyCode .pmfm-form-input {
  float: left;
  width: 60%;
  margin-right: 3%;
}
.inputSet-verifyCode .pmfm-form-verifybutton {
  float: left;
  width: 37%;
  height: 35px;
  border: 1px solid #fc5f3a;
  color: #fc5f3a;
  background-color: #ffffff;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.inputSet-verifyCode .pmfm-form-verifybutton:hover {
  color: #dd4a3a;
  border: 1px solid #dd4a3a;
}
.pmfm-form-selectSet {
  width: 100%;
}
.pmfm-form-selectSet .pmfm-form-select {
  width: 100%;
  height: 35px;
  padding: 10px;
  border: solid 1px #e1e2e4;
  background-color: #ffffff;
  font-size: 12px;
  color: #65697f;
  line-height: 15px;
  background: url(/vassets/images/home_v3/activity/form/drop-down-mobile.png) no-repeat;
  background-image: none\9;
  background-position: 95% center;
  background-size: 15px;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.pmfm-form-selectSet .pmfm-form-select:hover,
.pmfm-form-selectSet .pmfm-form-select:focus {
  background: url(/vassets/images/home_v3/activity/form/drop-down-mobile-deep.png) no-repeat;
  background-image: none\9;
  background-position: 95% center;
  background-size: 15px;
}
.pmfm-form-textareaSet {
  width: 100%;
}
.pmfm-form-textareaSet .pmfm-form-textarea {
  resize: none;
  width: 100%;
  min-height: 68px;
  height: 68px;
  padding: 10px;
  border: solid 1px #e1e2e4;
  font-size: 12px;
  line-height: 16px;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.pmfm-form-button {
  width: 100%;
  height: 35px;
  border: none;
  margin-top: 10px;
  font-size: 14px;
  color: #ffffff;
  line-height: 35px;
  text-align: center;
  background-color: #ff9981;
  border-radius: 2px;
  transition: background-color 0.2s ease-in;
}
.pmfm-form-button_active {
  background-color: #fc5f3a;
}
.pmfm-form-button_active:hover {
  background-color: #dd4a3a;
}
.pmfm-form-button_radius {
  border-radius: 17.5px;
}
.pmfm-footer {
  width: 100%;
  height: 70px;
  padding: 20px 0;
  text-align: center;
  background-color: #383963;
}
.pmfm-footer-copyRight {
  font-size: 12px;
  color: #ffffff;
  line-height: 15px;
}
.activity-formPage-success {
  background-color: #ffffff;
}
.pmfms-banner {
  width: 100%;
  height: 410px;
  padding-top: 60px;
  background-color: #fafafa;
}
.pmfms-banner .pmfms-banner-img {
  display: block;
  width: 214px;
  height: 97px;
  background: url(/vassets/images/home_v3/activity/form/acfms-banner.png) no-repeat;
  background-size: cover;
  margin: 40px auto 0;
}
.pmfms-banner .pmfms-banner-h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  color: #fc5f3a;
}
.pmfms-banner .pmfms-banner-h2.mobile-visable {
  color: #383963;
}
.pmfms-banner .pmfms-banner-h2.mobile-visable .em {
  color: #fc5f3a;
}
.pmfms-banner .pmfms-banner-h3 {
  font-size: 16px;
  line-height: 20px;
  color: #52556c;
  text-align: center;
}
.pmfms-banner .pmfms-banner-span {
  display: block;
  width: 75%;
  margin: 20px auto;
  font-size: 15px;
  text-align: center;
  color: #65697f;
  letter-spacing: 1.3px;
}
.pmfms-banner .pmfms-banner-button {
  display: block;
  width: 110px;
  height: 35px;
  margin: 20px auto 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 35px;
  text-align: center;
  color: #ffffff;
  background-color: #fc5f3a;
  border-radius: 2px;
  transition: background-color 0.3s ease-in;
}
.pmfms-banner .pmfms-banner-button:hover {
  text-decoration: none;
  background-color: #dd4a3a;
}
.pmfms-banner .pmfms-banner-button_radius {
  border-radius: 17.5px;
}
.pmfms-featureList {
  width: 100%;
  padding-bottom: 70px;
  box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.1);
}
.pmfms-feature {
  width: 75%;
  margin: 0 auto;
  padding-top: 50px;
  text-align: center;
}
.pmfms-feature .pmfms-feature-img {
  width: 45%;
}
.pmfms-feature .pmfms-feature-title {
  display: block;
  margin-top: 15px;
  font-size: 18px;
  font-weight: 500;
  color: #383963;
  line-height: 25px;
}
.pmfms-feature .pmfms-feature-content {
  display: inline-block;
  margin-top: 11px;
  font-size: 15px;
  color: #65697f;
  line-height: 120%;
  text-align: left;
}
.pmfms-feature .pmfms-feature-a_mobile {
  display: block;
  width: 104px;
  height: 34px;
  margin-top: 15px;
  font-size: 15px;
  color: #ffffff;
  line-height: 34px;
  border-radius: 17px;
  background-color: #fc5f3a;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  
  .mobile-visable {
    display: none !important;
  }
  .mobile-disable {
    display: block !important;
  }
  .pmfm-header {
    height: 68px;
  }
  .pmfm-header-nav {
    height: 68px;
    padding: 14px 60px 0px;
  }
  .pmfm-header-a {
    width: 150px;
    height: 40px;
  }
  .pmfm-header-connection {
    height: 40px;
  }
  .pmfm-header-connection .pmfm-header-img_tel {
    width: 20px;
    height: 20px;
    margin-top: 10px;
    margin-right: 5px;
  }
  .pmfm-header-connection .pmfm-header-span {
    font-size: 14px;
    line-height: 40px;
  }
  
  .activity-formPage {
    background-color: #ffffff;
  }
  .pmfm-banner {
    margin-top: 68px;
  }
  .pmfm-banner-content {
    background: -webkit-linear-gradient(top, #1969ff, #469dff);
    background: -o-linear-gradient(top, #1969ff, #469dff);
    background: -moz-linear-gradient(top, #1969ff, #469dff);
    background: -ms-linear-gradient(top, #1969ff, #469dff);
    background: linear-gradient(top, #1969ff, #469dff);
  }
  .pmfm-content {
    width: 1030px;
    margin: 70px auto 20px;
    padding: 0;
  }
  .pmfm-publicWords {
    float: left;
    width: 580px;
    margin-top: 20px;
  }
  .pmfm-pw-span {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 16px;
    color: #65697f;
  }
  .pmfm-pw-header {
    margin-bottom: 48px;
  }
  .pmfm-pw-ul {
    margin-bottom: 20px;
    margin-right: 50px;
  }
  .pmfm-pw-li {
    font-size: 16px;
  }
  .pmfm-form-container {
    float: right;
    width: 370px;
    padding: 0;
    margin-top: 0;
    border-radius: 2px;
    z-index: 5;
    overflow: hidden;
  }
  .pmfm-form {
    height: 100%;
    padding: 25px 30px;
  }
  .pmfm-form-background {
    position: absolute;
    top: 150px;
    left: 50%;
    width: 400px;
    height: 740px;
    margin-left: -200px;
    border-radius: 2px;
    background-image: linear-gradient(to bottom, rgba(252, 252, 252, 0.6), rgba(234, 234, 234, 0.6));
  }
  .pmfm-form-title {
    height: 60px;
    font-size: 24px;
    line-height: 60px;
  }
  .pmfm-form-button {
    width: 110px;
    height: 40px;
    margin-left: 80px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 4px;
  }
  .pmfm-form-button_radius {
    border-radius: 26px;
  }
  .pmfm-form-inputSet,
  .pmfm-form-selectSet,
  .pmfm-form-textareaSet {
    width: 100%;
    margin-bottom: 14px;
  }
  .pmfm-form-inputSet_left,
  .pmfm-form-selectSet_left,
  .pmfm-form-textareaSet_left {
    float: left;
    margin-right: 30px;
  }
  .pmfm-form-inputTitle {
    float: left;
    width: 75px;
    margin-right: 5px;
    font-size: 14px;
    line-height: 40px;
    text-align: right;
  }
  .pmfm-form-errorMessage {
    display: block;
    height: 20px;
    font-size: 12px;
    color: #fc5f3a;
    line-height: 20px;
    letter-spacing: 0.2px;
  }
  .pmfm-form-inputSet .pmfm-form-input {
    width: 230px;
    height: 40px;
    font-size: 14px;
    line-height: 20px;
    box-shadow: none;
  }
  .inputSet-verifyCode .pmfm-form-input {
    float: none;
    width: 130px;
    margin-right: 10px;
  }
  .inputSet-verifyCode .pmfm-form-verifybutton {
    float: none;
    width: 90px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    box-shadow: none;
  }
  .pmfm-form-selectSet .pmfm-form-select {
    width: 230px;
    height: 40px;
    font-size: 14px;
    line-height: 20px;
    box-shadow: none;
  }
  .pmfm-form-textareaSet .pmfm-form-textarea {
    height: 80px;
    font-size: 14px;
    line-height: 20px;
    box-shadow: none;
  }
  .pmfm-form-raw4 {
    height: 20%;
  }
  .pmfm-footer {
    height: 120px;
    padding: 40px 0;
  }
  .pmfm-footer-copyRight {
    font-size: 14px;
    line-height: 20px;
  }
  
  .pmfms-banner {
    height: 420px;
    padding-top: 68px;
  }
  .pmfms-banner .pmfms-banner-img {
    width: 214px;
    height: 97px;
  }
  .pmfms-banner .pmfms-banner-h2 {
    font-size: 22px;
    line-height: 40px;
  }
  .pmfms-banner .pmfms-banner-h3 {
    font-size: 18px;
    line-height: 40px;
  }
  .pmfms-banner .pmfms-banner-span {
    font-size: 16px;
    line-height: 160%;
    text-align: center;
  }
  .pmfms-banner .pmfms-banner-button {
    width: 180px;
    height: 40px;
    margin-top: 30px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 4px;
  }
  .pmfms-banner .pmfms-banner-button_radius {
    border-radius: 20px;
  }
  .pmfms-featureList {
    box-shadow: none;
    width: 760px;
    padding-bottom: 270px;
    margin-left: auto;
    margin-right: auto;
  }
  .pmfms-feature {
    float: left;
    width: 200px;
    padding-top: 30px;
    margin-right: 80px;
  }
  .pmfms-feature:last-child {
    margin-right: 0px;
  }
  .pmfms-feature .pmfms-feature-img {
    width: auto;
    height: 90px;
  }
  .pmfms-feature .pmfms-feature-title {
    margin-top: 18px;
    font-size: 16px;
    line-height: 20px;
  }
  .pmfms-feature .pmfms-feature-content {
    height: 100px;
    margin-top: 9px;
    font-size: 14px;
    line-height: 20px;
  }
  .pmfms-feature .pmfms-feature-a {
    float: right;
    margin-top: 10px;
    font-size: 14px;
    color: #65697f;
    transition: color 0.3s ease-in;
  }
  .pmfms-feature .pmfms-feature-a:hover {
    color: #191140;
    text-decoration: none;
  }
  #pmfms-feature-3 {
    margin-right: 0px;
  }
}
.pmfm-1440 {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1030px) {
  .pmfm-content {
    width: 100%;
    max-width: 1030px;
    padding: 0 50px;
  }
  .pmfm-publicWords {
    width: 40%;
    max-width: 580px;
  }
  .pmfm-pw-ul {
    margin-right: 5%;
  }
  .pmfm-form-container {
    width: 50%;
    max-width: 370px;
  }
  .pmfm-pw-img.operation {
    right: -100px;
  }
}
@media screen and (min-width: 1441px) {
  .pmfm-footer {
    margin-top: 10%;
  }
}
.pmfmss-button {
  display: inline-block !important;
}
.pmfmss-banner {
  display: flex;
  flex-flow: row;
  align-content: space-between;
  max-width: 442px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .pmfmss-banner {
    flex-flow: column;
  }
  .acfms-banner .acfms-banner-button {
    width: 126px;
  }
}
.pmfmss.em {
  color: #fc5f3a!important;
}
.pmfms-registed {
  width: 100%;
  height: 100%;
  text-align: center;
}
.pmfms-registed__download {
  max-width: 214px;
  margin-top: 98px;
  margin-bottom: 43px;
}
.pmfms-registed__tip {
  color: #65697F;
  font-size: 16px;
}
.pmfms-registed__action {
  margin: 43px auto 78px auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .pmfms-registed__action {
    width: 110px;
  }
}
@media screen and (max-width: 768px) {
  .pmfm-content .pmfm-pw-img {
    display: none;
  }
}
@media screen and (max-width: 420px) {
  .pmfm-content .pdf-mobile-book {
    display: block !important;
  }
  .pmfm-content .pdf-mobile-book img {
    margin: 20px auto;
    display: block;
    width: 250px;
  }
}
a:hover,
a:focus,
a:active {
  text-decoration: none;
}
.disable {
  display: none !important;
}
.growth-hacker {
  background-color: #f8f8f8;
}
.growth-hacker .header {
  width: 100%;
  height: 525px;
  background-color: #fc5f3a\9;
  background-image: linear-gradient(123deg, #fc5f3a, #fd643b 6%, #ffd15b);
  background-repeat: no-repeat;
  background-position: 50% 100%,100%;
  background-size: 100%,100%;
}
.gh-header-content {
  width: 100%;
  padding: 62px 8% 0;
  color: #ffffff;
}
.gh-header-words {
  width: 100%;
}
.gh-header-words-title {
  margin-top: 50px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
}
.gh-header-words-p {
  font-size: 14px;
  line-height: 185%;
}
.gh-header-background {
  width: 260px;
  margin: 20px auto 0;
}
.gh-header-background picture {
  width: 260px;
}
.gh-header-background picture img {
  width: 100%;
}
.gh-intro-can {
  width: 100%;
  padding: 50px 30px;
}
.gh-intro-title {
  display: block;
  font-size: 18px;
  color: #f17b74;
  text-align: center;
}
.gh-can-container {
  margin-top: 40px;
  width: 100%;
}
.gh-intro-feature {
  width: 100%;
}
.gh-intro-fImg {
  display: block;
  width: 60px;
  margin: 0 auto 10px;
}
.gh-intro-fImg img {
  width: 100%;
}
.gh-intro-fTitle {
  display: block;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 500;
  color: #65697f;
  text-align: center;
}
.gh-intro-fWords {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 160%;
  color: #65697f;
}
.gh-intro-companyImg {
  width: 240px;
  height: 86px;
  margin: 0 auto;
  border: solid 1px #e1e2e4;
  text-align: center;
  line-height: 86px;
  background-color: #ffffff;
  box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}
.gh-intro-companyImg img {
  width: 200px;
  vertical-align: middle;
}
.gh-microBanner {
  width: 100%;
  padding: 15px 25px;
  background-color: #fc5f3a\9;
  background-image: linear-gradient(123deg, #fc5f3a, #fd643b 6%, #ffd15b);
  text-align: center;
  overflow: hidden;
}
.gh-micro-container {
  width: 100%;
}
.gh-microBanner-content {
  width: 100%;
}
.gh-mbanner-title {
  display: block;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
}
.gh-mbanner-listContainer {
  width: 200px;
  margin-left: 50%;
  margin-bottom: 15px;
  text-align: left;
}
.gh-mbanner-list {
  display: block;
  margin-left: -60px;
  margin-bottom: 15px;
  color: #ffffff;
  line-height: 16px;
}
.list-point {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-top: 3px;
  margin-right: 5px;
  border-radius: 5px;
  background-color: #ffffff;
}
.gh-mbanner-download {
  display: block;
  width: 150px;
  height: 32px;
  margin: 0 auto;
  border: 1px solid #ffffff;
  font-weight: 500;
  line-height: 32px;
  color: #ffffff;
  border-radius: 16px;
}
.gh-mbanner-download:hover {
  color: #ffffff;
}
.gh-intro-tobe {
  width: 100%;
  padding: 50px 15px;
  background-color: #ffffff;
}
.gh-tobe-container {
  width: 100%;
}
.gh-tobe-content-container {
  width: 100%;
  margin-bottom: 40px;
}
.gh-tobe-img-container {
  width: 100%;
  padding: 0 10px;
}
.gh-tobe-img-container img {
  width: 100%;
}
.gh-tobe-growth {
  width: 100%;
}
.gh-growth-title-container {
  float: left;
  width: 90px;
}
.gh-growth-img {
  display: block;
  width: 100%;
}
.gh-growth-title {
  font-size: 13px;
  font-weight: 500;
  color: #f17b74;
}
.gh-growth-words {
  float: left;
  width: calc(100% - 90px);
  color: #a0a4af;
  font-size: 13px;
  line-height: 185%;
}
.gh-intro-ability {
  width: 100%;
  padding-top: 50px;
  background-color: #ffffff;
}
.gh-intro-ability-container {
  width: 100%;
}
.gh-ability-banner {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 45px;
}
.gh-ability-banner picture {
  width: 100%;
}
.gh-ability-banner picture img {
  width: 100%;
}
.gh-ability-banner-words {
  width: 100%;
  padding: 0 20px;
  font-size: 13px;
  color: #a0a4af;
  line-height: 185%;
  text-align: center;
}
.gh-ability-content {
  width: 100%;
  padding: 0px 15px;
}
.gh-ability-content-item {
  position: relative;
  width: 100%;
  margin-bottom: 55px;
  padding: 35px 25px 25px;
  font-size: 13px;
  color: #a0a4af;
  line-height: 185%;
  background-color: #ffffff;
  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.1);
}
.gh-ability-content-title {
  display: block;
  position: absolute;
  top: -15px;
  left: 50%;
  width: 140px;
  height: 30px;
  margin-left: -70px;
  font-size: 13px;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  border-radius: 15px;
  background-color: #f17b74;
}
.gh-intro-todo {
  width: 100%;
  padding: 50px 0;
}
.gh-todo-banner {
  width: 100%;
  margin: 20px 0 30px;
  padding: 0 5px;
}
.gh-todo-banner picture {
  width: 100%;
}
.gh-todo-banner picture img {
  width: 100%;
}
.gh-todo-content {
  width: 100%;
  padding: 0 35px;
}
.gh-todo-content-item {
  width: 100%;
  margin-bottom: 40px;
  text-align: center;
}
.gh-todo-content-img {
  display: block;
  width: 50px;
  margin: 0 auto 15px;
}
.gh-todo-content-img img {
  width: 100%;
}
.gh-todo-content-title {
  display: block;
  font-size: 15px;
  color: #191140;
  margin-bottom: 10px;
  text-align: center;
}
.gh-todo-content-words {
  font-size: 13px;
  color: #a0a4af;
  line-height: 185%;
  text-align: left;
}
@media screen and (min-width: 768px) {
  
  #header-download {
    margin-right: 10px;
  }
  #header-download a {
    border: 2px solid transparent;
  }
  #header-download a .header-download-line {
    margin-left: 20px;
  }
  #header-download a .header-download-line:hover {
    color: #ffffff;
  }
  .navbar-fixed #header-download a .header-download-line:hover {
    color: #65697f;
  }
  
  .growth-hacker {
    min-width: 1140px;
  }
  .growth-hacker .header-wrapper {
    width: 100%;
    min-width: 1140px;
    height: 640px;
  }
  .growth-hacker .header-wrapper .header {
    width: 100%;
    height: 640px;
    background-color: #fc5f3a\9;
    background-image: linear-gradient(123deg, #fc5f3a, #fd643b 6%, #ffd15b);
    background-repeat: no-repeat;
  }
  .gh-header-content {
    width: 1060px;
    margin: 0 auto;
    padding: 68px 0 0;
  }
  .gh-header-words {
    float: left;
    width: 500px;
    margin-top: 70px;
  }
  .gh-header-words-title {
    margin-bottom: 25px;
    font-size: 42px;
    text-align: left;
  }
  .gh-header-words-p {
    margin-right: 80px;
    font-size: 18px;
    line-height: 220%;
  }
  .gh-header-background {
    float: left;
    width: 560px;
  }
  
  .gh-intro-can {
    width: 1008px;
    padding: 30px 0;
    margin: 0 auto;
  }
  .gh-intro-title {
    font-size: 32px;
    margin-bottom: 60px;
  }
  .gh-can-container {
    width: 1008px;
    margin: 0 auto 60px;
  }
  div.gh-can-left {
    float: left;
    margin-right: 108px;
  }
  .gh-intro-feature {
    float: right;
    width: 420px;
  }
  .gh-intro-fImg {
    width: 74px;
    height: 78px;
    margin-bottom: 30px;
  }
  .gh-intro-fTitle {
    font-size: 26px;
    margin-bottom: 20px;
    line-height: 150%;
  }
  .gh-intro-fWords {
    font-size: 18px;
    line-height: 200%;
  }
  .gh-intro-companyImg {
    float: right;
    width: 480px;
    height: 172px;
    margin-top: 70px;
    line-height: 172px;
  }
  .gh-intro-companyImg img {
    width: 400px;
  }
  .gh-mbanner-container {
    width: 1140px;
    margin: 20px auto;
  }
  .gh-mbanner-imgContainer {
    float: left;
    width: 352px;
    margin-left: -100px;
    margin-right: 100px;
  }
  .gh-mbanner-imgContainer img {
    width: 100%;
  }
  .gh-microBanner-content {
    float: left;
    width: 688px;
  }
  .gh-mbanner-title {
    font-size: 32px;
    margin-bottom: 30px;
  }
  .gh-mbanner-listContainer {
    width: 100%;
    margin-left: 0;
    margin-bottom: 40px;
  }
  .list-point {
    width: 24px;
    height: 24px;
    margin-top: 1px;
    margin-right: 10px;
    border-radius: 12px;
    vertical-align: middle;
  }
  .gh-mbanner-list {
    display: inline-block;
    width: 33.3333%;
    height: 24px;
    margin-left: 0;
    font-size: 18px;
    line-height: 24px;
  }
  .gh-mbanner-list:last-child {
    margin-right: 0;
  }
  .gh-mbanner-download {
    width: 240px;
    height: 60px;
    font-size: 22px;
    font-weight: normal;
    line-height: 60px;
    border-radius: 30px;
    transition: all 0.3s ease-in;
  }
  .gh-mbanner-download:hover {
    color: #fc5f3a;
    background-color: #ffffff;
  }
  .gh-tobe-container {
    width: 1060px;
    margin: 0 auto;
  }
  .gh-tobe-content-container {
    width: 1060px;
    margin-bottom: 80px;
  }
  div.gh-tobe-left {
    float: left;
    margin-right: 120px;
  }
  .gh-tobe-img-container {
    float: right;
    width: 560px;
    padding: 0;
  }
  .gh-tobe-growth {
    float: right;
    width: 380px;
  }
  .gh-growth-title-container {
    float: none;
    width: 380px;
    margin-top: 20px;
  }
  .gh-growth-img {
    width: 180px;
    margin-bottom: 20px;
  }
  .gh-growth-title {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .gh-growth-words {
    float: none;
    width: 380px;
    font-size: 18px;
    line-height: 200%;
  }
  .gh-intro-ability-container {
    width: 1140px;
    margin: 60px auto 80px;
  }
  .gh-ability-banner {
    width: 640px;
    margin: 40px auto 60px;
  }
  .gh-ability-banner-words {
    font-size: 18px;
    line-height: 200%;
    padding: 0 30px;
  }
  .gh-ability-content {
    padding: 0;
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.1);
  }
  .gh-ability-content-item {
    float: left;
    width: 285px;
    height: 280px;
    margin-bottom: 0;
    padding: 50px 0px 0 20px;
    box-shadow: none;
  }
  .gh-ability-content-title {
    top: -18px;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    border-radius: 18px;
  }
  .gh-ability-content-words {
    height: 200px;
    padding-top: 10px;
    padding-right: 20px;
    border-right: 1px #e1e2e4 solid;
    font-size: 16px;
    line-height: 225%;
  }
  .gh-ability-content-item:last-child > .gh-ability-content-words {
    border-right: none;
  }
  .gh-intro-todo {
    width: 1140px;
    margin: 0 auto;
  }
  .gh-todo-banner {
    width: 784px;
    margin: 60px auto 80px;
  }
  .gh-todo-content {
    width: 100%;
    padding: 0;
  }
  .gh-todo-content-item {
    position: relative;
    float: left;
    width: 380px;
    height: 300px;
  }
  .gh-todo-content-img {
    width: 100px;
  }
  .gh-todo-content-title {
    font-size: 18px;
  }
  .gh-todo-content-words {
    padding: 0 40px;
    font-size: 14px;
  }
  .gh-todo-content-line {
    position: absolute;
    right: -1px;
    top: 10px;
    width: 1px;
    height: 220px;
    background-color: #e1e2e4;
  }
  .gh-footer {
    min-width: 1140px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  #header-download {
    display: none;
  }
}
.flex-init {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-row-init {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.flex-column-init {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-wrap-no-wrap {
  -moz-flex-wrap: no-wrap;
  -webkit-flex-wrap: no-wrap;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
}
.flex-direction-row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.flex-direction-column {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.align-items-flex-start {
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.align-items-center {
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.justify-content-flex-start {
  -moz-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.justify-content-flex-end {
  -moz-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.justify-content-space-between {
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.align-self-flex-start {
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  -webkit-align-self: flex-start;
  align-self: flex-start;
}
.align-self-flex-end {
  -moz-align-self: flex-end;
  -webkit-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
}
.point-purple {
  background-color: #7f88ef;
}
.point-orange {
  background-color: #f7af48;
}
.point-green {
  background-color: #53e0b1;
}
.point-red {
  background-color: #fc5f3a;
}
.text-purple {
  color: #7f88ef;
}
.text-orange {
  color: #f7af48;
}
.text-green {
  color: #53e0b1;
}
.text-red {
  color: #fc5f3a;
}
.goto-top {
  position: fixed;
  width: 30px;
  height: 30px;
  border: 1px solid #e1e2e4;
  border-radius: 3px;
  background-color: #ffffff;
  background: url(../../../vassets/images/home_v3/activity/data-operation/go-top.svg) no-repeat center center;
  right: 20px;
  bottom: 20px;
}
.goto-top a {
  display: block;
  width: 100%;
  height: 100%;
}
.dataoperation .header {
  width: 100%;
  height: 590px;
  background-color: #7f88ef;
  background-image: url(../../../vassets/images/home_v3/activity/data-operation/header-bgi-m.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0% 100%;
}
.do-header-content {
  padding: 90px 15px 0;
}
.do-header-title {
  margin-top: 0;
  font-size: 21px;
  font-weight: 600;
  color: #ffffff;
  line-height: 100%;
  text-align: center;
}
.do-header-intro {
  padding-top: 20px;
  margin-bottom: 0;
  color: #ffffff;
  font-size: 14px;
  line-height: 200%;
}
.do-section {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding: 40px 15px 50px;
}
.do-content-title {
  width: 100%;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 18px;
  color: #f7af48;
  line-height: 150%;
  text-align: center;
}
.do-container {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 25px;
}
.do-work-pic {
  width: 150px;
  margin-bottom: 20px;
}
.do-work-pic picture {
  width: 100%;
}
.do-work-pic picture img {
  width: 100%;
}
.do-work-content {
  width: 100%;
}
.do-work-content-title {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #65697f;
  line-height: 150%;
  -moz-align-self: flex-start;
  -webkit-align-self: flex-start;
  align-self: flex-start;
}
.do-work-content-words {
  font-size: 14px;
  color: #65697f;
  line-height: 200%;
  margin-bottom: 20px;
}
.do-microBanner {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding: 30px 15px;
  background-color: #9da5f3;
}
.do-mabnner-container {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.do-mbanner-wordsContainer {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.do-mbanner-title {
  width: 100%;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
}
.do-mbanner-listContainer {
  margin-bottom: 15px;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.do-mbanner-list {
  position: relative;
  display: block;
  padding-left: 15px;
  font-size: 13px;
  color: #ffffff;
  line-height: 180%;
}
.do-mbanner-list:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-radius: 50%;
  background-color: #ffffff;
}
.do-mbanner-buttonContainer {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.do-mbanner-download {
  display: block;
  width: 150px;
  height: 32px;
  font-weight: 500;
  line-height: 32px;
  color: #ffffff;
  background-color: #ffd15b;
  border-radius: 16px;
  text-align: center;
  transition: all 0.3s ease-in;
}
.do-mbanner-download:hover {
  color: #ffffff;
  background-color: #f7af48;
}
.do-microBanner-buttons {
  width: 100%;
  padding: 30px 0;
}
.do-microBanner-buttons .do-mbanner-title {
  color: #7f88ef;
  line-height: 150%;
}
.do-microBanner-buttons .do-mbanner-sectitle {
  width: 100%;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 150%;
  color: #7f88ef;
  text-align: center;
}
.do-microBanner-buttons .do-mbanner-buttonContainer .do-mbanner-download {
  border: solid 2px #7f88ef;
  color: #7f88ef;
  line-height: 28px;
  background-color: #ffffff;
}
.do-microBanner-buttons .do-mbanner-buttonContainer:last-child {
  margin-top: 20px;
}
.do-scenes {
  width: 100%;
  padding: 40px 15px 20px;
  background-image: url(../../../vassets/images/home_v3/activity/data-operation/scenes-bgi-1.svg), url(../../../vassets/images/home_v3/activity/data-operation/scenes-bgi-2.svg);
  background-size: 60%, 30%;
  background-repeat: no-repeat;
  background-position: -35% 1%, 100% 100%;
}
.do-scenes-container {
  width: 100%;
}
.do-scenes-item {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}
.do-scenes-point {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.do-scenes-item-title {
  margin-top: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
}
.do-scenes-words {
  font-size: 14px;
  line-height: 200%;
  margin-bottom: 10px;
  color: #65697f;
}
.do-method {
  width: 100%;
  padding: 40px 10px;
  background-color: #f8f8f8;
}
.do-method-container {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.do-method-item {
  margin-bottom: 10px;
  padding: 20px 15px 40px;
  border: solid 1px #e1e2e4;
  text-align: center;
  border-radius: 2px;
  background-color: #ffffff;
}
.do-method-item-img {
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
}
.do-method-item-title {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 600;
  color: #65697f;
  line-height: 150%;
}
.do-method-item-words {
  font-size: 14px;
  color: #65697f;
  line-height: 200%;
  text-align: left;
}
.do-method-link {
  width: 100%;
  font-size: 15px;
  color: #7f88ef;
  line-height: 150%;
  text-align: right;
}
.do-method-link:hover {
  color: #6263ed;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  
  .goto-top {
    width: 40px;
    height: 40px;
    border-radius: 4px;
  }
  
  .dataoperation .header {
    width: 100%;
    height: 560px;
    background-image: url(../../../vassets/images/home_v3/activity/data-operation/header-bgi.svg);
    background-size: 100%;
    background-position: 100% 0;
  }
  .do-header-content {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 120px 0 0;
  }
  .do-header-title {
    font-size: 40px;
    font-weight: 500;
    text-align: left;
  }
  .do-header-intro {
    width: 640px;
    font-size: 18px;
    line-height: 220%;
  }
  
  .do-section {
    padding: 80px 0 80px;
  }
  .do-content-title {
    font-size: 36px;
    margin-bottom: 60px;
  }
  
  .do-container {
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .do-work-pic {
    width: 300px;
    margin-right: 60px;
    margin-bottom: 0;
  }
  .do-work-pic-left {
    -moz-order: 1;
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
    margin-left: 60px;
    margin-right: 0;
  }
  .do-work-content {
    width: 720px;
  }
  .do-work-content-title {
    font-size: 30px;
  }
  .do-work-content-words {
    font-size: 16px;
  }
  
  .do-microBanner {
    padding: 0;
    background-color: #9da5f3;
    background-image: url(../../../vassets/images/home_v3/activity/data-operation/mbanner-bgi-1.svg), url(../../../vassets/images/home_v3/activity/data-operation/mbanner-bgi-2.svg);
    background-size: 12%, 12%;
    background-repeat: no-repeat;
    background-position: 0% 0%, 100% 0%;
  }
  .do-mbanner-container {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    max-width: 850px;
    padding: 25px 0 25px 150px;
    background: url(../../../vassets/images/home_v3/activity/data-operation/mbanner-book.png) no-repeat 0 100%;
    background-size: 140px;
  }
  .do-mbanner-title {
    width: auto;
    font-size: 26px;
  }
  .do-mbanner-wordsContainer {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .do-mbanner-sectitle {
    width: 100%;
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 18px;
    color: #ffffff;
    line-height: 150%;
    text-align: center;
  }
  .do-mbanner-listContainer {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 0;
  }
  .do-mbanner-list {
    margin-right: 60px;
    padding-left: 25px;
    font-size: 16px;
    line-height: 24px;
  }
  .do-mbanner-list:last-child {
    margin-right: 0;
  }
  .do-mbanner-list:before {
    width: 10px;
    height: 10px;
    margin-top: -6px;
  }
  .do-mbanner-buttonContainer {
    width: auto;
  }
  .do-mbanner-download {
    width: 160px;
    height: 40px;
    margin-left: 20px;
    font-size: 16px;
    font-weight: normal;
    line-height: 40px;
    border-radius: 20px;
  }
  .do-mbanner-download:hover {
    color: #ffffff;
    background-color: #f7af48;
  }
  .do-microBanner-buttons {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 40px 0;
    background-color: #ffffff;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
  }
  .do-microBanner-buttons .do-mbanner-title {
    font-size: 34px;
  }
  .do-microBanner-buttons .do-mbanner-sectitle {
    font-size: 20px;
  }
  .do-microBanner-buttons .do-mbanner-buttonContainer {
    width: 50%;
    padding: 0 30px;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
  }
  .do-microBanner-buttons .do-mbanner-buttonContainer .do-mbanner-download {
    width: 300px;
    height: 54px;
    font-size: 26px;
    line-height: 50px;
    border-radius: 27px;
  }
  .do-microBanner-buttons .do-mbanner-buttonContainer .do-mbanner-download:hover {
    background-color: #7f88ef;
    color: #ffffff;
  }
  .do-microBanner-buttons .do-mbanner-buttonContainer:last-child {
    margin-top: 0;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
  }
  
  .do-scenes {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    background-size: 25%, 15%;
    background-position: 0 5%, 100% 100%;
  }
  .do-scenes-point {
    top: 20px;
    left: 20px;
    width: 30px;
    height: 30px;
  }
  .do-scenes-container {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    max-width: 1080px;
    padding: 0 10px;
  }
  .do-scenes-item {
    width: 50%;
    max-width: 500px;
    padding: 30px;
  }
  .do-scenes-item-title {
    font-size: 30px;
  }
  .do-scenes-words {
    font-size: 16px;
    line-height: 300%;
  }
  
  .do-method-container {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    max-width: 1080px;
  }
  .do-method-item {
    width: 32%;
    max-width: 350px;
    margin-bottom: 20px;
  }
  .do-method-item-img {
    width: 70px;
    height: 70px;
  }
  .do-method-item-title {
    font-size: 20px;
  }
  .do-method-item-words {
    font-size: 16px;
    line-height: 250%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1080px) {
  .do-header-content {
    padding-left: 10px;
    padding-right: 10px;
  }
  .do-container {
    padding: 0 10px;
  }
  .do-work-content {
    width: calc(100% - 320px);
  }
  .do-work-pic {
    margin-left: 0;
    margin-right: 0;
  }
  .do-mbanner-container {
    padding-left: 0;
    background-image: none;
  }
  .do-scenes-item {
    width: calc(50% - 20px);
  }
  .do-footer {
    min-width: 100%;
  }
}
.data-operation-new .acfm-pw-img.operation {
  width: 250px;
}
@media (width: 1024px) {
  .data-operation-new .acfm-content {
    padding: 0 30px;
  }
}
@media (width: 768px) {
  .data-operation-new .acfm-content {
    width: 100%;
    padding: 0 20px;
  }
  .data-operation-new .acfm-publicWords {
    width: 350px;
  }
  .data-operation-new .acfm-pw-img.operation {
    display: none;
  }
}
@media (max-width: 760px) {
  .data-operation-new .acfm-pw-img.operation {
    display: none;
    margin: 0 auto;
    float: none;
  }
  .data-operation-new .pdf-mobile-book {
    display: block !important;
  }
  .data-operation-new .pdf-mobile-book img {
    margin: 20px auto;
    display: block;
    width: 250px;
  }
}
.flex-init {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-row-init {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.flex-column-init {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-wrap-no-wrap {
  -moz-flex-wrap: no-wrap;
  -webkit-flex-wrap: no-wrap;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
}
.flex-direction-row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.flex-direction-column {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.align-items-flex-start {
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.align-items-center {
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.justify-content-flex-start {
  -moz-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.justify-content-flex-end {
  -moz-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.justify-content-space-between {
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.align-self-flex-start {
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  -webkit-align-self: flex-start;
  align-self: flex-start;
}
.align-self-flex-end {
  -moz-align-self: flex-end;
  -webkit-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
}
.point-purple {
  background-color: #7f88ef;
}
.point-orange {
  background-color: #f7af48;
}
.point-green {
  background-color: #53e0b1;
}
.point-red {
  background-color: #fc5f3a;
}
.text-purple {
  color: #7f88ef;
}
.text-orange {
  color: #f7af48;
}
.text-green {
  color: #53e0b1;
}
.text-red {
  color: #fc5f3a;
}
.goto-top {
  position: fixed;
  width: 30px;
  height: 30px;
  border: 1px solid #e1e2e4;
  border-radius: 3px;
  background-color: #ffffff;
  background: url(../../../vassets/images/home_v3/activity/data-operation/go-top.svg) no-repeat center center;
  right: 20px;
  bottom: 20px;
}
.goto-top a {
  display: block;
  width: 100%;
  height: 100%;
}
.pmanalysis .header-wrapper > .navbar-fixed {
  border-radius: 0;
  background: #fff;
  z-index: 9999999;
  border-bottom: 1px solid #D8D8D8;
}
.pmanalysis .header-wrapper > .navbar {
  position: fixed;
  top: 0;
  width: 100%;
  transition: all 0.3s ease;
  border: none;
}
.pmanalysis .header-container {
  width: 100%;
  height: 590px;
  background-image: url(../../../vassets/images/home_v3/activity/pm-analysis/head-m.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0% 100%;
}
.pmanalysis .header-container {
  margin: auto;
  max-width: 1440px;
}
.pmanalysis .header-wrapper {
  background: -webkit-linear-gradient(top, #1969ff, #469dff);
  background: -o-linear-gradient(top, #1969ff, #469dff);
  background: -moz-linear-gradient(top, #1969ff, #469dff);
  background: -ms-linear-gradient(top, #1969ff, #469dff);
  background: linear-gradient(top, #1969ff, #469dff);
}
.pm-header-content {
  padding: 90px 15px 0;
}
.pm-header-title {
  margin-top: 0;
  font-size: 21px;
  font-weight: 600;
  color: #ffffff;
  line-height: 100%;
  text-align: center;
}
.pm-header-intro {
  padding-top: 20px;
  margin-bottom: 0;
  color: #ffffff;
  font-size: 14px;
  line-height: 200%;
}
.pm-section {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding: 40px 15px 50px;
}
.pm-content-title {
  width: 100%;
  margin-top: 0;
  margin-bottom: 68px;
  color: #191140;
  line-height: 139%;
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 1px;
}
.pm-content-icon {
  width: 100%;
  padding: 0 10px;
  text-align: center;
  margin-bottom: 52px;
}
.pm-content-icon img {
  width: 100%;
  max-width: 634px;
  height: auto;
}
.pm-container {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 25px;
}
.pm-work-pic {
  width: 150px;
  margin-bottom: 20px;
}
.pm-work-pic picture {
  width: 100%;
}
.pm-work-pic picture img {
  width: 100%;
}
.pm-work-content {
  width: 100%;
}
.pm-work-content-title {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 500;
  color: #65697f;
  line-height: 150%;
  -moz-align-self: flex-start;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  color: #383963;
  letter-spacing: 1px;
}
.pm-work-content-words {
  font-size: 14px;
  color: #65697f;
  line-height: 200%;
  margin-bottom: 20px;
}
.pm-microBanner {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding: 30px 15px;
  background-color: #9da5f3;
}
.pm-mabnner-container {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.pm-mbanner-wordsContainer {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.pm-mbanner-title {
  width: 100%;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
}
.pm-mbanner-listContainer {
  margin-bottom: 15px;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.pm-mbanner-list {
  position: relative;
  display: block;
  font-size: 13px;
  color: #ffffff;
  line-height: 180%;
}
.pm-mbanner-buttonContainer {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 15px;
  margin-left: -134px;
}
.pm-microBanner-buttons .pm-mbanner-buttonContainer {
  margin-left: 0;
}
.pm-mbanner-download {
  display: block;
  width: 150px;
  height: 32px;
  font-weight: 500;
  line-height: 32px;
  color: #ffffff;
  background-color: #ffd15b;
  border-radius: 16px;
  text-align: center;
  transition: all 0.3s ease-in;
}
.pm-mbanner-download:hover {
  color: #ffffff;
  background-color: #f7af48;
}
.pm-microBanner-buttons {
  width: 100%;
  padding: 30px 0;
}
.pm-microBanner-buttons .pm-mbanner-title {
  color: #7f88ef;
  line-height: 150%;
}
.pm-microBanner-buttons .pm-mbanner-sectitle {
  width: 100%;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 150%;
  color: #7f88ef;
  text-align: center;
}
.pm-microBanner-buttons .pm-mbanner-buttonContainer .pm-mbanner-download {
  border: solid 2px #7f88ef;
  color: #7f88ef;
  line-height: 28px;
  background-color: #ffffff;
}
.pm-microBanner-buttons .pm-mbanner-buttonContainer:last-child {
  margin-top: 20px;
}
.pm-scenes {
  width: 100%;
  padding: 40px 15px 20px;
  background-image: url(../../../vassets/images/home_v3/activity/data-operation/scenes-bgi-1.svg), url(../../../vassets/images/home_v3/activity/data-operation/scenes-bgi-2.svg);
  background-size: 60%, 30%;
  background-repeat: no-repeat;
  background-position: -35% 1%, 100% 100%;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
}
.pm-scenes-container {
  width: 100%;
}
.pm-scenes-item {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}
.pm-scenes-point {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.pm-scenes-item-title {
  margin-top: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
}
.pm-scenes-words {
  font-size: 14px;
  line-height: 200%;
  margin-bottom: 10px;
  color: #65697f;
}
.pm-method {
  width: 100%;
  padding: 40px 10px;
  background-color: #f8f8f8;
}
.pm-method-container {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.pm-method-item {
  margin-bottom: 10px;
  padding: 20px 15px 40px;
  border: solid 1px #e1e2e4;
  text-align: center;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
}
.pm-method-item-img {
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
}
.pm-method-item-title {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 600;
  color: #65697f;
  line-height: 150%;
}
.pm-method-item-titles {
  height: 25px;
  color: #191140;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}
.pm-method-item-words {
  font-size: 14px;
  color: #65697f;
  line-height: 200%;
  text-align: left;
}
.pm-method-item-word {
  height: 96px;
  width: 300px;
  color: #65697F;
  font-size: 14px;
  line-height: 32px;
}
.pm-method-link {
  width: 100%;
  font-size: 15px;
  color: #7f88ef;
  line-height: 150%;
  text-align: right;
}
.pm-method-link:hover {
  color: #6263ed;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  
  .goto-top {
    width: 40px;
    height: 40px;
    border-radius: 4px;
  }
  
  .pmanalysis .header-container {
    width: 100%;
    height: 560px;
    background-image: url(../../../vassets/images/home_v3/activity/pm-analysis/head.png);
    background-size: cover;
    background-position: 100% 0;
  }
  .pm-header-content {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 120px 0 0 179px;
  }
  .pm-header-title {
    font-size: 40px;
    font-weight: 500;
    text-align: left;
  }
  .pm-content-title {
    font-size: 36px;
  }
  .pm-header-intro {
    width: 640px;
    font-size: 18px;
    line-height: 220%;
    padding-right: 12px;
  }
  
  .pm-section {
    padding: 79px 0 80px;
  }
  .pm-content-icon img {
    max-width: 634px;
    height: auto;
  }
  
  .pm-container {
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .pm-work-pic {
    width: 300px;
    margin-right: 60px;
    margin-bottom: 0;
  }
  .pm-work-pic-left {
    -moz-order: 1;
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
    margin-left: 60px;
    margin-right: 0;
  }
  .pm-work-content {
    width: 720px;
  }
  .pm-work-content-title {
    font-size: 30px;
  }
  .pm-work-content-words {
    font-size: 16px;
  }
  
  .pm-microBanner {
    height: 218px;
    padding: 0;
    background-image: url(../../../vassets/images/home_v3/activity/pm-analysis/banner-right.png), url(../../../vassets/images/home_v3/activity/pm-analysis/banner-left.png);
    background-size: 11%, 11%;
    background-repeat: no-repeat;
    background-position: 0% 0%, 100% 0%;
  }
  .pm-microBanner-wrapper {
    background: -webkit-linear-gradient(top, #1969ff, #469dff);
    background: -o-linear-gradient(top, #1969ff, #469dff);
    background: -moz-linear-gradient(top, #1969ff, #469dff);
    background: -ms-linear-gradient(top, #1969ff, #469dff);
    background: linear-gradient(top, #1969ff, #469dff);
  }
  .pm-mbanner-container {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 850px;
    padding: 25px 0 25px 150px;
    background: url(../../../vassets/images/home_v3/activity/pm-analysis/book.png) no-repeat 100% 64%;
    background-size: 140px;
  }
  .pm-mbanner-title {
    width: auto;
    font-size: 30px;
  }
  .pm-mbanner-wordsContainer {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .pm-mbanner-sectitle {
    width: 100%;
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 18px;
    color: #ffffff;
    line-height: 150%;
    text-align: center;
  }
  .pm-mbanner-listContainer {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 0;
  }
  .pm-mbanner-list {
    font-size: 16px;
    line-height: 24px;
  }
  .pm-mbanner-list:last-child {
    margin-right: 0;
  }
  .pm-mbanner-buttonContainer {
    width: auto;
  }
  .pm-mbanner-download {
    width: 160px;
    height: 40px;
    font-size: 16px;
    font-weight: normal;
    line-height: 40px;
    border-radius: 20px;
  }
  .pm-mbanner-download:hover {
    color: #ffffff;
    background-color: #f7af48;
  }
  .pm-microBanner-buttons {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 40px 0;
    background-color: #ffffff;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
  }
  .pm-microBanner-buttons .pm-mbanner-title {
    font-size: 34px;
  }
  .pm-microBanner-buttons .pm-mbanner-sectitle {
    font-size: 20px;
  }
  .pm-microBanner-buttons .pm-mbanner-buttonContainer {
    width: 50%;
    padding: 0 30px;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
  }
  .pm-microBanner-buttons .pm-mbanner-buttonContainer .pm-mbanner-download {
    width: 300px;
    height: 54px;
    font-size: 26px;
    line-height: 50px;
    border-radius: 27px;
  }
  .pm-microBanner-buttons .pm-mbanner-buttonContainer .pm-mbanner-download:hover {
    background-color: #7f88ef;
    color: #ffffff;
  }
  .pm-microBanner-buttons .pm-mbanner-buttonContainer:last-child {
    margin-top: 15px;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
  }
  
  .pm-scenes {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    background-size: 25%, 15%;
    background-position: 0 5%, 100% 100%;
  }
  .pm-scenes-point {
    top: 20px;
    left: 20px;
    width: 30px;
    height: 30px;
  }
  .pm-scenes-container {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    max-width: 1440px;
    padding: 0 10px;
  }
  .pm-scenes-item {
    width: 50%;
    max-width: 500px;
    padding: 30px;
  }
  .pm-scenes-item-title {
    font-size: 30px;
  }
  .pm-scenes-words {
    font-size: 16px;
    line-height: 300%;
  }
  
  .pm-method-container {
    width: 100%;
    max-width: 1140px;
  }
  .pm-promise-container {
    display: flex;
    display: -webkit-flex;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 680px;
  }
  .pm-promise-item {
    width: 32%;
    max-width: 150px;
  }
  .pm-promise-item-img {
    width: 100%;
    height: 100%;
  }
  .pm-partener-container {
    display: flex;
    display: -webkit-flex;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1440px;
  }
  .pm-partener-item {
    width: 32%;
    max-width: 180px;
  }
  .pm-partener-item-img {
    width: 100%;
    height: 100%;
  }
  .pm-method-item {
    width: 32%;
    max-width: 360px;
    margin: 8px;
  }
  .pm-method-item-img {
    width: 80px;
    height: 80px;
  }
  .pm-method-item-title {
    font-size: 20px;
  }
  .pm-method-item-words {
    font-size: 16px;
    line-height: 250%;
  }
}
@media screen and (min-width: 768px) and screen and (max-width: 1440px) {
  .pm-mbanner-container {
    margin-left: calc(8%);
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  .pm-mbanner-container {
    position: absolute;
    left: 50%;
    margin-left: -541px;
    margin-top: 10px;
  }
  .pm-container {
    padding: 0 10px;
  }
  .pm-work-content {
    width: calc(100% - 320px);
  }
  .pm-work-pic {
    margin-left: 0;
    margin-right: 0;
  }
  .pm-mbanner-container {
    padding-left: 0;
  }
  .pm-scenes-item {
    width: calc(50% - 20px);
  }
  .pm-footer {
    min-width: 100%;
  }
}
.pm-promise {
  display: block;
  background-color: #f8f8f8;
}
.pm-promise-container {
  display: flex;
  display: -webkit-flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 406px;
  margin: auto;
}
.pm-promise-item {
  width: 32%;
  max-width: 150px;
}
.pm-promise-item-img {
  width: 100%;
  height: 100%;
}
.pm-promise-words {
  padding-top: 37px;
  max-width: 817px;
  color: #65697F;
  font-size: 16px;
  letter-spacing: 1px;
  text-align: center;
  margin: auto;
}
.pm-promise-customer {
  padding-top: 13px;
  color: #1D1544;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.pm-promise-tab {
  display: none;
}
.pm-promise-tab.active {
  display: block;
}
.pm-partener {
  background-color: #fff;
}
.pm-partener-container {
  display: flex;
  display: -webkit-flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1440px;
  margin: 0 80px;
}
@media screen and (max-width: 768px) {
  .pm-partener-container {
    margin: 0 10px;
  }
}
.pm-partener-item {
  width: 32%;
  max-width: 180px;
}
.pm-partener-item-img {
  width: 100%;
  height: 100%;
}
.pm-partener-words {
  padding-top: 37px;
  max-width: 817px;
  color: #65697F;
  font-size: 16px;
  letter-spacing: 1px;
  text-align: center;
}
.pm-partener-customer {
  padding-top: 13px;
  color: #1D1544;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.pm-partener-tab {
  display: none;
}
.pm-partener-tab.active {
  display: block;
}
@media screen and (max-width: 768px) {
  .pm-mbanner-buttonContainer {
    margin: 0;
  }
}
.pmfmss-weixinshare {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.pmfmss-weixinshare-active {
  display: block;
}
.pmfmss-weixinshare__mask {
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0.6;
  background-color: #000000;
  z-index: 9999;
}
.pmfmss-weixinshare__modal {
  position: absolute;
  top: 275px;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 326px;
  width: 70%;
  height: 326px;
  z-index: 10000;
  text-align: center;
}
.pmfmss-weixinshare__modal .weixinimg {
  width: 100%;
  height: auto;
}
.pmfmss-weixinshare__modal .weixinguide {
  display: none;
}
@media screen and (max-width: 768px) {
  .pmfmss-weixinshare__modal {
    width: 50%;
  }
}
.pmfmss-weixinshare__tip {
  height: 24px;
  width: 280px;
  color: #FFFFFF;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  margin-top: 14px;
  display: inline-block;
}
.isWeixin .pmfmss-weixinshare__tip {
  display: none;
}
.isWeixin .weixinguide {
  display: block;
  position: absolute;
  right: 86px;
  top: 0;
}
.isWeixin .weixinimg {
  display: none;
}
.isWeixin .animated {
  animation-name: none;
  -webkit-animation-name: none;
}
.isWeixin .pmfmss-weixinshare__modal {
  position: absolute;
  top: 0;
  right: 0;
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0);
  max-width: 326px;
  width: 70%;
  height: 326px;
  z-index: 10000;
  text-align: center;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.6;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.pm-microBanner {
  background: -webkit-linear-gradient(top, #1969ff, #469dff);
  background: -o-linear-gradient(top, #1969ff, #469dff);
  background: -moz-linear-gradient(top, #1969ff, #469dff);
  background: -ms-linear-gradient(top, #1969ff, #469dff);
  background: linear-gradient(top, #1969ff, #469dff);
}
.pm-promise-item,
.pm-partener-item {
  cursor: pointer;
}
.pm-partener-item {
  padding: 10px 10px;
}
.pm-1040 {
  max-width: 1440px;
  width: 100%;
  background-image: url(../../../vassets/images/home_v3/activity/pm-analysis/banner-right.png), url(../../../vassets/images/home_v3/activity/pm-analysis/banner-left.png);
  background-size: 20%, 21%;
  background-repeat: no-repeat;
  background-position: 0% 100%, 100% 100%;
}
@media screen and (max-width: 768px) {
  .pm-1040 {
    background-position: 200% 100%, 100% 100%;
    background-size: 33%, 37%;
  }
}
@media screen and (min-width: 1441px) {
  .pm-mbanner-container {
    margin-left: calc(9%);
    margin-top: 28px;
  }
}
.pm-methods {
  background-color: #fff;
}
.pm-methods .pm-method-item {
  border: none;
  box-shadow: none;
}
@media screen and (max-width: 1441px) and (min-width: 768px) {
  .pm-work {
    padding: 80px;
  }
}
.scrolable-nav {
  overflow: auto;
}
@media (min-width: 319px) and (max-width: 414px) {
  .scrolable-nav {
    max-height: 450px;
  }
}
.solution-active {
  color: #FC5F3A!important;
}
@media (min-width: 319px) and (max-width: 413px) {
  .responsive-padding {
    margin-left: 55px!important;
  }
}
@media (min-width: 100px) and (max-width: 318px) {
  .responsive-padding {
    margin-left: 55px!important;
  }
}
@media (min-width: 414px) and (max-width: 768px) {
  .responsive-padding {
    margin-left: 66px!important;
  }
}
.menu-list .value {
  font-size: 16px;
  color: #383963;
  cursor: pointer;
}
.menu-list .value:hover {
  color: #FC5F3A;
}
.menu-list .item:hover {
  color: #FC5F3A;
}
.menu-item {
  white-space: nowrap;
}
.gio-container {
  max-width: 1024px;
}
.header-wrapper .solution-header.header {
  background-image: none!important;
  padding-top: 142px!important;
  background-image: -webkit-linear-gradient(30deg, #ebc360, #fc5f3a) !important;
  background-image: -o-linear-gradient(30deg, #ebc360, #fc5f3a) !important;
  background-image: linear-gradient(120deg, #ebc360, #fc5f3a) !important;
  min-height: auto;
}
.header-wrapper .solution-header.header .img {
  height: auto;
  margin-top: -23px;
  max-width: 355px;
}
@media (max-width: 1024px) {
  .header-wrapper .solution-header.header .img {
    margin-top: 11px;
    width: 84%;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .navbar .container.solution .navbar-collapse .nav {
    border: none;
  }
}
@media (max-width: 991px) {
  .navbar .container.solution .navbar-collapse .nav li {
    margin: 0px;
  }
}
@media (max-width: 991px) {
  .header-wrapper .container.solution .panel,
  .header .panel {
    border-bottom: 1px solid #eee;
    box-shadow: none;
  }
}
@media (max-width: 991px) {
  .header-wrapper .container.solution .panel .panel-heading,
  .header .panel .panel-heading {
    padding: 10px 0px;
    margin-top: 0px;
    height: 37px;
    padding-left: 20%;
  }
}
@media (max-width: 991px) {
  .header-wrapper .container.solution .panel .panel-collapse .panel-body,
  .header .panel .panel-collapse .panel-body {
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 20%;
    background-color: #f8f8f8;
  }
}
@media (max-width: 991px) {
  .header-wrapper .container.solution .panel .panel-collapse .panel-body .menu-item,
  .header .panel .panel-collapse .panel-body .menu-item {
    padding-left: 15px;
    border: none;
    margin: 0px !important;
    height: 44px;
  }
  .header-wrapper .container.solution .panel .panel-collapse .panel-body .menu-item div,
  .header .panel .panel-collapse .panel-body .menu-item div {
    height: 44px;
    line-height: 44px;
  }
}
.header-wrapper .visible-xs.navbar-nav .panel-body .menu-item,
.header .visible-xs.navbar-nav .panel-body .menu-item {
  margin: 15px 0!important;
  color: #65697F;
}
@media (max-width: 414px) and (max-width: 768px) {
  .header-wrapper .visible-xs.navbar-nav .panel-body .menu-item,
  .header .visible-xs.navbar-nav .panel-body .menu-item {
    margin: 23px 0!important;
  }
}
.header-wrapper .visible-xs.navbar-nav .panel-body .menu-item-title,
.header .visible-xs.navbar-nav .panel-body .menu-item-title {
  color: #191140;
}
.header-wrapper .panel-body,
.header .panel-body {
  background-color: #f8f8f8;
}
@media (min-width: 768px) and (max-width: 1102px) {
  .header-wrapper .panel-body,
  .header .panel-body {
    background-color: #fff;
  }
}
.header-wrapper .panel,
.header .panel {
  background-color: #f8f8f8;
}
@media (min-width: 768px) and (max-width: 1102px) {
  .header-wrapper .panel,
  .header .panel {
    background-color: #fff;
  }
}
@media (max-width: 1024px) {
  .header-wrapper,
  .header {
    max-height: 990px;
  }
}
.header-wrapper .navbar .container .navbar-nav.menu-xs .panel .menu-item.menu-item-title,
.header .navbar .container .navbar-nav.menu-xs .panel .menu-item.menu-item-title {
  color: #191140!important;
}
.header-wrapper .navbar .container .navbar-nav.menu-xs .panel .menu-item,
.header .navbar .container .navbar-nav.menu-xs .panel .menu-item {
  color: #65697F!important;
  padding-left: 15px;
  border: none;
  margin: 0px !important;
  height: 44px;
}
.header-wrapper .navbar .container .navbar-nav.menu-xs .menu-item,
.header .navbar .container .navbar-nav.menu-xs .menu-item {
  margin-top: 12px;
  color: #191140!important;
}
@media (max-width: 991px) {
  .header-wrapper .navbar .container .navbar-nav.menu-xs .menu-item,
  .header .navbar .container .navbar-nav.menu-xs .menu-item {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .header-wrapper .navbar .container .navbar-nav.menu-xs .menu-item span,
  .header .navbar .container .navbar-nav.menu-xs .menu-item span {
    font-size: 14px;
  }
}
.header-wrapper .navbar .container .navbar-nav.menu-xs .menu-item span.is-new,
.header .navbar .container .navbar-nav.menu-xs .menu-item span.is-new {
  color: #fc5f3a;
}
.header-wrapper .panel-body,
.header .panel-body {
  padding: 0;
}
.header-wrapper .panel-body .menu-item,
.header .panel-body .menu-item {
  padding-left: 19%;
}
@media (min-width: 319px) and (max-width: 413px) {
  .header-wrapper .panel-body,
  .header .panel-body {
    margin-top: 0px;
  }
}
@media (min-width: 414px) and (max-width: 1102px) {
  .header-wrapper .panel-body,
  .header .panel-body {
    margin-top: 0px;
  }
}
.header-wrapper .triangle-facing,
.header .triangle-facing {
  border-right: 4px solid;
  border-bottom: 4px solid;
  width: 18px;
  height: 18px;
  transform: rotate(45deg) translate(0, -2px);
  color: #FC5F3A;
  z-index: 9998;
  cursor: pointer;
  border-radius: 4px;
  display: inline-block;
  margin-left: 20px;
}
@media (min-width: 319px) and (max-width: 413px) {
  .header-wrapper .triangle-facing,
  .header .triangle-facing {
    width: 14px;
    height: 14px;
  }
}
.header-wrapper a[aria-expanded="true"] .triangle-facing,
.header a[aria-expanded="true"] .triangle-facing {
  transform: rotate(-135deg) translate(0, -2px);
}
.header-wrapper .panel-default > .panel-heading,
.header .panel-default > .panel-heading {
  color: #191140;
  border-color: #CDCDCD;
  text-align: left;
  padding-left: 20%;
  font-size: 36px;
  height: 31px;
  line-height: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 0px;
  height: 37px;
}
@media (min-width: 769px) {
  .header-wrapper .panel-default > .panel-heading,
  .header .panel-default > .panel-heading {
    padding-left: 19%;
  }
}
.header-wrapper .panel-default > .panel-heading .panel-title,
.header .panel-default > .panel-heading .panel-title {
  font-size: 36px;
}
@media (max-width: 991px) {
  .header-wrapper .panel-default > .panel-heading .panel-title,
  .header .panel-default > .panel-heading .panel-title {
    margin-bottom: 0;
    font-size: 16px;
    margin-top: 0px;
  }
}
.header-wrapper .panel-default > .panel-heading .panel-body,
.header .panel-default > .panel-heading .panel-body {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 1px solid #ddd;
}
.header-wrapper .menu-item-title,
.header .menu-item-title {
  font-size: 22px!important;
  color: #191140!important;
}
@media (min-width: 319px) and (max-width: 414px) {
  .header-wrapper .menu-item-title,
  .header .menu-item-title {
    font-size: 18px!important;
  }
}
.header-wrapper .bottom-line,
.header .bottom-line {
  border-bottom: 1px solid #ddd;
  padding-bottom: 51px;
}
.header-wrapper .menu-item,
.header .menu-item {
  padding-left: 18%;
  color: #65697F;
}
@media (max-width: 1102px) {
  .header-wrapper .menu-item,
  .header .menu-item {
    text-align: left!important;
  }
}
.header-wrapper .menu-item.growth-conference-new,
.header .menu-item.growth-conference-new {
  position: relative;
}
.header-wrapper .menu-item.growth-conference-new i,
.header .menu-item.growth-conference-new i {
  color: #fff;
  font-style: normal;
  position: absolute;
  right: -34px;
  top: 4px;
  font-size: 12px;
  display: inline-block;
  width: 40px;
  height: 20px;
  text-align: center;
  line-height: 22px;
  background: #73699f;
  border-radius: 4px;
  cursor: pointer;
}
.header-wrapper .panel-default,
.header .panel-default {
  border-color: none;
}
.header-wrapper .panel-group .panel + .panel,
.header .panel-group .panel + .panel {
  margin-top: 0px;
}
.header-wrapper .panel-default > .panel-heading,
.header .panel-default > .panel-heading {
  background-color: #f8f8f8;
}
.header-wrapper .panel-group .panel-heading + .panel-collapse > .list-group,
.header .panel-group .panel-heading + .panel-collapse > .list-group,
.header-wrapper .panel-group .panel-heading + .panel-collapse > .panel-body,
.header .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 0px solid #ddd;
}
.header-wrapper .panel,
.header .panel {
  background-color: #fff;
  border: none;
  border-bottom: 1px solid #eee !important;
  box-shadow: none;
  border-radius: none;
}
.header-wrapper .panel-collapse,
.header .panel-collapse {
  background-color: #f8f8f8;
}
.header-wrapper .container,
.header .container {
  background-repeat: no-repeat;
  background-position: bottom right;
}
.header-wrapper .btn-login,
.header .btn-login {
  margin-left: 0px!important;
  margin-top: 0px;
}
.header-wrapper .title,
.header .title {
  color: #F8F8F8;
  font-size: 44px;
  letter-spacing: 1px;
  line-height: 60px;
}
@media (max-width: 1024px) {
  .header-wrapper .title,
  .header .title {
    text-align: center;
    font-size: 24px;
  }
}
@media (min-width: 320px) and (max-width: 413px) {
  .header-wrapper .title,
  .header .title {
    font-size: 22px;
  }
}
@media (min-width: 414px) and (max-width: 1102px) {
  .header-wrapper .title,
  .header .title {
    font-size: 35px;
  }
}
.header-wrapper form.register,
.header form.register {
  text-align: center;
  margin-top: 54px;
}
@media (max-width: 1024px) {
  .header-wrapper form.register,
  .header form.register {
    text-align: center;
  }
}
.header-wrapper .solution-header form.register,
.header .solution-header form.register {
  text-align: left;
  margin-left: -14px;
}
@media (max-width: 1024px) {
  .header-wrapper .solution-header form.register,
  .header .solution-header form.register {
    text-align: center;
    margin-left: 0;
  }
}
.header-wrapper .subtitle,
.header .subtitle {
  height: 33px;
  width: 563px;
  color: #F8F8F8;
  font-size: 22px;
  line-height: 33px;
  margin-top: 20px;
}
@media (max-width: 1024px) {
  .header-wrapper .subtitle,
  .header .subtitle {
    font-size: 13px;
    width: auto;
    text-align: center;
  }
}
@media (min-width: 320px) and (max-width: 413px) {
  .header-wrapper .subtitle,
  .header .subtitle {
    font-size: 12px;
  }
}
@media (min-width: 414px) and (max-width: 1102px) {
  .header-wrapper .subtitle,
  .header .subtitle {
    font-size: 17px;
  }
}
.header-wrapper-btn,
.header-btn {
  border-radius: 82px!important;
  padding: 13px 70px;
  width: auto!important;
  line-height: 20px!important;
  height: 50px!important;
}
.solution .title1 {
  margin-bottom: 16px;
  text-align: center;
  font-size: 36px;
  line-height: 45px;
  font-weight: 500;
  color: #191140;
}
@media (max-width: 768px) {
  .solution .title1 {
    font-size: 21px;
  }
}
.solution .icon {
  display: inline-block;
  height: 40px;
  width: 40px;
  border: 3px solid #FC5F3A;
  text-align: center;
  line-height: 37px;
  font-size: 30px;
  color: #FC5F3A;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .solution .icon {
    margin-bottom: 52px;
  }
}
.solution .title3 {
  margin-top: 42px;
  color: #191140;
  font-size: 24px;
  font-weight: 600;
  line-height: 33px;
}
.solution .detail3 {
  margin-top: 27px;
  color: #65697F;
  font-size: 16px;
  line-height: 32px;
  height: auto;
}
.solution-dropdown {
  padding-left: 15px;
}
.solution-dropdown .dropdown-menu {
  width: auto!important;
}
.solution-dropdown .menu-item {
  width: 100%!important;
  height: 42px!important;
  padding-left: 49px!important;
  color: #191140!important;
  font-size: 16px!important;
  text-align: left!important;
  padding-top: 10px!important;
}
.solution-dropdown .menu-item:hover {
  color: #FC5F3A!important;
}
.solution-dropdown .menu-header {
  font-size: 18px!important;
  font-weight: 500;
  width: 108px!important;
  color: #191140!important;
  padding-left: 49px!important;
  text-align: left;
}
.solution-dropdown .menu-list {
  width: 244px!important;
  font-size: 16px;
  text-align: left!important;
  padding-left: 49px;
  vertical-align: middle;
}
.solution-dropdown .menu-list.resource-center-menu-list {
  width: 170px!important;
}
.solution-dropdown .menu-list.about-us-menu-list {
  width: 170px!important;
}
.solution-dropdown .menu-list.right {
  border-left: 1px solid #e1e2e4;
}
.solution-dropdown .menu-list .item {
  margin: 21px 0px;
}
.solution-dropdown .menu-list .item .value {
  display: inline-block;
  padding-right: 6px;
  color: #65697f;
}
.solution-dropdown .menu-list .item .is-new {
  font-weight: 100;
  font-size: 16px;
  color: #fc5f3a !important;
  position: relative;
  top: -1px;
  left: -5px;
}
.solution-dropdown .menu-list .item:hover {
  color: #FC5F3A;
}
.solution-dropdown .menu-list .item:hover .value {
  color: #FC5F3A;
}
.solution-dropdown .menu-list .item:hover .triangle-facing-right {
  display: inline-block;
}
.solution-dropdown .menu-list .item:hover .line {
  display: inline-block;
}
.solution-dropdown .menu-list .item .triangle-facing-right {
  display: none;
  border-right: 1px solid;
  border-bottom: 1px solid;
  width: 7px;
  height: 7px;
  transform: rotate(-45deg) translate(0, -2px);
  margin-left: -9px;
  color: #FC5F3A;
}
.solution-dropdown .menu-list .item .line {
  display: none;
  border-top: 1px solid #FC5F3A;
  vertical-align: middle;
  width: 10px;
}
.solution-challenge {
  background-color: #FAFAFA;
  padding-top: 65px;
  padding-bottom: 106px;
}
.solution-challenge .detail {
  max-width: 733px;
  color: #65697F;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .solution-challenge .detail {
    font-size: 14px;
    padding: 0 20px;
  }
}
.solution-FAQ {
  background-color: #fff;
  padding-top: 120px;
}
.solution-FAQ .container {
  margin-top: 82px;
}
@media (min-width: 768px) {
  .solution-FAQ .container {
    margin-top: 0px;
  }
}
.solution-FAQ .detail3 {
  margin-top: 24px;
}
.solution-FAQ .title3 {
  margin-top: 6px;
}
@media (max-width: 1024px) {
  .solution-FAQ {
    padding-top: 82px;
    font-size: 14px;
    padding: 0 20px;
  }
}
@media (max-width: 1024px) {
  .solution-FAQ .text {
    text-align: center;
  }
}
.solution-FAQ .title1 {
  margin-bottom: 104px;
}
@media (max-width: 1024px) {
  .solution-FAQ .title1 {
    margin-bottom: 30px;
  }
}
.solution-FAQ .row {
  margin-bottom: 103px;
}
@media (max-width: 1024px) {
  .solution-FAQ .row {
    margin-bottom: 30px;
  }
}
.solution-FAQ .img {
  max-width: 647px;
}
.solution-FAQ .img img {
  width: 100%;
  height: auto;
}
.solution-FAQ.visible-xs .img {
  text-align: center!important;
}
.solution-register {
  width: 100%;
  padding-bottom: 110px;
  position: relative;
  left: 0;
  top: -20px;
}
.solution-register .detail3 {
  height: 0;
}
.solution-register .container {
  border-top: solid #DCDCDC 1px;
  border-bottom: solid #DCDCDC 1px;
  height: 220px;
}
@media (max-width: 768px) {
  .solution-register .container {
    height: auto;
    padding-bottom: 94px;
  }
}
@media (max-width: 768px) {
  .solution-register .title {
    font-size: 24px;
  }
}
.solution-register .row {
  margin-top: 48px;
}
.solution-register .button {
  height: 100%;
  margin-top: 35px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .solution-register .button {
    margin-top: 52px;
  }
}
.solution-register .button button {
  border-radius: 82px;
  background: linear-gradient(222.18deg, #ffbc55 0%, #fc603b 100%);
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  padding: 12px 52px!important;
  line-height: 19px;
  width: auto!important;
}
.solution .client-testimony {
  margin: 0 auto;
  max-width: 1126px;
  position: relative;
  top: -58px;
  left: 0;
}
.solution .client-testimony .detail3 {
  position: relative;
  display: table;
  height: 128px;
}
.solution .client-testimony .detail3 .middle {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
.solution .client-testimony .swiper-wrapper {
  padding-bottom: 100px;
}
.solution .client-testimony .swiper-container-horizontal > .swiper-pagination-bullets,
.solution .client-testimony .swiper-pagination-custom,
.solution .client-testimony .swiper-pagination-fraction {
  bottom: 105px;
}
.solution .client-testimony .swiper-container .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
}
.solution .client-testimony .swiper-container .swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #FC5F3A;
}
.solution .client-testimony .swiper-slide {
  width: 58%;
  height: 475px;
}
.solution .client-testimony .swiper-slide .slide {
  width: 100%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  height: 400px;
  position: relative;
  left: 0;
  top: 0;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 10px 16px 0 rgba(101, 105, 127, 0.1);
}
.solution .client-testimony .triangle-facing-right {
  border-right: 4px solid;
  border-bottom: 4px solid;
  width: 22px;
  height: 22px;
  transform: rotate(-225deg) translate(0, -2px);
  color: #979797;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -89px;
  z-index: 9998;
  cursor: pointer;
  border-radius: 4px;
}
.solution .client-testimony .triangle-facing-left {
  border-right: 4px solid;
  border-bottom: 4px solid;
  width: 22px;
  height: 22px;
  transform: rotate(-45deg) translate(0, -2px);
  margin-left: -9px;
  color: #979797;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -89px;
  z-index: 9998;
  cursor: pointer;
  border-radius: 4px;
}
.solution .client-testimony .content {
  width: 71%;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 64px;
  position: relative;
  left: 0;
  right: 0;
  border-bottom: #DCDCDC 1px solid;
}
.solution .client-testimony .content .quote-left {
  position: absolute;
  top: -48px;
  left: 0;
  width: 68px;
  height: 84px;
}
.solution .client-testimony .content .quote-left img {
  width: 100%;
  height: auto;
}
.solution .client-testimony .content .quote-right {
  width: 50px;
  height: 63px;
  float: right;
}
.solution .client-testimony .content .quote-right img {
  width: 100%;
  height: auto;
}
.solution .client-testimony .footer {
  background-color: #fff;
  width: 71%;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 50px;
}
.solution .client-testimony .footer .god {
  width: 40px;
  height: 40px;
  display: inline-block;
}
.solution .client-testimony .footer .god img {
  max-width: 100%;
  height: auto;
}
.solution .client-testimony .footer .identity {
  height: 40px;
  color: #383963;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  vertical-align: middle;
  padding-left: 11px;
}
@media (min-width: 320px) and (max-width: 413px) {
  .solution .client-testimony .footer .identity {
    padding-left: 0px;
  }
}
.solution .client-testimony .footer .organization {
  float: right;
  width: 114px;
  height: 60px;
  margin-top: -10px;
}
.solution .client-testimony .footer .organization img {
  width: 100%;
  height: auto;
}
.solution #client-testimony-pc {
  height: 477px;
}
.solution #client-testimony-pc .swiper-slide-active,
.solution #client-testimony-pc .swiper-slide-prev,
.solution #client-testimony-pc .swiper-slide-next {
  opacity: 1!important;
}
.solution #client-testimony-pc .swiper-slide-active .content,
.solution #client-testimony-pc .swiper-slide-active .footer {
  display: block;
}
.solution #client-testimony-pc .swiper-slide {
  opacity: 0;
}
.solution #client-testimony-pc .content,
.solution #client-testimony-pc .footer {
  display: none;
}
.solution #client-testimony-mobile {
  width: 95%;
  height: 541px;
  margin-bottom: 144px;
}
.solution #client-testimony-mobile .swiper-container-horizontal > .swiper-pagination-bullets,
.solution #client-testimony-mobile .solution .client-testimony .swiper-pagination-custom,
.solution #client-testimony-mobile .solution .client-testimony .swiper-pagination-fraction {
  bottom: -2px;
}
.solution #client-testimony-mobile .detail3 {
  height: 280px;
  margin-bottom: 12px;
  margin-top: 0;
}
.solution #client-testimony-mobile .content {
  height: 85%;
}
.solution #client-testimony-mobile .swiper-slide {
  width: 100%;
  height: 599px;
}
.solution #client-testimony-mobile .swiper-slide .slide {
  width: 95%;
  height: 610px;
}
.solution #client-testimony-mobile .content {
  padding-top: 32px;
  padding-bottom: 34px;
}
.solution #client-testimony-mobile .content .quote-right {
  position: relative;
  top: -37px;
}
.solution #client-testimony-mobile .footer {
  position: relative;
  text-align: center;
  width: 100%;
}
.solution #client-testimony-mobile .footer .organization {
  float: right;
  width: 80px;
  height: auto;
  margin-top: 0;
  right: -43px;
  position: relative;
}
@media (min-width: 320px) and (max-width: 413px) {
  .solution #client-testimony-mobile .footer .organization {
    float: right;
    width: 80px;
    height: auto;
    right: -19px;
    position: relative;
    height: 42px;
    overflow: hidden;
  }
}
.solution #client-testimony-mobile .footer .identity {
  text-align: left;
  display: inline-block;
}
.solution .h1 {
  font-weight: 500!important;
  font-size: 36px!important;
  color: #191140!important;
}
@media (max-width: 768px) {
  .solution .h1 {
    font-size: 17px!important;
    line-height: 17px!important;
  }
}
.solution .text1 {
  color: #65697F;
  font-size: 24px;
  text-align: center;
}
@media (max-width: 768px) {
  .solution .text1 {
    font-size: 16px!important;
    margin-top: 20px!important;
  }
}
.solution .index-customer-list {
  padding-top: 80px;
}
.solution .solution-left {
  display: inline-block;
}
@media (max-width: 1024px) {
  .solution .solution-left {
    width: 100%;
  }
}
.solution .solution-right {
  display: inline-block;
  float: right;
}
@media (max-width: 1024px) {
  .solution .solution-right {
    margin-left: 50%;
    transform: translate(-50%, 0);
    float: none;
  }
}
@media (max-width: 1120px) and (min-width: 1103px) {
  .solution-header .btn-login .gio-btn {
    width: 60px!important;
  }
}
@media (min-width: 768px) {
  .solution .col-sm-2-5,
  .solution .col-md-2-5,
  .solution .col-lg-2-5 {
    width: 20%;
  }
  .solution .col-sm-2-7,
  .solution .col-md-2-7,
  .solution .col-lg-2-7 {
    width: 20%;
  }
}
.solution .index-customer-list {
  padding-top: 0px;
  margin-bottom: 70px;
}
@media (min-width: 768px) {
  .col-sm-2-5,
  .col-md-2-5,
  .col-lg-2-5 {
    width: 20%;
  }
  .col-sm-2-6,
  .col-md-2-6,
  .col-lg-2-6 {
    width: 16.66666667%;
  }
  .col-sm-2-7,
  .col-md-2-7,
  .col-lg-2-7 {
    width: 20%;
  }
  .col-sm-2-15,
  .col-md-2-15,
  .col-lg-2-15 {
    width: 16.66666667%;
  }
}
.page.index .index-customer-list {
  padding-top: 54px;
  margin-bottom: 100px;
}
.solution-header.header {
  overflow: hidden;
}
.electronic-business .header-wrapper .header,
.metrics .header-wrapper .header,
.newOperation .header-wrapper .header,
.channelMonitor .header-wrapper .header,
.newRetention .header-wrapper .header,
.newConversion .header-wrapper .header {
  padding-top: 132px !important;
}
.electronic-business .header-wrapper .subtitle,
.metrics .header-wrapper .subtitle,
.newOperation .header-wrapper .subtitle,
.channelMonitor .header-wrapper .subtitle,
.newRetention .header-wrapper .subtitle,
.newConversion .header-wrapper .subtitle {
  height: 70px;
}
.electronic-business .header-wrapper .solution-header.header .img,
.metrics .header-wrapper .solution-header.header .img,
.newOperation .header-wrapper .solution-header.header .img,
.channelMonitor .header-wrapper .solution-header.header .img,
.newRetention .header-wrapper .solution-header.header .img,
.newConversion .header-wrapper .solution-header.header .img {
  margin-top: 38px;
  max-width: 464px;
  height: auto;
}
.electronic-business .solution .title1,
.metrics .solution .title1,
.newOperation .solution .title1,
.channelMonitor .solution .title1,
.newRetention .solution .title1,
.newConversion .solution .title1 {
  font-size: 28px;
  font-weight: normal;
  margin-bottom: 64px;
}
.electronic-business .solution .solution-challenge,
.metrics .solution .solution-challenge,
.newOperation .solution .solution-challenge,
.channelMonitor .solution .solution-challenge,
.newRetention .solution .solution-challenge,
.newConversion .solution .solution-challenge {
  background-color: #FFFFFF;
  padding: 48px 0 16px;
}
.electronic-business .solution .solution-challenge .detail,
.metrics .solution .solution-challenge .detail,
.newOperation .solution .solution-challenge .detail,
.channelMonitor .solution .solution-challenge .detail,
.newRetention .solution .solution-challenge .detail,
.newConversion .solution .solution-challenge .detail {
  max-width: 1180px;
}
.electronic-business .solution .solution-challenge .detail ul,
.metrics .solution .solution-challenge .detail ul,
.newOperation .solution .solution-challenge .detail ul,
.channelMonitor .solution .solution-challenge .detail ul,
.newRetention .solution .solution-challenge .detail ul,
.newConversion .solution .solution-challenge .detail ul {
  display: flex;
  margin-bottom: 48px;
}
.electronic-business .solution .solution-challenge .detail ul li,
.metrics .solution .solution-challenge .detail ul li,
.newOperation .solution .solution-challenge .detail ul li,
.channelMonitor .solution .solution-challenge .detail ul li,
.newRetention .solution .solution-challenge .detail ul li,
.newConversion .solution .solution-challenge .detail ul li {
  text-align: left;
  display: inline-block;
  float: left;
  width: 500px;
}
.electronic-business .solution .solution-challenge .detail ul li .left,
.metrics .solution .solution-challenge .detail ul li .left,
.newOperation .solution .solution-challenge .detail ul li .left,
.channelMonitor .solution .solution-challenge .detail ul li .left,
.newRetention .solution .solution-challenge .detail ul li .left,
.newConversion .solution .solution-challenge .detail ul li .left {
  margin-right: 23px;
  float: left;
  display: inline-block;
}
.electronic-business .solution .solution-challenge .detail ul li .left img,
.metrics .solution .solution-challenge .detail ul li .left img,
.newOperation .solution .solution-challenge .detail ul li .left img,
.channelMonitor .solution .solution-challenge .detail ul li .left img,
.newRetention .solution .solution-challenge .detail ul li .left img,
.newConversion .solution .solution-challenge .detail ul li .left img {
  max-width: 72px;
  height: auto;
}
.electronic-business .solution .solution-challenge .detail ul li:last-child,
.metrics .solution .solution-challenge .detail ul li:last-child,
.newOperation .solution .solution-challenge .detail ul li:last-child,
.channelMonitor .solution .solution-challenge .detail ul li:last-child,
.newRetention .solution .solution-challenge .detail ul li:last-child,
.newConversion .solution .solution-challenge .detail ul li:last-child {
  margin-left: 180px;
}
.electronic-business .solution .solution-challenge .detail ul li .right,
.metrics .solution .solution-challenge .detail ul li .right,
.newOperation .solution .solution-challenge .detail ul li .right,
.channelMonitor .solution .solution-challenge .detail ul li .right,
.newRetention .solution .solution-challenge .detail ul li .right,
.newConversion .solution .solution-challenge .detail ul li .right {
  width: 400px;
  display: inline-block;
}
.electronic-business .solution .solution-challenge .detail ul li .right h5,
.metrics .solution .solution-challenge .detail ul li .right h5,
.newOperation .solution .solution-challenge .detail ul li .right h5,
.channelMonitor .solution .solution-challenge .detail ul li .right h5,
.newRetention .solution .solution-challenge .detail ul li .right h5,
.newConversion .solution .solution-challenge .detail ul li .right h5 {
  color: #191140;
  font-size: 20px;
  font-weight: 400;
}
.electronic-business .solution .solution-challenge .detail ul li .right p,
.metrics .solution .solution-challenge .detail ul li .right p,
.newOperation .solution .solution-challenge .detail ul li .right p,
.channelMonitor .solution .solution-challenge .detail ul li .right p,
.newRetention .solution .solution-challenge .detail ul li .right p,
.newConversion .solution .solution-challenge .detail ul li .right p {
  color: #65697F;
  font-size: 14px;
  line-height: 24px;
}
.electronic-business .solution .solution-behavior-process,
.metrics .solution .solution-behavior-process,
.newOperation .solution .solution-behavior-process,
.channelMonitor .solution .solution-behavior-process,
.newRetention .solution .solution-behavior-process,
.newConversion .solution .solution-behavior-process {
  background-color: #F9F9F9;
  padding-top: 48px;
}
.electronic-business .solution .solution-behavior-process .title1,
.metrics .solution .solution-behavior-process .title1,
.newOperation .solution .solution-behavior-process .title1,
.channelMonitor .solution .solution-behavior-process .title1,
.newRetention .solution .solution-behavior-process .title1,
.newConversion .solution .solution-behavior-process .title1 {
  line-height: normal;
}
.electronic-business .solution .solution-behavior-process .title1 .title1-desc,
.metrics .solution .solution-behavior-process .title1 .title1-desc,
.newOperation .solution .solution-behavior-process .title1 .title1-desc,
.channelMonitor .solution .solution-behavior-process .title1 .title1-desc,
.newRetention .solution .solution-behavior-process .title1 .title1-desc,
.newConversion .solution .solution-behavior-process .title1 .title1-desc {
  color: #52556C;
  font-size: 16px;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 0;
}
.electronic-business .solution .solution-behavior-process #carousel-example-generic,
.metrics .solution .solution-behavior-process #carousel-example-generic,
.newOperation .solution .solution-behavior-process #carousel-example-generic,
.channelMonitor .solution .solution-behavior-process #carousel-example-generic,
.newRetention .solution .solution-behavior-process #carousel-example-generic,
.newConversion .solution .solution-behavior-process #carousel-example-generic {
  width: 1180px;
  text-align: center;
  margin: 325px auto 0;
  padding: 0 0 64px;
}
.electronic-business .solution .solution-behavior-process #carousel-example-generic .carousel-indicators,
.metrics .solution .solution-behavior-process #carousel-example-generic .carousel-indicators,
.newOperation .solution .solution-behavior-process #carousel-example-generic .carousel-indicators,
.channelMonitor .solution .solution-behavior-process #carousel-example-generic .carousel-indicators,
.newRetention .solution .solution-behavior-process #carousel-example-generic .carousel-indicators,
.newConversion .solution .solution-behavior-process #carousel-example-generic .carousel-indicators {
  width: 100% !important;
  margin-top: 300px;
  left: 30% !important;
  top: -560px;
}
.electronic-business .solution .solution-behavior-process #carousel-example-generic .carousel-indicators img,
.metrics .solution .solution-behavior-process #carousel-example-generic .carousel-indicators img,
.newOperation .solution .solution-behavior-process #carousel-example-generic .carousel-indicators img,
.channelMonitor .solution .solution-behavior-process #carousel-example-generic .carousel-indicators img,
.newRetention .solution .solution-behavior-process #carousel-example-generic .carousel-indicators img,
.newConversion .solution .solution-behavior-process #carousel-example-generic .carousel-indicators img {
  height: 230px;
  width: auto;
  display: inline-block;
  float: left;
  cursor: pointer;
}
.electronic-business .solution .solution-behavior-process #carousel-example-generic .carousel-indicators .active,
.metrics .solution .solution-behavior-process #carousel-example-generic .carousel-indicators .active,
.newOperation .solution .solution-behavior-process #carousel-example-generic .carousel-indicators .active,
.channelMonitor .solution .solution-behavior-process #carousel-example-generic .carousel-indicators .active,
.newRetention .solution .solution-behavior-process #carousel-example-generic .carousel-indicators .active,
.newConversion .solution .solution-behavior-process #carousel-example-generic .carousel-indicators .active {
  background: none;
  border: none;
}
.electronic-business .solution .solution-behavior-process #carousel-example-generic .carousel-control,
.metrics .solution .solution-behavior-process #carousel-example-generic .carousel-control,
.newOperation .solution .solution-behavior-process #carousel-example-generic .carousel-control,
.channelMonitor .solution .solution-behavior-process #carousel-example-generic .carousel-control,
.newRetention .solution .solution-behavior-process #carousel-example-generic .carousel-control,
.newConversion .solution .solution-behavior-process #carousel-example-generic .carousel-control {
  background-color: #FC5F3A;
}
.electronic-business .solution .solution-behavior-process #carousel-example-generic .carousel-control a,
.metrics .solution .solution-behavior-process #carousel-example-generic .carousel-control a,
.newOperation .solution .solution-behavior-process #carousel-example-generic .carousel-control a,
.channelMonitor .solution .solution-behavior-process #carousel-example-generic .carousel-control a,
.newRetention .solution .solution-behavior-process #carousel-example-generic .carousel-control a,
.newConversion .solution .solution-behavior-process #carousel-example-generic .carousel-control a {
  margin-top: -400px;
}
.electronic-business .solution .solution-behavior-process #carousel-example-generic .interval,
.metrics .solution .solution-behavior-process #carousel-example-generic .interval,
.newOperation .solution .solution-behavior-process #carousel-example-generic .interval,
.channelMonitor .solution .solution-behavior-process #carousel-example-generic .interval,
.newRetention .solution .solution-behavior-process #carousel-example-generic .interval,
.newConversion .solution .solution-behavior-process #carousel-example-generic .interval {
  width: 100%;
  height: 16px;
}
.electronic-business .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content,
.metrics .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content,
.newOperation .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content,
.channelMonitor .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content,
.newRetention .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content,
.newConversion .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content {
  width: 50%;
  float: left;
  text-align: left;
  margin-top: 45px;
}
.electronic-business .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content h5,
.metrics .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content h5,
.newOperation .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content h5,
.channelMonitor .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content h5,
.newRetention .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content h5,
.newConversion .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content h5 {
  font-size: 24px;
  color: #191140;
  margin-bottom: 25px;
}
.electronic-business .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content ul,
.metrics .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content ul,
.newOperation .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content ul,
.channelMonitor .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content ul,
.newRetention .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content ul,
.newConversion .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content ul {
  padding-left: 20px;
}
.electronic-business .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content ul li,
.metrics .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content ul li,
.newOperation .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content ul li,
.channelMonitor .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content ul li,
.newRetention .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content ul li,
.newConversion .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content ul li {
  list-style: disc;
  font-size: 16px;
  color: #65697F;
  padding: 10px 0;
}
.electronic-business .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content ul li::marker,
.metrics .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content ul li::marker,
.newOperation .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content ul li::marker,
.channelMonitor .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content ul li::marker,
.newRetention .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content ul li::marker,
.newConversion .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .content ul li::marker {
  color: #FC5F3A;
}
.electronic-business .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .image,
.metrics .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .image,
.newOperation .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .image,
.channelMonitor .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .image,
.newRetention .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .image,
.newConversion .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .image {
  width: 50%;
  float: left;
}
.electronic-business .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .image img,
.metrics .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .image img,
.newOperation .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .image img,
.channelMonitor .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .image img,
.newRetention .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .image img,
.newConversion .solution .solution-behavior-process #carousel-example-generic .carousel-inner .item .image img {
  height: 350px;
  width: auto;
}
.electronic-business .solution .solution-testimony,
.metrics .solution .solution-testimony,
.newOperation .solution .solution-testimony,
.channelMonitor .solution .solution-testimony,
.newRetention .solution .solution-testimony,
.newConversion .solution .solution-testimony {
  background-color: #F9F9F9;
  padding-top: 48px;
}
.electronic-business .solution .solution-testimony .title1,
.metrics .solution .solution-testimony .title1,
.newOperation .solution .solution-testimony .title1,
.channelMonitor .solution .solution-testimony .title1,
.newRetention .solution .solution-testimony .title1,
.newConversion .solution .solution-testimony .title1 {
  margin-bottom: 48px;
}
.electronic-business .solution .solution-testimony .testimony-img,
.metrics .solution .solution-testimony .testimony-img,
.newOperation .solution .solution-testimony .testimony-img,
.channelMonitor .solution .solution-testimony .testimony-img,
.newRetention .solution .solution-testimony .testimony-img,
.newConversion .solution .solution-testimony .testimony-img {
  text-align: center;
}
.electronic-business .solution .solution-testimony .testimony-img img,
.metrics .solution .solution-testimony .testimony-img img,
.newOperation .solution .solution-testimony .testimony-img img,
.channelMonitor .solution .solution-testimony .testimony-img img,
.newRetention .solution .solution-testimony .testimony-img img,
.newConversion .solution .solution-testimony .testimony-img img {
  width: 144px;
  height: auto;
}
.electronic-business .solution .solution-testimony .testimony-text,
.metrics .solution .solution-testimony .testimony-text,
.newOperation .solution .solution-testimony .testimony-text,
.channelMonitor .solution .solution-testimony .testimony-text,
.newRetention .solution .solution-testimony .testimony-text,
.newConversion .solution .solution-testimony .testimony-text {
  margin: 24px 0 48px;
}
.electronic-business .solution .solution-testimony .testimony-text p,
.metrics .solution .solution-testimony .testimony-text p,
.newOperation .solution .solution-testimony .testimony-text p,
.channelMonitor .solution .solution-testimony .testimony-text p,
.newRetention .solution .solution-testimony .testimony-text p,
.newConversion .solution .solution-testimony .testimony-text p {
  text-align: center;
  color: #65697F;
  font-size: 20px;
  line-height: 35px;
  margin-bottom: 0;
}
.electronic-business .solution .solution-testimony .testimony-user,
.metrics .solution .solution-testimony .testimony-user,
.newOperation .solution .solution-testimony .testimony-user,
.channelMonitor .solution .solution-testimony .testimony-user,
.newRetention .solution .solution-testimony .testimony-user,
.newConversion .solution .solution-testimony .testimony-user {
  text-align: center;
  margin-top: 13px;
}
.electronic-business .solution .solution-testimony .testimony-user img,
.metrics .solution .solution-testimony .testimony-user img,
.newOperation .solution .solution-testimony .testimony-user img,
.channelMonitor .solution .solution-testimony .testimony-user img,
.newRetention .solution .solution-testimony .testimony-user img,
.newConversion .solution .solution-testimony .testimony-user img {
  width: 60px;
  height: auto;
}
.electronic-business .solution .solution-testimony .testimony-user p,
.metrics .solution .solution-testimony .testimony-user p,
.newOperation .solution .solution-testimony .testimony-user p,
.channelMonitor .solution .solution-testimony .testimony-user p,
.newRetention .solution .solution-testimony .testimony-user p,
.newConversion .solution .solution-testimony .testimony-user p {
  color: #65697F;
  font-size: 20px;
  margin-top: 16px;
}
.electronic-business .solution .solution-testimony .index-customer-list,
.metrics .solution .solution-testimony .index-customer-list,
.newOperation .solution .solution-testimony .index-customer-list,
.channelMonitor .solution .solution-testimony .index-customer-list,
.newRetention .solution .solution-testimony .index-customer-list,
.newConversion .solution .solution-testimony .index-customer-list {
  margin: 64px auto 0;
  max-width: 1180px;
  padding-bottom: 80px;
}
.electronic-business .solution .solution-testimony .index-customer-list header,
.metrics .solution .solution-testimony .index-customer-list header,
.newOperation .solution .solution-testimony .index-customer-list header,
.channelMonitor .solution .solution-testimony .index-customer-list header,
.newRetention .solution .solution-testimony .index-customer-list header,
.newConversion .solution .solution-testimony .index-customer-list header {
  margin-bottom: 48px;
}
.electronic-business .solution .solution-testimony .index-customer-list h1,
.metrics .solution .solution-testimony .index-customer-list h1,
.newOperation .solution .solution-testimony .index-customer-list h1,
.channelMonitor .solution .solution-testimony .index-customer-list h1,
.newRetention .solution .solution-testimony .index-customer-list h1,
.newConversion .solution .solution-testimony .index-customer-list h1 {
  color: #190140;
  font-size: 32px !important;
  line-height: 36px;
  text-align: center;
}
.electronic-business .solution .solution-testimony .index-customer-list h2,
.metrics .solution .solution-testimony .index-customer-list h2,
.newOperation .solution .solution-testimony .index-customer-list h2,
.channelMonitor .solution .solution-testimony .index-customer-list h2,
.newRetention .solution .solution-testimony .index-customer-list h2,
.newConversion .solution .solution-testimony .index-customer-list h2 {
  color: #65697f;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
}
.electronic-business .solution .solution-FAQ,
.metrics .solution .solution-FAQ,
.newOperation .solution .solution-FAQ,
.channelMonitor .solution .solution-FAQ,
.newRetention .solution .solution-FAQ,
.newConversion .solution .solution-FAQ {
  padding-top: 48px;
}
.electronic-business .solution .solution-FAQ .container,
.metrics .solution .solution-FAQ .container,
.newOperation .solution .solution-FAQ .container,
.channelMonitor .solution .solution-FAQ .container,
.newRetention .solution .solution-FAQ .container,
.newConversion .solution .solution-FAQ .container {
  padding: 0;
  max-width: 1180px;
  margin: 0 auto;
}
.electronic-business .solution .solution-FAQ .title1,
.metrics .solution .solution-FAQ .title1,
.newOperation .solution .solution-FAQ .title1,
.channelMonitor .solution .solution-FAQ .title1,
.newRetention .solution .solution-FAQ .title1,
.newConversion .solution .solution-FAQ .title1 {
  margin-bottom: 64px;
}
.electronic-business .solution .solution-FAQ .row,
.metrics .solution .solution-FAQ .row,
.newOperation .solution .solution-FAQ .row,
.channelMonitor .solution .solution-FAQ .row,
.newRetention .solution .solution-FAQ .row,
.newConversion .solution .solution-FAQ .row {
  width: 100%;
  margin: 0 0 104px;
}
.electronic-business .solution .solution-FAQ .row .col-md-6,
.metrics .solution .solution-FAQ .row .col-md-6,
.newOperation .solution .solution-FAQ .row .col-md-6,
.channelMonitor .solution .solution-FAQ .row .col-md-6,
.newRetention .solution .solution-FAQ .row .col-md-6,
.newConversion .solution .solution-FAQ .row .col-md-6 {
  padding: 0;
}
.electronic-business .solution .solution-FAQ .row .col-md-6 .text,
.metrics .solution .solution-FAQ .row .col-md-6 .text,
.newOperation .solution .solution-FAQ .row .col-md-6 .text,
.channelMonitor .solution .solution-FAQ .row .col-md-6 .text,
.newRetention .solution .solution-FAQ .row .col-md-6 .text,
.newConversion .solution .solution-FAQ .row .col-md-6 .text {
  width: 480px;
  margin-top: 50px;
}
.electronic-business .solution .solution-FAQ .row .col-md-6 .text ul,
.metrics .solution .solution-FAQ .row .col-md-6 .text ul,
.newOperation .solution .solution-FAQ .row .col-md-6 .text ul,
.channelMonitor .solution .solution-FAQ .row .col-md-6 .text ul,
.newRetention .solution .solution-FAQ .row .col-md-6 .text ul,
.newConversion .solution .solution-FAQ .row .col-md-6 .text ul {
  margin-left: 15px;
  list-style: none;
  display: inline-block;
}
.electronic-business .solution .solution-FAQ .row .col-md-6 .text ul li,
.metrics .solution .solution-FAQ .row .col-md-6 .text ul li,
.newOperation .solution .solution-FAQ .row .col-md-6 .text ul li,
.channelMonitor .solution .solution-FAQ .row .col-md-6 .text ul li,
.newRetention .solution .solution-FAQ .row .col-md-6 .text ul li,
.newConversion .solution .solution-FAQ .row .col-md-6 .text ul li {
  margin-top: 20px!important;
}
.electronic-business .solution .solution-FAQ .row .col-md-6 .text ul li span,
.metrics .solution .solution-FAQ .row .col-md-6 .text ul li span,
.newOperation .solution .solution-FAQ .row .col-md-6 .text ul li span,
.channelMonitor .solution .solution-FAQ .row .col-md-6 .text ul li span,
.newRetention .solution .solution-FAQ .row .col-md-6 .text ul li span,
.newConversion .solution .solution-FAQ .row .col-md-6 .text ul li span {
  text-indent: -20px;
}
.electronic-business .solution .solution-FAQ .row .col-md-6 .text ul li span:before,
.metrics .solution .solution-FAQ .row .col-md-6 .text ul li span:before,
.newOperation .solution .solution-FAQ .row .col-md-6 .text ul li span:before,
.channelMonitor .solution .solution-FAQ .row .col-md-6 .text ul li span:before,
.newRetention .solution .solution-FAQ .row .col-md-6 .text ul li span:before,
.newConversion .solution .solution-FAQ .row .col-md-6 .text ul li span:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background-color: #FC5F3A;
  vertical-align: 3px;
  margin-left: -20px;
  margin-right: 12px;
}
.electronic-business .solution .solution-FAQ .row .col-md-6 .text .title3,
.metrics .solution .solution-FAQ .row .col-md-6 .text .title3,
.newOperation .solution .solution-FAQ .row .col-md-6 .text .title3,
.channelMonitor .solution .solution-FAQ .row .col-md-6 .text .title3,
.newRetention .solution .solution-FAQ .row .col-md-6 .text .title3,
.newConversion .solution .solution-FAQ .row .col-md-6 .text .title3 {
  font-weight: normal;
  font-size: 24px;
  text-align: left;
}
.electronic-business .solution .solution-FAQ .row .col-md-6 .box-right,
.metrics .solution .solution-FAQ .row .col-md-6 .box-right,
.newOperation .solution .solution-FAQ .row .col-md-6 .box-right,
.channelMonitor .solution .solution-FAQ .row .col-md-6 .box-right,
.newRetention .solution .solution-FAQ .row .col-md-6 .box-right,
.newConversion .solution .solution-FAQ .row .col-md-6 .box-right {
  margin-left: 90px;
}
.electronic-business .solution .solution-FAQ .row .col-md-6 .register,
.metrics .solution .solution-FAQ .row .col-md-6 .register,
.newOperation .solution .solution-FAQ .row .col-md-6 .register,
.channelMonitor .solution .solution-FAQ .row .col-md-6 .register,
.newRetention .solution .solution-FAQ .row .col-md-6 .register,
.newConversion .solution .solution-FAQ .row .col-md-6 .register {
  float: left;
}
.electronic-business .solution .solution-FAQ .row .col-md-6 .register .solution-btn-a,
.metrics .solution .solution-FAQ .row .col-md-6 .register .solution-btn-a,
.newOperation .solution .solution-FAQ .row .col-md-6 .register .solution-btn-a,
.channelMonitor .solution .solution-FAQ .row .col-md-6 .register .solution-btn-a,
.newRetention .solution .solution-FAQ .row .col-md-6 .register .solution-btn-a,
.newConversion .solution .solution-FAQ .row .col-md-6 .register .solution-btn-a {
  width: 100%;
  font-size: 16px;
  color: #FC5F3A;
  background: none;
  text-align: left;
}
.electronic-business .solution .solution-FAQ .row .col-md-6 .register .solution-btn-a:hover,
.metrics .solution .solution-FAQ .row .col-md-6 .register .solution-btn-a:hover,
.newOperation .solution .solution-FAQ .row .col-md-6 .register .solution-btn-a:hover,
.channelMonitor .solution .solution-FAQ .row .col-md-6 .register .solution-btn-a:hover,
.newRetention .solution .solution-FAQ .row .col-md-6 .register .solution-btn-a:hover,
.newConversion .solution .solution-FAQ .row .col-md-6 .register .solution-btn-a:hover {
  color: #DD4A3A;
}
.electronic-business .solution .solution-FAQ .row .col-md-6 .register .solution-btn-a:focus,
.metrics .solution .solution-FAQ .row .col-md-6 .register .solution-btn-a:focus,
.newOperation .solution .solution-FAQ .row .col-md-6 .register .solution-btn-a:focus,
.channelMonitor .solution .solution-FAQ .row .col-md-6 .register .solution-btn-a:focus,
.newRetention .solution .solution-FAQ .row .col-md-6 .register .solution-btn-a:focus,
.newConversion .solution .solution-FAQ .row .col-md-6 .register .solution-btn-a:focus {
  color: #BA3C3C;
}
.electronic-business .solution .solution-FAQ .row .col-md-6,
.metrics .solution .solution-FAQ .row .col-md-6,
.newOperation .solution .solution-FAQ .row .col-md-6,
.channelMonitor .solution .solution-FAQ .row .col-md-6,
.newRetention .solution .solution-FAQ .row .col-md-6,
.newConversion .solution .solution-FAQ .row .col-md-6 {
  width: 570px;
}
.electronic-business .solution .solution-FAQ .row .col-md-6 .img,
.metrics .solution .solution-FAQ .row .col-md-6 .img,
.newOperation .solution .solution-FAQ .row .col-md-6 .img,
.channelMonitor .solution .solution-FAQ .row .col-md-6 .img,
.newRetention .solution .solution-FAQ .row .col-md-6 .img,
.newConversion .solution .solution-FAQ .row .col-md-6 .img {
  max-width: 570px;
  height: auto;
}
.electronic-business .solution .solution-FAQ .row .col-md-6:first-child,
.metrics .solution .solution-FAQ .row .col-md-6:first-child,
.newOperation .solution .solution-FAQ .row .col-md-6:first-child,
.channelMonitor .solution .solution-FAQ .row .col-md-6:first-child,
.newRetention .solution .solution-FAQ .row .col-md-6:first-child,
.newConversion .solution .solution-FAQ .row .col-md-6:first-child {
  margin-right: 20px;
}
.electronic-business .solution .solution-mobile,
.metrics .solution .solution-mobile,
.newOperation .solution .solution-mobile,
.channelMonitor .solution .solution-mobile,
.newRetention .solution .solution-mobile,
.newConversion .solution .solution-mobile {
  padding: 24px 0 0;
}
.electronic-business .solution .solution-mobile .title1,
.metrics .solution .solution-mobile .title1,
.newOperation .solution .solution-mobile .title1,
.channelMonitor .solution .solution-mobile .title1,
.newRetention .solution .solution-mobile .title1,
.newConversion .solution .solution-mobile .title1 {
  color: #191140;
  font-size: 20px;
  text-align: center;
  margin-bottom: 32px;
  line-height: normal;
}
.electronic-business .solution .solution-mobile .detail,
.metrics .solution .solution-mobile .detail,
.newOperation .solution .solution-mobile .detail,
.channelMonitor .solution .solution-mobile .detail,
.newRetention .solution .solution-mobile .detail,
.newConversion .solution .solution-mobile .detail {
  margin-top: 0 !important;
  width: 100%;
  padding: 0px 8%;
  line-height: normal;
}
.electronic-business .solution .solution-mobile .detail ul,
.metrics .solution .solution-mobile .detail ul,
.newOperation .solution .solution-mobile .detail ul,
.channelMonitor .solution .solution-mobile .detail ul,
.newRetention .solution .solution-mobile .detail ul,
.newConversion .solution .solution-mobile .detail ul {
  margin-bottom: 15px !important;
  display: inline-block;
}
.electronic-business .solution .solution-mobile .detail ul li,
.metrics .solution .solution-mobile .detail ul li,
.newOperation .solution .solution-mobile .detail ul li,
.channelMonitor .solution .solution-mobile .detail ul li,
.newRetention .solution .solution-mobile .detail ul li,
.newConversion .solution .solution-mobile .detail ul li {
  text-align: center;
  width: 100%;
}
.electronic-business .solution .solution-mobile .detail ul li .top img,
.metrics .solution .solution-mobile .detail ul li .top img,
.newOperation .solution .solution-mobile .detail ul li .top img,
.channelMonitor .solution .solution-mobile .detail ul li .top img,
.newRetention .solution .solution-mobile .detail ul li .top img,
.newConversion .solution .solution-mobile .detail ul li .top img {
  width: 48px;
  height: 48px;
}
.electronic-business .solution .solution-mobile .detail ul li .bottom,
.metrics .solution .solution-mobile .detail ul li .bottom,
.newOperation .solution .solution-mobile .detail ul li .bottom,
.channelMonitor .solution .solution-mobile .detail ul li .bottom,
.newRetention .solution .solution-mobile .detail ul li .bottom,
.newConversion .solution .solution-mobile .detail ul li .bottom {
  margin-top: 20px;
}
.electronic-business .solution .solution-mobile .detail ul li .bottom h5,
.metrics .solution .solution-mobile .detail ul li .bottom h5,
.newOperation .solution .solution-mobile .detail ul li .bottom h5,
.channelMonitor .solution .solution-mobile .detail ul li .bottom h5,
.newRetention .solution .solution-mobile .detail ul li .bottom h5,
.newConversion .solution .solution-mobile .detail ul li .bottom h5 {
  color: #191140;
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 12px;
  margin-top: 0;
}
.electronic-business .solution .solution-mobile .detail ul li .bottom p,
.metrics .solution .solution-mobile .detail ul li .bottom p,
.newOperation .solution .solution-mobile .detail ul li .bottom p,
.channelMonitor .solution .solution-mobile .detail ul li .bottom p,
.newRetention .solution .solution-mobile .detail ul li .bottom p,
.newConversion .solution .solution-mobile .detail ul li .bottom p {
  color: #65697F;
  font-size: 14px;
  line-height: 25px;
  text-align: left;
  margin-bottom: 32px !important;
}
.electronic-business .solution .solution-mobile .detail ul li:last-child,
.metrics .solution .solution-mobile .detail ul li:last-child,
.newOperation .solution .solution-mobile .detail ul li:last-child,
.channelMonitor .solution .solution-mobile .detail ul li:last-child,
.newRetention .solution .solution-mobile .detail ul li:last-child,
.newConversion .solution .solution-mobile .detail ul li:last-child {
  margin-left: 0;
}
.electronic-business .solution .solution-mobile .detail .testimony-img,
.metrics .solution .solution-mobile .detail .testimony-img,
.newOperation .solution .solution-mobile .detail .testimony-img,
.channelMonitor .solution .solution-mobile .detail .testimony-img,
.newRetention .solution .solution-mobile .detail .testimony-img,
.newConversion .solution .solution-mobile .detail .testimony-img {
  text-align: center;
  margin-top: 32px !important;
}
.electronic-business .solution .solution-mobile .detail .testimony-img img,
.metrics .solution .solution-mobile .detail .testimony-img img,
.newOperation .solution .solution-mobile .detail .testimony-img img,
.channelMonitor .solution .solution-mobile .detail .testimony-img img,
.newRetention .solution .solution-mobile .detail .testimony-img img,
.newConversion .solution .solution-mobile .detail .testimony-img img {
  width: 100px;
  height: auto;
}
.electronic-business .solution .solution-mobile .detail .testimony-text,
.metrics .solution .solution-mobile .detail .testimony-text,
.newOperation .solution .solution-mobile .detail .testimony-text,
.channelMonitor .solution .solution-mobile .detail .testimony-text,
.newRetention .solution .solution-mobile .detail .testimony-text,
.newConversion .solution .solution-mobile .detail .testimony-text {
  margin-top: 24px;
}
.electronic-business .solution .solution-mobile .detail .testimony-text p,
.metrics .solution .solution-mobile .detail .testimony-text p,
.newOperation .solution .solution-mobile .detail .testimony-text p,
.channelMonitor .solution .solution-mobile .detail .testimony-text p,
.newRetention .solution .solution-mobile .detail .testimony-text p,
.newConversion .solution .solution-mobile .detail .testimony-text p {
  text-align: center;
  color: #65697F;
  font-size: 18px;
  line-height: 31px;
  margin-bottom: 0;
  padding: 0 !important;
}
.electronic-business .solution .solution-mobile .detail .testimony-user,
.metrics .solution .solution-mobile .detail .testimony-user,
.newOperation .solution .solution-mobile .detail .testimony-user,
.channelMonitor .solution .solution-mobile .detail .testimony-user,
.newRetention .solution .solution-mobile .detail .testimony-user,
.newConversion .solution .solution-mobile .detail .testimony-user {
  text-align: center;
  margin-top: 30px !important;
}
.electronic-business .solution .solution-mobile .detail .testimony-user img,
.metrics .solution .solution-mobile .detail .testimony-user img,
.newOperation .solution .solution-mobile .detail .testimony-user img,
.channelMonitor .solution .solution-mobile .detail .testimony-user img,
.newRetention .solution .solution-mobile .detail .testimony-user img,
.newConversion .solution .solution-mobile .detail .testimony-user img {
  width: 50px;
  height: auto;
}
.electronic-business .solution .solution-mobile .detail .testimony-user p,
.metrics .solution .solution-mobile .detail .testimony-user p,
.newOperation .solution .solution-mobile .detail .testimony-user p,
.channelMonitor .solution .solution-mobile .detail .testimony-user p,
.newRetention .solution .solution-mobile .detail .testimony-user p,
.newConversion .solution .solution-mobile .detail .testimony-user p {
  color: #65697F;
  font-size: 14px;
  margin-top: 12px;
  padding: 0;
}
.electronic-business .solution .solution-mobile .solution-testimony .index-customer-list,
.metrics .solution .solution-mobile .solution-testimony .index-customer-list,
.newOperation .solution .solution-mobile .solution-testimony .index-customer-list,
.channelMonitor .solution .solution-mobile .solution-testimony .index-customer-list,
.newRetention .solution .solution-mobile .solution-testimony .index-customer-list,
.newConversion .solution .solution-mobile .solution-testimony .index-customer-list {
  margin-top: 80px;
  max-width: 1180px;
}
.electronic-business .solution .solution-mobile .solution-testimony .index-customer-list h1,
.metrics .solution .solution-mobile .solution-testimony .index-customer-list h1,
.newOperation .solution .solution-mobile .solution-testimony .index-customer-list h1,
.channelMonitor .solution .solution-mobile .solution-testimony .index-customer-list h1,
.newRetention .solution .solution-mobile .solution-testimony .index-customer-list h1,
.newConversion .solution .solution-mobile .solution-testimony .index-customer-list h1 {
  color: #190140;
  font-size: 28px !important;
  text-align: center;
}
.electronic-business .solution .solution-mobile .index-customer-list,
.metrics .solution .solution-mobile .index-customer-list,
.newOperation .solution .solution-mobile .index-customer-list,
.channelMonitor .solution .solution-mobile .index-customer-list,
.newRetention .solution .solution-mobile .index-customer-list,
.newConversion .solution .solution-mobile .index-customer-list {
  margin-top: 50px;
}
.electronic-business .solution .solution-mobile .index-customer-list h1,
.metrics .solution .solution-mobile .index-customer-list h1,
.newOperation .solution .solution-mobile .index-customer-list h1,
.channelMonitor .solution .solution-mobile .index-customer-list h1,
.newRetention .solution .solution-mobile .index-customer-list h1,
.newConversion .solution .solution-mobile .index-customer-list h1 {
  font-size: 20px !important;
  color: #191140;
  margin: 0;
}
.electronic-business .solution .solution-mobile .index-customer-list .col-sm-2-4,
.metrics .solution .solution-mobile .index-customer-list .col-sm-2-4,
.newOperation .solution .solution-mobile .index-customer-list .col-sm-2-4,
.channelMonitor .solution .solution-mobile .index-customer-list .col-sm-2-4,
.newRetention .solution .solution-mobile .index-customer-list .col-sm-2-4,
.newConversion .solution .solution-mobile .index-customer-list .col-sm-2-4,
.electronic-business .solution .solution-mobile .index-customer-list .col-md-2-4,
.metrics .solution .solution-mobile .index-customer-list .col-md-2-4,
.newOperation .solution .solution-mobile .index-customer-list .col-md-2-4,
.channelMonitor .solution .solution-mobile .index-customer-list .col-md-2-4,
.newRetention .solution .solution-mobile .index-customer-list .col-md-2-4,
.newConversion .solution .solution-mobile .index-customer-list .col-md-2-4,
.electronic-business .solution .solution-mobile .index-customer-list .col-lg-2-4,
.metrics .solution .solution-mobile .index-customer-list .col-lg-2-4,
.newOperation .solution .solution-mobile .index-customer-list .col-lg-2-4,
.channelMonitor .solution .solution-mobile .index-customer-list .col-lg-2-4,
.newRetention .solution .solution-mobile .index-customer-list .col-lg-2-4,
.newConversion .solution .solution-mobile .index-customer-list .col-lg-2-4 {
  width: 33%;
  padding: 0 8px;
}
.electronic-business .solution .solution-mobile .index-customer-list .col-sm-2-4 img,
.metrics .solution .solution-mobile .index-customer-list .col-sm-2-4 img,
.newOperation .solution .solution-mobile .index-customer-list .col-sm-2-4 img,
.channelMonitor .solution .solution-mobile .index-customer-list .col-sm-2-4 img,
.newRetention .solution .solution-mobile .index-customer-list .col-sm-2-4 img,
.newConversion .solution .solution-mobile .index-customer-list .col-sm-2-4 img,
.electronic-business .solution .solution-mobile .index-customer-list .col-md-2-4 img,
.metrics .solution .solution-mobile .index-customer-list .col-md-2-4 img,
.newOperation .solution .solution-mobile .index-customer-list .col-md-2-4 img,
.channelMonitor .solution .solution-mobile .index-customer-list .col-md-2-4 img,
.newRetention .solution .solution-mobile .index-customer-list .col-md-2-4 img,
.newConversion .solution .solution-mobile .index-customer-list .col-md-2-4 img,
.electronic-business .solution .solution-mobile .index-customer-list .col-lg-2-4 img,
.metrics .solution .solution-mobile .index-customer-list .col-lg-2-4 img,
.newOperation .solution .solution-mobile .index-customer-list .col-lg-2-4 img,
.channelMonitor .solution .solution-mobile .index-customer-list .col-lg-2-4 img,
.newRetention .solution .solution-mobile .index-customer-list .col-lg-2-4 img,
.newConversion .solution .solution-mobile .index-customer-list .col-lg-2-4 img {
  margin: 30px 0;
}
.electronic-business .solution-behavior-process-mobile,
.metrics .solution-behavior-process-mobile,
.newOperation .solution-behavior-process-mobile,
.channelMonitor .solution-behavior-process-mobile,
.newRetention .solution-behavior-process-mobile,
.newConversion .solution-behavior-process-mobile {
  padding: 24px 0 0;
  height: 533px;
  background-color: #F8F8F8;
}
.electronic-business .solution-behavior-process-mobile .title1,
.metrics .solution-behavior-process-mobile .title1,
.newOperation .solution-behavior-process-mobile .title1,
.channelMonitor .solution-behavior-process-mobile .title1,
.newRetention .solution-behavior-process-mobile .title1,
.newConversion .solution-behavior-process-mobile .title1 {
  font-size: 20px;
  color: #191140;
  line-height: normal;
  margin-bottom: 32px;
}
.electronic-business .solution-behavior-process-mobile #carousel-example-generic-mobile a.carousel-control,
.metrics .solution-behavior-process-mobile #carousel-example-generic-mobile a.carousel-control,
.newOperation .solution-behavior-process-mobile #carousel-example-generic-mobile a.carousel-control,
.channelMonitor .solution-behavior-process-mobile #carousel-example-generic-mobile a.carousel-control,
.newRetention .solution-behavior-process-mobile #carousel-example-generic-mobile a.carousel-control,
.newConversion .solution-behavior-process-mobile #carousel-example-generic-mobile a.carousel-control {
  background: none;
  opacity: 1;
  text-shadow: none !important;
}
.electronic-business .solution-behavior-process-mobile #carousel-example-generic-mobile a.carousel-control span,
.metrics .solution-behavior-process-mobile #carousel-example-generic-mobile a.carousel-control span,
.newOperation .solution-behavior-process-mobile #carousel-example-generic-mobile a.carousel-control span,
.channelMonitor .solution-behavior-process-mobile #carousel-example-generic-mobile a.carousel-control span,
.newRetention .solution-behavior-process-mobile #carousel-example-generic-mobile a.carousel-control span,
.newConversion .solution-behavior-process-mobile #carousel-example-generic-mobile a.carousel-control span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #FC5F3A;
  line-height: 19px;
  font-size: 30px;
}
.electronic-business .solution-behavior-process-mobile #carousel-example-generic-mobile a.carousel-control .glyphicon-chevron-right::before,
.metrics .solution-behavior-process-mobile #carousel-example-generic-mobile a.carousel-control .glyphicon-chevron-right::before,
.newOperation .solution-behavior-process-mobile #carousel-example-generic-mobile a.carousel-control .glyphicon-chevron-right::before,
.channelMonitor .solution-behavior-process-mobile #carousel-example-generic-mobile a.carousel-control .glyphicon-chevron-right::before,
.newRetention .solution-behavior-process-mobile #carousel-example-generic-mobile a.carousel-control .glyphicon-chevron-right::before,
.newConversion .solution-behavior-process-mobile #carousel-example-generic-mobile a.carousel-control .glyphicon-chevron-right::before {
  content: "›";
}
.electronic-business .solution-behavior-process-mobile #carousel-example-generic-mobile a.carousel-control .glyphicon-chevron-left::before,
.metrics .solution-behavior-process-mobile #carousel-example-generic-mobile a.carousel-control .glyphicon-chevron-left::before,
.newOperation .solution-behavior-process-mobile #carousel-example-generic-mobile a.carousel-control .glyphicon-chevron-left::before,
.channelMonitor .solution-behavior-process-mobile #carousel-example-generic-mobile a.carousel-control .glyphicon-chevron-left::before,
.newRetention .solution-behavior-process-mobile #carousel-example-generic-mobile a.carousel-control .glyphicon-chevron-left::before,
.newConversion .solution-behavior-process-mobile #carousel-example-generic-mobile a.carousel-control .glyphicon-chevron-left::before {
  content: "‹";
}
.electronic-business .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner,
.metrics .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner,
.newOperation .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner,
.channelMonitor .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner,
.newRetention .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner,
.newConversion .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner {
  height: 402px;
}
.electronic-business .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item,
.metrics .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item,
.newOperation .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item,
.channelMonitor .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item,
.newRetention .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item,
.newConversion .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item {
  margin: 0 10%;
  width: 80%;
}
.electronic-business .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .image img,
.metrics .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .image img,
.newOperation .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .image img,
.channelMonitor .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .image img,
.newRetention .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .image img,
.newConversion .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .image img {
  width: 100%;
  height: auto;
}
.electronic-business .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content,
.metrics .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content,
.newOperation .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content,
.channelMonitor .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content,
.newRetention .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content,
.newConversion .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content {
  margin-top: 32px;
}
.electronic-business .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content h5,
.metrics .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content h5,
.newOperation .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content h5,
.channelMonitor .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content h5,
.newRetention .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content h5,
.newConversion .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content h5 {
  font-size: 16px;
  color: #191140;
  margin-bottom: 16px;
}
.electronic-business .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content ul,
.metrics .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content ul,
.newOperation .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content ul,
.channelMonitor .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content ul,
.newRetention .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content ul,
.newConversion .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content ul {
  padding-left: 10px;
}
.electronic-business .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content ul li,
.metrics .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content ul li,
.newOperation .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content ul li,
.channelMonitor .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content ul li,
.newRetention .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content ul li,
.newConversion .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content ul li {
  list-style: disc;
  font-size: 14px;
  color: #65697f;
  padding: 5px 0;
}
.electronic-business .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content ul li::marker,
.metrics .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content ul li::marker,
.newOperation .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content ul li::marker,
.channelMonitor .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content ul li::marker,
.newRetention .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content ul li::marker,
.newConversion .solution-behavior-process-mobile #carousel-example-generic-mobile .carousel-inner .item .content ul li::marker {
  color: #FC5F3A;
}
.electronic-business .visible-xs,
.metrics .visible-xs,
.newOperation .visible-xs,
.channelMonitor .visible-xs,
.newRetention .visible-xs,
.newConversion .visible-xs {
  padding: 0;
}
.electronic-business .visible-xs .header .img,
.metrics .visible-xs .header .img,
.newOperation .visible-xs .header .img,
.channelMonitor .visible-xs .header .img,
.newRetention .visible-xs .header .img,
.newConversion .visible-xs .header .img {
  margin-top: 20px!important;
}
.electronic-business .visible-xs .header .title,
.metrics .visible-xs .header .title,
.newOperation .visible-xs .header .title,
.channelMonitor .visible-xs .header .title,
.newRetention .visible-xs .header .title,
.newConversion .visible-xs .header .title {
  font-size: 28px;
  line-height: 20px;
  margin-bottom: 26px;
}
.electronic-business .visible-xs .header .subtitle,
.metrics .visible-xs .header .subtitle,
.newOperation .visible-xs .header .subtitle,
.channelMonitor .visible-xs .header .subtitle,
.newRetention .visible-xs .header .subtitle,
.newConversion .visible-xs .header .subtitle {
  margin: 0 15%;
  font-size: 14px;
  color: #F8F8F8;
  height: auto;
  line-height: 24px;
}
.electronic-business .visible-xs .header .register,
.metrics .visible-xs .header .register,
.newOperation .visible-xs .header .register,
.channelMonitor .visible-xs .header .register,
.newRetention .visible-xs .header .register,
.newConversion .visible-xs .header .register {
  margin-top: 30px;
}
.electronic-business .visible-xs .header .register button,
.metrics .visible-xs .header .register button,
.newOperation .visible-xs .header .register button,
.channelMonitor .visible-xs .header .register button,
.newRetention .visible-xs .header .register button,
.newConversion .visible-xs .header .register button {
  width: 200px;
  height: 30px;
  font-size: 14px;
  line-height: 14px;
}
.electronic-business .visible-xs .header .register button span,
.metrics .visible-xs .header .register button span,
.newOperation .visible-xs .header .register button span,
.channelMonitor .visible-xs .header .register button span,
.newRetention .visible-xs .header .register button span,
.newConversion .visible-xs .header .register button span {
  display: inline !important;
}
.electronic-business .visible-xs .scheme,
.metrics .visible-xs .scheme,
.newOperation .visible-xs .scheme,
.channelMonitor .visible-xs .scheme,
.newRetention .visible-xs .scheme,
.newConversion .visible-xs .scheme {
  width: 82% !important;
  margin: -24px 9% 0 !important;
}
.electronic-business .visible-xs .scheme .title1,
.metrics .visible-xs .scheme .title1,
.newOperation .visible-xs .scheme .title1,
.channelMonitor .visible-xs .scheme .title1,
.newRetention .visible-xs .scheme .title1,
.newConversion .visible-xs .scheme .title1 {
  font-size: 20px;
  margin-bottom: 32px !important;
  line-height: normal;
}
.electronic-business .visible-xs .scheme .row,
.metrics .visible-xs .scheme .row,
.newOperation .visible-xs .scheme .row,
.channelMonitor .visible-xs .scheme .row,
.newRetention .visible-xs .scheme .row,
.newConversion .visible-xs .scheme .row {
  width: auto;
  margin-bottom: 52px!important;
}
.electronic-business .visible-xs .scheme .row .text,
.metrics .visible-xs .scheme .row .text,
.newOperation .visible-xs .scheme .row .text,
.channelMonitor .visible-xs .scheme .row .text,
.newRetention .visible-xs .scheme .row .text,
.newConversion .visible-xs .scheme .row .text {
  width: 100% !important;
}
.electronic-business .visible-xs .scheme .row .text .title3,
.metrics .visible-xs .scheme .row .text .title3,
.newOperation .visible-xs .scheme .row .text .title3,
.channelMonitor .visible-xs .scheme .row .text .title3,
.newRetention .visible-xs .scheme .row .text .title3,
.newConversion .visible-xs .scheme .row .text .title3 {
  font-size: 18px;
  color: #191140;
  text-align: center;
  margin: 0 0 24px;
  font-weight: normal;
  line-height: normal;
}
.electronic-business .visible-xs .scheme .row .details,
.metrics .visible-xs .scheme .row .details,
.newOperation .visible-xs .scheme .row .details,
.channelMonitor .visible-xs .scheme .row .details,
.newRetention .visible-xs .scheme .row .details,
.newConversion .visible-xs .scheme .row .details {
  margin: 32px 4% 0;
}
.electronic-business .visible-xs .scheme .row .details ul li,
.metrics .visible-xs .scheme .row .details ul li,
.newOperation .visible-xs .scheme .row .details ul li,
.channelMonitor .visible-xs .scheme .row .details ul li,
.newRetention .visible-xs .scheme .row .details ul li,
.newConversion .visible-xs .scheme .row .details ul li {
  list-style: none;
  line-height: 24px;
  font-size: 14px;
  color: #65697F;
  margin-bottom: 20px;
  margin-top: 0;
}
.electronic-business .visible-xs .scheme .row .details ul li span,
.metrics .visible-xs .scheme .row .details ul li span,
.newOperation .visible-xs .scheme .row .details ul li span,
.channelMonitor .visible-xs .scheme .row .details ul li span,
.newRetention .visible-xs .scheme .row .details ul li span,
.newConversion .visible-xs .scheme .row .details ul li span {
  text-indent: -20px;
}
.electronic-business .visible-xs .scheme .row .details ul li span:before,
.metrics .visible-xs .scheme .row .details ul li span:before,
.newOperation .visible-xs .scheme .row .details ul li span:before,
.channelMonitor .visible-xs .scheme .row .details ul li span:before,
.newRetention .visible-xs .scheme .row .details ul li span:before,
.newConversion .visible-xs .scheme .row .details ul li span:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background-color: #FC5F3A;
  vertical-align: 3px;
  margin-left: -20px;
  margin-right: 12px;
}
.electronic-business .visible-xs .scheme .row .register,
.metrics .visible-xs .scheme .row .register,
.newOperation .visible-xs .scheme .row .register,
.channelMonitor .visible-xs .scheme .row .register,
.newRetention .visible-xs .scheme .row .register,
.newConversion .visible-xs .scheme .row .register {
  float: left;
  margin-top: 20px;
}
.electronic-business .visible-xs .scheme .row .register button.solution-btn-a,
.metrics .visible-xs .scheme .row .register button.solution-btn-a,
.newOperation .visible-xs .scheme .row .register button.solution-btn-a,
.channelMonitor .visible-xs .scheme .row .register button.solution-btn-a,
.newRetention .visible-xs .scheme .row .register button.solution-btn-a,
.newConversion .visible-xs .scheme .row .register button.solution-btn-a {
  min-width: 200px;
  font-size: 16px;
  color: #FC5F3A;
  background: none;
  text-align: left;
  line-height: normal;
}
.electronic-business .visible-xs .scheme .row .register button.solution-btn-a span,
.metrics .visible-xs .scheme .row .register button.solution-btn-a span,
.newOperation .visible-xs .scheme .row .register button.solution-btn-a span,
.channelMonitor .visible-xs .scheme .row .register button.solution-btn-a span,
.newRetention .visible-xs .scheme .row .register button.solution-btn-a span,
.newConversion .visible-xs .scheme .row .register button.solution-btn-a span {
  display: inline !important;
  margin-left: 10px;
}
.metrics .header-wrapper .solution-header.header .img {
  margin-top: 38px;
  width: 414px;
  height: auto;
}
.metrics .solution-FAQ {
  background-color: #F9F9F9;
}
.metrics .solution-testimony {
  background-color: #FFFFFF!important;
}
.metrics .visible-xs .header .img {
  width: 79% !important;
  margin-right: -27px;
}
.newOperation .header-wrapper .solution-header.header .img {
  margin-top: 21px;
  width: 402px;
  height: auto;
}
.newOperation .solution-FAQ {
  background-color: #F9F9F9;
}
.newOperation .solution-testimony {
  background-color: #FFFFFF!important;
}
.newOperation .visible-xs .header .img {
  width: 78% !important;
  margin-right: -30px;
}
.channelMonitor .header-wrapper .solution-header.header .img {
  margin-top: 30px;
  width: 402px;
  height: auto;
}
.channelMonitor .solution-FAQ {
  background-color: #F9F9F9;
}
.channelMonitor .solution-testimony {
  background-color: #FFFFFF !important;
}
.channelMonitor .visible-xs .header .img {
  width: 78% !important;
  margin-right: -5px;
}
.newRetention .header-wrapper .solution-header.header .img {
  margin-top: 38px;
  width: 410px;
  height: auto;
}
.newRetention .solution-FAQ {
  background-color: #F9F9F9;
}
.newRetention .solution-testimony {
  background-color: #FFFFFF!important;
}
.newRetention .visible-xs .header .img {
  width: 79% !important;
  margin-right: -27px;
}
.newConversion .header-wrapper .solution-header.header .img {
  margin-top: 32px;
  width: 407px;
  height: auto;
}
.newConversion .solution-FAQ {
  background-color: #F9F9F9;
}
.newConversion .solution-testimony {
  background-color: #FFFFFF!important;
}
.newConversion .visible-xs .header .img {
  width: 79% !important;
  margin-right: -27px;
}
.flex-init {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-row-init {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.flex-column-init {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-wrap-no-wrap {
  -moz-flex-wrap: no-wrap;
  -webkit-flex-wrap: no-wrap;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
}
.flex-direction-row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.flex-direction-column {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.align-items-flex-start {
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.align-items-center {
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.justify-content-flex-start {
  -moz-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.justify-content-flex-end {
  -moz-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.justify-content-space-between {
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.align-self-flex-start {
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  -webkit-align-self: flex-start;
  align-self: flex-start;
}
.align-self-flex-end {
  -moz-align-self: flex-end;
  -webkit-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
}
.point-purple {
  background-color: #7f88ef;
}
.point-orange {
  background-color: #f7af48;
}
.point-green {
  background-color: #53e0b1;
}
.point-red {
  background-color: #fc5f3a;
}
.text-purple {
  color: #7f88ef;
}
.text-orange {
  color: #f7af48;
}
.text-green {
  color: #53e0b1;
}
.text-red {
  color: #fc5f3a;
}
.goto-top {
  position: fixed;
  width: 30px;
  height: 30px;
  border: 1px solid #e1e2e4;
  border-radius: 3px;
  background-color: #ffffff;
  background: url(../../../vassets/images/home_v3/activity/data-operation/go-top.svg) no-repeat center center;
  right: 20px;
  bottom: 20px;
}
.goto-top a {
  display: block;
  width: 100%;
  height: 100%;
}
.channelanalysis .header-wrapper > .navbar-fixed {
  border-radius: 0;
  background: #fff;
  z-index: 9999999;
  border-bottom: 1px solid #D8D8D8;
}
.channelanalysis .header-wrapper > .navbar {
  position: fixed;
  top: 0;
  width: 100%;
  transition: all 0.3s ease;
  border: none;
}
.channelanalysis .header-container {
  width: 100%;
  height: 590px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0% 100%;
}
.channelanalysis .header-container {
  margin: auto;
  max-width: 1440px;
}
.channelanalysis .header-wrapper {
  background: -webkit-linear-gradient(top, #fec552, #ffd770);
  background: -o-linear-gradient(top, #fec552, #ffd770);
  background: -moz-linear-gradient(top, #fec552, #ffd770);
  background: -ms-linear-gradient(top, #fec552, #ffd770);
  background: linear-gradient(top, #fec552, #ffd770);
}
.channel-header-content {
  padding: 90px 15px 0;
}
.channel-header-title {
  margin-top: 0;
  font-size: 21px;
  font-weight: 600;
  color: #191140;
  line-height: 100%;
  text-align: center;
}
.channel-header-intro {
  padding-top: 20px;
  margin-bottom: 0;
  color: #191140;
  font-size: 14px;
  line-height: 200%;
}
.channel-section {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding: 40px 15px 50px;
}
.channel-content-title {
  width: 100%;
  margin-top: 0;
  margin-bottom: 30px;
  color: #191140;
  line-height: 139%;
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 1px;
}
.channel-content-icon {
  width: 100%;
  padding: 0 10px;
  text-align: center;
}
.channel-content-icon img {
  width: 100%;
  max-width: 634px;
  height: auto;
}
.channel-container {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 25px;
}
.channel-work-pic {
  width: 150px;
  margin-bottom: 20px;
}
.channel-work-pic picture {
  width: 100%;
}
.channel-work-pic picture img {
  width: 100%;
}
.channel-work-content {
  width: 100%;
}
.channel-work-content-title {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 500;
  color: #65697f;
  line-height: 150%;
  -moz-align-self: flex-start;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  color: #383963;
  letter-spacing: 1px;
}
.channel-work-content-words {
  font-size: 14px;
  color: #65697f;
  line-height: 200%;
  margin-bottom: 20px;
}
.channel-microBanner {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding: 30px 15px;
  margin: 0 auto;
  background-color: #9da5f3;
}
.channel-mabnner-container {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.channel-mbanner-wordsContainer {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.channel-mbanner-title {
  width: 100%;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 500;
  color: #191140;
  text-align: center;
}
.channel-mbanner-listContainer {
  margin-bottom: 15px;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.channel-mbanner-list {
  position: relative;
  display: block;
  font-size: 13px;
  color: #191140;
  line-height: 180%;
}
.channel-microBanner-buttons .channel-mbanner-buttonContainer {
  margin-left: 0;
}
.channel-mbanner-download {
  display: block;
  width: 150px;
  height: 32px;
  font-weight: 500;
  line-height: 32px;
  color: #ffffff;
  background-color: #ffd15b;
  border-radius: 16px;
  text-align: center;
  transition: all 0.3s ease-in;
}
.channel-mbanner-download:hover {
  color: #ffffff;
  background-color: #f7af48;
}
.channel-microBanner-buttons {
  width: 100%;
}
.channel-microBanner-buttons .channel-mbanner-title {
  color: #7f88ef;
  line-height: 150%;
}
.channel-microBanner-buttons .channel-mbanner-sectitle {
  width: 100%;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 150%;
  color: #7f88ef;
  text-align: center;
}
.channel-microBanner-buttons .channel-mbanner-buttonContainer:last-child {
  margin-top: 20px;
}
.channel-scenes {
  width: 100%;
  padding: 40px 15px 20px;
  background-image: url(../../../vassets/images/home_v3/activity/data-operation/scenes-bgi-1.svg), url(../../../vassets/images/home_v3/activity/data-operation/scenes-bgi-2.svg);
  background-size: 60%, 30%;
  background-repeat: no-repeat;
  background-position: -35% 1%, 100% 100%;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
}
.channel-scenes-container {
  width: 100%;
}
.channel-scenes-item {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}
.channel-scenes-point {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.channel-scenes-item-title {
  margin-top: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
}
.channel-scenes-words {
  font-size: 14px;
  line-height: 200%;
  margin-bottom: 10px;
  color: #65697f;
}
.channel-method {
  width: 100%;
  padding: 40px 10px;
  background-color: #f8f8f8;
}
.channel-method-container {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.channel-method-item {
  margin-bottom: 10px;
  padding: 20px 15px 40px;
  border: solid 1px #e1e2e4;
  text-align: center;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
}
.channel-method-item-img {
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
}
.channel-method-item-title {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 600;
  color: #65697f;
  line-height: 150%;
}
.channel-method-item-titles {
  height: 25px;
  color: #191140;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}
.channel-method-item-words {
  font-size: 14px;
  color: #65697f;
  line-height: 200%;
  text-align: left;
}
.channel-method-item-word {
  height: 96px;
  width: 300px;
  color: #65697F;
  font-size: 14px;
  line-height: 32px;
}
.channel-method-link {
  width: 100%;
  font-size: 15px;
  color: #7f88ef;
  line-height: 150%;
  text-align: right;
}
.channel-method-link:hover {
  color: #6263ed;
  text-decoration: underline;
}
.goto-top {
  width: 40px;
  height: 40px;
  border-radius: 4px;
}
.channelanalysis .header-container {
  width: 100%;
  height: 560px;
  background-image: url(../../../vassets/images/home_v3/activity/channel-analysis/head.png);
  background-size: cover;
  background-position: 100% 0;
}
@media screen and (max-width: 1320px) {
  .channelanalysis .header-container {
    background-image: url(../../../vassets/images/home_v3/activity/channel-analysis/head_small.png);
  }
}
.channel-header-content {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 120px 0 0 179px;
}
@media screen and (max-width: 768px) {
  .channel-header-content {
    padding: 120px 0 0 79px;
  }
}
.channel-header-title {
  font-size: 40px;
  font-weight: 500;
  text-align: left;
}
.channel-content-title {
  font-size: 36px;
}
.channel-header-intro {
  width: 640px;
  font-size: 18px;
  line-height: 220%;
  padding-right: 12px;
}
.channel-section {
  padding: 79px 0 80px;
}
.channel-content-icon img {
  max-width: 1133px;
  height: auto;
}
.channel-content-point {
  margin-top: 50px;
  max-width: 1133px;
  height: auto;
  color: #65697F;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 32px;
}
.channel-container {
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.channel-work-pic {
  width: 300px;
  margin-right: 60px;
  margin-bottom: 0;
}
.channel-work-pic-left {
  -moz-order: 1;
  -webkit-order: 1;
  -ms-order: 1;
  order: 1;
  margin-left: 60px;
  margin-right: 0;
}
.channel-work-content {
  width: 720px;
}
.channel-work-content-title {
  font-size: 30px;
}
.channel-work-content-words {
  font-size: 16px;
}
.channel-microBanner {
  height: 218px;
  padding: 0;
}
.channel-microBanner-wrapper {
  background: -webkit-linear-gradient(top, #1969ff, #469dff);
  background: -o-linear-gradient(top, #1969ff, #469dff);
  background: -moz-linear-gradient(top, #1969ff, #469dff);
  background: -ms-linear-gradient(top, #1969ff, #469dff);
  background: linear-gradient(top, #1969ff, #469dff);
}
.channel-mbanner-container {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 850px;
  padding: 25px 0 25px 150px;
  background-size: 140px;
}
@media screen and (max-width: 1440px) {
  .channel-mbanner-container {
    margin-left: calc(8%);
  }
}
.channel-mbanner-title {
  width: auto;
  font-size: 30px;
}
.channel-mbanner-wordsContainer {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.channel-mbanner-sectitle {
  width: 100%;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 18px;
  color: #ffffff;
  line-height: 150%;
  text-align: center;
}
.channel-mbanner-listContainer {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 0;
}
.channel-mbanner-list {
  font-size: 24px;
  line-height: 24px;
}
.channel-mbanner-list:last-child {
  margin-right: 0;
}
.channel-mbanner-buttonContainer {
  width: auto;
  margin-top: 24px;
  margin-left: -300px;
}
.channel-mbanner-download {
  width: 200px;
  height: 40px;
  font-size: 20px;
  font-weight: normal;
  line-height: 40px;
  border-radius: 20px;
  background-color: #FC5F3A;
  margin: 0 auto;
}
.channel-mbanner-download:hover {
  background-color: #7f88ef;
  color: #ffffff;
}
.channel-microBanner-buttons {
  background: -webkit-linear-gradient(top, #fec552, #ffd770);
  background: -o-linear-gradient(top, #fec552, #ffd770);
  background: -moz-linear-gradient(top, #fec552, #ffd770);
  background: -ms-linear-gradient(top, #fec552, #ffd770);
  background: linear-gradient(top, #fec552, #ffd770);
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
}
.channel-microBanner-buttons .channel-microBanner-buttons-box {
  background-image: url(../../../vassets/images/home_v3/activity/channel-analysis/bottom-bg-web.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 0% 0%, 100% 0%;
  max-width: 1440px;
  width: 100%;
  height: 100%;
  padding: 30px 0;
}
.channel-microBanner-buttons .channel-mbanner-title {
  font-size: 30px;
  font-weight: 500;
  color: #191140;
}
.channel-microBanner-buttons .channel-mbanner-sectitle {
  font-size: 30px;
  font-weight: 500;
  color: #191140;
}
.channel-microBanner-buttons .channel-mbanner-buttonContainer {
  padding: 0 30px;
  -moz-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.channel-microBanner-buttons .channel-mbanner-buttonContainer .channel-mbanner-download {
  margin: 0 auto;
  height: 60px;
  width: 388px;
  border-radius: 50px;
  background-color: #FC5F3A;
  color: #FFFFFF;
  font-size: 32px;
  line-height: 60px;
}
.channel-microBanner-buttons .channel-mbanner-buttonContainer .channel-mbanner-download:hover {
  background-color: #7f88ef;
  color: #ffffff;
}
.channel-microBanner-buttons .channel-mbanner-buttonContainer:last-child {
  margin-top: 15px;
  -moz-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.channel-scenes {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  background-size: 25%, 15%;
  background-position: 0 5%, 100% 100%;
}
.channel-scenes-point {
  top: 20px;
  left: 20px;
  width: 30px;
  height: 30px;
}
.channel-scenes-container {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  max-width: 1440px;
  padding: 0 10px;
}
.channel-scenes-item {
  width: 50%;
  max-width: 500px;
  padding: 30px;
}
.channel-scenes-item-title {
  font-size: 30px;
}
.channel-scenes-words {
  font-size: 16px;
  line-height: 300%;
}
.channel-method-container {
  width: 100%;
}
.channel-method-container .channel-method-container-latitude {
  max-width: 100%;
  height: 383px;
}
.channel-method-container .channel-method-container-direction {
  max-width: 100%;
  height: 591px;
}
.channel-promise-container {
  display: flex;
  display: -webkit-flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 680px;
}
.channel-promise-item {
  width: 32%;
  max-width: 150px;
}
.channel-promise-item-img {
  width: 100%;
  height: 100%;
}
.channel-partener-container {
  display: flex;
  display: -webkit-flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1440px;
}
.channel-partener-item {
  width: 32%;
  max-width: 180px;
}
.channel-partener-item-img {
  width: 100%;
  height: 100%;
}
.channel-method-item {
  width: 32%;
  max-width: 360px;
  margin: 8px;
}
.channel-method-item-img {
  width: 80px;
  height: 80px;
}
.channel-method-item-title {
  font-size: 20px;
}
.channel-method-item-words {
  font-size: 16px;
  line-height: 250%;
}
@media screen and (max-width: 1440px) {
  .channel-mbanner-container {
    position: absolute;
    left: 50%;
    margin-left: -580px;
    margin-top: 10px;
  }
  .channel-container {
    padding: 0 10px;
  }
  .channel-work-content {
    width: calc(100% - 320px);
  }
  .channel-work-pic {
    margin-left: 0;
    margin-right: 0;
  }
  .channel-mbanner-container {
    padding-left: 0;
  }
  .channel-scenes-item {
    width: calc(50% - 20px);
  }
  .channel-footer {
    min-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .channel-mbanner-container {
    position: absolute;
    left: 50%;
    margin-left: -440px;
    margin-top: 10px;
  }
}
.channel-promise {
  display: block;
  background-color: #f8f8f8;
}
.channel-promise-container {
  display: flex;
  display: -webkit-flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 406px;
  margin: auto;
}
.channel-promise-item {
  width: 32%;
  max-width: 150px;
}
.channel-promise-item-img {
  width: 100%;
  height: 100%;
}
.channel-promise-words {
  padding-top: 37px;
  max-width: 817px;
  color: #65697F;
  font-size: 16px;
  letter-spacing: 1px;
  text-align: center;
  margin: auto;
}
.channel-promise-customer {
  padding-top: 13px;
  color: #1D1544;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.channel-promise-tab {
  display: none;
}
.channel-promise-tab.active {
  display: block;
}
.channel-partener {
  background-color: #fff;
}
.channel-partener-container {
  display: flex;
  display: -webkit-flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1440px;
  margin: 0 80px;
}
@media screen and (max-width: 768px) {
  .channel-partener-container {
    margin: 0 10px;
  }
}
.channel-partener-item {
  width: 32%;
  max-width: 325px;
}
.channel-partener-item-img {
  width: 100%;
  height: 100%;
}
.channel-partener-words {
  padding-top: 37px;
  max-width: 817px;
  color: #65697F;
  font-size: 16px;
  letter-spacing: 1px;
  text-align: center;
}
.channel-partener-customer {
  padding-top: 13px;
  color: #1D1544;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.channel-partener-tab {
  display: none;
}
.channel-partener-tab.active {
  display: block;
}
.channelfmss-weixinshare {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.channelfmss-weixinshare-active {
  display: block;
}
.channelfmss-weixinshare__mask {
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0.6;
  background-color: #000000;
  z-index: 9999;
}
.channelfmss-weixinshare__modal {
  position: absolute;
  top: 275px;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 326px;
  width: 70%;
  height: 326px;
  z-index: 10000;
  text-align: center;
}
.channelfmss-weixinshare__modal .weixinimg {
  width: 100%;
  height: auto;
}
.channelfmss-weixinshare__modal .weixinguide {
  display: none;
}
@media screen and (max-width: 768px) {
  .channelfmss-weixinshare__modal {
    width: 50%;
  }
}
.channelfmss-weixinshare__tip {
  height: 24px;
  width: 280px;
  color: #FFFFFF;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  margin-top: 14px;
  display: inline-block;
}
.isWeixin .channelfmss-weixinshare__tip {
  display: none;
}
.isWeixin .weixinguide {
  display: block;
  position: absolute;
  right: 86px;
  top: 0;
}
.isWeixin .weixinimg {
  display: none;
}
.isWeixin .animated {
  animation-name: none;
  -webkit-animation-name: none;
}
.isWeixin .channelfmss-weixinshare__modal {
  position: absolute;
  top: 0;
  right: 0;
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0);
  max-width: 326px;
  width: 70%;
  height: 326px;
  z-index: 10000;
  text-align: center;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.6;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.channel-microBanner {
  background: -webkit-linear-gradient(top, #fec552, #ffd770);
  background: -o-linear-gradient(top, #fec552, #ffd770);
  background: -moz-linear-gradient(top, #fec552, #ffd770);
  background: -ms-linear-gradredient(top, #fec552, #ffd770);
  background: linear-gradient(top, #fec552, #ffd770);
}
.channel-promise-item,
.channel-partener-item {
  cursor: pointer;
}
.channel-partener-item {
  padding: 10px 10px;
  margin: 0 auto;
}
.channel-1040 {
  max-width: 1440px;
  width: 100%;
  background-image: url(../../../vassets/images/home_v3/activity/channel-analysis/banner-web.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 0% 0%, 100% 0%;
}
@media screen and (max-width: 1024px) {
  .channel-1040 {
    background-image: url(../../../vassets/images/home_v3/activity/channel-analysis/banner-web_small.png);
  }
}
@media screen and (max-width: 768px) {
  .channel-1040 {
    background-image: url(../../../vassets/images/home_v3/activity/channel-analysis/banner-web_768.png);
  }
}
@media screen and (min-width: 1441px) {
  .channel-mbanner-container {
    margin-left: calc(9%);
    margin-top: 28px;
  }
}
.channel-methods {
  background-color: #fff;
}
.channel-methods .channel-method-item {
  border: none;
  box-shadow: none;
}
@media screen and (max-width: 1441px) and (min-width: 768px) {
  .channel-work,
  .channel-method,
  .channel-methods {
    padding: 80px;
  }
}
@media (min-width: 768px) {
  
  .mobile-visable {
    display: none !important;
  }
  .mobile-disable {
    display: block !important;
  }
  .white-paper-banner-content {
    background: #fff;
  }
  .white-paper-banner-content img {
    max-width: 1080px;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
}
@media (min-width: 1030px) {
  .white-paper-content {
    width: 1080px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1030px) {
  .white-paper-publicWords {
    width: 50%;
    max-width: 580px;
  }
}
.pmfm-pw-img {
  float: right;
  width: 330px;
}
.pmfm-pw-img.white-paper {
  max-width: 309px;
  width: 250px;
  position: absolute;
  top: -20px;
  margin: 0;
}
@media (max-width: 1024px) {
  .pmfm-pw-img.white-paper {
    right: -30px;
  }
}
@media (max-width: 768px) {
  .pmfm-pw-img.white-paper {
    display: none !important;
  }
}
@media (min-width: 768px) {
  
  .mobile-visable {
    display: none !important;
  }
  .mobile-disable {
    display: block !important;
  }
  .white-paper-banner-content {
    background: #fff;
  }
  .white-paper-banner-content img {
    max-width: 1080px;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
}
@media (min-width: 1030px) {
  .white-paper-content {
    width: 1080px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1030px) {
  .white-paper-publicWords {
    width: 50%;
    max-width: 580px;
  }
}
.cro-formPage .pmfm-pw-img {
  float: right;
  width: 330px;
}
.cro-formPage .pmfm-pw-img.white-paper {
  max-width: 309px;
  width: 180px;
  position: absolute;
  top: 20px;
  margin: 0;
}
@media (max-width: 1024px) {
  .cro-formPage .pmfm-pw-img.white-paper {
    right: -20px;
  }
}
@media (max-width: 768px) {
  .cro-formPage .pmfm-pw-img.white-paper {
    display: none !important;
  }
}
.cro-formPage .partners {
  color: #65697F;
  font-size: 20px;
  margin-top: 80px;
  float: left;
}
.cro-formPage .partners img {
  display: inline-block;
  height: 30px;
  margin-left: 20px;
}
.cro-formPage .pmfm-pw-header {
  line-height: 25px;
}
.cro-formPage .pdf-mobile-book {
  display: none !important;
}
.cro-formPage .pmfm-pw-ul {
  margin-left: 20px;
}
.cro-formPage .pmfm-pw-ul li {
  list-style: disc;
}
@media (max-width: 420px) {
  .cro-formPage .partners {
    margin: 40px auto 0;
    text-align: center;
    float: none;
  }
  .cro-formPage .partners span {
    display: block;
  }
  .cro-formPage .partners img {
    display: inline-block;
    margin: 20px 30px 20px;
  }
  .cro-formPage .pdf-mobile-book {
    display: block !important;
  }
  .cro-formPage .pdf-mobile-book img {
    margin: 40px auto;
    display: block;
    width: 150px;
  }
}
@media (width: 768px) {
  .white-paper-publicWords {
    max-width: 300px;
  }
  .pmfm-content {
    padding: 0 30px;
  }
}
.function-page .header form.register h1 span {
  font-size: 24px;
}
.function-page .header-wrapper .container,
.function-page .header .container {
  background-position: 84% 100%;
}
.function-page .feature-intro .container .row .feature-intro-image.retention-image-1 {
  top: 60px;
}
.function-page .feature-intro .container .row .feature-intro-image.retention-image-1 .feature-intro-image-thin {
  max-width: 650px;
}
.function-page .feature-intro .container .row .feature-intro-image #fe1-fi-i2-1 {
  margin-top: 2%;
  width: 100%;
}
.function-page .feature-intro .container .row .feature-intro-image img {
  max-width: 560px;
}
.function-page .feature-intro .container .row .feature-intro-image.retention-image-2 {
  left: 2%;
}
.function-page .feature-intro .container .row .feature-intro-image .feature-intro-image-table {
  margin-top: -16px;
  min-width: 700px;
  margin-left: -30px;
}
.function-page .feature-intro .container .row .text.retention-text-3 {
  top: -12px;
}
.function-page .logo-wrapper .row {
  line-height: 30px;
}
@media (max-width: 1024px) {
  .function-page .feature-intro .container .row .feature-intro-image .feature-intro-image-table {
    margin-left: -80px;
    min-width: 560px;
    margin-top: 40px;
  }
  .function-page .feature-intro .container .row .feature-intro-image.retention-image-1 {
    top: 100px;
  }
}
@media (max-width: 768px) {
  .function-page .feature-intro .container .row .feature-intro-image.retention-image-1 {
    top: 130px;
  }
  .function-page .feature-intro .container .row .feature-intro-image .feature-intro-image-table {
    margin-left: -30px;
    width: 100%;
    min-width: 400px;
    margin-top: 65px;
  }
}
@media (max-width: 480px) {
  .function-page .feature-intro .gio-row .container .row .feature-intro-image.retention-image-1 img.feature-intro-image-thin {
    width: 100%;
  }
  .function-page .feature-intro .gio-row .container .row .feature-intro-image img {
    width: 100%;
    margin: 0 auto;
    min-width: 0;
    max-width: 100%;
    margin-top: -50px;
  }
  .function-page .feature-intro .container .row .feature-intro-image.retention-image-1 {
    top: 10px;
  }
  .function-page .feature-intro .gio-row .container .row .feature-intro-image.retention-image-1 {
    height: 100%;
  }
  .function-page .feature-intro {
    margin-bottom: 0;
  }
  .function-page .header-wrapper .container,
  .function-page .header .container {
    background-position: 30% 100%;
  }
  .function-page .header form.register h1 span {
    font-size: 19px;
  }
}
@media (max-width: 320px) {
  .function-page .feature-intro .container .row .feature-intro-image #fe1-fi-i2-1 {
    margin-top: 20%;
  }
}
.segmentations-page .feature-intro .container .row .feature-intro-image.retention-image-1 {
  top: 50px;
}
.segmentations-page .feature-intro .container .row .feature-intro-image .feature-intro-image-table {
  margin-top: -20px;
  min-width: 570px;
  margin-left: 10px;
}
@media (max-width: 1024px) {
  .segmentations-page .feature-intro .container .row .feature-intro-image .feature-intro-image-table {
    margin-left: -30px;
  }
  .segmentations-page .feature-intro .container .row .feature-intro-image img {
    width: 110%;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  .segmentations-page .feature-intro .container .row .feature-intro-image.retention-image-1 {
    top: 114px;
  }
  .segmentations-page .feature-intro .container .row .feature-intro-image #fe1-fi-i2-1 {
    margin-top: 20%;
  }
  .segmentations-page .feature-intro .container .row .feature-intro-image .feature-intro-image-table {
    margin-top: 20px;
    min-width: 410px;
    margin-left: -6px;
  }
  .segmentations-page .container .row .text.retention-text-1,
  .segmentations-page .container .row .text.retention-text-3 {
    left: 12%;
    padding-right: 20px;
  }
}
@media (max-width: 480px) {
  .segmentations-page .header-wrapper .container,
  .segmentations-page .header .container {
    background-position: 40% 100%;
  }
  .segmentations-page .feature-intro .gio-row .container .row .feature-intro-image img {
    margin-top: 0px;
  }
  .segmentations-page .feature-intro .gio-row .container .row .feature-intro-image.retention-image-1 img.feature-intro-image-thin {
    margin-top: 0px;
  }
}
.heatmap-page .feature-intro .container .row .feature-intro-image.retention-image-1 .feature-intro-image-thin {
  max-width: 540px;
}
.heatmap-page .feature-intro .container .row .text p {
  text-align: justify;
}
.heatmap-page .feature-intro .container .row .feature-intro-image .feature-intro-image-table {
  min-width: 650px;
}
@media (max-width: 1024px) {
  .heatmap-page .feature-intro .container .row .feature-intro-image.retention-image-1 {
    top: 66px;
  }
  .heatmap-page .feature-intro .container .row .feature-intro-image .feature-intro-image-table {
    min-width: 560px;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  .heatmap-page .feature-intro .container .row .feature-intro-image.retention-image-1 {
    top: 120px;
  }
  .heatmap-page .feature-intro .container .row .feature-intro-image .feature-intro-image-table {
    min-width: 400px;
  }
  .heatmap-page .feature-intro .container .row .text.right.retention-text-2 {
    left: 8%;
    top: 0;
    padding-right: 10%;
  }
  .heatmap-page .feature-intro .container .row .feature-intro-image #fe1-fi-i2-1 {
    margin-top: 15%;
  }
}
@media (max-width: 480px) {
  .heatmap-page .feature-intro .gio-row .container .row .feature-intro-image img {
    margin-top: -15px;
  }
  .heatmap-page .feature-intro .gio-row .container .row .feature-intro-image.retention-image-1 img.feature-intro-image-thin {
    margin-top: 40px;
  }
  .heatmap-page .header-wrapper .container,
  .heatmap-page .header .container {
    background-position: 40% 100%;
  }
}
main a {
  text-decoration: none;
}
main a:hover {
  text-decoration: none;
}
main h1 {
  margin: 0;
  padding: 0;
  font-weight: 500;
  line-height: 1;
}
main h2 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  line-height: 1;
}
@media (min-width: 992px) {
  main header h1 {
    color: #191140;
    font-size: 28px;
    text-align: center;
    letter-spacing: 1px;
    margin: 64px 0 24px;
  }
  main header h2 {
    color: #52556C;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
  }
  main .center {
    width: 1180px;
    margin: 0 auto;
    position: relative;
  }
  main section {
    min-width: 1280px;
  }
}
main .IndexButton {
  box-shadow: 0 8px 16px 0 rgba(211, 43, 14, 0.15);
  display: block;
  border-radius: 4px;
  background-color: #FC5F3A!important;
  color: #FFFFFF;
  text-align: center;
  padding: 0;
}
main .IndexButton:hover {
  color: #FFFFFF!important;
  background-color: #DD4A3A!important;
}
main .IndexButton:active {
  background-color: #BA3C3C!important;
}
@media (min-width: 992px) {
  main .header-wrapper .header-left {
    margin-top: 120px;
    width: 656px;
    display: inline-block;
  }
  main .header-wrapper .header-left h1 {
    display: block;
    color: #191140;
    font-size: 40px;
    letter-spacing: 1px;
    text-align: left;
    margin-top: 0;
  }
  main .header-wrapper .header-left h2 {
    margin-top: 32px;
    margin-bottom: 64px;
    color: #52556C;
    font-size: 20px;
    display: block;
    letter-spacing: 2px;
    text-align: left;
  }
}
@media (max-width: 991px) {
  main .header-wrapper .header-left {
    width: 90%;
    margin: 44px auto 0;
  }
  main .header-wrapper .header-left h1 {
    line-height: 42px;
    font-size: 28px;
    color: #191140;
    text-align: center;
  }
  main .header-wrapper .header-left h2 {
    margin-top: 16px;
    margin-bottom: 40px;
    font-size: 16px;
    color: #52556C;
    display: block;
    text-align: center;
    line-height: 1.5;
  }
  main .header-wrapper .header-left a {
    border: none;
    width: 70%;
    height: 44px;
    display: block;
    border-radius: 4px;
    background-color: #FC5F3A;
    margin: 0 auto;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    text-shadow: 0 1px 1px 0 rgba(208, 10, 10, 0.5);
  }
}
@media (min-width: 992px) {
  main .header-wrapper .header-right {
    height: 416px;
    width: 604px;
    position: absolute;
    top: 48px;
    right: 10px;
  }
}
@media (max-width: 991px) {
  main .header-wrapper .header-right {
    width: 85%;
    display: block;
    margin: 20px auto;
  }
}
main .flowChart {
  background: linear-gradient(180deg, #fcfcfc 0%, #f8f8f8 100%);
}
main .flowChart h1 {
  text-align: center;
  color: #191140;
}
@media (min-width: 992px) {
  main .flowChart {
    height: 764px;
  }
  main .flowChart h1 {
    width: 435px;
    font-size: 28px;
    letter-spacing: 1px;
    line-height: 49px;
    margin: auto;
    padding: 53px 0 32px;
  }
  main .flowChart img {
    height: 501px;
    width: 1040px;
    display: block;
    margin: 0 auto;
  }
}
@media (max-width: 991px) {
  main .flowChart {
    padding: 35px 0 32px;
  }
  main .flowChart h1 {
    width: 80%;
    margin: 0 auto 32px;
    font-size: 20px;
    line-height: 30px;
  }
  main .flowChart img {
    width: 94%;
    display: block;
    margin: 0 auto;
  }
}
@media (min-width: 992px) {
  main .product_value_desc {
    padding: 24px 0;
  }
  main .product_value_desc .one-part {
    height: 400px;
    background-color: #FFFFFF;
    white-space: normal;
    font-size: 0;
  }
  main .product_value_desc .one-part:nth-child(odd) .inner:first-child {
    float: right;
  }
  main .product_value_desc .one-part:nth-child(even) .inner:last-child {
    text-align: right;
  }
  main .product_value_desc .one-part .inner {
    width: 50%;
    height: 100%;
    line-height: 400px;
    vertical-align: middle;
    display: inline-block;
  }
  main .product_value_desc .one-part .inner img {
    display: inline-block;
    vertical-align: middle;
    height: 360px;
  }
  main .product_value_desc .one-part .inner-content {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
  }
  main .product_value_desc .one-part .inner-content h1 {
    color: #191140;
    font-size: 28px;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 32px;
  }
  main .product_value_desc .one-part .inner-content p {
    color: #65697F;
    font-size: 14px;
    line-height: 24px;
  }
  main .product_value_desc .one-part .inner-content p:before {
    content: ' ';
    display: inline-block;
    background-image: url(../../../../vassets/images/home_v3/products/products_miniprogram/icon5.png);
    background-repeat: unset;
    background-size: 100% 100%;
    width: 18px;
    height: 16px;
    margin-right: 16px;
  }
}
@media (max-width: 991px) {
  main .product_value_desc .one-part {
    padding: 24px 0 40px;
  }
  main .product_value_desc .one-part:not(:last-child) {
    border-bottom: 1px solid #DBDBDB;
  }
  main .product_value_desc .one-part .inner img {
    width: 78%;
    display: block;
    margin: 0 auto 33px;
  }
  main .product_value_desc .one-part .inner-content {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  main .product_value_desc .one-part .inner-content h1 {
    width: 90%;
    margin: 0 auto 20px;
    color: #191140;
    font-size: 20px;
    line-height: 35px;
  }
  main .product_value_desc .one-part .inner-content p {
    display: inline-block;
    color: #65697F;
    font-size: 14px;
    line-height: 25px;
    text-indent: -20px;
    margin-left: 20px;
  }
  main .product_value_desc .one-part .inner-content p:before {
    content: ' ';
    display: inline-block;
    background-image: url(../../../../vassets/images/home_v3/products/products_miniprogram/icon5.png);
    background-repeat: unset;
    background-size: 100% 100%;
    width: 12px;
    height: 9px;
    margin-right: 7px;
  }
}
main .red_background {
  background-color: #FC5F3A;
}
@media (min-width: 992px) {
  main .red_background {
    height: 440px;
  }
  main .red_background-left {
    display: inline-block;
    position: absolute;
    overflow: hidden;
  }
  main .red_background-left h1 {
    color: #FFFFFF;
    font-size: 28px;
    letter-spacing: 1px;
    line-height: 49px;
    margin: 104px 0 64px;
  }
  main .red_background-left a {
    display: block;
    height: 48px;
    width: 280px;
    border-radius: 4px;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #FC5F3A;
    font-size: 20px;
    line-height: 48px;
    text-align: center;
  }
  main .red_background-left a:hover {
    background-color: #FC5F3A;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
  }
  main .red_background-right {
    display: block;
    width: 670px;
    margin-left: auto;
    position: relative;
    bottom: -72px;
  }
  main .red_background-right-card {
    margin: 28px 12px;
    height: 176px;
    width: 320px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 8px 0 rgba(47, 67, 82, 0.1);
    display: inline-block;
    vertical-align: bottom;
    padding: 0 32px;
  }
  main .red_background-right-card:nth-child(even) {
    margin-right: 0;
  }
  main .red_background-right-card:nth-child(odd) {
    margin-left: 0;
  }
  main .red_background-right-card h1 {
    margin: -16px 0 16px;
    color: #191140;
    font-size: 20px;
    line-height: 1;
  }
  main .red_background-right-card span {
    color: #65697F;
    font-size: 14px;
    line-height: 24px;
    display: block;
  }
  main .red_background-right-card img {
    position: relative;
    top: -40px;
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 991px) {
  main .red_background-left {
    padding: 24px 0 32px;
  }
  main .red_background-left h1 {
    color: #FFFFFF;
    font-size: 20px;
    line-height: 35px;
    text-align: center;
    width: 70%;
    margin: 0 auto;
  }
  main .red_background-right {
    width: 90%;
    margin: 0 auto;
  }
  main .red_background-right-card {
    vertical-align: bottom;
    display: inline-block;
    height: 172px;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
    width: 48%;
    margin: 23px 0;
  }
  main .red_background-right-card:nth-child(2n+1) {
    margin-right: 2.5%;
  }
  main .red_background-right-card img {
    width: 52px;
    height: 52px;
    position: relative;
    display: block;
    margin: 0 auto;
    top: -26px;
  }
  main .red_background-right-card h1 {
    color: #1A1241;
    font-size: 20px;
    text-align: center;
    margin: -14px 0 8px;
  }
  main .red_background-right-card span {
    width: 94%;
    margin: 0 auto;
    display: block;
    color: #65697F;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
  }
}
main .seven_six_one {
  overflow: hidden;
  background: linear-gradient(180deg, #fcfcfc 0%, #f8f8f8 100%);
}
@media (min-width: 992px) {
  main .seven_six_one {
    height: 540px;
  }
  main .seven_six_one h1 {
    text-align: center;
    margin: 176px auto 60px;
    color: #191140;
    font-size: 28px;
    letter-spacing: 1px;
    line-height: 49px;
  }
  main .seven_six_one-main-part {
    display: inline-block;
    height: 160px;
    width: 380px;
    text-align: center;
    vertical-align: bottom;
  }
  main .seven_six_one-main-part-title {
    margin-bottom: 17px;
  }
  main .seven_six_one-main-part-title img {
    height: 45px;
  }
  main .seven_six_one-main-part-title span {
    vertical-align: bottom;
    display: inline-block;
    color: #FC5F3A;
    font-size: 20px;
    line-height: 1;
  }
  main .seven_six_one-main-part-desc {
    color: #65697F;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    display: block;
    width: 320px;
    margin: 0 auto;
  }
  main .seven_six_one-main-part-desc span {
    color: #FC5F3A;
  }
}
@media (max-width: 991px) {
  main .seven_six_one {
    padding: 32px 0;
  }
  main .seven_six_one h1 {
    width: 76%;
    margin: 32px auto 24px;
    color: #191140;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
  }
  main .seven_six_one-main-part {
    width: 78%;
    margin: 48px auto 0;
  }
  main .seven_six_one-main-part:last-child img {
    margin-left: 40px;
  }
  main .seven_six_one-main-part-title {
    text-align: center;
  }
  main .seven_six_one-main-part-title img {
    height: 60px;
  }
  main .seven_six_one-main-part-title span {
    vertical-align: bottom;
    display: inline-block;
    color: #FC5F3A;
    font-size: 20px;
    line-height: 1;
    text-align: center;
  }
  main .seven_six_one-main-part-desc {
    color: #65697F;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    display: block;
    margin: 0 auto;
  }
  main .seven_six_one-main-part-desc span {
    color: #FC5F3A;
  }
}
main .customer_agree h1 {
  color: #191140;
  text-align: center;
}
@media (min-width: 992px) {
  main .customer_agree {
    min-width: 1260px;
    margin: 0 auto;
    padding-bottom: 26px;
  }
  main .customer_agree h1 {
    padding-top: 64px;
    margin-bottom: 64px;
    font-size: 28px;
    letter-spacing: 1px;
  }
  main .customer_agree-why {
    width: 1216px;
    margin: 0 auto;
    height: 184px;
  }
  main .customer_agree-why-item {
    width: 280px;
    display: inline-block;
    height: 100%;
    margin: 0 10px;
  }
  main .customer_agree-why-item img {
    height: 80px;
    width: 80px;
    margin: 0 auto;
    display: block;
  }
  main .customer_agree-why-item h1 {
    font-weight: normal;
    padding: 0;
    color: #191140;
    font-size: 20px;
    text-align: center;
    margin: 24px 0 16px;
  }
  main .customer_agree-why-item span {
    height: 44px;
    width: 232px;
    display: block;
    color: #65697F;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    margin: 0 auto;
  }
  main .customer_agree .customer-agree {
    position: relative;
    margin: 0 auto;
    height: 484px;
  }
  main .customer_agree .customer-agree:before {
    content: ' ';
    display: block;
    width: 200px;
    height: 200px;
    background-image: url('../../../images/home_v3/index/element_01.png'), none;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
  }
  main .customer_agree .customer-agree:after {
    content: ' ';
    display: block;
    height: 309px;
    width: 411px;
    background-image: url('../../../images/home_v3/index/element_02.png'), none;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
  }
  main .customer_agree .customer-agree-carousel {
    height: 384px;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 8px 32px 0 rgba(47, 67, 82, 0.1);
    margin: auto 50px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    padding: 0;
  }
  main .customer_agree .customer-agree-carousel .carousel-indicators {
    bottom: 100px;
    margin-bottom: 0;
  }
  main .customer_agree .customer-agree-carousel .carousel-indicators li {
    position: relative;
    border: 0;
    margin: 0 32px;
    height: 48px;
    width: 48px;
    background: transparent;
    border: none;
  }
  main .customer_agree .customer-agree-carousel .carousel-indicators li img {
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    display: block;
    border-radius: 100%;
    height: 48px;
    width: 48px;
  }
  main .customer_agree .customer-agree-carousel .carousel-indicators .active {
    opacity: 1;
    height: 56px;
    width: 56px;
  }
  main .customer_agree .customer-agree-carousel .carousel-indicators .active img {
    width: 100%;
    height: 100%;
  }
  main .customer_agree .customer-agree-carousel .carousel-inner {
    display: inline-block;
    text-align: center;
    margin: 0 160px;
    width: auto;
    height: 100%;
  }
  main .customer_agree .customer-agree-carousel .carousel-inner .item {
    width: 100%;
    height: 100%;
  }
  main .customer_agree .customer-agree-carousel .carousel-inner .item img {
    display: block;
    width: 160px;
    height: 64px;
    margin: 32px auto 24px;
  }
  main .customer_agree .customer-agree-carousel .carousel-inner .item span {
    width: 100%;
    height: 52px;
    color: #191140;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 28px;
    text-align: center;
    display: block;
  }
  main .customer_agree .customer-agree-carousel .carousel-inner .item span + span {
    margin: 130px auto 0;
    height: 20px;
    width: 290px;
    color: #65697F;
    font-size: 20px;
    line-height: 1;
    text-align: center;
    display: block;
  }
  main .customer_agree .customer-agree-carousel .left,
  main .customer_agree .customer-agree-carousel .right {
    width: 160px;
    background-image: none;
  }
  main .customer_agree .customer-agree-carousel .left .glyphicon-chevron-left,
  main .customer_agree .customer-agree-carousel .right .glyphicon-chevron-left {
    background-size: 100% 100%;
    border-radius: 100%;
    background-color: #FEEFEB;
    width: 48px;
    height: 48px;
  }
  main .customer_agree .customer-agree-carousel .left .glyphicon-chevron-left div,
  main .customer_agree .customer-agree-carousel .right .glyphicon-chevron-left div {
    display: block;
    position: absolute;
    left: 18px;
    top: 13px;
    width: 20px;
    height: 20px;
    border: 3px solid;
    border-radius: 10%;
    border-color: transparent transparent #fc5f3a #fc5f3a;
    transform: rotate(45deg);
  }
  main .customer_agree .customer-agree-carousel .left .glyphicon-chevron-left:hover,
  main .customer_agree .customer-agree-carousel .right .glyphicon-chevron-left:hover {
    background-color: #fc5f3a;
  }
  main .customer_agree .customer-agree-carousel .left .glyphicon-chevron-left:hover div,
  main .customer_agree .customer-agree-carousel .right .glyphicon-chevron-left:hover div {
    border-color: transparent transparent #fff #fff;
  }
  main .customer_agree .customer-agree-carousel .left .glyphicon-chevron-left:before,
  main .customer_agree .customer-agree-carousel .right .glyphicon-chevron-left:before {
    content: '';
  }
  main .customer_agree .customer-agree-carousel .left .glyphicon-chevron-right,
  main .customer_agree .customer-agree-carousel .right .glyphicon-chevron-right {
    background-color: #FEEFEB;
    border-radius: 100%;
    background-size: 100% 100%;
    width: 48px;
    height: 48px;
  }
  main .customer_agree .customer-agree-carousel .left .glyphicon-chevron-right div,
  main .customer_agree .customer-agree-carousel .right .glyphicon-chevron-right div {
    content: ' ';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 13px;
    border: 3px solid;
    border-radius: 10%;
    border-color: #fc5f3a #fc5f3a transparent transparent;
    transform: rotate(45deg);
  }
  main .customer_agree .customer-agree-carousel .left .glyphicon-chevron-right:hover,
  main .customer_agree .customer-agree-carousel .right .glyphicon-chevron-right:hover {
    background-color: #fc5f3a;
  }
  main .customer_agree .customer-agree-carousel .left .glyphicon-chevron-right:hover div,
  main .customer_agree .customer-agree-carousel .right .glyphicon-chevron-right:hover div {
    border-color: #fff #fff transparent transparent;
  }
  main .customer_agree .customer-agree-carousel .left .glyphicon-chevron-right:before,
  main .customer_agree .customer-agree-carousel .right .glyphicon-chevron-right:before {
    content: '';
  }
}
@media (max-width: 991px) {
  main .customer_agree {
    height: 490px;
  }
  main .customer_agree h1 {
    padding-top: 32px;
    font-size: 20px;
    margin-bottom: 20px;
  }
  main .customer_agree-why {
    width: 92vw;
    height: 360px;
    margin: 4vw auto;
  }
  main .customer_agree-why-item {
    display: inline-block;
    width: 44vw;
    height: 183px;
    margin: 2px;
  }
  main .customer_agree-why-item img {
    height: 60px;
    width: 60px;
    margin: 0 auto;
    display: block;
  }
  main .customer_agree-why-item h1 {
    font-weight: normal;
    padding: 0;
    color: #191140;
    font-size: 14px;
    text-align: center;
    margin: 16px 0 10px;
  }
  main .customer_agree-why-item span {
    height: 42px;
    width: 165px;
    color: #65697F;
    font-size: 12px;
    line-height: 21px;
    text-align: center;
  }
  main .customer_agree .customer-agree {
    position: relative;
    margin: 0 auto;
    height: 338px;
    width: 90%;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  }
  main .customer_agree .customer-agree-carousel {
    height: 100%;
  }
  main .customer_agree .customer-agree-carousel .carousel-indicators {
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 10px;
    bottom: -40px;
    z-index: 9;
  }
  main .customer_agree .customer-agree-carousel .carousel-indicators li {
    vertical-align: middle;
    background-color: #DBDBDB;
    width: 10px;
    height: 10px;
    box-sizing: border-box;
  }
  main .customer_agree .customer-agree-carousel .carousel-indicators li img {
    display: none;
  }
  main .customer_agree .customer-agree-carousel .carousel-indicators li + li {
    margin-left: 20px;
  }
  main .customer_agree .customer-agree-carousel .carousel-indicators .active {
    background-color: #FC5F3A;
  }
  main .customer_agree .customer-agree-carousel .carousel-inner {
    display: inline-block;
    padding: 0;
    height: 100%;
  }
  main .customer_agree .customer-agree-carousel .carousel-inner .item {
    width: 100%;
    height: 100%;
  }
  main .customer_agree .customer-agree-carousel .carousel-inner .item img {
    display: block;
    width: 160px;
    height: 64px;
    margin: 32px auto 20px;
  }
  main .customer_agree .customer-agree-carousel .carousel-inner .item span {
    height: 122px;
    width: 90%;
    color: #191140;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 28px;
    text-align: center;
    display: block;
    margin: 0 auto;
  }
  main .customer_agree .customer-agree-carousel .carousel-inner .item span + span {
    margin: 32px auto 52px;
    height: 16px;
    width: 235px;
    color: #65697F;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    display: block;
  }
  main .customer_agree .customer-agree-carousel .left,
  main .customer_agree .customer-agree-carousel .right {
    display: none;
  }
}
main .header-wrapper {
  background-color: #FFFFFF;
}
@media (min-width: 992px) {
  main .header-wrapper {
    margin: 0 auto;
    height: 500px;
  }
  main .header-wrapper .center {
    width: 1180px;
  }
  main .header-wrapper .navbar-fixed {
    border-top: none;
    border-bottom: 1px solid #D8D8D8;
    background: #fff;
  }
  main .header-wrapper .navbar {
    margin-bottom: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
  }
  main .header-wrapper .navbar .container {
    width: 100%;
    padding: 0px;
    height: 72px;
    max-width: 1180px;
  }
  main .header-wrapper .navbar .container .navbar-header {
    background-color: #ffffff;
  }
  main .header-wrapper .navbar .container .navbar-header .navbar-toggle .icon-bar {
    background-color: #fff;
    height: 3px;
  }
  main .header-wrapper .navbar .container .navbar-header .logo {
    vertical-align: middle;
    display: inline-block;
    width: 165px;
    height: 58px;
    padding: 0px;
    margin: 7px 0px;
    background-image: url(../../../vassets/images/home_v3/gio-logo.svg), none;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
  }
  main .header-wrapper .navbar .container .navbar-nav .dropdown {
    margin: 0px 0px 0px 15px;
    white-space: nowrap;
    padding: 0 0 0 15px;
  }
  main .header-wrapper .navbar .container .navbar-nav .dropdown:hover .dropdown-menu {
    display: block;
  }
  main .header-wrapper .navbar .container .navbar-nav .dropdown .dropdown-toggle {
    display: block;
    cursor: pointer;
    transition: all 0.3s ease;
    height: 42px;
    padding: 0px;
    color: #191140;
    font-size: 16px;
    line-height: 42px;
  }
  main .header-wrapper .navbar .container .navbar-nav .dropdown .dropdown-toggle:hover {
    color: #FC5F3A!important;
  }
  main .header-wrapper .navbar .container .navbar-nav .dropdown .dropdown-toggle:hover a {
    color: #FC5F3A!important;
  }
  main .header-wrapper .navbar .container .navbar-nav .dropdown .dropdown-toggle:hover .caret {
    margin-top: 2px;
    border-color: #FC5F3A #FC5F3A transparent transparent;
  }
  main .header-wrapper .navbar .container .navbar-nav .dropdown .dropdown-toggle a {
    color: #191140;
    font-size: 16px;
    line-height: 20px;
  }
  main .header-wrapper .navbar .container .navbar-nav .dropdown .dropdown-toggle .caret {
    width: 7px;
    height: 7px;
    border: 2px solid;
    border-color: transparent transparent #000 #000;
    border-radius: 10%;
    transform: rotate(-45deg);
    margin-top: -5px;
    transition: all 0.3s ease;
  }
  main .header-wrapper .navbar .container .navbar-nav .dropdown .dropdown-toggle .dropdown-menu {
    left: -120px;
    box-shadow: 0 4px 24px 0 rgba(47, 67, 82, 0.15);
    border-radius: 4px;
    padding: 0;
    border: none;
    margin-top: 0px;
    top: 98%;
    font-size: 0;
    overflow: hidden;
    white-space: nowrap;
  }
  main .header-wrapper .navbar .container .navbar-nav .dropdown .dropdown-toggle .dropdown-menu .menu {
    display: inline-block;
    vertical-align: top;
    margin: 15px 56px 15px 15px;
    width: 100px;
  }
  main .header-wrapper .navbar .container .navbar-nav .dropdown .dropdown-toggle .dropdown-menu .menu:first-child {
    margin-left: 64px !important;
  }
  main .header-wrapper .navbar .container .navbar-nav .dropdown .dropdown-toggle .dropdown-menu .menu:last-child {
    margin-right: 64px !important;
  }
  main .header-wrapper .navbar .container .navbar-nav .dropdown .dropdown-toggle .dropdown-menu .menu.menu-solution {
    width: 115px !important;
  }
  main .header-wrapper .navbar .container .navbar-nav .dropdown .dropdown-toggle .dropdown-menu .menu .menu-header {
    border-left: none !important;
    box-sizing: content-box;
    height: 16px;
    border-bottom: 1px solid #E7E7E8;
    padding: 15px 0 !important;
    text-align: left;
    margin: 3px 0;
    line-height: 10px;
    text-decoration: none;
    cursor: default;
    font-size: 18px!important;
    font-weight: 500;
    width: 108px!important;
    color: #191140!important;
  }
  main .header-wrapper .navbar .container .navbar-nav .dropdown .dropdown-toggle .dropdown-menu .menu .menu-list {
    margin-bottom: -1000px;
    padding: 1px 0 1000px;
    text-align: left;
    border: none;
    background-color: #ffffff;
    border-radius: 0 0 12px 12px;
    border-bottom: 10px transparent;
    width: auto !important;
    color: #191140!important;
    font-size: 16px;
    vertical-align: middle;
  }
  main .header-wrapper .navbar .container .navbar-nav .dropdown .dropdown-toggle .dropdown-menu .menu .menu-list.new-features-menu-list {
    width: 170px!important;
  }
  main .header-wrapper .navbar .container .navbar-nav .dropdown .dropdown-toggle .dropdown-menu .menu .menu-list.solution-menu-list {
    width: 210px!important;
  }
  main .header-wrapper .navbar .container .navbar-nav .dropdown .dropdown-toggle .dropdown-menu .menu .menu-list .item {
    margin: 21px 0;
  }
  main .header-wrapper .navbar .container .navbar-nav .dropdown .dropdown-toggle .dropdown-menu .menu .menu-list .item .value {
    display: inline-block;
    padding-right: 6px;
    color: #65697f;
  }
  main .header-wrapper .navbar .container .navbar-nav .dropdown .dropdown-toggle .dropdown-menu .menu .menu-list .item .line {
    display: none;
  }
  main .header-wrapper .navbar .container .navbar-nav .dropdown .dropdown-toggle .dropdown-menu .menu .menu-list .item .triangle-facing-right {
    display: none;
  }
  main .header-wrapper .navbar .container .navbar-nav .dropdown .dropdown-toggle .dropdown-menu .menu .menu-list .item:hover {
    color: #FC5F3A;
  }
  main .header-wrapper .navbar .container .navbar-nav .dropdown .dropdown-toggle .dropdown-menu .menu .menu-list .item:hover .value {
    color: #FC5F3A;
  }
  main .header-wrapper .navbar .container .navbar-nav li.dropdown > span.dropdown-toggle > a {
    line-height: 42px;
  }
  main .header-wrapper .navbar .container .navbar-nav li.promotion-li {
    position: relative;
    margin-right: 31px;
  }
  main .header-wrapper .navbar .container .navbar-nav li.promotion-li span.hot-img {
    width: 30px;
    height: 16px;
    position: absolute;
    top: 6px;
    right: -31px;
  }
  main .header-wrapper .navbar .container .navbar-nav li.promotion-li span.hot-img img {
    display: block;
    width: 30px;
    height: auto;
  }
  main .header-wrapper .navbar .container .navbar-nav .btn-demo {
    margin-left: 0px;
  }
  main .header-wrapper .navbar .container .navbar-right {
    margin: 16px -15px 16px 35px;
  }
  main .header-wrapper .navbar .container .navbar-right .btn-login a {
    color: #191140;
    font-size: 16px;
    line-height: 40px;
    padding: 0px 14px 0px 6px;
    margin-right: 10px;
  }
}
@media (max-width: 991px) {
  main .header-wrapper .navbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    background: #FFFFFF;
  }
  main .header-wrapper .navbar.navbar-fixed {
    border-bottom: 1px solid #d8d8d8;
  }
  main .header-wrapper .navbar .container {
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: none;
  }
  main .header-wrapper .navbar .container .navbar-header {
    margin: 0;
    width: 100%;
    float: none;
    background-color: #ffffff;
    border-bottom: none;
  }
  main .header-wrapper .navbar .container .navbar-header .logo {
    width: 165px;
    height: 62px;
    margin: 0px 0px 0px 15px;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: 0;
    padding: 15px 15px;
  }
  main .header-wrapper .navbar .container .navbar-header .navbar-toggle {
    display: block;
    position: relative;
    float: right;
    padding: 13px 10px;
    margin: 8px 10px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
  }
  main .header-wrapper .navbar .container .navbar-header .navbar-toggle .nav {
    margin: 0;
    text-align: center;
  }
  main .header-wrapper .navbar .container .navbar-header .navbar-toggle .nav li {
    margin: 12px 0;
  }
  main .header-wrapper .navbar .container .navbar-header .navbar-toggle .nav li .dropdown-menu {
    width: 100%;
    text-align: center;
  }
  main .header-wrapper .navbar .container .navbar-header .navbar-toggle .icon-bar {
    background-color: #65697F;
    height: 3px;
  }
  main .header-wrapper .navbar .container .navbar-collapse {
    overflow: hidden;
    background-color: #f8f8f8;
  }
  main .header-wrapper .navbar .container .navbar-collapse.collapse {
    display: none!important;
  }
  main .header-wrapper .navbar .container .navbar-collapse.collapse.in {
    display: block!important;
  }
  main .header-wrapper .navbar .container .navbar-collapse .menu-visible * {
    border: none;
  }
  main .header-wrapper .navbar .container .navbar-collapse .menu-visible .panel-group {
    margin-bottom: 0;
  }
  main .header-wrapper .navbar .container .navbar-collapse .menu-visible .panel-group .panel {
    border-bottom: 1px solid #eee;
    box-shadow: none;
    border-radius: none;
  }
  main .header-wrapper .navbar .container .navbar-collapse .menu-visible .panel-group .panel .panel-heading {
    background-color: #f8f8f8;
    padding: 7px 15px;
    margin-top: 0px;
    height: 37px;
    padding-left: 20%;
  }
  main .header-wrapper .navbar .container .navbar-collapse .menu-visible .panel-group .panel .panel-heading .panel-title a:hover,
  main .header-wrapper .navbar .container .navbar-collapse .menu-visible .panel-group .panel .panel-heading .panel-title a:focus {
    text-decoration: none;
    text-align: left;
  }
  main .header-wrapper .navbar .container .navbar-collapse .menu-visible .panel-group .panel .panel-heading .panel-title .triangle-facing {
    border-right: 4px solid;
    border-bottom: 4px solid;
    width: 18px;
    height: 18px;
    transform: rotate(45deg) translate(0, -2px);
    color: #FC5F3A;
    z-index: 9998;
    cursor: pointer;
    border-radius: 4px;
    display: inline-block;
    margin-left: 20px;
  }
  main .header-wrapper .navbar .container .navbar-collapse .menu-visible .panel-group .panel .panel-heading .panel-title a[aria-expanded="true"] .triangle-facing {
    transform: rotate(-135deg) translate(0, -2px);
  }
  main .header-wrapper .navbar .container .navbar-collapse .menu-visible .panel-group .panel .panel-body {
    background-color: #f8f8f8;
    padding: 10px 15px 15px 15px;
  }
  main .header-wrapper .navbar .container .navbar-collapse .menu-visible .panel-group .panel .panel-body .menu-item {
    margin-left: 20% !important;
    padding-left: 0%;
    display: block;
    color: #65697F;
    height: 44px;
    line-height: 44px;
    text-align: left;
  }
  main .header-wrapper .navbar .container .navbar-collapse .menu-visible .panel-group .panel + .panel {
    margin-top: 5px;
  }
  main .header-wrapper .navbar .container .navbar-collapse .navbar-right {
    float: none!important;
    position: relative;
    height: 60px;
  }
  main .header-wrapper .navbar .container .navbar-collapse .navbar-right a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #FFF;
    height: 40px;
  }
  main .header-wrapper .navbar .container .navbar-collapse .navbar-right .IndexButton {
    box-shadow: 0 8px 16px 0 rgba(211, 43, 14, 0.15);
    display: block;
    border-radius: 4px;
    background-color: #FC5F3A!important;
    color: #FFFFFF;
    text-align: center;
    padding: 0;
  }
  main .header-wrapper .navbar .container .navbar-collapse .navbar-right .IndexButton:hover {
    color: #FFFFFF!important;
    background-color: #DD4A3A!important;
  }
  main .header-wrapper .navbar .container .navbar-collapse .navbar-right .IndexButton:active {
    background-color: #BA3C3C!important;
  }
}
@media (max-width: 991px) and (min-width: 319px) and (max-width: 413px) {
  main .header-wrapper .navbar .container .navbar-collapse .menu-visible .panel-group .panel .panel-heading .panel-title .triangle-facing {
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 992px) {
  main .header-wrapper .center {
    margin: 74px auto 0!important;
  }
}
@media (max-width: 991px) {
  main .header-wrapper .center {
    margin: 100px auto 0;
  }
}
main .footerTop.hidden-xs {
  min-width: 1180px;
  margin: 0 auto;
  height: 200px;
  background: linear-gradient(170.73deg, #fe936c 0%, #fc5f3a 100%);
  box-shadow: 0 8px 32px 0 rgba(47, 67, 82, 0.1);
  overflow: hidden;
  position: relative;
  z-index: 2;
}
main .footerTop.hidden-xs .content {
  height: 200px;
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 8px 32px 0 rgba(47, 67, 82, 0.1);
  position: relative;
}
main .footerTop.hidden-xs .content:before {
  content: ' ';
  height: 172px;
  width: 160px;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 42px;
  background: url('../../../../assets/images/home_v3/index/footerTop-left.png') no-repeat;
  background-size: contain;
}
main .footerTop.hidden-xs .content h1 {
  width: 240px;
  margin: 0 auto;
  color: #FFFFFF;
  font-size: 28px;
  letter-spacing: 1.4px;
  text-align: center;
  padding: 48px 0 16px;
  margin-top: 0px;
  font-weight: 500;
  line-height: 40px;
  position: relative;
}
main .footerTop.hidden-xs .content h1:before {
  content: ' ';
  height: 190px;
  width: 347px;
  display: inline-block;
  position: absolute;
  right: -400px;
  top: 0px;
  background: url('../../../../assets/images/home_v3/index/footerTop-right.png') no-repeat;
  background-size: contain;
}
main .footerTop.hidden-xs .content a {
  background-color: #FFFFFF;
  color: #FC5F3A;
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 20px;
  line-height: 48px;
  text-align: center;
  outline: none;
  height: 48px;
  width: 280px;
}
main .footerTop.hidden-xs .content a:hover,
main .footerTop.hidden-xs .content a:focus {
  text-decoration: none;
  box-shadow: 0 8px 24px 0 rgba(119, 24, 7, 0.2);
}
main .footerTop.hidden-xs .content img {
  position: relative;
  z-index: -1;
  left: 80%;
  bottom: 165px;
  height: 309px;
  width: 411px;
  display: block;
}
main .footerTop.visible-xs {
  height: 162px;
  background: linear-gradient(180deg, #fcfcfc 0%, #f8f8f8 100%);
  position: relative;
  overflow: hidden;
  z-index: 2;
  background: linear-gradient(90deg, #fe936c 0%, #fc5f3a 100%);
}
main .footerTop.visible-xs .content {
  height: 162px;
  width: 100%;
  border-radius: 4px;
  margin: 0 auto;
  background: url('../../../../assets/images/home_v3/index/footer-top-web.png') no-repeat;
  background-size: 100% 100%;
}
main .footerTop.visible-xs h1 {
  color: #FFFFFF;
  font-size: 20px;
  letter-spacing: 2px;
  text-align: center;
  padding: 35px 0 22px;
  margin-top: 0px;
}
main .footerTop.visible-xs a {
  background-color: #FFFFFF;
  color: #FC5F3A;
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
  height: 44px;
  width: 180px;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  box-shadow: 0 8px 16px 0 rgba(211, 43, 14, 0.15);
  font-size: 14px;
  line-height: 44px;
  text-align: center;
  margin-bottom: 40px;
}
main .footerTop.visible-xs img {
  position: relative;
  z-index: -1;
  left: 45%;
  bottom: 120px;
  width: 100%;
  display: block;
}
main .footer {
  background-color: white;
}
main .footer > .container {
  padding: 60px 0px 0px 0px;
  max-width: 1336px;
  width: auto!important;
}
@media (max-width: 991px) {
  main .footer > .container {
    padding: 40px 0px 0px 0px;
  }
}
main .footer > .container .qr-code-wrapper img {
  width: 90px;
  height: 90px;
}
main .footer .hidewidth7 {
  width: 100%!important;
  padding: 0px 26px;
}
main .footer .row.links {
  text-align: center;
}
main .footer .row.links .link-group {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin: 0 2%!important;
}
main .footer .row.links .link-group .link-header {
  color: #191140;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  text-align: justify;
  margin-bottom: 30px;
  margin-top: 0px;
}
main .footer .row.links .link-group a {
  display: block;
  line-height: 30px;
  color: #65697F;
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 16px;
}
main .footer .row.links .link-group a:hover {
  color: #FC5F3A;
}
main .footer .row.links .link-group p,
main .footer .row.links .link-group span {
  line-height: 32px;
  color: #65697F;
  margin: 0;
}
main .footer .row.links .link-group .wx-zhihu a {
  width: 31px;
  height: 31px;
  display: inline-block;
  margin: 5px 20px 0 0;
  cursor: pointer;
}
main .footer .row.links .link-group .wx-zhihu a.weixin {
  background: url(../../../vassets/images/home_v3/sidebar-nav/icon_Home_wx_default.png) no-repeat;
  background-size: 100%;
  position: relative;
}
main .footer .row.links .link-group .wx-zhihu a.weixin .weixin-modal {
  height: 110px;
  width: 90px;
  border-radius: 2px;
  background-color: #ffffff;
  position: absolute;
  left: 0px;
  top: 40px;
  display: none;
}
main .footer .row.links .link-group .wx-zhihu a.weixin .weixin-modal .side-qr-code {
  width: 70px;
  margin: 10px 10px 5px 10px;
}
main .footer .row.links .link-group .wx-zhihu a.weixin .weixin-modal h4 {
  color: #383963;
  -webkit-text-size-adjust: none;
  font-size: 10px;
  line-height: 0;
  text-align: center;
}
main .footer .row.links .link-group .wx-zhihu a.weixin:hover {
  background: url(../../../vassets/images/home_v3/sidebar-nav/icon_Home_wx_selected.png) no-repeat;
  background-size: 100%;
}
main .footer .row.links .link-group .wx-zhihu a.weixin:hover .weixin-modal {
  display: block;
}
main .footer .row.links .link-group .wx-zhihu a.zhihu {
  background: url(../../../vassets/images/home_v3/sidebar-nav/icon_Home_zh_default.png) no-repeat;
  background-size: 100%;
}
main .footer .row.links .link-group .wx-zhihu a.zhihu:hover {
  background: url(../../../vassets/images/home_v3/sidebar-nav/icon_Home_zh_selected.png) no-repeat;
  background-size: 100%;
}
main .copyright {
  margin-top: 50px;
  margin-bottom: 80px;
  text-align: center;
  color: #65697F;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 12px;
}
main .copyright .kx-icon:focus {
  outline: none;
}
main .copyright .kx-icon img {
  width: 60px;
  margin: 0 0 4px 12px;
}
main .sidebar-nav {
  width: 56px;
  position: fixed;
  bottom: 20px;
  right: 50px;
  z-index: 100;
}
@media (max-width: 1024px) {
  main .sidebar-nav {
    display: none;
  }
}
main .sidebar-nav .sidebar-img {
  width: 80px;
  height: 80px;
  background-size: 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  margin: 0;
}
main .sidebar-nav .sidebar-img span {
  background-repeat: no-repeat;
  position: relative;
  display: none;
  background-position: 0px 20px;
  left: -10px;
  top: 0px;
  width: 16px;
  height: 110px;
  background-size: 50%;
}
main .sidebar-nav .sidebar-img .modal {
  height: 60px;
  width: 150px;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 2px 20px 0 rgba(118, 72, 62, 0.1);
  position: absolute;
  left: -160px;
  top: -5px;
}
main .sidebar-nav .sidebar-img .attention-modal .side-qr-code {
  width: 110px;
  margin: 20px 20px 10px 20px;
}
main .sidebar-nav .sidebar-img .attention-modal h4 {
  color: #383963;
  font-size: 16px;
  line-height: 0;
  text-align: center;
}
main .sidebar-nav .sidebar-img .attention-modal h5 {
  color: #65697F;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
main .sidebar-nav .sidebar-img .service-modal {
  height: 0;
  width: 200px;
  left: -200px;
  top: 10px;
  opacity: 0;
  display: block;
  cursor: auto;
}
main .sidebar-nav .sidebar-img .service-modal .service-modal-list {
  padding: 14px 20px 6px 20px;
  overflow: hidden;
}
main .sidebar-nav .sidebar-img .service-modal .service-modal-list:hover {
  background-color: rgba(101, 105, 127, 0.1);
}
main .sidebar-nav .sidebar-img .service-modal .service-modal-list img {
  width: 21px;
  float: left;
  margin-right: 14px;
}
main .sidebar-nav .sidebar-img .service-modal .service-modal-list div {
  display: inline-block;
}
main .sidebar-nav .sidebar-img .service-modal .service-modal-list div h4 {
  line-height: 0;
  color: #383963;
  font-size: 16px;
}
main .sidebar-nav .sidebar-img .service-modal .service-modal-list div h5 {
  color: #65697F;
  font-size: 12px;
  margin-top: 14px;
}
main .sidebar-nav .sidebar-img .service-modal .service-modal-list div h5.phone {
  color: #FC5F3A;
}
main .sidebar-nav .consulting {
  background-image: url(../../../../vassets/images/home_v3/sidebar-nav/button_1_1.png), none;
}
main .sidebar-nav .consulting:hover {
  background-image: url(../../../../vassets/images/home_v3/sidebar-nav/button_1_2.png), none;
}
main .sidebar-nav .service-phone {
  background-image: url(../../../../vassets/images/home_v3/sidebar-nav/button_2_1.png), none;
  position: relative;
}
main .sidebar-nav .service-phone:hover {
  background-image: url(../../../../vassets/images/home_v3/sidebar-nav/button_2_2.png), none;
}
main .sidebar-nav .service-phone:hover .service-modal {
  height: 60px;
  opacity: 1;
  transition: all 0.3s ease-in;
}
main .sidebar-nav .increase {
  background-image: url(../../../../vassets/images/home_v3/sidebar-nav/button_5_1.png), none;
  position: relative;
}
main .sidebar-nav .increase:hover {
  background-image: url(../../../../vassets/images/home_v3/sidebar-nav/button_5_2.png), none;
}
main .sidebar-nav .increase:hover .service-modal {
  display: block;
  width: 200px;
  height: 60px;
  top: 10px;
  opacity: 1;
  transition: all 0.3s ease-in;
}
main .sidebar-nav .increase:hover .service-modal a {
  display: inline-block;
  width: 200px;
  height: 60px;
}
main .sidebar-nav .increase:hover .service-modal a .text {
  color: #191140;
  padding: 10px 10px;
  text-align: center;
}
main .sidebar-nav .increase:hover .service-modal a .text .btn {
  color: #fc5f3a;
  padding: 0px;
  box-shadow: none;
}
main .sidebar-nav .service-demo {
  background-image: url(../../../../vassets/images/home_v3/sidebar-nav/button_3_1.png), none;
}
main .sidebar-nav .service-demo:hover {
  background-image: url(../../../../vassets/images/home_v3/sidebar-nav/button_3_2.png), none;
}
main .sidebar-nav .service-signup {
  background-image: url(../../../../vassets/images/home_v3/sidebar-nav/button_4_1.png), none;
}
main .sidebar-nav .service-signup:hover {
  background-image: url(../../../../vassets/images/home_v3/sidebar-nav/button_4_2.png), none;
}
main .sidebar-nav.sidebar-nav-web {
  width: 43px;
  bottom: 15px;
  right: 5px;
  display: none;
}
@media (max-width: 1024px) {
  main .sidebar-nav.sidebar-nav-web {
    display: block;
  }
}
main .sidebar-nav.sidebar-nav-web .sidebar-img {
  width: 43px;
  height: 43px;
  background-image: url(../../../../vassets/images/home_v3/sidebar-nav/button_2_3.png), none;
}
@media (min-width: 992px) {
  .pro-cdp .flowChart_cdp h1 {
    font-size: 32px;
    width: 684px;
  }
  .pro-cdp .flowChart_cdp .desc {
    height: 16px;
    color: #52556C;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    margin-bottom: 60px;
  }
  .pro-cdp .flowChart_cdp img {
    height: 434px;
    width: auto;
  }
  .pro-cdp .second-section .second-section-title {
    text-align: center;
  }
  .pro-cdp .second-section .second-section-title h1 {
    margin: 0px 0px 38px 0px;
    font-size: 32px;
  }
  .pro-cdp .second-section .second-section-title .btn_cdp {
    width: 280px;
    margin: auto;
    margin-top: 14px;
  }
  .pro-cdp .second-section-title {
    padding-top: 64px;
  }
  .pro-cdp .second-section-title h1 {
    margin-bottom: 24px;
    color: #191140;
    font-size: 28px;
    letter-spacing: 1px;
    text-align: center;
  }
  .pro-cdp .second-section-title h2 {
    color: #52556C;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
  }
  .pro-cdp .second-section .carousel-indicators {
    position: static;
    width: 833px;
    height: 105px;
    margin: 48px auto;
    border: none;
  }
  .pro-cdp .second-section .carousel-indicators .active {
    background-color: transparent;
    border: none;
  }
  .pro-cdp .second-section .carousel-indicators .active span {
    color: #FC5F3A;
  }
  .pro-cdp .second-section .carousel-indicators .active hr {
    display: block;
  }
  .pro-cdp .second-section .carousel-indicators li {
    text-indent: 0;
    width: 121px;
    height: 100%;
    margin-right: 115px;
  }
  .pro-cdp .second-section .carousel-indicators li img {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
  }
  .pro-cdp .second-section .carousel-indicators li span {
    display: block;
    color: #191140;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1;
    text-align: center;
    margin-top: 17px;
    margin-bottom: 7.5px;
  }
  .pro-cdp .second-section .carousel-indicators li hr {
    border: 2px solid #FC5F3A;
    margin: 0;
    display: none;
  }
  .pro-cdp .second-section-replace {
    height: 458px;
  }
  .pro-cdp .second-section-replace-right {
    width: 570px;
    height: 379px;
    display: inline-block !important;
    position: absolute;
    right: 0;
  }
  .pro-cdp .second-section-replace-left {
    display: inline-block;
    position: absolute;
    width: 610px;
    height: 100%;
    padding-top: 99px;
    left: 0;
  }
  .pro-cdp .second-section-replace-left h1 {
    color: #191140;
    font-size: 28px;
    letter-spacing: 1px;
    margin-bottom: 30px;
  }
  .pro-cdp .second-section-replace-left h2 {
    margin-top: 32px;
    margin-bottom: 16px;
    color: #1A1241;
    font-size: 16px;
    letter-spacing: 1px;
  }
  .pro-cdp .second-section-replace-left span {
    display: block;
    color: #65697F;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 40px;
    width: 551px;
  }
  .pro-cdp .second-section-replace-left .cdp_icon {
    overflow: hidden;
  }
  .pro-cdp .second-section-replace-left .cdp_icon p {
    display: block;
    color: #65697F;
    font-size: 18px;
    width: 523px;
    line-height: 28px;
    margin-bottom: 5px;
    float: left;
  }
  .pro-cdp .second-section-replace-left .cdp_icon img {
    width: 18px;
    height: 100%;
    margin-right: 16px;
    float: left;
    margin-top: 9px;
  }
}
@media (min-width: 992px) and (max-width: 991px) {
  .pro-cdp {
    height: 780px;
  }
  .pro-cdp-title {
    padding-top: 32px;
  }
  .pro-cdp-title h1 {
    margin-bottom: 24px;
    color: #191140;
    font-size: 20px;
    letter-spacing: 1px;
    text-align: center;
  }
  .pro-cdp .carousel-indicators {
    width: 135px;
    height: 10px;
    bottom: -30px;
    border: none;
    z-index: 9;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
  .pro-cdp .carousel-indicators li {
    background-color: #DBDBDB;
    width: 10px;
    height: 10px;
    box-sizing: border-box;
  }
  .pro-cdp .carousel-indicators li img {
    display: none;
  }
  .pro-cdp .carousel-indicators li span {
    display: none;
  }
  .pro-cdp .carousel-indicators li + li {
    margin-left: 20px;
  }
  .pro-cdp .carousel-indicators .active {
    background-color: #FC5F3A;
  }
  .pro-cdp .carousel-inner {
    width: 86%;
    margin: 0 auto;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  }
  .pro-cdp .carousel-inner .second-section-replace {
    min-height: 600px;
  }
  .pro-cdp .carousel-inner .second-section-replace-left {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
  .pro-cdp .carousel-inner .second-section-replace-right {
    padding: 20px;
  }
  .pro-cdp .carousel-inner .second-section-replace-right h1 {
    color: #191140;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: left;
  }
  .pro-cdp .carousel-inner .second-section-replace-right h2 {
    margin-top: 32px;
    margin-bottom: 16px;
    color: #1A1241;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 25px;
  }
  .pro-cdp .carousel-inner .second-section-replace-right span {
    display: block;
    color: #65697F;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 24px;
  }
}
@media (max-width: 991px) {
  .pro-cdp .header-wrapper .header-left h1 {
    width: 85%;
    font-size: 28px;
    color: #191140;
    text-align: justify;
    text-align-last: center;
    margin: 10px auto 0px;
  }
  .pro-cdp .header-wrapper .header-left h2 {
    width: 85%;
    color: #52556C;
    font-size: 16px;
    margin: 15px auto 36px;
    text-align: justify;
    text-align-last: center;
  }
  .pro-cdp .header-wrapper .header-right {
    width: 50%;
    display: block;
    margin: 20px auto;
  }
  .pro-cdp .flowChart_cdp {
    padding-top: 27px;
  }
  .pro-cdp .flowChart_cdp h1 {
    width: 311px;
    margin: 0 auto 14px;
    font-size: 20px;
    line-height: 30px;
  }
  .pro-cdp .flowChart_cdp p {
    width: 80%;
    font-size: 14px;
    margin: 0 auto 24px;
    text-align: center;
    color: #52556C;
  }
  .pro-cdp .flowChart_cdp img {
    width: 335px;
  }
  .pro-cdp .product_value_desc_cdp {
    background: #fff;
    padding-bottom: 37px;
  }
  .pro-cdp .product_value_desc_cdp .second-section-title h1 {
    width: 239px;
    color: #191140;
    font-size: 21px;
    margin: 0px auto 15px;
    padding-top: 33px;
    text-align: justify;
    text-align-last: center;
    line-height: 1.4;
  }
  .pro-cdp .product_value_desc_cdp .second-section-title h5 {
    width: 85%;
    color: #52556C;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
    margin: 0 auto;
    font-weight: normal;
    padding-bottom: 20px;
  }
  .pro-cdp .product_value_desc_cdp .second-section-title .btn_cdp {
    margin-bottom: 35px;
  }
  .pro-cdp .product_value_desc_cdp .second-section-title .btn_cdp a {
    margin: 0 auto;
  }
  .pro-cdp .product_value_desc_cdp .center .one-part {
    width: 85%;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
    border: none;
    margin: 0 auto 38px;
    padding: 28px 0 33px;
  }
  .pro-cdp .product_value_desc_cdp .center .one-part h1 {
    width: 90%;
    color: #191140;
    font-size: 16px;
    margin: 0px auto 15px;
    text-align: center;
    letter-spacing: 1px;
    line-height: 1.4;
  }
  .pro-cdp .product_value_desc_cdp .center .one-part .btn_info {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
  }
  .pro-cdp .product_value_desc_cdp .center .one-part .btn_info a {
    color: #FC5F3A;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 13px;
  }
  .pro-cdp .product_value_desc_cdp .center .one-part .inner img {
    height: auto;
    width: 80%;
    margin: 0 auto;
  }
  .pro-cdp .product_value_desc_cdp .center .one-part .inner .inner-content {
    width: 298px;
    width: 80%;
    margin: 15px auto 0px;
  }
  .pro-cdp .product_value_desc_cdp .center .one-part .inner .inner-content p {
    line-height: 1.5;
  }
  .pro-cdp .product_value_desc_cdp .center .one-part .inner .inner-content p:before {
    display: inline-block;
    width: 12px;
    height: 9px;
    margin-right: 7px;
  }
  .pro-cdp .product_value_desc_cdp .center .one-part-last {
    margin-bottom: 0px;
  }
  .pro-cdp .product_value_desc_cdp .center .one-part-icon-none .inner-content p {
    text-indent: unset !important;
    margin-left: 0px;
  }
  .pro-cdp .product_value_desc_cdp .center .one-part-icon-none .inner-content p:before {
    content: none !important;
    margin: 0px !important;
  }
  .pro-cdp .product_value_desc_cdp .more_logo {
    width: 90%;
    margin: 0 auto;
  }
  .pro-cdp .product_value_desc_cdp .more_logo .customer_list {
    margin-bottom: 0px;
  }
  .pro-cdp .product_value_desc_cdp .more_logo .customer_list img {
    width: 20% !important;
    margin: 1% 1% !important;
  }
  .pro-cdp .product_value_desc_cdp .more_logo .visible-xs h1 {
    width: 100% !important;
  }
  .pro-cdp .footer_banner {
    background-color: #F8F8F8;
  }
}
@media (max-width: 360px) {
  .pro-cdp .flowChart_cdp h1 {
    width: 90%;
  }
  .pro-cdp .flowChart_cdp p {
    width: 90%;
  }
  .pro-cdp .flowChart_cdp img {
    width: 90%;
  }
  .pro-cdp .product_value_desc_cdp .center .one-part {
    width: 90%;
  }
  .pro-cdp .product_value_desc_cdp .center .one-part h1 {
    width: 90%;
  }
  .pro-cdp .product_value_desc_cdp .center .one-part .inner img {
    width: 260px;
  }
  .pro-cdp .product_value_desc_cdp .center .one-part .inner-content {
    width: 240px;
  }
}
#insurance_program {
  background-color: #FFFFFF;
  padding: 40px 0px 0px;
}
#insurance_program h1 {
  color: #191140;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 32px;
  text-align: center;
  padding-top: 10px;
}
@media (max-width: 991px) {
  #insurance_program h1 {
    height: 30px;
    font-size: 21px;
    letter-spacing: 1.31px;
    line-height: 30px;
    padding-top: 0px;
    margin-bottom: 14px;
  }
}
#insurance_program h5 {
  color: #52556C;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 16px;
  text-align: center;
  margin: 0 auto;
  margin-top: 35px;
}
#insurance_program .feature-list {
  margin: 0 auto;
}
#insurance_program .feature-list .feature-list-container {
  max-width: 1180px;
  margin: 0 auto;
}
#insurance_program .feature-list .feature-list-container .feature-item {
  position: relative;
}
@media (min-width: 991px) {
  #insurance_program .feature-list .feature-list-container .feature-item {
    height: 450px;
    padding: 30px 0px 30px 0px;
    border-bottom: 1px solid #EFEFEF;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .leftBox {
    position: absolute;
    margin: auto 0;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .leftBox .textBox {
    position: absolute;
    margin: auto 0;
    top: 0;
    bottom: 0;
    height: 250px;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .leftBox .textBox h2 {
    text-align: left;
    height: 26px;
    color: #191140;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 28px;
    margin-bottom: 14px;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .leftBox .textBox .desc {
    margin: 28px auto 54px;
    padding-left: 0px;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .leftBox .textBox .desc span {
    text-indent: 0px;
    display: block;
    margin-bottom: 20px;
    color: #65697F;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px;
    text-indent: -30px;
    margin-left: 30px;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .leftBox .textBox .desc span:before {
    content: ' ';
    display: inline-block;
    background-image: url(../../../../vassets/images/home_v3/products/products_miniprogram/icon5.png);
    background-repeat: unset;
    background-size: 100% 100%;
    width: 15px;
    height: 12px;
    margin-right: 16px;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .leftBox .textBox .desc.desc-icon-none span {
    margin-left: 0px;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .leftBox .textBox .desc.desc-icon-none span:before {
    background-image: none;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .leftBox .textBox a {
    color: #FC5F3A;
    font-size: 22px;
    line-height: 16px;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .leftBox .imgBox {
    width: 100%;
    margin: auto 0;
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .leftBox .imgBox img {
    width: 382px;
    height: auto;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .rightBox {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    width: 50%;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .rightBox .textBox {
    position: absolute;
    margin: 70px auto 0px;
    top: 0;
    bottom: 0;
    height: 250px;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .rightBox .textBox h2 {
    text-align: left;
    height: auto;
    color: #191140;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 28px;
    margin-bottom: 14px;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .rightBox .textBox .desc {
    margin: 30px auto 50px;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .rightBox .textBox .desc span {
    text-indent: 0px;
    display: block;
    margin-bottom: 18px;
    color: #65697F;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px;
    text-indent: -30px;
    margin-left: 30px;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .rightBox .textBox .desc span:before {
    content: ' ';
    display: inline-block;
    background-image: url(../../../../vassets/images/home_v3/products/products_miniprogram/icon5.png);
    background-repeat: unset;
    background-size: 100% 100%;
    width: 15px;
    height: 12px;
    margin-right: 15px;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .rightBox .textBox .desc.desc-icon-none span {
    margin-left: 0px;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .rightBox .textBox .desc.desc-icon-none span:before {
    background-image: none;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .rightBox .textBox a {
    color: #FC5F3A;
    font-size: 22px;
    line-height: 16px;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .rightBox .imgBox {
    width: 100%;
    margin: auto 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .rightBox .imgBox img {
    padding-left: 10px;
    width: 382px;
    height: auto;
  }
}
@media (max-width: 991px) {
  #insurance_program .feature-list .feature-list-container .feature-item {
    width: 90%;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
    margin: 17px auto;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .leftBox,
  #insurance_program .feature-list .feature-list-container .feature-item .rightBox {
    margin: 0 7%;
    padding: 20px 0px 0px;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .leftBox .textBox,
  #insurance_program .feature-list .feature-list-container .feature-item .rightBox .textBox {
    text-align: center;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .leftBox .textBox h2,
  #insurance_program .feature-list .feature-list-container .feature-item .rightBox .textBox h2 {
    font-size: 18px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .leftBox .textBox img,
  #insurance_program .feature-list .feature-list-container .feature-item .rightBox .textBox img {
    width: 100%;
    height: auto;
    display: block;
    margin: 10px auto;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .leftBox .textBox .desc,
  #insurance_program .feature-list .feature-list-container .feature-item .rightBox .textBox .desc {
    margin-top: 20px!important;
    margin-bottom: 20px;
    text-align: left;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .leftBox .textBox .desc span,
  #insurance_program .feature-list .feature-list-container .feature-item .rightBox .textBox .desc span {
    text-indent: 0px;
    font-size: 14px;
    display: block;
    margin-bottom: 8px;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .leftBox .textBox .desc span:before,
  #insurance_program .feature-list .feature-list-container .feature-item .rightBox .textBox .desc span:before {
    content: ' ';
    display: inline-block;
    background-image: url(../../../../vassets/images/home_v3/solution/insurance/icon_correct.png);
    background-repeat: unset;
    background-size: 100% 100%;
    width: 13px;
    height: 13px;
    margin-right: 6px;
  }
  #insurance_program .feature-list .feature-list-container .feature-item .leftBox .textBox a,
  #insurance_program .feature-list .feature-list-container .feature-item .rightBox .textBox a {
    color: #FC5F3A;
    font-size: 16px;
    line-height: 1;
  }
}
#insurance_program .feature-list .feature-list-container .feature-item.feature-item-last {
  border: none;
  margin-bottom: 0px;
}
.pro-web #insurance_program h1 {
  background-color: #FBFBFB;
  padding-top: 62px;
}
.pro-web #insurance_program .feature-list .feature-list-container {
  width: 100%;
  max-width: none;
  margin: 0;
}
.pro-web #insurance_program .feature-list .feature-list-container .feature-item {
  border: none;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}
.pro-web #insurance_program .feature-list .feature-list-container .feature-item .leftBox .textBox a {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 16px;
}
.pro-web #insurance_program .feature-list .feature-list-container .feature-item .rightBox .textBox a {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 16px;
}
.pro-web #insurance_program .feature-list .feature-list-container .feature-item-bg {
  background-color: #FBFBFB;
  padding: 30px 0px;
  width: 100%;
}
.pro-web #insurance_program .feature-list .feature-list-container .feature-item-bg-none {
  background-color: #fff;
  padding: 30px 0px;
  width: 100%;
}
.pro-web #productsSolutions-three-part .discourse {
  width: 910px;
}
@media (max-width: 991px) {
  .pro-cdp.pro-web .header-wrapper .header-right {
    width: 80%;
    margin-top: 32px;
  }
  .pro-cdp.pro-web .product_value_desc_cdp .center .one-part .inner .inner-content {
    width: 90%;
  }
}
@media (min-width: 991px) {
  .pro-cdp.pro-app .header-wrapper .header-left h2:nth-child(3) {
    margin-bottom: 30px !important;
  }
  .pro-cdp.pro-app #insurance_program .feature-list .feature-list-container .feature-item {
    height: 450px;
    padding: 25px 0px;
  }
  .pro-cdp.pro-app #insurance_program .feature-list .feature-list-container .feature-item .leftBox .textBox h2,
  .pro-cdp.pro-app #insurance_program .feature-list .feature-list-container .feature-item .rightBox .textBox h2 {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 35px;
    margin-bottom: 0px;
  }
  .pro-cdp.pro-app #insurance_program .feature-list .feature-list-container .feature-item .leftBox .imgBox img,
  .pro-cdp.pro-app #insurance_program .feature-list .feature-list-container .feature-item .rightBox .imgBox img {
    height: auto;
  }
  .pro-cdp.pro-app #insurance_program .feature-list .feature-list-container .feature-item-bg {
    padding: 0px;
  }
  .pro-cdp.pro-app #insurance_program .feature-list .feature-list-container .feature-item-bg-none {
    padding: 0px;
  }
  .pro-cdp.pro-app .product_value_desc_cdp .second-section-title h1 {
    padding-top: 50px;
    margin-bottom: 30px;
  }
}
.customer_agree_new h1 {
  color: #191140;
  text-align: center;
}
@media (min-width: 992px) {
  .customer_agree_new {
    background-color: #FBFBFB;
    min-width: 1260px;
    margin: 0 auto;
    padding-bottom: 40px;
    height: 432px;
  }
  .customer_agree_new h1 {
    color: #191140;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 28px;
    text-align: center;
  }
  .customer_agree_new-why {
    width: 1216px;
    margin: 0 auto;
    height: 184px;
  }
  .customer_agree_new-why-item {
    width: 280px;
    display: inline-block;
    height: 100%;
    margin: 0 10px;
  }
  .customer_agree_new-why-item img {
    height: 80px;
    width: 80px;
    margin: 0 auto;
    display: block;
  }
  .customer_agree_new-why-item h1 {
    font-weight: normal;
    padding: 0;
    color: #191140;
    font-size: 20px;
    text-align: center;
    margin: 24px 0 16px;
  }
  .customer_agree_new-why-item span {
    height: 44px;
    width: 232px;
    display: block;
    color: #65697F;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    margin: 0 auto;
  }
  .customer_agree_new .customer-agree {
    position: relative;
    margin: 30px auto 0px;
    height: 294px;
  }
  .customer_agree_new .customer-agree:before {
    content: ' ';
    display: block;
    width: 200px;
    height: 200px;
    background-image: url('../../../../assets/images/home_v3/index/element_01_new.png'), none;
    background-size: 140px 140px;
    background-repeat: no-repeat;
    position: absolute;
    right: -58px;
    top: -34px;
  }
  .customer_agree_new .customer-agree:after {
    content: ' ';
    display: block;
    height: 309px;
    width: 411px;
    background-image: url('../../../../assets/images/home_v3/index/element_02_new.png'), none;
    background-size: 140px 140px;
    background-repeat: no-repeat;
    position: absolute;
    left: -2px;
    bottom: -202px;
  }
  .customer_agree_new .customer-agree-carousel {
    height: auto;
    min-height: 294px;
    width: 1110px;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 8px 32px 0 rgba(47, 67, 82, 0.1);
    margin: auto 34px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    padding: 30px 0px;
  }
  .customer_agree_new .customer-agree-carousel .carousel-indicators {
    height: 40px;
    top: 30px;
    margin-bottom: 0;
  }
  .customer_agree_new .customer-agree-carousel .carousel-indicators li {
    position: relative;
    border: 0;
    margin: 0 10px;
    height: 40px;
    width: 120px;
    background: transparent;
    border: none;
  }
  .customer_agree_new .customer-agree-carousel .carousel-indicators li img {
    border-radius: 0px;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    display: block;
    height: 40px;
    width: auto;
  }
  .customer_agree_new .customer-agree-carousel .carousel-indicators .active {
    opacity: 1;
    height: 40px;
    width: 120px;
    margin: 0 10px;
  }
  .customer_agree_new .customer-agree-carousel .carousel-indicators .active img {
    border-radius: 0px;
    height: 40px;
    width: auto;
  }
  .customer_agree_new .customer-agree-carousel .carousel-inner {
    display: inline-block;
    text-align: center;
    margin: 0 86px;
    width: 936px;
    height: auto;
    top: 50px;
  }
  .customer_agree_new .customer-agree-carousel .carousel-inner .item {
    width: 100%;
    height: 100%;
  }
  .customer_agree_new .customer-agree-carousel .carousel-inner .item img {
    display: block;
    width: 60px;
    height: 60px;
    margin: 17px auto;
  }
  .customer_agree_new .customer-agree-carousel .carousel-inner .item span {
    width: 100%;
    height: 64px;
    color: #191140;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 32px;
    text-align: center;
    display: block;
  }
  .customer_agree_new .customer-agree-carousel .carousel-inner .item span:nth-child(4) {
    height: 20px;
    width: 100%;
    color: #65697F;
    font-size: 20px;
    line-height: 1;
    text-align: center;
    display: block;
  }
  .customer_agree_new .customer-agree-carousel .left,
  .customer_agree_new .customer-agree-carousel .right {
    width: 72px;
    background-image: none;
  }
  .customer_agree_new .customer-agree-carousel .left .glyphicon-chevron-left,
  .customer_agree_new .customer-agree-carousel .right .glyphicon-chevron-left {
    background-size: 100% 100%;
    border-radius: 100%;
    background-color: #FEEFEB;
    width: 48px;
    height: 48px;
    margin-top: -24px;
  }
  .customer_agree_new .customer-agree-carousel .left .glyphicon-chevron-left div,
  .customer_agree_new .customer-agree-carousel .right .glyphicon-chevron-left div {
    display: block;
    position: absolute;
    left: 18px;
    top: 13px;
    width: 20px;
    height: 20px;
    border: 3px solid;
    border-radius: 10%;
    border-color: transparent transparent #fc5f3a #fc5f3a;
    transform: rotate(45deg);
  }
  .customer_agree_new .customer-agree-carousel .left .glyphicon-chevron-left:hover,
  .customer_agree_new .customer-agree-carousel .right .glyphicon-chevron-left:hover {
    background-color: #fc5f3a;
  }
  .customer_agree_new .customer-agree-carousel .left .glyphicon-chevron-left:hover div,
  .customer_agree_new .customer-agree-carousel .right .glyphicon-chevron-left:hover div {
    border-color: transparent transparent #fff #fff;
  }
  .customer_agree_new .customer-agree-carousel .left .glyphicon-chevron-left:before,
  .customer_agree_new .customer-agree-carousel .right .glyphicon-chevron-left:before {
    content: '';
  }
  .customer_agree_new .customer-agree-carousel .left .glyphicon-chevron-right,
  .customer_agree_new .customer-agree-carousel .right .glyphicon-chevron-right {
    background-color: #FEEFEB;
    border-radius: 100%;
    background-size: 100% 100%;
    width: 48px;
    height: 48px;
    margin-top: -34px;
  }
  .customer_agree_new .customer-agree-carousel .left .glyphicon-chevron-right div,
  .customer_agree_new .customer-agree-carousel .right .glyphicon-chevron-right div {
    content: ' ';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 13px;
    border: 3px solid;
    border-radius: 10%;
    border-color: #fc5f3a #fc5f3a transparent transparent;
    transform: rotate(45deg);
  }
  .customer_agree_new .customer-agree-carousel .left .glyphicon-chevron-right:hover,
  .customer_agree_new .customer-agree-carousel .right .glyphicon-chevron-right:hover {
    background-color: #fc5f3a;
  }
  .customer_agree_new .customer-agree-carousel .left .glyphicon-chevron-right:hover div,
  .customer_agree_new .customer-agree-carousel .right .glyphicon-chevron-right:hover div {
    border-color: #fff #fff transparent transparent;
  }
  .customer_agree_new .customer-agree-carousel .left .glyphicon-chevron-right:before,
  .customer_agree_new .customer-agree-carousel .right .glyphicon-chevron-right:before {
    content: '';
  }
}
@media (max-width: 991px) {
  .customer_agree_new {
    height: 410px;
    width: 100%;
    margin: 0 auto;
    padding: 0% 5%;
    margin-bottom: 5px;
  }
  .customer_agree_new h1 {
    padding-top: 0px;
    font-size: 20px;
    margin-bottom: 15px;
  }
  .customer_agree_new-why {
    width: 92vw;
    height: 360px;
    margin: 4vw auto;
  }
  .customer_agree_new-why-item {
    display: inline-block;
    width: 44vw;
    height: 183px;
    margin: 2px;
  }
  .customer_agree_new-why-item img {
    height: 60px;
    width: 60px;
    margin: 0 auto;
    display: block;
  }
  .customer_agree_new-why-item h1 {
    font-weight: normal;
    padding: 0;
    color: #191140;
    font-size: 14px;
    text-align: center;
    margin: 16px 0 10px;
  }
  .customer_agree_new-why-item span {
    height: 42px;
    width: 165px;
    color: #65697F;
    font-size: 12px;
    line-height: 21px;
    text-align: center;
  }
  .customer_agree_new .customer-agree {
    position: relative;
    margin: 0 auto;
    height: auto;
    width: 100%;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  }
  .customer_agree_new .customer-agree-carousel {
    height: 338px;
    padding-bottom: 0px;
  }
  .customer_agree_new .customer-agree-carousel .carousel-indicators {
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 21px;
    bottom: -38px;
    z-index: 9;
  }
  .customer_agree_new .customer-agree-carousel .carousel-indicators li {
    vertical-align: middle;
    background-color: #DBDBDB;
    width: 10px;
    height: 10px;
    box-sizing: border-box;
  }
  .customer_agree_new .customer-agree-carousel .carousel-indicators li img {
    display: none;
  }
  .customer_agree_new .customer-agree-carousel .carousel-indicators li + li {
    margin-left: 20px;
  }
  .customer_agree_new .customer-agree-carousel .carousel-indicators .active {
    background-color: #FC5F3A;
  }
  .customer_agree_new .customer-agree-carousel .carousel-inner {
    display: inline-block;
    padding: 0;
    height: 100%;
    padding: 35px 20px 0px;
    text-align: center;
    text-align-last: center;
  }
  .customer_agree_new .customer-agree-carousel .carousel-inner .item {
    width: 100%;
    height: 100%;
  }
  .customer_agree_new .customer-agree-carousel .carousel-inner .item img {
    display: block;
    width: auto;
    height: 60px;
    margin: 0px auto 20px;
  }
  .customer_agree_new .customer-agree-carousel .carousel-inner .item span {
    height: 100px;
    width: 100%;
    color: #191140;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 24px;
    text-align: center;
    display: block;
    margin: 0 auto;
  }
  .customer_agree_new .customer-agree-carousel .carousel-inner .item span:nth-child(4) {
    width: 100%;
    margin: 56px auto 50px;
    height: 16px;
    color: #65697F;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    display: block;
  }
  .customer_agree_new .customer-agree-carousel .left,
  .customer_agree_new .customer-agree-carousel .right {
    display: none;
  }
}
#productsSolutions .header-wrapper {
  height: 450px;
}
@media (max-width: 991px) {
  #productsSolutions .header-wrapper {
    height: auto;
  }
}
#productsSolutions .header-wrapper .center {
  margin: 74px auto 0px !important;
  padding: 46px 0px 40px 0px;
  height: 450px;
}
@media (max-width: 991px) {
  #productsSolutions .header-wrapper .center {
    padding: 0px;
    height: auto;
  }
}
#productsSolutions .header-wrapper .center .header-left {
  margin-top: 36px;
  width: 620px;
  display: inline-block;
}
@media (max-width: 991px) {
  #productsSolutions .header-wrapper .center .header-left {
    width: 90%;
    margin: 0 auto;
    padding-top: 50px;
  }
}
#productsSolutions .header-wrapper .center .header-left h1 {
  height: 38px;
  width: 100%;
  color: #191140;
  font-size: 36px;
  font-weight: 500;
  letter-spacing: 0.83px;
  line-height: 36px;
  display: block;
  text-align: left;
  margin: 0px 0px 30px 0px;
}
@media (max-width: 991px) {
  #productsSolutions .header-wrapper .center .header-left h1 {
    height: auto;
    line-height: 20px;
    font-size: 20px;
    text-align: center;
    margin: 0px auto 30px;
    letter-spacing: 0;
  }
}
@media (max-width: 320px) {
  #productsSolutions .header-wrapper .center .header-left h1 {
    line-height: 20px;
    font-size: 20px;
  }
}
#productsSolutions .header-wrapper .center .header-left h1.add-title-t {
  margin-bottom: 0px;
}
#productsSolutions .header-wrapper .center .header-left h1.add-title-b {
  margin-top: 10px;
}
#productsSolutions .header-wrapper .center .header-left h2 {
  color: #52556C;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: 0px;
  text-align: left;
  margin-bottom: 12px;
}
@media (max-width: 991px) {
  #productsSolutions .header-wrapper .center .header-left h2 {
    width: 100%;
    color: #52556C;
    font-size: 16px;
    margin: -6px auto 24px;
    text-align: center;
    letter-spacing: 0px;
    line-height: 29px;
  }
}
#productsSolutions .header-wrapper .center .header-left .IndexButton {
  font-size: 20px;
  height: 48px;
  width: 280px;
  border-radius: 4px;
  background-color: #FC5F3A;
  box-shadow: 0 8px 16px 0 rgba(211, 43, 14, 0.15);
  color: #FFFFFF;
  text-align: center;
  padding: 0;
  margin-top: 58px;
}
@media (max-width: 991px) {
  #productsSolutions .header-wrapper .center .header-left .IndexButton {
    border: none;
    display: block;
    border-radius: 4px;
    margin: 0px auto;
    color: #FFFFFF;
    text-align: center;
  }
}
#productsSolutions .header-wrapper .center .header-left.header-small {
  margin-top: 68px;
}
#productsSolutions .header-wrapper .center .banner-img {
  width: 560px;
  height: 365px;
  float: right;
}
@media (max-width: 991px) {
  #productsSolutions .header-wrapper .center .banner-img {
    width: 100%;
    padding: 0% 5%;
    height: auto;
    float: none;
    margin: 30px auto 20px;
  }
}
#productsSolutions .header-wrapper .center .banner-img img {
  height: 365px;
  width: auto;
  position: absolute;
  right: 0px;
  top: 46px;
}
@media (max-width: 991px) {
  #productsSolutions .header-wrapper .center .banner-img img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    position: static;
  }
}
#productsSolutions .header-wrapper .center:after {
  clear: both;
}
#productsSolutions #productsSolutions-tabList1 {
  height: 452px;
  background-color: #FBFBFB;
  padding: 50px 0px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList1 {
    height: 590px;
  }
}
#productsSolutions #productsSolutions-tabList1 .content {
  width: 1180px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList1 .content {
    width: 90%;
    padding: 0;
  }
}
#productsSolutions #productsSolutions-tabList1 .content h1 {
  color: #191140;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 32px;
  text-align: center;
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList1 .content h1 {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    font-size: 22px;
  }
}
#productsSolutions #productsSolutions-tabList1 .content .row {
  margin: 0 auto;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList1 .content .row {
    text-align: justify;
  }
}
#productsSolutions #productsSolutions-tabList1 .content .row .col-md-3 {
  height: 272px;
  width: 280px;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  margin-right: 20px;
  padding: 0px 20px 40px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList1 .content .row .col-md-3 {
    margin-top: 20px;
    height: 206px;
    width: 48%;
    margin-right: 2%;
    padding: 0px;
  }
}
#productsSolutions #productsSolutions-tabList1 .content .row .col-md-3 .img {
  height: 52px;
  width: 52px;
  margin: 34px auto;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList1 .content .row .col-md-3 .img {
    width: 30px;
    height: 30px;
    margin: 15px auto;
  }
}
#productsSolutions #productsSolutions-tabList1 .content .row .col-md-3 .img img {
  width: 52px;
  height: auto;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList1 .content .row .col-md-3 .img img {
    width: 30px;
    height: auto;
  }
}
#productsSolutions #productsSolutions-tabList1 .content .row .col-md-3 .title {
  margin-bottom: 14px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList1 .content .row .col-md-3 .title {
    margin-bottom: 9px;
  }
}
#productsSolutions #productsSolutions-tabList1 .content .row .col-md-3 .title h5 {
  color: #191140;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  margin: 0px 0px 10px 0px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList1 .content .row .col-md-3 .title h5 {
    font-size: 14px;
    line-height: 19px;
  }
}
#productsSolutions #productsSolutions-tabList1 .content .row .col-md-3 .content {
  width: 240px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList1 .content .row .col-md-3 .content {
    width: 85%;
  }
}
#productsSolutions #productsSolutions-tabList1 .content .row .col-md-3 .content .desc {
  width: 240px;
  margin-left: 0px;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList1 .content .row .col-md-3 .content .desc {
    font-size: 12px;
    margin-left: 0px;
    width: 100%;
  }
}
#productsSolutions #productsSolutions-tabList1 .content .row .col-md-3 .content .desc img {
  width: 16px;
  height: auto;
  float: left;
  margin-top: 0px;
  background-color: #417DF6;
  margin-right: 12px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList1 .content .row .col-md-3 .content .desc img {
    width: 12px;
    margin-right: 5px;
  }
}
#productsSolutions #productsSolutions-tabList1 .content .row .col-md-3 .content .desc p {
  color: #65697F;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 5px;
  position: relative;
  margin: 0px;
  margin-left: 28px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList1 .content .row .col-md-3 .content .desc p {
    font-size: 12px;
    width: 100%;
    margin-left: 0px;
    padding-left: 16px;
    line-height: 16px;
  }
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList1 .content .row .box-right {
    margin-right: 0px !important;
  }
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList1 .content .row .box-left {
    margin-right: 4%;
  }
}
#productsSolutions #productsSolutions-tabList1 .content .col-md-3.last_box {
  margin-right: 0px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList1 .content .col-xs-6 .img {
    width: 30px;
    height: 30px;
    margin: 15px auto;
  }
  #productsSolutions #productsSolutions-tabList1 .content .col-xs-6 .img img {
    width: 30px;
    height: auto;
  }
  #productsSolutions #productsSolutions-tabList1 .content .col-xs-6 .title {
    margin-bottom: 9px;
  }
  #productsSolutions #productsSolutions-tabList1 .content .col-xs-6 .title h5 {
    font-size: 14px;
    line-height: 19px;
  }
  #productsSolutions #productsSolutions-tabList1 .content .col-xs-6 .content {
    overflow: hidden;
    width: 60%;
  }
  #productsSolutions #productsSolutions-tabList1 .content .col-xs-6 .content .desc {
    font-size: 12px;
    margin-left: 0px;
    width: 100%;
  }
  #productsSolutions #productsSolutions-tabList1 .content .col-xs-6 .content .desc img {
    width: 12px;
  }
  #productsSolutions #productsSolutions-tabList1 .content .col-xs-6 .content .desc p {
    font-size: 12px;
    width: 100%;
    margin-left: 0px;
    padding-left: 16px;
    line-height: 16px;
  }
  #productsSolutions #productsSolutions-tabList1 .content .box-right {
    margin-right: 0px !important;
  }
  #productsSolutions #productsSolutions-tabList1 .content .box-left {
    margin-right: 4%;
  }
}
@media (max-width: 991px) and (max-width: 414px) {
  #productsSolutions #productsSolutions-tabList1 .content .col-xs-6 .content {
    width: 85%;
  }
}
#productsSolutions #productsSolutions-tabList2 {
  height: 462px;
  background-color: #FBFBFB;
  padding: 50px 0px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList2 {
    height: auto;
    background-color: #ffffff;
  }
}
#productsSolutions #productsSolutions-tabList2 .content {
  width: 1180px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList2 .content {
    width: 90%;
    padding: 0;
  }
}
#productsSolutions #productsSolutions-tabList2 .content h1 {
  color: #191140;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 32px;
  text-align: center;
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList2 .content h1 {
    width: 100%;
    height: auto;
    margin-bottom: 0px;
    font-size: 22px;
    line-height: 22px;
  }
}
#productsSolutions #productsSolutions-tabList2 .content .row {
  margin: 0 auto;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList2 .content .row {
    text-align: justify;
  }
}
#productsSolutions #productsSolutions-tabList2 .content .row .col-md-3 {
  height: 281px;
  width: 280px;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  margin-right: 20px;
  padding: 0px 20px 40px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList2 .content .row .col-md-3 {
    margin-top: 30px;
    height: 238px;
    width: 48%;
    margin-right: 4%;
    padding: 0px;
  }
}
#productsSolutions #productsSolutions-tabList2 .content .row .col-md-3 .img {
  height: 54px;
  width: 54px;
  margin: 30px auto;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList2 .content .row .col-md-3 .img {
    width: 36px;
    height: 36px;
    margin: 18px auto 15px;
  }
}
#productsSolutions #productsSolutions-tabList2 .content .row .col-md-3 .img img {
  width: 54px;
  height: auto;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList2 .content .row .col-md-3 .img img {
    width: 36px;
    height: auto;
  }
}
#productsSolutions #productsSolutions-tabList2 .content .row .col-md-3 .title {
  margin-bottom: 27px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList2 .content .row .col-md-3 .title {
    margin-bottom: 9px;
  }
}
#productsSolutions #productsSolutions-tabList2 .content .row .col-md-3 .title h5 {
  color: #191140;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  margin: 0px 0px 10px 0px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList2 .content .row .col-md-3 .title h5 {
    font-size: 14px;
    line-height: 19px;
  }
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList2 .content .row .col-md-3 .title h5.visible-xs {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 0px;
  }
}
#productsSolutions #productsSolutions-tabList2 .content .row .col-md-3 .content {
  width: 240px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList2 .content .row .col-md-3 .content {
    width: 85%;
  }
}
#productsSolutions #productsSolutions-tabList2 .content .row .col-md-3 .content .desc {
  width: 240px;
  margin-left: 0px;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList2 .content .row .col-md-3 .content .desc {
    font-size: 12px;
    line-height: 16px;
    margin-left: 0px;
    width: 100%;
    margin-bottom: 6px;
  }
}
#productsSolutions #productsSolutions-tabList2 .content .row .col-md-3 .content .desc img {
  width: 16px;
  height: auto;
  float: left;
  margin-top: 0px;
  margin-right: 12px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList2 .content .row .col-md-3 .content .desc img {
    width: 12px;
    margin-right: 5px;
    margin-top: 3px;
  }
}
#productsSolutions #productsSolutions-tabList2 .content .row .col-md-3 .content .desc p {
  color: #65697F;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 14px;
  margin-bottom: 5px;
  position: relative;
  margin: 0px;
  margin-left: 28px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList2 .content .row .col-md-3 .content .desc p {
    font-size: 12px;
    width: 100%;
    margin-left: 0px;
    padding-left: 16px;
    line-height: 16px;
  }
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList2 .content .row .box-right {
    margin-right: 0px !important;
  }
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList2 .content .row .box-left {
    margin-right: 4%;
  }
}
#productsSolutions #productsSolutions-tabList2 .content .col-md-3.last_box {
  margin-right: 0px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList2 .content .col-xs-6 .img {
    width: 30px;
    height: 30px;
    margin: 15px auto;
  }
  #productsSolutions #productsSolutions-tabList2 .content .col-xs-6 .img img {
    width: 30px;
    height: auto;
  }
  #productsSolutions #productsSolutions-tabList2 .content .col-xs-6 .title {
    margin-bottom: 9px;
  }
  #productsSolutions #productsSolutions-tabList2 .content .col-xs-6 .title h5 {
    font-size: 14px;
    line-height: 19px;
  }
  #productsSolutions #productsSolutions-tabList2 .content .col-xs-6 .content {
    overflow: hidden;
    width: 60%;
  }
  #productsSolutions #productsSolutions-tabList2 .content .col-xs-6 .content .desc {
    font-size: 12px;
    margin-left: 0px;
    width: 100%;
  }
  #productsSolutions #productsSolutions-tabList2 .content .col-xs-6 .content .desc img {
    width: 12px;
  }
  #productsSolutions #productsSolutions-tabList2 .content .col-xs-6 .content .desc p {
    font-size: 12px;
    width: 100%;
    margin-left: 0px;
    padding-left: 16px;
    line-height: 16px;
  }
  #productsSolutions #productsSolutions-tabList2 .content .box-right {
    margin-right: 0px !important;
  }
  #productsSolutions #productsSolutions-tabList2 .content .box-left {
    margin-right: 4%;
  }
}
@media (max-width: 991px) and (max-width: 414px) {
  #productsSolutions #productsSolutions-tabList2 .content .col-xs-6 .content {
    width: 85%;
  }
}
#productsSolutions #productsSolutions-tabList-none-icon {
  height: 415px;
  margin: 0 auto;
  background-color: #FBFBFB;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList-none-icon {
    width: 100%;
    padding: 0% 5%;
    height: auto;
    min-width: 100%;
    background-color: #fff;
    margin-top: 35px;
    margin-bottom: 10px;
  }
}
#productsSolutions #productsSolutions-tabList-none-icon .container {
  width: 1180px;
  min-width: 1180px;
  padding: 0px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList-none-icon .container {
    width: 100%;
    min-width: 100%;
  }
}
#productsSolutions #productsSolutions-tabList-none-icon .container h1 {
  color: #191140;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 32px;
  text-align: center;
  padding: 50px 0px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList-none-icon .container h1 {
    width: 100%;
    padding: 0px;
    font-size: 22px;
    line-height: 22px;
  }
}
#productsSolutions #productsSolutions-tabList-none-icon .container .content {
  width: 1180px;
  min-width: 1180px;
  height: 310px;
  margin: 0 auto 0px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList-none-icon .container .content {
    width: 100%;
    min-width: 100%;
    height: auto;
  }
}
#productsSolutions #productsSolutions-tabList-none-icon .container .content .pro-box {
  height: 234px;
  width: 280px;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  text-align: center;
  float: left;
  margin-right: 20px;
  padding: 0px 20px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList-none-icon .container .content .pro-box {
    margin-top: 30px;
    height: 180px;
    width: 48%;
    margin-right: 4%;
    padding: 0px;
  }
}
#productsSolutions #productsSolutions-tabList-none-icon .container .content .pro-box img {
  width: auto;
  height: 54px;
  margin: 30px auto 30px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList-none-icon .container .content .pro-box img {
    width: 36px;
    height: 36px;
    margin: 18px auto 15px;
  }
}
#productsSolutions #productsSolutions-tabList-none-icon .container .content .pro-box h2 {
  color: #191140;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList-none-icon .container .content .pro-box h2 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0px;
  }
}
#productsSolutions #productsSolutions-tabList-none-icon .container .content .pro-box .desc {
  width: 100%;
  margin-top: 5px;
  color: #65697F;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 23px;
  text-align: center;
  margin: 10px auto 0px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-tabList-none-icon .container .content .pro-box .desc {
    padding: 0px 9px;
    font-size: 12px;
    line-height: 20px;
  }
}
#productsSolutions #productsSolutions-tabList-none-icon .container .content .pro-box-last {
  margin-right: 0px;
}
@media (max-width: 992px) {
  #productsSolutions #productsSolutions-tabList-none-icon .container .content .pro-box.box-right {
    margin-right: 0px;
  }
}
#productsSolutions #productsSolutions-one-part2 {
  height: 466px;
  background-color: #FBFBFB;
  margin: 0 auto;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-one-part2 {
    width: 100%;
    padding: 0 5%;
    height: auto;
  }
}
#productsSolutions #productsSolutions-one-part2 h1 {
  color: #191140;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 32px;
  text-align: center;
  padding-bottom: 30px;
  padding-top: 50px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-one-part2 h1 {
    color: #191140;
    font-size: 22px;
    line-height: 22px;
    padding-top: 30px;
    padding-bottom: 20px;
  }
}
#productsSolutions #productsSolutions-one-part2 .content {
  width: 1180px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-one-part2 .content {
    width: 100%;
    text-align: center;
  }
}
#productsSolutions #productsSolutions-one-part2 .content img {
  width: 1180px;
  height: auto;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-one-part2 .content img {
    width: 100%;
    padding-bottom: 25px;
  }
}
#productsSolutions #productsSolutions-two-part {
  background-color: #FFFFFF;
  padding: 0px;
}
#productsSolutions #productsSolutions-two-part h1 {
  padding-top: 50px;
  color: #191140;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 32px;
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-two-part h1 {
    padding-top: 25px;
    margin-bottom: 30px;
    font-size: 22px;
    line-height: 22px;
  }
}
#productsSolutions #productsSolutions-two-part .banner-img {
  width: 1180px;
  height: 488px;
  margin: 50px auto 50px;
  text-align: center;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-two-part .banner-img {
    width: 100%;
    padding: 0% 5%;
    height: auto;
    margin: 0 auto;
  }
}
#productsSolutions #productsSolutions-two-part .banner-img img {
  height: 488px;
  width: auto;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-two-part .banner-img img {
    width: 100%;
    height: auto;
  }
}
#productsSolutions #productsSolutions-two-part .banner-btn {
  height: 48px;
  width: 280px;
  box-shadow: 0 8px 16px 0 rgba(211, 43, 14, 0.15);
  border-radius: 4px;
  background-color: #FC5F3A;
  margin: 0px auto 50px;
  text-align: center;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-two-part .banner-btn {
    margin: 30px auto;
    width: 180px;
    height: 30px;
  }
}
#productsSolutions #productsSolutions-two-part .banner-btn a {
  color: #fff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 48px;
  text-shadow: 0 1px 1px 0 rgba(208, 10, 10, 0.5);
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-two-part .banner-btn a {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    display: inline-block;
  }
}
#productsSolutions #productsSolutions-two-part .feature-list {
  margin: 0 auto;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-two-part .feature-list {
    width: 90%;
    margin: 0% 5%;
  }
}
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container {
  width: 100%;
  max-width: none;
  margin: 0;
}
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg {
  background-color: #FBFBFB;
}
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none {
  background-color: #fff;
}
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none {
  padding: 0px;
  width: 100%;
}
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item {
  height: 400px;
  padding: 40px 0px;
  border: none;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  position: relative;
}
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .leftBox,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .leftBox {
  position: absolute;
  width: 50%;
  height: 320px;
  display: flex;
  align-items: center;
}
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .rightBox,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .rightBox {
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  width: 50%;
  display: flex;
  align-items: center;
}
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .leftBox .textBox,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .leftBox .textBox,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .rightBox .textBox,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .rightBox .textBox {
  width: 100%;
}
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .leftBox .textBox h2,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .leftBox .textBox h2,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .rightBox .textBox h2,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .rightBox .textBox h2 {
  margin-bottom: 20px;
  color: #2A1E4F;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 28px;
}
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .leftBox .textBox h2.long-title,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .leftBox .textBox h2.long-title,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .rightBox .textBox h2.long-title,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .rightBox .textBox h2.long-title {
  color: #2A1E4F;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 38px;
  margin-bottom: 15px;
  margin-top: -5px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .leftBox .textBox h2.long-title,
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .leftBox .textBox h2.long-title,
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .rightBox .textBox h2.long-title,
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .rightBox .textBox h2.long-title {
    color: #191140;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 22px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 0px 10px;
  }
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .leftBox .textBox h2.title-top.visible-xs,
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .leftBox .textBox h2.title-top.visible-xs,
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .rightBox .textBox h2.title-top.visible-xs,
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .rightBox .textBox h2.title-top.visible-xs {
    margin-bottom: 5px;
  }
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .leftBox .textBox h2.title-but.visible-xs,
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .leftBox .textBox h2.title-but.visible-xs,
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .rightBox .textBox h2.title-but.visible-xs,
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .rightBox .textBox h2.title-but.visible-xs {
    margin-top: 0px;
  }
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .leftBox .textBox img,
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .leftBox .textBox img,
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .rightBox .textBox img,
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .rightBox .textBox img {
    width: 100%;
    height: auto;
    display: block;
    margin: 10px auto;
  }
}
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .leftBox .textBox .desc,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .leftBox .textBox .desc,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .rightBox .textBox .desc,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .rightBox .textBox .desc {
  padding-left: 0px;
}
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .leftBox .textBox .desc span,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .leftBox .textBox .desc span,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .rightBox .textBox .desc span,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .rightBox .textBox .desc span {
  display: block;
  color: #65697F;
  text-indent: -30px;
  margin-left: 30px;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 36px;
}
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .leftBox .textBox .desc span::before,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .leftBox .textBox .desc span::before,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .rightBox .textBox .desc span::before,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .rightBox .textBox .desc span::before {
  content: ' ';
  display: inline-block;
  background-image: url(../../../../vassets/images/home_v3/products/products_miniprogram/icon5.png);
  background-repeat: unset;
  background-size: 100% 100%;
  width: 15px;
  height: 12px;
  margin-right: 16px;
}
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .leftBox .textBox .desc span.more-desc,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .leftBox .textBox .desc span.more-desc,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .rightBox .textBox .desc span.more-desc,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .rightBox .textBox .desc span.more-desc {
  color: #65697F;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 16px;
}
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .leftBox .textBox .desc span.span-last,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .leftBox .textBox .desc span.span-last,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .rightBox .textBox .desc span.span-last,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .rightBox .textBox .desc span.span-last {
  margin-bottom: 50px;
}
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .leftBox .textBox a,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .leftBox .textBox a,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .rightBox .textBox a,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .rightBox .textBox a {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 16px;
  color: #FC5F3A;
}
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .leftBox .imgBox,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .leftBox .imgBox,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .rightBox .imgBox,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .rightBox .imgBox {
  width: 100%;
  margin: auto 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  padding: 40px 0px 40px 0px;
}
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .leftBox .imgBox img,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .leftBox .imgBox img,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .rightBox .imgBox img,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .rightBox .imgBox img {
  width: auto;
  height: 320px;
}
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .leftBox .textBox,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .leftBox .textBox {
  padding-right: 90px;
}
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .leftBox .imgBox,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .leftBox .imgBox {
  padding: 0px 60px 0px 0px;
}
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .rightBox .textBox,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .rightBox .textBox {
  padding-left: 60px;
}
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg .feature-item .rightBox .imgBox img,
#productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-item-bg-none .feature-item .rightBox .imgBox img {
  padding-left: 60px;
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-content-web {
    width: 100%;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
    position: static;
    min-height: 300px;
    margin-bottom: 35px;
  }
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-content-web .feature-item {
    padding: 0px;
    width: 100%;
    height: auto;
  }
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-content-web .feature-item .leftBox,
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-content-web .feature-item .rightBox {
    width: 100%;
    position: static;
    overflow: hidden;
    height: auto;
    margin: 0 auto;
  }
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-content-web .feature-item .leftBox .textBox,
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-content-web .feature-item .rightBox .textBox {
    padding: 0px;
    height: auto;
  }
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-content-web .feature-item .leftBox .textBox h2,
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-content-web .feature-item .rightBox .textBox h2 {
    color: #191140;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 16px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-content-web .feature-item .leftBox .textBox img,
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-content-web .feature-item .rightBox .textBox img {
    margin: 20px 0px;
    width: 100%;
    padding: 0px 10px 20px;
    margin: 0 auto;
  }
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-content-web .feature-item .leftBox .textBox .desc,
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-content-web .feature-item .rightBox .textBox .desc {
    margin: 0px 17px;
  }
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-content-web .feature-item .leftBox .textBox .desc span.more-desc,
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-content-web .feature-item .rightBox .textBox .desc span.more-desc {
    color: #65697F;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 25px;
    margin: -5px 0px 8px 23px;
    text-indent: -22px;
  }
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-content-web .feature-item .leftBox .textBox .desc span.more-desc:before,
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-content-web .feature-item .rightBox .textBox .desc span.more-desc:before {
    margin-right: 8px;
    width: 12px;
    height: 9px;
    margin-bottom: 1px;
  }
}
@media (max-width: 991px) {
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-content-web .feature-item .leftBox .textBox a,
  #productsSolutions #productsSolutions-two-part .feature-list .feature-list-container .feature-content-web .feature-item .rightBox .textBox a {
    width: 100%;
    display: inline-block;
    margin: 13px auto 30px;
    color: #FC5F3A;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    text-align: center;
  }
}
#productsSolutions-three-part {
  height: 432px;
  display: flex;
  align-items: center;
  background-color: #FBFBFB;
  padding: 40px 0px;
}
#productsSolutions-three-part .content:before {
  content: ' ';
  display: block;
  width: 200px;
  height: 200px;
  background-image: url('../../../../assets/images/home_v3/index/element_01_new.png'), none;
  background-size: 140px 140px;
  background-repeat: no-repeat;
  position: absolute;
  right: -59px;
  top: 23px;
}
#productsSolutions-three-part .content:after {
  content: ' ';
  display: block;
  height: 309px;
  width: 411px;
  background-image: url('../../../../assets/images/home_v3/index/element_02_new.png'), none;
  background-size: 140px 140px;
  background-repeat: no-repeat;
  position: absolute;
  left: -2px;
  bottom: -202px;
}
#productsSolutions-three-part .content {
  position: relative;
  margin: 0 auto;
  height: auto;
  width: 1180px;
  padding: 0px 34px;
}
#productsSolutions-three-part .content h1 {
  color: #191140;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 28px;
  text-align: center;
  margin-bottom: 30px;
}
#productsSolutions-three-part .content .center {
  text-align: center;
  width: 1110px;
  height: 294px;
  background-color: #fff;
  margin: 0 auto;
  position: relative;
  border-radius: 8px;
  box-shadow: 0 8px 32px 0 rgba(47, 67, 82, 0.1);
  padding: 30px 87px;
  z-index: 1;
}
#productsSolutions-three-part .content .center .customer_logo {
  height: 40px;
  width: 200px;
  margin: 0 auto 10px;
}
#productsSolutions-three-part .content .center .customer_logo img {
  height: 40px;
  width: auto;
  position: static;
}
#productsSolutions-three-part .content .center .discourse {
  color: #191140;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 36px;
  text-align: center;
  margin-bottom: 10px;
}
#productsSolutions-three-part .content .center .customer_photo {
  height: 60px;
  width: 60px;
  margin: 0px auto 20px;
}
#productsSolutions-three-part .content .center .customer_photo img {
  height: 60px;
  width: auto;
  position: static;
}
#productsSolutions-three-part .content .center .customer_desc {
  color: #65697F;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  margin-bottom: 0px;
}
#productsSolutions-three-part-web {
  margin-top: 32px;
  margin-bottom: 0px;
}
#productsSolutions-three-part-web h1 {
  text-align: center;
  width: 100%;
  font-size: 20px;
  margin: 0px auto 15px;
}
#productsSolutions-three-part-web .content .center {
  width: 90%;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  margin: 0 auto;
  padding: 25px 0px 0px;
}
#productsSolutions-three-part-web .content .center .customer_logo {
  text-align: center;
  height: 60px;
  margin: 0px auto 20px;
  line-height: 1.4;
}
#productsSolutions-three-part-web .content .center .customer_logo img {
  height: 60px;
  text-align: center;
  margin: 0 auto;
}
#productsSolutions-three-part-web .content .center .discourse {
  min-height: 100px;
  width: 100%;
  color: #191140;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 24px;
  text-align: center;
  display: block;
  margin: 0 auto;
  padding: 0px 20px;
}
#productsSolutions-three-part-web .content .center .customer_photo {
  margin: 10px auto;
  width: 58px;
  height: auto;
}
#productsSolutions-three-part-web .content .center .customer_photo img {
  width: 58px;
  height: auto;
}
#productsSolutions-three-part-web .content .center .customer_desc {
  width: 100%;
  color: #65697F;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  display: block;
  padding: 55px 20px 60px;
}
#product-advantage {
  width: 1180px;
  min-width: 1180px;
  height: 460px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  #product-advantage {
    width: 100%;
    padding: 0% 5%;
    height: auto;
    min-width: 100%;
    height: 385px;
  }
}
#product-advantage h1 {
  color: #191140;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 32px;
  text-align: center;
  padding: 40px 0px;
}
@media (max-width: 991px) {
  #product-advantage h1 {
    width: 100%;
    padding: 0px 0px 18px;
    font-size: 22px;
    line-height: 22px;
  }
}
#product-advantage .content {
  width: 1180px;
  min-width: 1180px;
  height: 310px;
  margin: 0 auto 0px;
}
@media (max-width: 991px) {
  #product-advantage .content {
    width: 100%;
    min-width: 100%;
  }
}
#product-advantage .content .pro-box {
  height: 310px;
  width: 341px;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  text-align: center;
  float: left;
}
@media (max-width: 991px) {
  #product-advantage .content .pro-box {
    height: 95px;
    margin-bottom: 20px;
    width: 100%;
    position: relative;
  }
}
#product-advantage .content .pro-box img {
  width: 70px;
  height: 70px;
  margin: 36px auto 34px;
}
@media (max-width: 991px) {
  #product-advantage .content .pro-box img {
    margin: 22px 25px;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
  }
}
#product-advantage .content .pro-box h2 {
  color: #191140;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  margin-bottom: 12px;
}
@media (max-width: 991px) {
  #product-advantage .content .pro-box h2 {
    position: absolute;
    left: 0;
    top: 26px;
    padding-left: 100px;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 10px;
    font-weight: 400;
    text-align: left;
  }
}
@media (max-width: 991px) {
  #product-advantage .content .pro-box h2.title-top {
    margin-top: 26px;
  }
}
#product-advantage .content .pro-box .desc {
  width: 270px;
  margin-top: 5px;
  color: #65697F;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 23px;
  text-align: center;
  margin: 18px auto 0px;
}
#product-advantage .content .pro-box .desc-web .title-t,
#product-advantage .content .pro-box .desc-web .title-b {
  font-size: 15px;
  line-height: 16px;
  width: 100%;
  color: #191140;
  letter-spacing: 0;
  padding: 0px 22px 0px 100px;
  margin-top: 0px;
  text-align: left;
}
#product-advantage .content .pro-box .desc-web .title-t {
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  #product-advantage .content .pro-box-c {
    margin: 0px 78px;
  }
}
#enterprise-data {
  height: 403px;
  padding: 40px 0px;
  background-color: #FBFBFB;
}
@media (max-width: 991px) {
  #enterprise-data {
    background-color: #ffffff;
    height: 202px;
    padding: 15px 0px 20px;
  }
}
#enterprise-data h1 {
  color: #191140;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 1.14px;
  line-height: 32px;
  text-align: center;
}
@media (max-width: 991px) {
  #enterprise-data h1 {
    font-size: 22px;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0px auto 30px;
  }
}
#enterprise-data .container {
  position: relative;
  width: 1180px;
  margin: 0 auto;
  padding: 0px;
  max-width: 1180px;
}
@media (max-width: 991px) {
  #enterprise-data .container {
    width: 100%;
    height: 115px;
  }
}
#enterprise-data .container:before {
  content: ' ';
  display: block;
  width: 200px;
  height: 200px;
  background-image: url(../../../../assets/images/home_v3/index/element_01_new.png), none;
  background-size: 140px 140px;
  background-repeat: no-repeat;
  position: absolute;
  right: -58px;
  top: -34px;
}
@media (max-width: 991px) {
  #enterprise-data .container:before {
    display: none;
  }
}
#enterprise-data .container:after {
  content: ' ';
  display: block;
  height: 309px;
  width: 411px;
  background-image: url(../../../../assets/images/home_v3/index/element_02_new.png), none;
  background-size: 140px 140px;
  background-repeat: no-repeat;
  position: absolute;
  left: -2px;
  bottom: -205px;
}
@media (max-width: 991px) {
  #enterprise-data .container:after {
    display: none;
  }
}
#enterprise-data .container .content {
  width: 1110px;
  height: 251px;
  margin: 40px auto 0px;
  padding: 40px 0px 57px;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 8px 32px 0 rgba(47, 67, 82, 0.1);
}
@media (max-width: 991px) {
  #enterprise-data .container .content {
    width: 90%;
    height: 115px;
    margin: 0% 5%;
    padding: 0px;
    box-shadow: none;
  }
}
#enterprise-data .container .content .enterprise-box {
  width: 33.3%;
  height: 115px;
  float: left;
  text-align: center;
}
@media (max-width: 991px) {
  #enterprise-data .container .content .enterprise-box {
    width: 31%;
    border-radius: 2px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  }
  #enterprise-data .container .content .enterprise-box:nth-child(2) {
    margin: 0% 3%;
  }
}
#enterprise-data .container .content .enterprise-box img.ep-logo {
  width: auto;
  height: 38px;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  #enterprise-data .container .content .enterprise-box img.ep-logo {
    height: 20px;
    width: auto;
    margin-bottom: 10px;
    margin-top: 17px;
  }
}
#enterprise-data .container .content .enterprise-box .num-img {
  height: 42px;
  width: 140px;
  margin: 0px auto 36px;
}
@media (max-width: 991px) {
  #enterprise-data .container .content .enterprise-box .num-img {
    height: 20px;
    width: auto;
    margin-bottom: 20px;
  }
}
#enterprise-data .container .content .enterprise-box .num-img img {
  height: 42px;
  width: auto;
}
@media (max-width: 991px) {
  #enterprise-data .container .content .enterprise-box .num-img img {
    height: 20px;
    width: auto;
  }
}
#enterprise-data .container .content .enterprise-box .title {
  color: #65697F;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 14px;
  text-align: center;
}
@media (max-width: 991px) {
  #enterprise-data .container .content .enterprise-box .title {
    font-size: 12px;
    line-height: 12px;
  }
}
#business-efficiency-card {
  min-width: 1280px;
  height: 420px;
  padding: 0 50px;
  margin: 0 auto;
  background-color: #FBFBFB;
}
@media (max-width: 991px) {
  #business-efficiency-card {
    width: 100%;
    padding: 0% 5%;
    min-width: 100%;
    height: auto;
  }
}
#business-efficiency-card h1 {
  color: #191140;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 32px;
  text-align: center;
  padding: 50px 0px;
}
@media (max-width: 991px) {
  #business-efficiency-card h1 {
    width: 100%;
    padding: 35px 0px 30px 0px;
    font-size: 22px;
    line-height: 22px;
  }
}
#business-efficiency-card .card-container {
  max-width: 1180px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  #business-efficiency-card .card-container {
    width: 100%;
    padding-bottom: 50px;
  }
}
#business-efficiency-card .card-container .content {
  width: auto;
  height: 200px;
}
@media (max-width: 991px) {
  #business-efficiency-card .card-container .content {
    height: 110px;
  }
}
#business-efficiency-card .card-container .content .card-box {
  width: 31.33%;
  height: 197px;
  padding: 40px 20px 0px 30px;
  position: relative;
  background-color: #fff;
  background-image: url(../../../../vassets/images/home_v3/products/products-koc/card-box-bg-top.png);
  background-size: 58%;
  background-repeat: no-repeat;
  background-position: bottom left;
  border-radius: 18px;
  box-shadow: 0 4px 16px 0 rgba(47, 67, 82, 0.1);
  float: left;
}
@media (max-width: 991px) {
  #business-efficiency-card .card-container .content .card-box {
    padding: 10px;
    height: 110px;
    border-radius: 14px;
    background-size: 56%;
  }
}
@media (max-width: 480px) {
  #business-efficiency-card .card-container .content .card-box {
    background-size: 85%;
  }
}
#business-efficiency-card .card-container .content .card-box:nth-child(2) {
  margin: 0% 3%;
}
#business-efficiency-card .card-container .content .card-box .left {
  width: 158px;
  float: left;
}
@media (max-width: 991px) {
  #business-efficiency-card .card-container .content .card-box .left {
    width: 100%;
  }
}
#business-efficiency-card .card-container .content .card-box .left .text {
  font-size: 24px;
  color: #65697F;
  line-height: 28px;
}
@media (max-width: 991px) {
  #business-efficiency-card .card-container .content .card-box .left .text {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 660px) {
  #business-efficiency-card .card-container .content .card-box .left .text {
    font-size: 14px;
    line-height: 18px;
  }
}
#business-efficiency-card .card-container .content .card-box .right {
  float: right;
  position: absolute;
  bottom: 18px;
  right: 20px;
  width: 120px;
  height: auto;
}
@media (max-width: 991px) {
  #business-efficiency-card .card-container .content .card-box .right {
    bottom: 5px;
    right: 5px;
    width: 35%;
    height: auto;
  }
}
@media (max-width: 480px) {
  #business-efficiency-card .card-container .content .card-box .right {
    bottom: 5px;
    right: 5px;
    width: 42%;
    height: auto;
  }
}
#business-efficiency-card .card-container .content .card-box .right img {
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .page.onlineTravel .solution-left form.register button,
  .page.saas .solution-left form.register button {
    width: 200px;
    height: 30px;
    font-size: 14px;
    line-height: 14px;
  }
  .page.onlineTravel .solution-left form.register button span,
  .page.saas .solution-left form.register button span {
    display: inline !important;
  }
}
