body{background: #fff; width: 100%; min-width: 1200px; margin: 0 auto; font-family:'SourceHanSansCN', 'SourceHanSansCN-Light', 'PingFangSC-Light','PingFang SC','Segoe UI','Lucida Grande','NotoSansHans-Light','Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1', STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif;text-rendering:geometricPrecision;}

/* home */
.no-maxw.je-w100{max-width: 100%;}
.max-w2560.je-w100{max-width: 2560px;}
.video-box.no-maxw.je-w100{max-width: 2560px;}
.content-box{padding: 176px 10px 0 10px; background: #fff; margin: 0 auto;}
.content-title{height: 84px;font-size: 56px;color: #000;line-height: 84px;}
.sub-title{margin-top: 4px; height: 56px;font-size: 38px;color: #000;line-height: 56px;font-weight: 300; font-family: 'SourceHanSansCN-Light';}
.content-btn{-webkit-transition: .5s;-o-transition: .5s;transition: .5s; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; right: 0;top: 17px; width: 180px;height: 50px;border: 1px solid #CCCCCC;line-height: 50px;font-size: 16px;color: #000;text-align: center;font-weight: 300; font-family: 'SourceHanSansCN-Light';}
.content-btn:hover{color: #fff; border: 1px solid transparent;}
.content-btn .je-poa{z-index: 1; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; top: 0; bottom: 0; left: 0; right: 0; background: #957EFF; -webkit-transform:translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%);}
.content-btn:hover .je-poa{-webkit-transform:translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
.btn-text{z-index: 2; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 30px;}
.btn-right{z-index: 2; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 36px; height: 24px; margin: 13px 20px;background:url("https://img.51msyc.com/wxapp/pc/image/images/btn_rb.png");}
.content-btn:hover .btn-right{background:url("https://img.51msyc.com/wxapp/pc/image/images/btn_rw.png");}
/* .video-box video::-webkit-media-controls {
    display: none !important;
} */
.vbtn-full{bottom: 20px;right: 20px; width: 36px; height: 36px; cursor:pointer; overflow: hidden;}
.vbtn-full .je-poa{width: 36px; height: 36px; top: 36px; left: 0; -webkit-transition: .2s; -o-transition: .2s; transition: .2s;}
.show-btn .vbtn-full .je-poa{top: 0;}
.full-on{display: block;}
.vbtn-volume{bottom: 20px;right: 76px; width: 36px; height: 36px; cursor:pointer; overflow: hidden;}
.vbtn-volume .je-poa{width: 36px; height: 36px; top: 36px; left: 0; -webkit-transition: .2s; -o-transition: .2s; transition: .2s;}
.show-btn .vbtn-volume .je-poa{top: 0;}
.volume-on{display: block;}
.volume-off{display: none;}
.no-voice .volume-on{display: none;}
.no-voice .volume-off{display: block;}

.content-text{margin-top: 52px;width: 840px;font-size: 20px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #666; line-height: 40px;}
.content-detail{margin-top: 52px; overflow: hidden;padding-top: 40px;}
.detail-box{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; width: 100%; height: 540px; margin-left: 0; overflow-x: scroll; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none;}
.detail-box::-webkit-scrollbar{display: none;}
/* .detail-box::-webkit-scrollbar{height: 2px;}
.detail-box::-webkit-scrollbar-track{background: rgb(204, 204, 204); border-radius: 1px;}
.detail-box::-webkit-scrollbar-thumb {background: rgb(149, 126, 255); border-radius: 2px;}
.detail-box::-webkit-scrollbar-thumb:hover {background: rgb(149, 126, 255);} */
.drag-box{width: 3700px; height: 540px; left: 0; cursor: url('https://img.51msyc.com/wxapp/pc/image/images/mouse_before.cur'), pointer;}
.small-cursor{cursor:url('https://img.51msyc.com/wxapp/pc/image/images/mouse_moving.cur'), pointer !important;}
.drag-animat{-webkit-transition: left 0.4s;-o-transition: left 0.4s;transition: left 0.4s;}
.drag-item{width: 700px; height: 540px; margin-right: 50px;}
.drag-item:last-child{margin-right: 0;}
.drag-img{width: 700px; height: 400px; margin-bottom: 52px; position: relative; overflow: hidden;}
.drag-img .je-poa{top: 0; left: 0; background: #000; opacity: .2; -webkit-transition: 1s; -o-transition: 1s; transition: 1s;}
.drag-img div{width: 700px; height: 400px;}
.drag-img div img{-webkit-transition: 1s;-o-transition: 1s;transition: 1s;}
.drag-item:hover .drag-img .je-poa{opacity: 0;}
.drag-item:hover .drag-img div img{-webkit-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2);}
.item-index{height: 24px; font-size: 16px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #666; line-height: 24px; margin:8px 15px 0 0;}
.item-title{height: 48px; font-size: 32px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000; line-height: 48px;}
.item-detail{margin-top: 4px; height: 20px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #666; line-height: 20px;}
.drag-item:hover .item-title{color: #957EFF;}
.gif-box.no-maxw.je-w100{padding: 0; text-align: center; max-width: 2560px; height: 900px; background-image: url(https://img.51msyc.com/wxapp/pc/image/images/flywheel_bg.png?x-oss-process=image/resize,w_2560); background-position: center; background-repeat: no-repeat; background-size: 2560px 900px;}
.gif-box img{width: 900px; height: 900px;}
.timeline-box{z-index: 2;}
#timeline{height: 750px; margin-top: 90px;}
.timeline-img{width: 52%; overflow: hidden; z-index: 3;}
.timeline-img img{width: 100%;}
.timg-box{height: 750px;}
.timg-box .je-poa, .ttext-box{-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s; height: 750px;}
.timg-box .je-poa{opacity: 0; top: 0; left: 0; height: 750px;}
.timg-box .je-poa:first-child{opacity: 1;}
.timg-img{width: 100%; height: 750px; background-repeat: no-repeat; background-size: 1000px 750px; background-position: top right;}
.timeline-text{width: 48%; overflow: hidden;}
.timeline-text .je-fl{-webkit-box-sizing: border-box;box-sizing: border-box;}
.tltext-year{font-size: 32px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #666; line-height: 48px; margin: 150px 0 0 70px; width: 480px;}
.tltext-title{font-size: 18px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #666; line-height: 32px; margin: 87px 0 0 70px; width: 480px;}
.tltext-detail{font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #666; line-height: 26px; margin: 27px 0 0 70px; width: 480px;}
.tltext-page{bottom: 150px; left: 70px; height: 24px; line-height: 24px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #666; width: 480px;}
.tltext-left{-webkit-box-sizing: border-box;box-sizing: border-box; width: 36px; height: 24px; background:url("https://img.51msyc.com/wxapp/pc/image/images/btn_lb.png"); cursor: pointer;}
.tltext-left:hover{background:url("https://img.51msyc.com/wxapp/pc/image/images/btn_lp.png");}
.tltext-right{margin-left: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 36px; height: 24px; background:url("https://img.51msyc.com/wxapp/pc/image/images/btn_rb.png"); cursor: pointer;}
.tltext-right:hover{background:url("https://img.51msyc.com/wxapp/pc/image/images/btn_rp.png");}
.black-mask{top: 0; left: 0; right: 48%; bottom: 0; background: rgba(0, 0, 0, .5); z-index: 8;}
.choose-year{right: 48%; top: 305px; width: 620px; height: 140px; z-index: 10; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer;}
.year-line{ height: 2px; width: 600px; border-top: 2px solid #fff; margin-top: 69px;}
.one-year{height: 140px; width: 100px; float: left; position: relative;}
.year-point{z-index: 9; position: absolute; height: 10px; width: 10px;top: 50%; left: 50%; margin: -5px 0 0 -5px; border-radius: 50%; background: #fff;}
.is-hover{-webkit-box-sizing: border-box;box-sizing: border-box; z-index: 8; height: 20px; width: 20px; margin: -10px 0 0 -10px;border-radius: 50%; background: #957EFF; opacity: 0;}
.one-year:hover .is-hover{opacity: 1;}
.year-0{-webkit-transition: .4s;-o-transition: .4s;transition: .4s; font-size: 16px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #FFF; margin-top: 94px; text-align: center; line-height: 32px;}
.year-1{-webkit-transition: .4s;-o-transition: .4s;transition: .4s; font-size: 16px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #FFF; margin-top: 2px; text-align: center; line-height: 32px;}
.one-year:hover .year-0, .one-year:hover .year-1{font-size: 32px;}
.is-active .is-hover{opacity: 1;}
.is-active .year-0, .is-active .year-1{font-size: 32px;}
.news-box{height: 1196px; background: #222; margin-top: -88px; z-index: 1; max-width: 2560px;}
.news-content{padding: 288px 10px 0 10px; margin: 0 auto;}
.news-content .content-title{color: #fff;}
#news-box{height: 568px; margin: 56px 10px 0 10px;}
.news-img{width: 530px; height: 398px; overflow: hidden;}
.all-nimg{top: 0; left: 0; width: 530px; height: 398px;}
.nimg-box{width: 530px; height: 398px; top: 0; left: 0; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; opacity: 0;}
.nimg-box:first-child{opacity: 1;}
.nimg-box div{cursor: pointer; width: 530px; height: 398px; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; background-size: cover; background-repeat: no-repeat; background-position: center;}
.all-nimg:hover .nimg-box div{-webkit-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2);}
.news-text{margin: 16px 0 0 70px; height: 258px; width: 440px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.all-ntext{left: -440px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.ntext-box{width: 440px; height: 258px;}
.news-title{cursor: pointer; max-height: 96px; font-size: 32px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #FFF; line-height: 48px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.news-label{margin-top: 20px; height: 20px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #999; line-height: 20px;}
.news-label span:first-child{margin-right: 32px;}
.news-detail{margin-top: 44px; height: 78px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #999; line-height: 26px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.news-godetail{left: 600px; top: 377px; cursor: pointer; height: 20px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #FFF; line-height: 20px;}
.news-godetail:hover{color: #957EFF;}
.news-page{height: 20px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #FFFFFF; line-height: 20px; right: 0; top: 32px;}
.news-btn{right: 4px; top: 371px;}
.news-right{-webkit-box-sizing: border-box;box-sizing: border-box; width: 36px; height: 24px; cursor: pointer; background: url("https://img.51msyc.com/wxapp/pc/image/images/btn_rw.png");}
.news-left{margin-right: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 36px; height: 24px; cursor: pointer; background: url("https://img.51msyc.com/wxapp/pc/image/images/btn_lw.png");}
.news-right:hover{background: url("https://img.51msyc.com/wxapp/pc/image/images/btn_rp.png");}
.news-left:hover{background: url("https://img.51msyc.com/wxapp/pc/image/images/btn_lp.png");}
.all-news{-webkit-transition: .5s;-o-transition: .5s;transition: .5s; overflow: hidden; cursor: pointer; bottom: 0; width: 1180px; height: 50px; font-size: 16px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; line-height: 50px; border: 1px solid #666; color: #FFFFFF;}
.all-news .je-poa{z-index: 1; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; top: 0; bottom: 0; left: 0; right: 0; background: #957EFF; -webkit-transform:translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%);}
.all-news:hover .je-poa{-webkit-transform:translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
.all-news:hover{border: 1px solid transparent;}
.all-news div:first-child{z-index: 2; position: relative; margin-left: 530px;}
.all-news-btn{z-index: 2; position: relative; margin:13px 20px; width: 36px; height: 24px; background: url("https://img.51msyc.com/wxapp/pc/image/images/btn_rw.png"); -webkit-box-sizing: border-box; box-sizing: border-box;}
.welfare-box{-webkit-box-sizing: border-box;box-sizing: border-box; height: 895px; padding-top: 76px; background: #fff;}
.welfare-left, .welfare-left .content-text{width: 445px;}
.welfare-btn{-webkit-transition: .5s;-o-transition: .5s;transition: .5s; overflow: hidden; margin-top: 114px; width: 180px;height: 50px; border: 1px solid #CCCCCC; font-size: 16px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; line-height: 50px; color: #000;}
.welfare-btn .je-poa{z-index: 1; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; top: 0; bottom: 0; left: 0; right: 0; background: #957EFF; -webkit-transform:translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%);}
.welfare-btn:hover .je-poa{-webkit-transform:translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
.welfare-btn:hover{border: 1px solid transparent; color: #fff;}
.welfare-btn div:first-child{z-index: 2; position: relative; margin-left: 30px;}
.more-welfare{z-index: 2; position: relative; margin:13px 20px; width: 36px; height: 24px; background: url("https://img.51msyc.com/wxapp/pc/image/images/btn_rb.png"); -webkit-box-sizing: border-box; box-sizing: border-box;}
.welfare-btn:hover .more-welfare{background: url("https://img.51msyc.com/wxapp/pc/image/images/btn_rw.png");}
.welfare-right{top: 200px; left: 48%; width: 52%; z-index: 2;}
.wr-box{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.welfare-img{overflow: hidden; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; width: 200px; height: 670px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.welfare-img img{width: 100%;}
.welfare-img .je-poa{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; top: 0; left: 0; right: 0; bottom: 0;}
.welfare-img .je-poa div{margin-top: -webkit-calc(100% * 1.675 - 14px);margin-top: calc(100% * 1.675 - 14px); height: 28px; line-height: 28px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; font-size: 20px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #FFFFFF;}
.welfare-bottom{z-index: 1; width: 100%; height: 80px; left: 0; bottom: 0; background: #222;}

/* zoology */
.gt-title{height: 80px; font-size: 56px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #FFF; line-height: 80px;}
.gt-sub{margin-top: 14px; height: 44px; font-size: 20px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #FFFFFF; line-height: 44px;}
.bg-fb{background: #fbfbfb;}
.career-box{ padding-top: 96px; height: 652px; padding-bottom: 36px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.career-left{width: 340px;}
.career-mark{padding-top: 128px; height: 24px;}
.career-mark .mark-line{width: 40px; height: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #999;}
.career-mark div{height: 24px; font-size: 16px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #666666; line-height: 24px;}
.career-title{clear: both; margin-top: 34px; height: 55px; font-size: 38px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 55px;}
.career-detail{margin-top: 25px; height: 132px; font-size: 20px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #666666; line-height: 44px;}
.career-right{top: 96px; right: 10px; width: 620px; height: 520px;}
.padding-b162{padding-bottom: 162px;}
.global-nav{-webkit-transform:translateX(120px); -ms-transform: translateX(120px); transform: translateX(120px); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; opacity: 0; z-index: 10; background: #F5F5F5; top: -webkit-calc(50% - 110px); top: calc(50% - 110px); right: 20px; height: 220px; width: 100px;}
.global-nav.show-gn{-webkit-transform:translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; }
.global-nav div{text-align: center; width: 100px; height: 44px; font-size: 16px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #999; line-height: 44px;}
.global-nav .gn-active div{-webkit-transition: .5s;-o-transition: .5s;transition: .5s; background: #957EFF; color: #fff;}
#bank{ height: 1505px; background: #222;}
.brand-left{width: 710px; height: 470px;}
.brand-left .career-mark{padding-top: 169px;}
.bl-title{margin-top: 4px; height: 55px; font-size: 38px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #FFFFFF; line-height: 55px;}
.bl-entitle{margin-left: 12px; height: 28px; font-size: 20px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #FFFFFF; line-height: 28px;}
.bl-sub{margin-top: 52px; height: 38px; font-size: 26px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #FFFFFF; line-height: 38px;}
.bl-detail{margin-top: 12px; height: 78px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #999999; line-height: 26px;}
.brand-right{top: 170px; right: 10px; width: 268px; height: 300px;}
.brand-img{margin-top: 34px;}
.brand-content{margin-top: 72px;}
.bc-title{height: 28px; font-size: 20px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #FFFFFF; line-height: 28px;}
.bc-detail{margin-top: 12px; height: 78px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #999999; line-height: 26px;}
.icon-box{overflow-x: scroll; -webkit-box-sizing: border-box; box-sizing: border-box; scrollbar-width: none; -ms-overflow-style: none; cursor: url('https://img.51msyc.com/wxapp/pc/image/images/mouse_before.cur'), pointer;}
.icon-box::-webkit-scrollbar{display: none;}
#brand-logos{margin-top: 72px; height: 266px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start;}
.bank-icon{display: block; cursor: url('https://img.51msyc.com/wxapp/pc/image/images/mouse_before.cur'), pointer; -webkit-box-sizing: border-box;box-sizing: border-box; border: 1px solid #666; width: 130px; height: 50px; margin: 0 20px 30px 0; background-position: center; background-repeat: no-repeat; background-size: 130px 50px;}
.small-cursor .bank-icon{cursor:url('https://img.51msyc.com/wxapp/pc/image/images/mouse_moving.cur'), pointer !important;}
.move-tip{position: absolute; left: 0; bottom: 0; height: 26px; width: 100%; display: flex; justify-content: center; align-items: center;}
.move-tip span{margin: 0 16px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #999999; line-height: 26px;}
.move-tip img{width: 20px; height: 20px;}
.move-btn-left{animation: btnmovel 1s alternate infinite; -webkit-animation: btnmovel 1s alternate infinite;}
.move-btn-right{animation: btnmover 1s alternate infinite; -webkit-animation: btnmover 1s alternate infinite;}
@keyframes btnmovel
{
	from {transform: translateX(0);}
	to {transform: translateX(-20px);}
}
@-webkit-keyframes btnmovel
{
	from {transform: translateX(0);}
	to {transform: translateX(-20px);}
}
@keyframes btnmover
{
	from {transform: translateX(0);}
	to {transform: translateX(20px);}
}
@-webkit-keyframes btnmover
{
	from {transform: translateX(0);}
	to {transform: translateX(20px);}
}

#marketing{height: 1724px; background: #fff;}
.marketing-top{height: 654px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 157px;}
.marketing-bottom{height: 1070px; background: #222;}
.mt-title{height: 55px; font-size: 38px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 55px;}
.mt-entitle{height: 44px; font-size: 20px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #000000; line-height: 44px;}
.mt-sub{margin-top: 39px; height: 37px; font-size: 26px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #000000; line-height: 37px;}
.mt-detail{margin-top: 14px; width: 650px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #666666; line-height: 26px;}
.marketing-top .career-mark{padding-top: 0; top: 168px; right: 10px;}
.marketing-bottom .je-fl{width: 380px; height: 920px;}
.mb-box1{margin-right: 20px; margin-top: -120px;}
.mb-box2{margin-right: 20px; margin-top: -30px;}
.mb-box3{margin-top: -174px;}
.mb-img{overflow: hidden; width: 380px; height: 440px; z-index: 2; margin-bottom: 20px;}
.mi-bg{-webkit-transform:translateY(90px); -ms-transform: translateY(90px); transform: translateY(90px); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; z-index: 3; width: 380px; height: 90px; background: #957EFF; bottom: 0; left: 0;}
.mi-text{-webkit-transition: .5s;-o-transition: .5s;transition: .5s; z-index: 4; background: rgba(0, 0, 0, .5); top: 0; left: 0; width: 380px; height: 440px;}
.mi-title{margin-top: 365px; margin-left: 48px; height: 35px; font-size: 24px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #FFFFFF; line-height: 35px;}
.mi-detail{-webkit-transition: .5s;-o-transition: .5s;transition: .5s; opacity: 0; margin-left: 48px; height: 26px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #FFFFFF; line-height: 26px;}
.mb-img:hover .mi-text{background: transparent;}
.mb-img:hover .mi-detail{opacity: 1;}
.mb-img:hover .mi-bg{-webkit-transform:translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
#exchange{-webkit-box-sizing: border-box;box-sizing: border-box; height: 1056px; padding-top: 172px;}
.exchange-right{background-image: url(https://img.51msyc.com/wxapp/pc/image/images/exchange_2.jpg?x-oss-process=image/resize,w_530); background-repeat: no-repeat; background-size: 530px 712px ; width: 530px; height: 712px; right: 10px; top: 0;}
.exchange-left{-webkit-box-sizing: border-box;box-sizing: border-box; width: 580px;}
.exchange-left .career-mark{margin-bottom: 4px; padding-top: 0;}
.exchange-left .mt-sub{margin-top: 28px;}
.exchange-left .mt-detail{width: 580px; margin-bottom: 28px; margin-top: 12px;}
.ex-title{font-size: 20px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 44px;}
.ex-img{width: 580px; height: 220px; margin-top: 8px;}
.ex-service{height: 50px;}
.ex-service div{-webkit-box-sizing: border-box;box-sizing: border-box; text-align: center; width: 280px; height: 50px; border: 1px solid #CCCCCC; font-size: 16px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 48px;}
.ex-service div:first-child{margin-right: 20px;}
.ex-service div img{width: 48px; height: 48px; vertical-align: top;}
#uni-channel{-webkit-box-sizing: border-box;box-sizing: border-box; height: 844px; max-width: 2560px; background-image: url(https://img.51msyc.com/wxapp/pc/image/images/uni_channel_bg.jpg); background-position: center; background-repeat: no-repeat; background-size: 2560px 844px;}
.sw-right{padding: 172px 10px 0 10px; height: 844px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sw-right .career-mark{padding-top: 0;}
.sw-right .mt-title{color: #FFFFFF;}
.sw-right .mt-entitle{margin-left: 12px; color: #F5F5F5;}
.sw-right .mt-sub{margin-top: 28px; color: #FFFFFF;}
.sw-right .mt-detail{color: #999999; margin-top: 12px; width: 460px; margin-bottom: 56px;}
.sw-right .ex-title{color: #FFFFFF;}
.sw-channel{margin: 24px 20px 0 0; width: 100px; height: 32px;}
.clogo1{width: 100px; height: 32px; background-image: url("https://img.51msyc.com/wxapp/pc/image/images/window_wlogo1.png"); background-size: 100px 32px;}
.clogo2{width: 100px; height: 32px; background-image: url("https://img.51msyc.com/wxapp/pc/image/images/window_wlogo2.png"); background-size: 100px 32px;}
.clogo3{width: 100px; height: 32px; background-image: url("https://img.51msyc.com/wxapp/pc/image/images/window_wlogo3.png"); background-size: 100px 32px;}
.clogo4{width: 100px; height: 32px; background-image: url("https://img.51msyc.com/wxapp/pc/image/images/window_wlogo4.png"); background-size: 100px 32px;}
.channel-logo{-webkit-transition: .5s;-o-transition: .5s;transition: .5s; overflow: hidden; cursor: pointer; width: 100px; height: 32px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #CCCCCC;}
.channel-logo.show-channel{ overflow: visible; background: #957EFF;  border: 1px solid #957EFF;}
.channel-code{position: relative; width: 96px; height: 106px; margin: 8px 0; text-align: center; overflow: hidden; padding-top: 10px;}
.channel-code::before{z-index: 2; -webkit-transform:translateY(-106px); -ms-transform: translateY(-106px); transform: translateY(-106px); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; opacity: 0; content: ''; position: absolute; top: 2px; left: 50%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; margin-left: -10px;}
.channel-code img{z-index: 3; -webkit-transform:translateY(-106px); -ms-transform: translateY(-106px); transform: translateY(-106px); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; opacity: 0;}
.channel-logo.show-channel .channel-code img{-webkit-transform:translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1;}
.channel-logo.show-channel .channel-code::before{-webkit-transform:translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1;}
.sw-img{top: 172px; right: 60px; width: 430px; height: 490px;}
.sw-img .je-fl{cursor: pointer; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #CCCCCC; margin-left: 20px; width: 130px; height: 32px; line-height: 30px; font-size: 16px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #fff;}
.sw-img .je-fl:first-child{margin-left: 0;}
.sw-img .je-fl.si-active{border: 1px solid #957EFF; color: #fff; background: #957EFF;}
.matrix-img{-webkit-transition: .5s;-o-transition: .5s;transition: .5s; opacity: 0; top: 232px; right: 60px; width: 430px; height: 430px; clear: both;}
.show-matrix{opacity: 1;}
#e-quick{-webkit-box-sizing: border-box;box-sizing: border-box; height: 874px; padding-top: 0px;}
.equick-right{background-image: url(https://img.51msyc.com/wxapp/pc/image/images/cross.jpg?x-oss-process=image/resize,w_530); background-repeat: no-repeat; background-size: 530px 530px ; width: 530px; height: 530px; right: 10px; top: 172px;}
.equick-left{padding-top: 172px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 650px;}
.equick-left .career-mark{padding-top: 0; margin-bottom: 4px;}
.equick-left .mt-entitle{margin-left: 20px;}
.equick-left .mt-sub{margin-top: 28px;}
.equick-left .mt-detail{margin-top: 12px;}
.equick-data{width: 650px; height: 82px; margin: 83px 0 60px 0;}
.edata-box{margin-right: 44px;}
.edata-box .je-por .je-fl{height: 52px; font-size: 36px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #957EFF; line-height: 52px;}
.edata-box .je-por .je-fl:last-child{margin-left: 8px; margin-top: 2px; height: 20px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #000000; line-height: 20px;}
.edata-box p{clear: both; padding-top: 10px; height: 30px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #999999; line-height: 20px;}
.equick-left .ex-service div{width: 280px; text-align: left;}
.equick-left .ex-service div img{margin: 0 4px 0 67px;}

/* omall */
.omall-top{margin-top: 80px; overflow: hidden; height: 600px;}
.omall-top .je-poa{top: 220px; left: 0; right: 0; bottom: 0;}
.top-img{max-width: 2560px;}
.top-img-box{width: 100%; height: 600px; background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 0; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; -webkit-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2);}
.top-img img{margin: auto; min-width: 1920px; width: 100%; max-width: 2560px; min-height: 600px; max-height: 800px; opacity: 0;}
.top-img .je-poa{opacity: 0; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}
.omall-platform{-webkit-box-sizing: border-box;box-sizing: border-box; height: 1312px; padding-top: 160px;}
.op-top, .op-top .je-fl{height: 380px;}
.op-top .je-fl p{height: 55px; font-size: 38px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 55px;}
.op-top .je-fl{width: 600px;}
.op-top .je-fl:last-child{width: 580px;}
.op-detail{margin-bottom: 60px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #666666; line-height: 26px;}
.op-icons{margin-bottom: 20px; width: 580px; height: 48px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.op-icons div img{width: 48px; height: 48px;}
.icons-text{-webkit-box-sizing: border-box;box-sizing: border-box; padding-left: 2px; height: 48px; width: 102px; font-size: 16px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #666;}
.one-line{line-height: 48px;}
.two-line{line-height: 24px;}
.icon-text:last-child{margin-right: 0;}
#omall-activity{background: #222; padding-top: 165px; height: 917px; -webkit-box-sizing: border-box; box-sizing: border-box;}
#omall-activity .content-detail{margin-top: 40px;}
#omall-activity .content-title{color: #fff; font-size: 38px; line-height: 55px; height: 55px;}
#omall-activity .content-btn{border: 1px solid #666; color: #fff; top: 0;}
#omall-activity .content-btn:hover{border: 1px solid transparent; color: #fff;}
#omall-activity .btn-right{background: url("https://img.51msyc.com/wxapp/pc/image/images/btn_rw.png");}
.omall-drag .detail-box{height: 454px;}
.omall-drag .drag-box{width: 2230px; height: 454px;}
.omall-drag .drag-item{width: 430px; height: 454px; margin-right: 20px;}
.omall-drag .drag-item:last-child{margin-right: 0;}
.omall-drag .drag-img{width: 430px; height: 322px; margin-bottom: 40px; position: relative; overflow: hidden;}
.omall-drag .drag-img div{width: 430px; height: 322px;}
.drag-img-bg{background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transition: 1s; -o-transition: 1s; transition: 1s;}
.drag-item:hover .drag-img-bg{-webkit-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2);}
.omall-drag .item-title{overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 380px; height: 28px; font-size: 18px; font-weight: 400; font-family: 'SourceHanSansCN'; line-height: 28px;}
.omall-drag .item-detail{overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 380px; height: 52px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; line-height: 26px;}
#omall-activity .item-title{color: #FFFFFF;}
#omall-activity .drag-item:hover .item-title{color: #957EFF;}
#omall-activity .item-detail{color: #999999;}
#omall-shopkeeper{background: transparent; padding-top: 172px; height: 920px; -webkit-box-sizing: border-box; box-sizing: border-box;}
#omall-shopkeeper .content-detail{margin-top: 0; padding-top: 72px;}
#omall-shopkeeper .content-title{color: #000; font-size: 24px; line-height: 35px; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 7px 0 8px 0;}
#omall-shopkeeper .content-btn{border: 1px solid #CCCCCC; color: #000; width: 270px; top: 0;}
#omall-shopkeeper .content-btn .btn-text{margin-left: 44px;}
#omall-shopkeeper .content-btn:hover{border: 1px solid transparent; color: #fff;}
#omall-shopkeeper .btn-right{background: url("https://img.51msyc.com/wxapp/pc/image/images/btn_rb.png");}
#omall-shopkeeper .content-btn:hover .btn-right{background: url("https://img.51msyc.com/wxapp/pc/image/images/btn_rw.png");}
#omall-shopkeeper .item-title{color: #000;}
#omall-shopkeeper .drag-item:hover .item-title{color: #957EFF;}
#omall-shopkeeper .item-detail{color: #666;}
.captain-yodel{padding-top: 172px; height: 1208px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.captain-yodel .je-w1200 .je-w100{margin-bottom: 90px;}
.cy-title{font-size: 38px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 55px;}
.captain-yodel .je-poa{-webkit-transition: .5s;-o-transition: .5s;transition: .5s; overflow: hidden; right: -60px; bottom: 241px; width: 192px; height: 320px;}
.captain-yodel .je-poa .je-por{width: 192px; height: 320px; background-image: url(https://img.51msyc.com/wxapp/pc/image/images/captain_yodel.png); background-repeat: no-repeat; background-size: 192px 320px;}
.captain-yodel .je-poa img{opacity: 0; width: 192px; height: 320px;}
.captain-yodel .je-poa:hover{right: 0;}
.captain-yodel .je-poa:hover .je-por img{opacity: 1;}
.captain-yodel .je-poa:hover .je-por{background: transparent;}
.shopkeepers .je-poa{top: 25%; bottom: 25%; left: 44.375%; right: 11.146%;}
.shopkeepers-text{width: 465px; height: 232px; top: 50%; left: 50%; margin-top: -116px; margin-left: -232px;}
.shopkeepers-text div{font-size: 38px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 55px;}
.shopkeepers-text p{margin-top: 20px; font-size: 26px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #666666; line-height: 38px;}
.omall-rush{height: 992px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 180px;}
.open-shop{height: 1252px;}
.open-shop .je-w1200{z-index: 2;}
.open-shop .je-poa{z-index: 1; width: 100%; height: 888px; bottom: 0; left: 0; background: #222;}
.op-imgs{margin-bottom: 136px; height: 680px;}
.op-imgs .op-img{width: 380px; height: 680px; margin-left: 20px;}
.op-imgs .op-img:first-child{margin-left: 0;}
.op-img p{margin: -75px 0 0 50px; height: 35px; font-size: 24px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #FFFFFF; line-height: 35px;}
.op-bottom{margin-bottom: 16px; height: 140px;}
.op-bottom .je-fl{width: 208px; height: 140px; margin-left: 35px;}
.op-bottom .je-fl:first-child{margin-left: 0;}
.op-title{margin-bottom: 4px; height: 48px; font-size: 16px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #999999; line-height: 48px;}
.op-title img{width: 48px; height: 48px; margin-right: 4px;}
.op-text{margin-left: 8px; width: 192px; height: 72px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #999999; line-height: 24px; letter-spacing: 1px;}
.business-school{height: 748px; padding-top: 160px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.omall-title{height: 35px; font-size: 24px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 35px;}
.omall-entitle{margin-left: 20px; height: 26px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #000000; line-height: 26px;}
.omall-detail{margin-top: 33px; padding-bottom: 44px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 68px; font-size: 16px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #000000; line-height: 24px;}
.bs-fl{margin-top: 20px; height: 200px;}
.bs-fl .je-fl{background: #F5F5F5; width: 380px; height: 200px; margin-left: 20px;}
.bs-fl .je-fl:first-child{margin-left: 0;}
.bs-img{margin: 36px 0 12px 50px; height: 72px;}
.bs-img img{width: 72px; height: 72px;}
.bs-flt{margin-left: 50px; height: 26px; font-size: 18px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 26px;}
.bs-fld{margin: 8px 0 0 50px; height: 24px; font-size: 16px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #666666; line-height: 24px;}
.growth{height: 912px; padding-top: 160px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.growth-imgs{margin-top: 64px; margin-bottom: 20px; height: 310px;}
.growth-imgs:last-child{margin-top: 0; margin-bottom: 0;}
.growth-imgs .je-fl{width: 380px; height: 310px; margin-left: 20px;}
.growth-imgs .je-fl:first-child{margin-left: 0;}
.growth-imgs .je-fl p{margin: -74px 0 0 50px; height: 24px; font-size: 16px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #FFFFFF; line-height: 24px;}
.show-yourself{height: 970px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 160px;}
.show-yourself-title{margin-bottom: 64px; height: 70px; font-size: 24px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 35px;}
.showu-right{right: 0; top: 0; width: 650px; height: 82px;}
.showu-right .je-fl{width: 50px; height: 82px;}
.showu-right .je-fl.showu-text{width: 480px; height: 82px; margin: 0 20px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #999999; line-height: 24px;}
.showu-right .je-fl img{width: 50px;}
.showu-right .je-fl:last-child img{margin-top: 40px;}

/* story-list */
.bread-crumbs{background: #f5f5f5; height: 56px;}
.bread-fiexd{position: fixed; top: 80px; left: 0; z-index: 1500;}
.bread-crumbs .je-w1200 a{height: 56px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #000000; line-height: 56px;}
.bread-crumbs .je-w1200 img{width: 20px; height: 20px; margin: -4px 4px 0 4px;}
.story-list{padding-top: 172px;}
.story-box{height: 522px; margin-bottom: 96px;}
.story-line0 .story-img{top: 0; left: 0;}
.story-line0 .story-text{bottom: 0; right: 0;}
.story-line1 .story-img{bottom: 0; right: 0;}
.story-line1 .story-text{top: 0; left: 0;}
.story-img{z-index: 1; width: 630px; height: 472px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.story-text{-webkit-box-sizing: border-box;box-sizing: border-box; padding: 48px 100px; z-index: 2; width: 630px; height: 472px; background: #F5F5F5;}
.stext-top{width: 430px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #CCCCCC;height: 64px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #000000; line-height: 64px;}
.stext-top span:first-child{margin-right: 58px;}
.stext-title{cursor: pointer; margin-top: 25px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 430px; height: 56px; font-size: 20px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 28px;}
.stext-title:hover{color: #957EFF;}
.stext-detail{margin-top: 24px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; width: 430px; height: 104px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #999; line-height: 26px;}
.stext-link{cursor: pointer; margin:36px 0 0 287px; width: 143px; height: 50px;}
.stext-link .je-fl{font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #000; line-height: 50px;}
.stext-link .stext-btn{margin: 13px 0 13px 20px; width: 36px; height: 24px; background: url("https://img.51msyc.com/wxapp/pc/image/images/btn_rb.png");}
.stext-link:hover .je-fl{color: #957EFF;}
.stext-link:hover .stext-btn{background: url("https://img.51msyc.com/wxapp/pc/image/images/btn_rp.png");}
#more-box{margin-bottom: 172px;}
.load-more{-webkit-transition: .5s;-o-transition: .5s;transition: .5s; overflow: hidden; cursor: pointer; height: 50px; border: 1px solid #CCCCCC; text-align: center; font-size: 16px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #000000; line-height: 48px;}
.load-more .je-fl:first-child{-webkit-transition: .5s;-o-transition: .5s;transition: .5s; margin-left: 530px; font-size: 16px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #000000; line-height: 48px;}
.load-more .more-btn{-webkit-transition: .5s;-o-transition: .5s;transition: .5s; margin:12px 20px; width: 36px; height: 24px; background: url("https://img.51msyc.com/wxapp/pc/image/images/btn_rb.png");}
.load-more:hover{border: 1px solid transparent; color: #fff;}
.load-more.no-more{border: none; color: #999; cursor: auto;}
.load-more.no-more:hover{border: none; color: #999;}
.load-more:hover .je-fl:first-child{color: #fff;}
.load-more:hover .more-btn{background: url("https://img.51msyc.com/wxapp/pc/image/images/btn_rw.png");}
.load-more .je-poa{z-index: -1; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; top: 0; bottom: 0; left: 0; right: 0; background: #957EFF; -webkit-transform:translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%);}
.load-more:hover .je-poa{-webkit-transform:translateY(0); -ms-transform: translateY(0); transform: translateY(0);}

/* show */
.show-details .video{ margin:50px auto; height: 503px;}
.show-details{ width: 980px; margin:284px auto 0 auto; min-height: 600px; line-height: 26px;}
.show-details .title{ border-bottom: #ccc solid 1px;}
#showartcon img{ max-width: 100%; }
#showtitle{font-size: 38px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 56px;}
#author-time{margin: 22px 0 32px 0; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #999999; line-height: 14px;}
.show-drag{padding-bottom: 172px;}
.show-drag .je-w980{padding-top: 120px; border-top: 1px solid #CCC;}
.show-drag .content-detail{margin-top: 40px;}
.show-drag .content-title {height: 55px; font-size: 38px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 55px;}
.show-drag .detail-box{height: 454px; width: 100%;}
.show-drag .drag-box{width: 2230px; height: 454px;}
.show-drag .drag-item{width: 430px; height: 454px; margin-right: 20px;}
.show-drag .drag-item:last-child{margin-right: 0;}
.show-drag .drag-img{width: 430px; height: 322px; margin-bottom: 40px; position: relative; overflow: hidden;}
.show-drag .drag-img div{width: 430px; height: 322px;}
.show-drag .item-title{overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 380px; height: 28px; font-size: 18px; font-weight: 400; font-family: 'SourceHanSansCN'; line-height: 28px;}
.show-drag .item-detail{overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 380px; height: 52px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; line-height: 26px;}
.show-h160{height: 160px;}

/* news */
.omall-top .je-poa.news-top{left: 19.27%; top: 36.5%; width: 600px; height: 140px;}
.news-list{margin: 160px auto;}
.newspage-title{margin-bottom: 92px; height: 55px; font-size: 38px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 55px;}
.category-name.newspage-title{margin-bottom: 80px;}
.first-news{position: relative; margin-bottom: 80px; width: 1180px; height: 590px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.first-title{position: absolute; top: 440px; left: 0; background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.6))); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 100%); padding: 82px 50px 36px 50px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 150px; font-size: 26px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #FFFFFF; line-height: 32px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.other-news{background: #F5F5F5; margin-bottom: 80px; width: 1180px; height: 300px;}
.newspage-img{width: 400px; height: 300px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.other-text{width: 780px; height: 300px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 50px;}
.newst-title{white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-top: 36px; width: 680px; height: 38px; font-size: 26px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 38px;}
.newst-detail{overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 12px; width: 680px; height: 90px; font-size: 16px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #666666; line-height: 30px; letter-spacing: 1px;}
.newst-time{margin-top: 66px; height: 14px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #999999; line-height: 14px;}
.other-text .je-poa{right: 50px; bottom: 26px; width: 112px; height: 50px;}
.other-text .je-poa div:first-child{font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #000000; line-height: 50px;}
.newst-btn{background: url("https://img.51msyc.com/wxapp/pc/image/images/btn_rb.png"); margin: 13px 0 13px 20px; width: 36px; height: 24px;}
.newst-title:hover{color: #957EFF;}
.other-text .je-poa:hover div{color: #957EFF;}
.other-text .je-poa:hover .newst-btn{background: url("https://img.51msyc.com/wxapp/pc/image/images/btn_rp.png");}
.news-type{margin-bottom: 172px;}
.type-list{margin-top: 92px; width: 1180px; height: 380px;}
.type-list:last-child{margin-top: 20px;}
.type-list .je-fl{overflow: hidden; width: 380px; height: 380px; margin-left: 20px;}
.type-list .je-fl:first-child{margin-left: 0;}
.type-list .je-fl img{z-index: 1; -webkit-transition: 1s; -o-transition: 1s; transition: 1s;}
.type-list .je-fl .je-poa{z-index: 3; top: 0; left: 0; width: 380px; height: 380px;}
.tl-bg{-webkit-transition: .5s;-o-transition: .5s;transition: .5s; z-index: 2; opacity: 0.4; background: #000;}
.type-list .je-fl .je-poa p{margin: 293px 0 0 50px; height: 37px; font-size: 26px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #FFFFFF; line-height: 37px;}
.type-list .je-fl:hover .tl-bg{opacity: 0;}
.type-list .je-fl:hover img{-webkit-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2);}
.type-page.news-list { margin: 284px auto 172px auto;}

/* contact */
.h160{height: 160px;}
.bread-crumbs .je-w1200.contact-nav a{cursor: pointer; margin-right: 36px; font-size: 16px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #666666; line-height: 56px;}
.bread-crumbs .je-w1200.contact-nav .contact-active{font-weight: 400; font-family: 'SourceHanSansCN'; color: #957EFF;}
.overseas{height: 1405px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.overseas-title{height: 72px; font-size: 50px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 72px;}
.overseas-sub{margin-top: 8px; height: 44px; font-size: 30px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #000000; line-height: 44px;}
.overseas-img{margin-top: 96px; width: 1180px; height: 518px;}
.overseas-des{margin-top: 76px; height: 44px; font-size: 30px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 44px;}
.overseas-detail{width: 1030px; margin-top: 20px; height: 56px; font-size: 16px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #666666; line-height: 28px;}
.overseas-icons{margin-top: 64px;}
.overseas-icons .je-fl{width: 230px; height: 88px; border-left: 1px solid #ccc;}
.overseas-icons .je-fl:first-child{border-left: none; margin-left: -59px;}
.overseas-icons .je-fl p{text-align: center; font-size: 16px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #999999; line-height: 16px;}
.overseas-icons .je-fl p img{width: 48px; height: 48px; margin: 8px auto;}
.advantage-drag{height: 970px; background: #222222;}
.advantage-drag .content-box{background: transparent; padding: 140px 10px 0 10px;}
.advantage-drag .content-detail{margin-top: 54px;}
.advantage-drag .content-title {height: 55px; font-size: 38px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #fff; line-height: 55px;}
.advantage-drag .detail-box{height: 562px; width: 100%;}
.advantage-drag .drag-box{width: 2950px; height: 562px;}
.advantage-drag .drag-item{width: 700px; height: 562px; margin-right: 50px;}
.advantage-drag .drag-item:last-child{margin-right: 0;}
.advantage-drag .drag-img{width: 700px; height: 400px; margin-bottom: 58px; position: relative; overflow: hidden;}
.advantage-drag .drag-img div{width: 700px; height: 400px;}
.advantage-drag .item-title{color: #fff; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 700px; height: 37px; font-size: 26px; font-weight: 400; font-family: 'SourceHanSansCN'; line-height: 37px;}
.advantage-drag .item-detail{color: #999999; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 700px; height: 48px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; line-height: 24px;}
.fs38{font-size: 38px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 56px;}
.sales-ecology{height: 796px; padding-top: 140px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sales-ecology .fs38{padding-bottom: 100px;}
.sales-ecology .je-por{margin-top: 20px; width: 1180px; height: 230px;}
.sales-ecology .je-fl{background: #F5F5F5; margin-left: 20px; width: 380px; height: 230px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 24px 0 0 50px;}
.sales-ecology .je-fl:first-child{margin-left: 0;}
.sales-ecology .je-fl img{width: 48px; height: 48px;}
.sales-ecology .je-fl p{margin-top: 12px; font-size: 18px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 26px;}
.sales-ecology .je-fl p:last-child{margin-top: 8px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #666666; line-height: 24px;}
.solution{height: 1203px; padding-top: 160px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.solution-img{height: 552px; margin-top: 92px; padding-bottom: 80px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.solution-img .je-fl{width: 180px; height: 472px; margin-left: 20px;}
.solution-img .je-fl:first-child{margin-left: 0;}
.solution-img .je-poa{left: 30px; bottom: 36px; font-size: 16px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #FFFFFF; line-height: 24px;}
.solution-icons{margin-top: 20px; height: 72px;}
.solution-icons .je-fl{margin-left: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 380px; height: 72px; border: 1px solid #CCCCCC;}
.solution-icons .je-fl:first-child{margin-left: 0;}
.solution-icons .je-fl div{margin: 11px 0; text-align: center; line-height: 48px; height: 48px; font-size: 18px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #999999;}
.solution-icons .je-fl img{width: 48px; height: 48px; margin-right: 8px;}
.onion-contact{height: 356px; background: #F5F5F5;}
.onion-contact.no-maxw.je-w100{max-width: 2560px;}
.onion-contact .je-por{width: 500px; height: 356px;}
.onion-name{border-bottom: 1px solid #ccc; font-size: 26px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 94px; width: 310px; height: 134px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 40px;}
.contact-box p{font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #666666; line-height: 20px;}
.contact-box p:last-child{margin-top: 4px; font-size: 20px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #000000; line-height: 20px;}
.onion-contact .je-poa{left: 45.31%; right: 0; bottom: 0; top: 0;}
#onionmap .amap-info-content p{margin-block-start: 0; margin-block-end: 0; font-size: 12px; margin: 5px 0;}
#onionmap .amap-logo, #onionmap .amap-copyright{display: none !important;}
#onionmap .amap-marker-label{border: none; color: #957EFF; background-color: transparent; font-size: 14px; font-weight: bold; margin-left: -8px;}
#onionmap .amap-icon img{width: 30px; height: 30px;}

.shopkeeper-ttitle{margin-top: 76px; font-size: 30px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 44px;}
.shopkeeper-tdetail{width: 1030px; margin-top: 20px; font-size: 16px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #666666; line-height: 28px;}
.shopkeeper-card{height: 640px; background: #F5F5F5; max-width: 2560px;}
.scard-left{left: 5px; top: 176px; width: 584px; height: 304px;}
.scard-right{right: 8px; top: 176px; width: 600px; height: 304px;}
.scard-left, .scard-right{-webkit-transform-style:preserve-3d; transform-style: preserve-3d; -webkit-perspective: 650; -ms-perspective: 650; perspective: 650;}
.scard-right .scard-front .lc-radius{border: 1px solid #8B7357;}
.scard-box {height: 100%; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; position: relative; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 650; -ms-perspective: 650; perspective: 650; -webkit-perspective-origin: 50% 50%; perspective-origin: 50% 50%;}
.scard-left .scard-box{background: url("https://img.51msyc.com/wxapp/pc/image/images/left_card_shadow.png") no-repeat bottom;}
.scard-right .scard-box{background: url("https://img.51msyc.com/wxapp/pc/image/images/right_card_shadow.png") no-repeat bottom;}
.scard-front{position: absolute; top: 0; left: 50px; height: 292px; width: 500px; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; z-index: 2; -webkit-transform: translateZ(2px); transform: translateZ(2px); background-repeat: no-repeat; background-size: cover; padding-top: 110px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.scard-back{position: absolute; top: 0; left: 50px; height: 292px; width: 500px; -webkit-transform: rotateY(180deg) translateZ(1px); transform: rotateY(180deg) translateZ(1px); -webkit-transition: 1s; -o-transition: 1s; transition: 1s; z-index: 1; background-repeat: no-repeat; background-size: cover; padding-top: 65px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.scard-left .scard-front{color: #B58DFF; background-image: url(https://img.51msyc.com/wxapp/pc/image/images/card_l.png);}
.scard-left .scard-back{background-image: url(https://img.51msyc.com/wxapp/pc/image/images/card_lb.png);}
.scard-right .scard-front{color: #F9CB92; background-image: url(https://img.51msyc.com/wxapp/pc/image/images/card_r.png);}
.scard-right .scard-back{background-image: url(https://img.51msyc.com/wxapp/pc/image/images/card_rb.png);}
.scard-left:hover .scard-box, .scard-right:hover .scard-box {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.lc-title{font-size: 20px; font-weight: 400; font-family: 'SourceHanSansCN'; line-height: 32px; text-align: center;}
.lc-detail{margin-top: 8px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; line-height: 20px; text-align: center;}
.lc-radius{font-size: 14px; font-weight: 400; font-family: 'SourceHanSansCN'; line-height: 26px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 32px auto 8px auto; width: 260px; height: 28px; border-radius: 14px; border: 1px solid #A777FF;text-align: center;}
.lc-bottom{margin-top: 8px; font-size: 10px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; line-height: 18px; text-align: center;}
.lcb-code{width: 125px; height: 125px; margin: 0 auto;}
.lcb-text{margin-top: 16px; text-align: center;font-size: 14px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #FFFFFF; line-height: 20px;}

.shopkeeper-bottom{height: 926px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 192px;}
.shopkeeper-btitle{font-size: 38px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 55px;}
.shopkeeper-bsub{margin-top: 8px; font-size: 26px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 37px;}
.shopkeeper-bottom .je-por{height: 140px;}
.shopkeeper-bottom .je-por .je-fl{margin-left: 35px; width: 208px; height: 140px;}
.shopkeeper-bottom .je-por .je-fl:first-child{margin-left: 0;}
.shopkeeper-bottom .je-por .je-fl div{margin-top: 8px; height: 48px; font-size: 16px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #666666; line-height: 48px;}
.shopkeeper-bottom .je-por .je-fl div img{margin-right: 4px; width: 48px; height: 48px;}
.shopkeeper-bottom .je-por .je-fl p{margin-top: 4px; width: 192px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #666666; line-height: 24px; letter-spacing: 1px;}
.shopkeeper-btn{position: relative; overflow: hidden; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 100px; width: 1180px; height: 50px; border: 1px solid #CCCCCC;}
.shopkeeper-btn .je-fl{-webkit-transition: .5s;-o-transition: .5s;transition: .5s; margin: 13px 20px 13px 513px; font-size: 16px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 24px;}
.shopkeeper-btn .je-fl.skbtn-right{-webkit-transition: .5s;-o-transition: .5s;transition: .5s; margin: 13px 0; width: 36px; height: 24px; background: url("https://img.51msyc.com/wxapp/pc/image/images/btn_rb.png");}
.shopkeeper-btn:hover{border: 1px solid transparent;}
.shopkeeper-btn:hover .je-fl{color: #fff;}
.shopkeeper-btn:hover .je-fl.skbtn-right{background: url("https://img.51msyc.com/wxapp/pc/image/images/btn_rw.png");}
.shopkeeper-btn .je-poa{z-index: -1; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; top: 0; bottom: 0; left: 0; right: 0; background: #957EFF; -webkit-transform:translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%);}
.shopkeeper-btn:hover .je-poa{-webkit-transform:translateY(0); -ms-transform: translateY(0); transform: translateY(0);}

.contact-top p{font-size: 50px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 72px;}
.contact-top .tp-vsub{margin-top: 8px; font-size: 30px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #000000; line-height: 44px;}
.contact-top div{margin-top: 96px;}
.tp-picture{padding-top: 80px;}
.tp-picture .tp-ptitle{font-size: 30px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 44px;}
.tp-picture .tp-psub{width: 1030px; padding-bottom: 76px; margin-top: 20px; font-size: 16px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #666666; line-height: 28px;}
.tp-picture .je-por{margin-top: 96px; height: 470px;}
.tp-picture .je-por:first-child{margin-top: 162px;}
.tp-picture .je-por .je-poa{width: 630px; height: 420px; background: #F5F5F5; z-index: 1;}
.tp-picture .je-por .je-poa.tp-ptext{z-index: 2;}
.tp-left{top: 0; left: 0;}
.tp-right{right: 0; bottom: 0;}
.tp-rtitle{margin: 110px 100px 30px 100px; font-size: 20px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 28px;}
.tp-rdetail{margin-left: 100px; width: 430px; font-size: 14px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #666666; line-height: 26px;}
.tp-bottom{margin: 172px 0 160px 0; width: 1180px; height: 450px;}
.tp-bottom img{z-index: 1;}
.tp-bottom .je-poa{left: 0; top: 0; right: 0; bottom: 0; z-index: 3;}
.tp-bottom .je-poa.tl-bg{opacity: 0.5; z-index: 2;}
.tp-bottom .je-poa p{text-align: center; margin-top: 12px; font-size: 50px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #FFFFFF; line-height: 72px;}
.tp-bottom .je-poa p:first-child{margin-top: 156px; font-size: 30px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #FFFFFF; line-height: 44px;}

.ir-title{margin-top: 64px; font-size: 30px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 44px;}
.ir-name{font-size: 28px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #000000; line-height: 32px;}
.ir-ways{width: 50%;}
.ir-ways p{margin-top: 24px; font-size: 24px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #000000; line-height: 32px;}
.ir-ways div{height: 40px; font-size: 20px; font-weight: 300; font-family: 'SourceHanSansCN-Light'; color: #000000; line-height: 40px;}
.ir-ways div img{width: 40px; height: 40px; margin-right: 8px;}
.ir-ways div a{color: #666666; margin-left: 8px;}
.ir-ways div a:hover{color: #957EFF;}

/* download */
.download-page.mstopbox .logo{background-image: url(https://img.51msyc.com/wxapp/pc/image/images/download_logo_w.png); background-position: left; background-repeat: no-repeat; background-size: 100px 44px;}
.download-page.mstopbox.scrollcolor .logo{background-image: url(https://img.51msyc.com/wxapp/pc/image/images/download_logo.png);}
.download-page .mstopnav li a::after{background-color: #B800E1;}
.download-page.mstopbox.scrollcolor .mstopnav li a:hover{color: #B800E1;}
.download-page .mstopnav li a:hover::after{width: 0;}
.download-lastnav span{margin-left: 4px; background-image: url(https://img.51msyc.com/wxapp/pc/image/images/icon_code.png); background-position: center; background-repeat: no-repeat; background-size: 20px 20px;}
.scrollcolor .download-lastnav span{background-image: url(https://img.51msyc.com/wxapp/pc/image/images/icon_code_b.png);}
.download-lastnav span img{width: 20px; height: 20px; opacity: 0;}
.scrollcolor .download-lastnav:hover span{background-image: url(https://img.51msyc.com/wxapp/pc/image/images/icon_code_p.png);}
.download-code{top: 44px; overflow: hidden; width: 100px; height: 108px; display: none; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.download-lastnav a:hover .download-code{display: block;}
.download-top{-webkit-box-sizing: border-box;box-sizing: border-box; padding-top: 192px; background-image: url(https://img.51msyc.com/wxapp/pc/image/images/download_bg.jpg?x-oss-process=image/resize,w_1920); background-position: center; background-repeat: no-repeat; background-size: 1920px 890px; height: 890px;}
.dltop-icon img{width: 88px; height: 88px;}
.dltop-text img{width: 430px; height: 120px; margin-top: 40px;}
.dltop-box{margin-top: 80px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 380px; height: 130px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
.dltop-btn{width: 230px;}
.dltop-code{width: 130px;}
.dltop-btn div{-webkit-transition: .4s;-o-transition: .4s;transition: .4s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; width: 230px; height: 56px; border: 1px solid #FFFFFF;}
.dltop-btn div:last-child{margin-top: 16px;}
.dltop-btn div:hover{cursor: pointer; border: none; background: -o-linear-gradient(right, #8700FF 0%, #B800E1 100%); background: -webkit-gradient(linear, right top, left top, from(#8700FF), to(#B800E1)); background: linear-gradient(270deg, #8700FF 0%, #B800E1 100%);}
.dltop-btn div span{font-size: 16px; font-weight: 400; font-family: 'SourceHanSansCN'; color: #FFFFFF; line-height: 24px;}
.dltop-btn div span img{width: 24px; height: 24px; margin-right: 8px;}
.download-box{height: 720px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
.dlbox-text{height: 720px; width: 550px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -webkit-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;}
.dlbox-title{width: 550px; margin-bottom: 24px; font-size: 40px; font-family: 'SourceHanSansCN'; font-weight: 400; color: #000000; line-height: 60px;}
.dlbox-detail{width: 550px; margin-bottom: 16px; font-size: 20px; font-family: 'SourceHanSansCN-Light'; font-weight: 300; color: #000000; line-height: 40px;}
.download-box>.dlbox-detail:last-child{margin-bottom: 0;}
.download-foot .je-tc img{width: 100px; height: 100px; margin-top: 164px;}
.download-foot .je-tc{font-size: 16px; font-family: 'SourceHanSansCN-Light'; font-weight: 300; color: #000000; line-height: 32px;}
.download-foot .foot-tac{margin-top: 138px; min-height: 100px; padding-bottom: 64px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.download-foot .foot-tac .je-w1200{border-top: none; padding-top: 0;}
.download-foot .foot-tac .je-w1200 p a:hover{color: #000;}