@charset "utf-8";/* CSS Document*/.flexRow {-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;}
.flexRow {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;}
.website {clear:both;overflow:hidden; margin: 0px -15px;}
.scroll-floor {padding-top:70px;margin-top:-70px;}
.website-title {font-size:18px;font-weight:700;padding-top:80px;color:#303a41;line-height:40px;margin-bottom:0;padding-left:15px;}
.website-content {-ms-flex-wrap:wrap;flex-wrap:wrap;}
.website-content .item {width:50%;-webkit-transition:-webkit-transform 2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;padding:10px 15px;}
.website-content .item:hover {transform:translateY(-2px);-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px);}
.website-content .item:hover .title {font-weight:700;}
.website-content .item .item-a {background:linear-gradient(180deg,#ffffff,#fbfbfd);border-radius:6px;box-shadow:0px 2px 10px 0px #ecf0f3;padding:10px 15px;}
.website-content .item .item-a:hover {-webkit-box-shadow:0 4px 16px 0 rgba(103,146,168,.15);box-shadow:0 4px 16px 0 rgba(103,146,168,.15);-webkit-transform:translateY(-2px);}
.website-content .item .item-a:hover .intro {color:#303a41;}
.website-content .item .item-a:hover .title {color:#00ce3c;text-decoration:underline;}
.website-content .item .item-a .logo {width:28px;height:28px;border-radius:8px;}
.website-content .item .item-a .logo-word {display:inline-block;width:28px;height:28px;line-height:28px;font-size:18px;font-weight:700;color:#fff;text-shadow:0 2px 8px #3991ff;text-align:center;background:#76bfff;border-radius:8px;}
.website-content .item .item-a .info {margin-left:10px;}
.website-content .item .item-a .title {font-size:15px;color:#222;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0px;font-weight:normal;margin-top:3px;}
.website-content .item .item-a .intro {font-size:12px;color:#A0AEC0;line-height:16px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:5px;text-align:justify;}
.website-content .item .item-a .intro.ytop {margin-bottom:0;margin-top:5px;}
.website-content .item .item-a .logo.width48 {width:48px;height:48px;}
.primary-recommend {flex-wrap:wrap;overflow:hidden;}
.primary-recommend-item {padding:15px 0 15px 15px;position:relative;background:#fff;border-radius:16px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .5s;transition:all .5s;}
.primary-recommend-item:hover {-webkit-box-shadow:0 4px 16px 0 rgba(103,146,168,.15);box-shadow:0 4px 16px 0 rgba(103,146,168,.15);-webkit-transform:translateY(-4px);transform:translateY(-4px);}
.primary-recommend-item .item-bg {position:absolute;top:0;left:0;width:100%;height:132px;border-radius:16px 16px 0 0;}
.primary-recommend-item .content {position:relative;z-index:1;}
.primary-recommend-item .title {display:block;font-size:19px;font-weight:700;line-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:0px;}
.primary-recommend-item .title .logo {width:26px;height:26px;vertical-align:bottom;border-radius:50%;}
.primary-recommend-item .des {line-height:19px;margin:10px 0 9px;font-size:13px;}
.primary-recommend-item .star {-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.primary-recommend-item .star-name {color:#00ce3c;margin-right:8px;font-size:13px;}
.primary-recommend-item .star-num-item {display:inline-block;width:16px;height:16px;margin-right:2px;}
.primary-recommend-item .star-num-item.allStar {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAWRJREFUOE+lkz9LQmEUxp/nOijRYtR3aGjJJaICk7AoSJQQS/oDBg3RUB8gLPcaIlok+iuIURgUFaYNRTRUo18ibAnSwXviem+lcq8YveM5z/m9zznnfYl/Hjaql91IDMIyI/Golc4SIHuzfRDeVwop/ZzbfzCDWAMOZ64h4tUBvOH0wXBTADmeckJBAGXE9WKjTME8VJwynHivBlXSkpjshKLuAOyCSHvNTZpCqiLEG4A8gAWGknkdkJoIQ3D0t4UwxGAqqQM0oyf+LRCLTUGIbQTOlghIzRDl3LcBVZbrLP+2oKkVbnI8vfJ9US0gCgWuMa1H58/wDIvGQAt4vuhgFKo5IOd24NPxAYHNopUyWoqtHLwrmgMuh7qh8KXhHFRxcTTzag649fi1XVeSgidA1o2HtAqgx4gH6c2mzAFXvW2w29cgzNCTS1c7keyAD7S5USrFOPJYMAU0tcI6UcPf2AzwC0MnbBFjXd/YAAAAAElFTkSuQmCC);}
.primary-recommend-item .star-num-item.halfStar {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAbFJREFUOE+lkz9IW1EUxr/zDOjgYrFbAgmBxD/vpT4XER1EpA4dxFJELbRDCx3aQhVcOujzz+KgDiIupZRUhWIR6iAqiks7dGkrUkJpoaV0yCC6CDrkvq+8l0QSvVHBs917zvc753yXK7hmyEV6vn40/s1+pmzbdkrVlQTwzcMWUD7u2i8QCARaTdP8pIOUBrx9sAHy9l7DEERk07KszisBuNhfBQN3ofDKE3xveOnrDMN4nMlkVhKJxGEhyJ+AS301MNx5QEyQ1YUFqVsjRY1FZJ9kSin1xLKsVBawfO8+iAXdiD8SE1r/RKQ3Ho+/ywIAwfvuWQienq3+aU2eA5Cci8Viz0WERSZytWsaLgc8Yj5+mVOeif6RpOfFTDQaHczniwEODDTe2QdQhVzmd/2sL/RCRA6SyeRNx3FcPWCnrQLHFUcgyvIFf+rmT6cREUWyMhKJnOgBax02DPlSuPTfWv81T4NkYzgc/qoHbLd3w8VKdmF8Bjj2rzbpjT5Msim3Rk8wGFzWA9abb6C8fBSULWnf+VDYOZ1Od7mu26aUGg+FQgdagPbBL7m88DdeBfgfuoCPEQ06+UEAAAAASUVORK5CYII=);}
.primary-recommend-item .star-num-item.allGray {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAXJJREFUOE+lk79LQlEcxb/f+97Q0GLUJKIOPhueSi0NNTTVGDVEkGPQEA31B8Qt9xoiWtpsiSBoLBpraCkRwV+DgriJLQ0N3ntCe8Yznk+h73g553PPPV8u0z+H/fy5XC7DzCqVSslhuqGAQqGwqJR67hoNw1iybfvFC+IHeACw4pgeE4nE6liAfD4fME1zQ2t95TYIIXY6nc5dMpn8cJ/3EpTL5Vmt9SUR2QCm/Xph5haAommau5ZlFXuAUqm0TUTXAEbuhJmpqxNCbMXj8ZseAABXKpVzItobSfgRXFiWtc/MGCixWq2eAjjoQ7q39aefjpnPYrHY4a/GfaOUUqTT6RYRBTwbZ25ns9kZKaX2BNRqtQkAnwCMvwAnjWLmyWg0+uUJqNfrcwDeRmxhPhKJvHsCGo3Gutb6znnvq2EYJ07JRwAWHNNmOBy+HQaYIqJjIcRTMBi8dydpNptrSqllZs6EQqG2J2DMFQ7IfH/jOMBvP0WNEVQeETsAAAAASUVORK5CYII=);}
.primary-recommend-item .classify {height:105px;margin:5px 0px 0 0;overflow:hidden;}
.primary-recommend-item .classify-item {position:relative;display:inline-block;font-size:13px;line-height:25px;padding:0 7px;border-radius:4px;border:1px solid rgb(165 167 169 / 15%);margin:8px 4px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;}
.primary-recommend-item .classify-item:hover {-webkit-box-shadow:0 2px 8px 0 rgba(103,146,168,.15);box-shadow:0 2px 8px 0 rgba(103,146,168,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px);}
.primary-recommend-item .classify-item:hover .classify-bg {display:block;}
.primary-recommend-item .classify-item .classify-bg {display:none;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;}
.right-fast-nav .step-nav {width:256px;height:40px;background-color:#fff;border-radius:20px;-ms-flex-pack:distribute;justify-content:space-around;margin-bottom:10px;}
.right-fast-nav .step-nav,.right-fast-nav .step-nav .step-item {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;float:left;}
.right-fast-nav .step-nav .step-item a {width:80px;height:34px;font-size:16px;cursor:pointer;text-align:center;line-height:34px;}
.right-fast-nav .step-nav .step-item a.active {background:-webkit-gradient(linear,left top,right top,from(#00ce3c),to(#00cea7));background:linear-gradient(135deg,#00ce3c,#00cea7);-webkit-box-shadow:0 3px 8px 0 rgba(88,129,255,.5);box-shadow:0 3px 8px 0 #00ce3c69;border-radius:20px;color:#fff;font-weight:700;}
.right-fast-nav .step-nav .step-item:not(.active):hover {color:#00ce3c;}
.pa_top160 {padding-top:160px;}
.pa_top130 {padding-top:130px;}
.navbar .navbar-nav .nav-link.link-a{font-weight: bold;color: #00ce3c;}
.website-title1 {font-size:18px;font-weight:700;padding-top:0px;color:#303a41;line-height:40px;margin-bottom:0;padding-left:15px;}
.right-links {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:5px;float:right;white-space:nowrap;padding-right:10px;}
.right-links .right-item {cursor:pointer;font-size:14px;color:#222;white-space:nowrap;position:relative;}
.right-links .right-item:hover {color:#00ce3c;}
.right-links .right-item.favorites:hover .favorites-ctr {height:165px;opacity:1;}
.favorites-ctr {width:286px;height:0;opacity:0;cursor:default;-webkit-transition:opacity .5s;transition:opacity .5s;z-index:99;position:absolute;top:21px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);overflow:hidden;}
.favorites-content {position:absolute;left:0;width:100%;bottom:0;height:142px;-webkit-box-shadow:0 6px 12px 0 rgba(151,190,205,.2);box-shadow:0 6px 12px 0 rgba(151,190,205,.2);border-radius:8px;background-color:#fff;text-align:center;}
.favorites-bg {margin-top:-23px;width:286px;height:114px;background:url(../dimg/bg_favorites.3059ae1.png) no-repeat 50%;background-size:cover;}
.favorites-title {margin-top:-46px;font-size:15px;line-height:20px;color:#000;}
.favorites-key {margin-top:11px;font-size:18px;color:#666;}
.favorites-key,.favorites-key .key-board {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.favorites-key .key-board {height:26px;border-radius:4px;border:1px solid #c7c7c7;font-size:14px;color:#222;-webkit-box-sizing:border-box;box-sizing:border-box;}
.favorites-key .key-board:first-child {padding:0 12px;margin-right:12px;}
.favorites-key .key-board:last-child {padding:0 8px;margin-left:12px;}
.young-btn {}
.panel {border-radius:6px;margin-bottom:0px;width:100%;margin-right:auto;margin-left:auto;}
.panel .panel-title {padding:0px 8px;display:inline-block;font-size:15px;border-radius:0px;background:#f8fafe00;font-weight:800;margin-left:12px;border-left:4px solid #fd2866;box-shadow:0 2px 2px rgba(84,48,132,0);border-radius:4px;}
.panel .panel-title .iconfont {font-weight:100;}
.row {margin-right:-10px;margin-left:-10px;}
.card-heading {margin-bottom:7px;display:block;cursor:pointer;color:#333;}
.card-heading:hover {;}
.card-heading .card-icon {width:32px;height:32px;border-radius:32px;float:left;display:block;margin-top:5px;}
.card-heading .card-icon img {display:block;width:100%;height:100%;border-radius:32px;}
.card-heading .card-title {display:block;padding-left:40px;margin-top:6px;font-size:14px;color:inherit;white-space:nowrap;text-overflow:ellipsis;}
.card-body {color:#A0AEC0;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:2px;padding:0 10px 0px 9px;}
.card-footer {padding:0 18px 8px;}
.card-footer table {width:100%;}
.card-footer table td {text-align:center;cursor:pointer;}
.card-footer table .done {color:#38B7EA;}
.card-footer table .btn-view {text-align:left;font-size:12px;color:#bbb;}
.c.card-footer table .btn-view a {color:#bbb;}
.in_title {font-weight:bold;display:inline-block;margin-bottom:0;}
.wz_index:hover .card-body {color:#303a41;}
.panel-body {clear:both;}
.shop_list .title {font-size:15px;font-weight:normal;padding-left:10px;}
.shop_list .thumb-img img {width:42px;height:42px;border-radius:8px;}
.item-desc {;}
.shop_list {clear:both;}
.zw_shop {padding:0px 1rem 1rem 1rem;}
.zw_shop .wz_box .text-muted {display:-webkit-box;-webkit-line-clamp:1;height:18px;padding:0px 0px 0px 10px;margin:5px 0;line-height:18px;}
.zw_shop .item-ico {float:left;margin-top:3px;}
.zw_shop .item-title {overflow:hidden;}
.zw_shop .a_box:hover h3 {text-decoration:none;}
.ai-list .wz_a h3 {max-width:none;}
.ai-list .wz_a h3 img {border-radius:100%;width:28px;height:28px;float:left;}
.ai-list .zw_shop .item-ico {margin-top:0;}
.ai-list .zw_shop .wz_box .text-muted {margin:5px 0px 0px 0px;padding:0px 0px 0px 0px;}
.ai-list .zw_shop {padding:0px;}
.ai-l-nav .scroll-nav {font-size:13px;}
.nav-moredata {margin-top:1rem;padding:0px 15px;}
.nav-moredata ul {list-style-type:none;display:flex;flex-wrap:wrap;padding-bottom:10px;padding-left:0;margin-left:-1rem !important;margin-right:-1rem !important;}
.nav-moredata li {margin:0 10px 20px 10px;cursor:pointer;background:#fff;background:linear-gradient(180deg,#ffffff,#fbfbfd);border-radius:6px;box-shadow:0px 2px 10px 0px #ecf0f3;padding:10px 15px;}
.lia p.desc {margin-top:0;color:#A0AEC0;font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-left:45px;margin-bottom:0;}
@media screen and (max-width:991px) {;}
@media screen and (min-width:1200px) {.nav-moredata li {width:calc(100% / 5 - 20px);}
;}
@media screen and (max-width:1200px) {.nav-moredata li {width:calc(100% / 4 - 20px);}
;}
@media screen and (max-width:960px) {.nav-moredata li {width:calc(100% / 3 - 20px);}
;}
@media screen and (max-width:720px) {.nav-moredata li {width:calc(100% / 3 - 20px);}
;}
@media screen and (max-width:540px) {.nav-moredata li {width:calc(100% / 2 - 20px);}
;}
.nav-moredata li img {width:34px;margin-right:12px;height:34px;position:relative;display:inline-block;border-radius:50px;}
.nav-moredata li a {display:inline-block;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;}
.runoob-item {margin:0px;border-radius:5px;padding:0 5px;}
/*中等屏幕（桌面显示器，大于等于 992px）*/@media (min-width:992px) {.runoob-item {padding:0px 10px;}
/*课程（教程资源）*/;}
/*大屏幕（大桌面显示器，大于等于 1200px）*/@media (min-width:1200px) {/*行业版导航PC端适配样式*/  .item > .container-fluid {padding:0;padding-top:91px;margin-top:-65px;}
;}
/*超大屏幕（大桌面显示器，大于等于 1700px）*/@media (min-width:1700px) {.runoob-item {margin:0 -25px 0px -25px;}
;}
@media (max-width:768px) {.website-content .item {width:50%;padding:10px 5px;}
.young-btn {padding:0px;}
.right-links {float:left;margin-bottom:15px;}
.nav-btn1 {float:right;}
.btn_gg {display:none;}
.pa_top160 {padding-top:120px;}
;}
@media screen and (min-width:1366px) {.website-content .item {width:33.3%;}
;}
@media screen and (min-width:1600px) {.website-content .item {width:20%;}
.primary-recommend-item {padding:22px 0 15px 20px;}
.primary-recommend-item .title {font-size:19px;line-height:29px;}
.primary-recommend-item .des {margin:10px 0 8px;}
.primary-recommend-item .classify-item {padding:0 11px;margin-right:8px;}
;}
.search {float:right;margin-left:15px;position:relative;}
#banner-bear {height:300px;width:100%;position:relative;font-size:22px;background-image:radial-gradient(circle at 10% 20%,rgb(5,232,186) 0%,rgb(8,126,225) 90%);background-size:400%;background-position:0 100%;-webkit-animation:Banner_gradient__1iGeC 7.5s ease-in-out infinite;animation:Banner_gradient__1iGeC 7.5s ease-in-out infinite;-webkit-transform:translateZ(0);transform:translateZ(0);margin-bottom: 15px;margin-top: 20px;}
@-webkit-keyframes Banner_gradient__1iGeC {50% {background-position:100% 0;}
;}
@keyframes Banner_gradient__1iGeC {50% {background-position:100% 0;}
;}
@media (max-width:1199px) {.typing {font-size:16px;}
;}
.banner-wrap,#stage {width:100%;height:100%;}
.typing {color:#fff;position:absolute;top:27%;left:50%;transform:translate(-50%,-50%);font-size:30px; font-weight: 100;}
#stage {overflow:hidden;position:relative;z-index:0;}
#stage .bear {width:3.12em;height:1.625em;position:absolute;margin-left:-1.5625em;left:-4%;bottom:30px;z-index:999;background:url("bear.png") 0 0 no-repeat;background-size:25em 100%;opacity:0;}
.scenes-ready #stage .bear {opacity:1;-webkit-transition:opacity 0.4s linear 0.6s;-moz-transition:opacity 0.4s linear 0.6s;transition:opacity 0.4s linear 0.6s;}
.preserve3d .scenes-ready #stage .bear {-webkit-animation:bear-run-in 3.6s step-end 0.6s 1 normal forwards,bear-run 0.8s steps(8) 4.2s infinite normal forwards;-moz-animation:bear-run-in 3.6s step-end 0.6s 1 normal forwards,bear-run 0.8s steps(8) 4.2s infinite normal forwards;animation:bear-run-in 3.6s step-end 0.6s 1 normal forwards,bear-run 0.8s steps(8) 4.2s infinite normal forwards;}
.no-preserve3d .scenes-ready #stage .bear,.no-csstransforms3d .scenes-ready #stage .bear {left:50%;-webkit-animation:bear-run 0.8s steps(8) 0.6s infinite normal forwards;-moz-animation:bear-run 0.8s steps(8) 0.6s infinite normal forwards;animation:bear-run 0.8s steps(8) 0.6s infinite normal forwards;}
.preserve3d .scenes-ready #stage .bear.reset,.no-preserve3d .scenes-ready #stage .bear.reset,.no-csstransforms3d .scenes-ready #stage .bear.reset {left:50%;opacity:1;-webkit-animation:none 0s linear 0s infinite normal none;-moz-animation:none 0s linear 0s infinite normal none;animation:none 0s linear 0s infinite normal none;}
.preserve3d .scenes-ready #stage .bear.running,.no-preserve3d .scenes-ready #stage .bear.running,.no-csstransforms3d .scenes-ready #stage .bear.running {left:50%;-webkit-animation:bear-run 0.8s steps(8) 0s infinite normal none;-moz-animation:bear-run 0.8s steps(8) 0s infinite normal none;animation:bear-run 0.8s steps(8) 0s infinite normal none;}
@-webkit-keyframes bear-run {0% {background-position:0 0;}
100% {background-position:-25em 0;}
;}
@-moz-keyframes bear-run {0% {background-position:0 0;}
100% {background-position:-25em 0;}
;}
@keyframes bear-run {0% {background-position:0 0;}
100% {background-position:-25em 0;}
;}
@-webkit-keyframes bear-run-in {0% {background-position:0em 0;left:-4%;}
1.38888889% {background-position:-3.125em 0;left:-2.25%;}
2.77777778% {background-position:-6.25em 0;left:-0.5%;}
4.16666667% {background-position:-9.375em 0;left:1.25%;}
5.55555556% {background-position:-12.5em 0;left:3%;}
6.94444444% {background-position:-15.625em 0;left:4.75%;}
8.33333333% {background-position:-18.75em 0;left:6.5%;}
9.72222222% {background-position:-21.875em 0;left:8.25%;}
11.11111111% {background-position:-25em 0;left:10%;}
11.11111111% {background-position:0em 0;left:10%;}
12.77777778% {background-position:-3.125em 0;left:11.5%;}
14.44444444% {background-position:-6.25em 0;left:13%;}
16.11111111% {background-position:-9.375em 0;left:14.5%;}
17.77777778% {background-position:-12.5em 0;left:16%;}
19.44444444% {background-position:-15.625em 0;left:17.5%;}
21.11111111% {background-position:-18.75em 0;left:19%;}
22.77777778% {background-position:-21.875em 0;left:20.5%;}
24.44444444% {background-position:-25em 0;left:22%;}
24.44444444% {background-position:0em 0;left:22%;}
26.38888889% {background-position:-3.125em 0;left:23.25%;}
28.33333333% {background-position:-6.25em 0;left:24.5%;}
30.27777778% {background-position:-9.375em 0;left:25.75%;}
32.22222222% {background-position:-12.5em 0;left:27%;}
34.16666667% {background-position:-15.625em 0;left:28.25%;}
36.11111111% {background-position:-18.75em 0;left:29.5%;}
38.05555556% {background-position:-21.875em 0;left:30.75%;}
40% {background-position:-25em 0;left:32%;}
40% {background-position:0em 0;left:32%;}
42.22222222% {background-position:-3.125em 0;left:33%;}
44.44444444% {background-position:-6.25em 0;left:34%;}
46.66666667% {background-position:-9.375em 0;left:35%;}
48.88888889% {background-position:-12.5em 0;left:36%;}
51.11111111% {background-position:-15.625em 0;left:37%;}
53.33333333% {background-position:-18.75em 0;left:38%;}
55.55555556% {background-position:-21.875em 0;left:39%;}
57.77777778% {background-position:-25em 0;left:40%;}
57.77777778% {background-position:0em 0;left:40%;}
60.27777778% {background-position:-3.125em 0;left:40.75%;}
62.77777778% {background-position:-6.25em 0;left:41.5%;}
65.27777778% {background-position:-9.375em 0;left:42.25%;}
67.77777778% {background-position:-12.5em 0;left:43%;}
70.27777778% {background-position:-15.625em 0;left:43.75%;}
72.77777778% {background-position:-18.75em 0;left:44.5%;}
75.27777778% {background-position:-21.875em 0;left:45.25%;}
77.77777778% {background-position:-25em 0;left:46%;}
77.77777778% {background-position:0em 0;left:46%;}
80.55555556% {background-position:-3.125em 0;left:46.5%;}
83.33333333% {background-position:-6.25em 0;left:47%;}
86.11111111% {background-position:-9.375em 0;left:47.5%;}
88.88888889% {background-position:-12.5em 0;left:48%;}
91.66666667% {background-position:-15.625em 0;left:48.5%;}
94.44444444% {background-position:-18.75em 0;left:49%;}
97.22222222% {background-position:-21.875em 0;left:49.5%;}
100% {background-position:-25em 0;left:50%;}
;}
@-moz-keyframes bear-run-in {0% {background-position:0em 0;left:-4%;}
1.38888889% {background-position:-3.125em 0;left:-2.25%;}
2.77777778% {background-position:-6.25em 0;left:-0.5%;}
4.16666667% {background-position:-9.375em 0;left:1.25%;}
5.55555556% {background-position:-12.5em 0;left:3%;}
6.94444444% {background-position:-15.625em 0;left:4.75%;}
8.33333333% {background-position:-18.75em 0;left:6.5%;}
9.72222222% {background-position:-21.875em 0;left:8.25%;}
11.11111111% {background-position:-25em 0;left:10%;}
11.11111111% {background-position:0em 0;left:10%;}
12.77777778% {background-position:-3.125em 0;left:11.5%;}
14.44444444% {background-position:-6.25em 0;left:13%;}
16.11111111% {background-position:-9.375em 0;left:14.5%;}
17.77777778% {background-position:-12.5em 0;left:16%;}
19.44444444% {background-position:-15.625em 0;left:17.5%;}
21.11111111% {background-position:-18.75em 0;left:19%;}
22.77777778% {background-position:-21.875em 0;left:20.5%;}
24.44444444% {background-position:-25em 0;left:22%;}
24.44444444% {background-position:0em 0;left:22%;}
26.38888889% {background-position:-3.125em 0;left:23.25%;}
28.33333333% {background-position:-6.25em 0;left:24.5%;}
30.27777778% {background-position:-9.375em 0;left:25.75%;}
32.22222222% {background-position:-12.5em 0;left:27%;}
34.16666667% {background-position:-15.625em 0;left:28.25%;}
36.11111111% {background-position:-18.75em 0;left:29.5%;}
38.05555556% {background-position:-21.875em 0;left:30.75%;}
40% {background-position:-25em 0;left:32%;}
40% {background-position:0em 0;left:32%;}
42.22222222% {background-position:-3.125em 0;left:33%;}
44.44444444% {background-position:-6.25em 0;left:34%;}
46.66666667% {background-position:-9.375em 0;left:35%;}
48.88888889% {background-position:-12.5em 0;left:36%;}
51.11111111% {background-position:-15.625em 0;left:37%;}
53.33333333% {background-position:-18.75em 0;left:38%;}
55.55555556% {background-position:-21.875em 0;left:39%;}
57.77777778% {background-position:-25em 0;left:40%;}
57.77777778% {background-position:0em 0;left:40%;}
60.27777778% {background-position:-3.125em 0;left:40.75%;}
62.77777778% {background-position:-6.25em 0;left:41.5%;}
65.27777778% {background-position:-9.375em 0;left:42.25%;}
67.77777778% {background-position:-12.5em 0;left:43%;}
70.27777778% {background-position:-15.625em 0;left:43.75%;}
72.77777778% {background-position:-18.75em 0;left:44.5%;}
75.27777778% {background-position:-21.875em 0;left:45.25%;}
77.77777778% {background-position:-25em 0;left:46%;}
77.77777778% {background-position:0em 0;left:46%;}
80.55555556% {background-position:-3.125em 0;left:46.5%;}
83.33333333% {background-position:-6.25em 0;left:47%;}
86.11111111% {background-position:-9.375em 0;left:47.5%;}
88.88888889% {background-position:-12.5em 0;left:48%;}
91.66666667% {background-position:-15.625em 0;left:48.5%;}
94.44444444% {background-position:-18.75em 0;left:49%;}
97.22222222% {background-position:-21.875em 0;left:49.5%;}
100% {background-position:-25em 0;left:50%;}
;}
@keyframes bear-run-in {0% {background-position:0em 0;left:-4%;}
1.38888889% {background-position:-3.125em 0;left:-2.25%;}
2.77777778% {background-position:-6.25em 0;left:-0.5%;}
4.16666667% {background-position:-9.375em 0;left:1.25%;}
5.55555556% {background-position:-12.5em 0;left:3%;}
6.94444444% {background-position:-15.625em 0;left:4.75%;}
8.33333333% {background-position:-18.75em 0;left:6.5%;}
9.72222222% {background-position:-21.875em 0;left:8.25%;}
11.11111111% {background-position:-25em 0;left:10%;}
11.11111111% {background-position:0em 0;left:10%;}
12.77777778% {background-position:-3.125em 0;left:11.5%;}
14.44444444% {background-position:-6.25em 0;left:13%;}
16.11111111% {background-position:-9.375em 0;left:14.5%;}
17.77777778% {background-position:-12.5em 0;left:16%;}
19.44444444% {background-position:-15.625em 0;left:17.5%;}
21.11111111% {background-position:-18.75em 0;left:19%;}
22.77777778% {background-position:-21.875em 0;left:20.5%;}
24.44444444% {background-position:-25em 0;left:22%;}
24.44444444% {background-position:0em 0;left:22%;}
26.38888889% {background-position:-3.125em 0;left:23.25%;}
28.33333333% {background-position:-6.25em 0;left:24.5%;}
30.27777778% {background-position:-9.375em 0;left:25.75%;}
32.22222222% {background-position:-12.5em 0;left:27%;}
34.16666667% {background-position:-15.625em 0;left:28.25%;}
36.11111111% {background-position:-18.75em 0;left:29.5%;}
38.05555556% {background-position:-21.875em 0;left:30.75%;}
40% {background-position:-25em 0;left:32%;}
40% {background-position:0em 0;left:32%;}
42.22222222% {background-position:-3.125em 0;left:33%;}
44.44444444% {background-position:-6.25em 0;left:34%;}
46.66666667% {background-position:-9.375em 0;left:35%;}
48.88888889% {background-position:-12.5em 0;left:36%;}
51.11111111% {background-position:-15.625em 0;left:37%;}
53.33333333% {background-position:-18.75em 0;left:38%;}
55.55555556% {background-position:-21.875em 0;left:39%;}
57.77777778% {background-position:-25em 0;left:40%;}
57.77777778% {background-position:0em 0;left:40%;}
60.27777778% {background-position:-3.125em 0;left:40.75%;}
62.77777778% {background-position:-6.25em 0;left:41.5%;}
65.27777778% {background-position:-9.375em 0;left:42.25%;}
67.77777778% {background-position:-12.5em 0;left:43%;}
70.27777778% {background-position:-15.625em 0;left:43.75%;}
72.77777778% {background-position:-18.75em 0;left:44.5%;}
75.27777778% {background-position:-21.875em 0;left:45.25%;}
77.77777778% {background-position:-25em 0;left:46%;}
77.77777778% {background-position:0em 0;left:46%;}
80.55555556% {background-position:-3.125em 0;left:46.5%;}
83.33333333% {background-position:-6.25em 0;left:47%;}
86.11111111% {background-position:-9.375em 0;left:47.5%;}
88.88888889% {background-position:-12.5em 0;left:48%;}
91.66666667% {background-position:-15.625em 0;left:48.5%;}
94.44444444% {background-position:-18.75em 0;left:49%;}
97.22222222% {background-position:-21.875em 0;left:49.5%;}
100% {background-position:-25em 0;left:50%;}
;}
.primary-menus {width:40%;position:absolute;top:57%;left:50%;z-index:3;transform:translate(-50%,-50%);font-size:16px;}
.primary-menus ul {list-style:none;padding:0;text-align:center;}
.primary-menus ul li {display:inline-block;color:#fff;padding:0 14px;height:36px;line-height:36px;font-size:14px;border-top-left-radius:3px;border-top-right-radius:3px;cursor:pointer;}
.primary-menus ul li:first-child {cursor:pointer;color:rgba(255,255,255,.8);}
.primary-menus ul li:first-child:hover {color:#3c3c3c;background-color:rgba(255,255,255,.8);}
.primary-menus ul li:hover {background:#fff;color:#3c3c3c;opacity:.8;}
.primary-menus ul li.current {background:#fff;color:#3c3c3c;}
.primary-menus .cont {position:relative;top:-1px;}
.primary-menus .left-cont {;}
.primary-menus .left-cont .search.hidden {display:none;}
.primary-menus .left-cont form {width:100%;position:relative;}
.primary-menus .left-cont input {box-sizing:border-box;width:100%;border:none;font-size:15px;line-height:20px;height:48px;padding:11px 100px 11px 26px;border-radius:3px;color:#9f9f9f;outline:none;}
.primary-menus .left-cont input:focus {color:#3c3c3c;}
.primary-menus .left-cont button {height:48px;box-sizing:border-box;min-width:100px;margin-left:-5px;cursor:pointer;background: #00ce3c;
background: linear-gradient(135deg, #00ce3c, #00cea7);color:#fff;font-size:15px;border-top-right-radius:3px;border-bottom-right-radius:3px;position:absolute;right:1px;top:0;border:5px solid #fff;border-radius:9px;padding:0 15px;}
.primary-menus .left-cont button:hover {opacity:.9;}
@media (max-width:1199px) {.primary-menus ul li {padding:0 12px;}
#banner-bear {height:35.1vh;}
.typing {width:80%;top:30%;text-align:center;font-size:1em;}
.primary-menus ul {white-space:nowrap;}
;}
@media (max-width:991px) {.primary-menus {float:left;margin-left:0;width:90%;top:60%;}
.primary-menus .left-cont {margin-right:0;}
#banner-bear .submit {font-weight:300;color:#fff;position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);}
.typing {width:90%;text-align:center;font-size:18px;}
;}
@media (max-width:767px) {.primary-menus ul li {padding:0 5px;font-size:13px;height:28px;line-height:24px;margin-right:6px;}
.primary-menus ul li:first-child {display:inline-block;}
.primary-menus .left-cont input {height:34px;line-height:14px;font-size:13px;padding:10px 6em 10px 10px;border-radius:0 3px 3px 3px;}
.primary-menus .left-cont button {height:34px;line-height:34px;width:6em;font-size:12px;border:none;border-radius:2px;margin-right:-2px;}
#stage .bear{bottom: 10px;}
;}

@media (max-width:400px) {
	.primary-menus ul li{margin-right: 0px;}
}

.roll-wrap:hover .control{
    display: block;
}

.roll-wrap{
    position: relative;
    width: 100%;
    height: 100px;
    overflow: hidden;
}
.roll-wrap .roll__list{

}
.roll_row .roll__list::before, .roll_row .roll__list::after {
    content: "";
    display: table;
    line-height: 0;
}
.roll_row .roll__list::after {
    clear: both;
}
.roll_row .roll__list{
    width: 9999px; margin-top: 10px;
}
.roll_row .roll__list li{
    float: left;
    display: block; position: relative;
    margin-right: 20px;
    width: 156px;
    height: 66px;
    color: #b4b8bf;
    background-color: #fff;
	border-radius: 4px; padding:12px 5px 12px 15px;box-shadow: 0px 2px 10px 0px #ecf0f3;
}
.roll_row .roll__list li.dh-on, .roll_row .roll__list li:hover{  background: #00ce3c;background: linear-gradient(135deg, #00ce3c, #00cea7);color: #fff; }
.roll_row .roll__list li.dh-on a, .roll_row .roll__list li:hover a{ color: #fff;}
.roll_row .roll__list li.dh-on a .p-title, .roll_row .roll__list li:hover a .p-title{ color: #fff;}
.roll_row .roll__list li.dh-on a::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	box-shadow: 1px 6px 10px 5px #00ce3c;
    border-radius: 4px;
    opacity: 0.2;
    content: "";
	transition: cubic-bezier(.2,0,0,1) .3s;}
	

.roll_row .roll__list li a{
    font-size: 12px; color: #b4b8bf;
}
.roll_row .roll__list li a .p-title{
    font-size: 14px; color: #666;font-weight: bold;padding-bottom: 5px;
}


.control{
   position: absolute;
    top: 10px;
    padding-top: 22px;
    height: 66px;
    width: 40px;
    font-weight: bold;
    text-decoration: none;
}

.control.pre{
    left: 0px;background-image: linear-gradient(to right, #fff 50%, transparent 100%); padding-left: 5px;
}
.control.next{
    right: 0px;background-image: linear-gradient(to left, #fff 50%, transparent 100%);padding-right: 5px; text-align: right;
}
.roll_col{
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.roll_col .roll__list{
    width: 100%;
}
.h600{
    height: 600px;
}
.roll_col li{
    display: block;
    height: 200px;
    line-height: 200px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #ff9900;
}
.roll_col .li-2{
    background-color: #0099ff;
}
.roll_col .li-3{
    background-color: #ff0099;
}
.roll_col .li-4{
    background-color: #00ff99;
}
.roll_col .control{
    top: 80px;
}