/* 间距 start */
.mt100{margin-top:100px!important}
.mr100{margin-right:100px!important}
.mb100{margin-bottom:100px!important}
.ml100{margin-left:100px!important}
.pt100{padding-top:100px!important}
.pr100{padding-right:100px!important}
.pb100{padding-bottom:100px!important}
.pl100{padding-left:100px!important}
.mt95{margin-top:95px!important}
.mr95{margin-right:95px!important}
.mb95{margin-bottom:95px!important}
.ml95{margin-left:95px!important}
.pt95{padding-top:95px!important}
.pr95{padding-right:95px!important}
.pb95{padding-bottom:95px!important}
.pl95{padding-left:95px!important}
.mt90{margin-top:90px!important}
.mr90{margin-right:90px!important}
.mb90{margin-bottom:90px!important}
.ml90{margin-left:90px!important}
.pt90{padding-top:90px!important}
.pr90{padding-right:90px!important}
.pb90{padding-bottom:90px!important}
.pl90{padding-left:90px!important}
.mt85{margin-top:85px!important}
.mr85{margin-right:85px!important}
.mb85{margin-bottom:85px!important}
.ml85{margin-left:85px!important}
.pt85{padding-top:85px!important}
.pr85{padding-right:85px!important}
.pb85{padding-bottom:85px!important}
.pl85{padding-left:85px!important}
.mt80{margin-top:80px!important}
.mr80{margin-right:80px!important}
.mb80{margin-bottom:80px!important}
.ml80{margin-left:80px!important}
.pt80{padding-top:80px!important}
.pr80{padding-right:80px!important}
.pb80{padding-bottom:80px!important}
.pl80{padding-left:80px!important}
.mt75{margin-top:75px!important}
.mr75{margin-right:75px!important}
.mb75{margin-bottom:75px!important}
.ml75{margin-left:75px!important}
.pt75{padding-top:75px!important}
.pr75{padding-right:75px!important}
.pb75{padding-bottom:75px!important}
.pl75{padding-left:75px!important}
.mt70{margin-top:70px!important}
.mr70{margin-right:70px!important}
.mb70{margin-bottom:70px!important}
.ml70{margin-left:70px!important}
.pt70{padding-top:70px!important}
.pr70{padding-right:70px!important}
.pb70{padding-bottom:70px!important}
.pl70{padding-left:70px!important}
.mt65{margin-top:65px!important}
.mr65{margin-right:65px!important}
.mb65{margin-bottom:65px!important}
.ml65{margin-left:65px!important}
.pt65{padding-top:65px!important}
.pr65{padding-right:65px!important}
.pb65{padding-bottom:65px!important}
.pl65{padding-left:65px!important}
.mt60{margin-top:60px!important}
.mr60{margin-right:60px!important}
.mb60{margin-bottom:60px!important}
.ml60{margin-left:60px!important}
.pt60{padding-top:60px!important}
.pr60{padding-right:60px!important}
.pb60{padding-bottom:60px!important}
.pl60{padding-left:60px!important}
.mt55{margin-top:55px!important}
.mr55{margin-right:55px!important}
.mb55{margin-bottom:55px!important}
.ml55{margin-left:55px!important}
.pt55{padding-top:55px!important}
.pr55{padding-right:55px!important}
.pb55{padding-bottom:55px!important}
.pl55{padding-left:55px!important}
.mt50{margin-top:50px!important}
.mr50{margin-right:50px!important}
.mb50{margin-bottom:50px!important}
.ml50{margin-left:50px!important}
.pt50{padding-top:50px!important}
.pr50{padding-right:50px!important}
.pb50{padding-bottom:50px!important}
.pl50{padding-left:50px!important}
.mt45{margin-top:45px!important}
.mr45{margin-right:45px!important}
.mb45{margin-bottom:45px!important}
.ml45{margin-left:45px!important}
.pt45{padding-top:45px!important}
.pr45{padding-right:45px!important}
.pb45{padding-bottom:45px!important}
.pl45{padding-left:45px!important}
.mt40{margin-top:40px!important}
.mr40{margin-right:40px!important}
.mb40{margin-bottom:40px!important}
.ml40{margin-left:40px!important}
.pt40{padding-top:40px!important}
.pr40{padding-right:40px!important}
.pb40{padding-bottom:40px!important}
.pl40{padding-left:40px!important}
.mt35{margin-top:35px!important}
.mr35{margin-right:35px!important}
.mb35{margin-bottom:35px!important}
.ml35{margin-left:35px!important}
.pt35{padding-top:35px!important}
.pr35{padding-right:35px!important}
.pb35{padding-bottom:35px!important}
.pl35{padding-left:35px!important}
.mt30{margin-top:30px!important}
.mr30{margin-right:30px!important}
.mb30{margin-bottom:30px!important}
.ml30{margin-left:30px!important}
.pt30{padding-top:30px!important}
.pr30{padding-right:30px!important}
.pb30{padding-bottom:30px!important}
.pl30{padding-left:30px!important}
.mt25{margin-top:25px!important}
.mr25{margin-right:25px!important}
.mb25{margin-bottom:25px!important}
.ml25{margin-left:25px!important}
.pt25{padding-top:25px!important}
.pr25{padding-right:25px!important}
.pb25{padding-bottom:25px!important}
.pl25{padding-left:25px!important}
.mt20{margin-top:20px!important}
.mr20{margin-right:20px!important}
.mb20{margin-bottom:20px!important}
.ml20{margin-left:20px!important}
.pt20{padding-top:20px!important}
.pr20{padding-right:20px!important}
.pb20{padding-bottom:20px!important}
.pl20{padding-left:20px!important}
.mt15{margin-top:15px!important}
.mr15{margin-right:15px!important}
.mb15{margin-bottom:15px!important}
.ml15{margin-left:15px!important}
.pt15{padding-top:15px!important}
.pr15{padding-right:15px!important}
.pb15{padding-bottom:15px!important}
.pl15{padding-left:15px!important}
.mt10{margin-top:10px!important}
.mr10{margin-right:10px!important}
.mb10{margin-bottom:10px!important}
.ml10{margin-left:10px!important}
.pt10{padding-top:10px!important}
.pr10{padding-right:10px!important}
.pb10{padding-bottom:10px!important}
.pl10{padding-left:10px!important}
.mt9{margin-top:9px!important}
.mr9{margin-right:9px!important}
.mb9{margin-bottom:9px!important}
.ml9{margin-left:9px!important}
.pt9{padding-top:9px!important}
.pr9{padding-right:9px!important}
.pb9{padding-bottom:9px!important}
.pl9{padding-left:9px!important}
.mt8{margin-top:8px!important}
.mr8{margin-right:8px!important}
.mb8{margin-bottom:8px!important}
.ml8{margin-left:8px!important}
.pt8{padding-top:8px!important}
.pr8{padding-right:8px!important}
.pb8{padding-bottom:8px!important}
.pl8{padding-left:8px!important}
.mt7{margin-top:7px!important}
.mr7{margin-right:7px!important}
.mb7{margin-bottom:7px!important}
.ml7{margin-left:7px!important}
.pt7{padding-top:7px!important}
.pr7{padding-right:7px!important}
.pb7{padding-bottom:7px!important}
.pl7{padding-left:7px!important}
.mt6{margin-top:6px!important}
.mr6{margin-right:6px!important}
.mb6{margin-bottom:6px!important}
.ml6{margin-left:6px!important}
.pt6{padding-top:6px!important}
.pr6{padding-right:6px!important}
.pb6{padding-bottom:6px!important}
.pl6{padding-left:6px!important}
.mt5{margin-top:5px!important}
.mr5{margin-right:5px!important}
.mb5{margin-bottom:5px!important}
.ml5{margin-left:5px!important}
.pt5{padding-top:5px!important}
.pr5{padding-right:5px!important}
.pb5{padding-bottom:5px!important}
.pl5{padding-left:5px!important}
.mt4{margin-top:4px!important}
.mr4{margin-right:4px!important}
.mb4{margin-bottom:4px!important}
.ml4{margin-left:4px!important}
.pt4{padding-top:4px!important}
.pr4{padding-right:4px!important}
.pb4{padding-bottom:4px!important}
.pl4{padding-left:4px!important}
.mt3{margin-top:3px!important}
.mr3{margin-right:3px!important}
.mb3{margin-bottom:3px!important}
.ml3{margin-left:3px!important}
.pt3{padding-top:3px!important}
.pr3{padding-right:3px!important}
.pb3{padding-bottom:3px!important}
.pl3{padding-left:3px!important}
.mt2{margin-top:2px!important}
.mr2{margin-right:2px!important}
.mb2{margin-bottom:2px!important}
.ml2{margin-left:2px!important}
.pt2{padding-top:2px!important}
.pr2{padding-right:2px!important}
.pb2{padding-bottom:2px!important}
.pl2{padding-left:2px!important}
.mt1{margin-top:1px!important}
.mr1{margin-right:1px!important}
.mb1{margin-bottom:1px!important}
.ml1{margin-left:1px!important}
.pt1{padding-top:1px!important}
.pr1{padding-right:1px!important}
.pb1{padding-bottom:1px!important}
.pl1{padding-left:1px!important}
.mt0{margin-top:0!important}
.mr0{margin-right:0!important}
.mb0{margin-bottom:0!important}
.ml0{margin-left:0!important}
.pt0{padding-top:0!important}
.pr0{padding-right:0!important}
.pb0{padding-bottom:0!important}
.pl0{padding-left:0!important}
/* 间距 end */



/* 字体大小 start */
.fs6{font-size: 6px!important;}
.fs7{font-size: 7px!important;}
.fs8{font-size: 8px!important;}
.fs9{font-size: 9px!important;}
.fs10{font-size: 10px!important;}
.fs11{font-size: 11px!important;}
.fs12{font-size: 12px!important;}
.fs13{font-size: 13px!important;}
.fs14{font-size: 14px!important;}
.fs15{font-size: 15px!important;}
.fs16{font-size: 16px!important;}
.fs17{font-size: 17px!important;}
.fs18{font-size: 18px!important;}
.fs19{font-size: 19px!important;}
.fs20{font-size: 20px!important;}
.fs21{font-size: 21px!important;}
.fs22{font-size: 22px!important;}
.fs23{font-size: 23px!important;}
.fs24{font-size: 24px!important;}
.fs25{font-size: 25px!important;}
.fs26{font-size: 26px!important;}
.fs27{font-size: 27px!important;}
.fs28{font-size: 28px!important;}
.fs29{font-size: 29px!important;}
.fs30{font-size: 30px!important;}
.fs31{font-size: 31px!important;}
.fs32{font-size: 32px!important;}
.fs33{font-size: 33px!important;}
.fs34{font-size: 34px!important;}
.fs35{font-size: 35px!important;}
.fs36{font-size: 36px!important;}
.fs37{font-size: 37px!important;}
.fs38{font-size: 38px!important;}
.fs39{font-size: 39px!important;}
.fs40{font-size: 40px!important;}
.fs41{font-size: 41px!important;}
.fs42{font-size: 42px!important;}
.fs43{font-size: 43px!important;}
.fs44{font-size: 44px!important;}
.fs45{font-size: 45px!important;}
.fs46{font-size: 46px!important;}
.fs47{font-size: 47px!important;}
.fs48{font-size: 48px!important;}
.fs49{font-size: 49px!important;}
.fs50{font-size: 50px!important;}
/* 字体大小 end */

/* 字体颜色 start */
.mainc{color: #226ffa!important}
.onec{color: #333!important}
.twoc{color: #666!important}
.threec{color: #999!important}
.fourc{color: #ccc!important}
.greenc{color: #00a13b!important}
.redc{color: #fc353a!important}
.bluec{color: #388ffd!important}
.yellowc{color: #ff7614!important}
.whiteoc{color: rgba(255,255,255,1)!important}
.whitetc{color: rgba(255,255,255,.6)!important}
.placeholderc{color: #808080}
/* 字体颜色 end */

/* 浮动 start */
.fl{float: left}
.fr{float: right}
.clearfix:{   overflow: auto; zoom: 1;zoom: 1;}
/* 浮动 end */

/*flex 布局 start*/
.ss-flex{display:-webkit-box;display: -webkit-flex;display: flex;}
.ss-flex-aic{align-items: center}
.ss-flex-aie{align-items: flex-end}
.ss-flex-item-1{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.ss-flex-item-2{-webkit-box-flex: 2;-webkit-flex: 2;flex: 2;}
.ss-justify-content-center{justify-content:center }
.ss-justify-content-between{justify-content:space-between }
.ss-justify-content-around{justify-content:space-around}
.ss-justify-content-end{justify-content:flex-end }
.ss-flex-direction-column {flex-direction: column  }
.ss-row-reverse{ flex-direction: row-reverse}
/*flex 布局 end*/

/* 栅格 start */
.ss-row::before,
.ss-row::after{content: " "; display: table;}
.ss-row::after{clear: both;}
.ss-col-1{float: left; width: 8.3%}
.ss-col-2{float: left; width: 16.6%}
.ss-col-3{float: left; width: 25%}
.ss-col-4{float: left; width: 33.3%}
.ss-col-5{float: left; width: 41.6%}
.ss-col-6{float: left; width: 50%}
.ss-col-7{float: left; width: 58.3%}
.ss-col-8{float: left; width: 66.6%}
.ss-col-9{float: left; width: 75%}
.ss-col-10{float: left; width: 83.3%}
.ss-col-11{float: left; width: 91.6%}
.ss-col-12{float: left; width: 100%}
/* 栅格 end */

/* 其他 start */
.clear{clear: both}
.right{text-align: right}
.center{text-align: center}
.bold{font-weight: bold}
.middle{margin: 0 auto}
.fixed{position: fixed}
.relative{position: relative}
.absolute{position: absolute}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.ellipsisTwo{overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; }
.block{display: block}
.inlineBlock{display: inline-block; }
.linethrough{text-decoration: line-through;}
.hidden{display: none}
.ohidden{overflow: hidden}
.vmiddle{transform: translateY(-50%); top: 50%;}
.vleftright{transform: translateX(-50%); left: 50%;}
.translateXY{transform: translate(-50%,-50%); left: 50%; top:50%;}
.underline{text-decoration: underline}
.normal{font-weight: normal!important}
.t0{top: 0px;}
.r0{right: 0px;}
.t0{top: 0px}
.l0{left: 0px}
.b0{bottom: 0px;}
.t5{top: 5px;}
.r5{right: 5px;}
.t5{top: 5px}
.l5{left: 5px}
.b5{bottom: 5px;}
.t10{top: 10px;}
.r10{right: 10px;}
.t10{top: 10px}
.l10{left: 10px}
.b10{bottom: 10px;}
.t15{top: 15px;}
.r15{right: 15px;}
.t15{top: 15px}
.l15{left: 15px}
.b15{bottom: 15px;}
.t20{top: 20px;}
.r20{right: 20px;}
.t20{top: 20px}
.l20{left: 20px}
.b20{bottom: 20px;}
.t25{top: 25px;}
.r25{right: 25px;}
.t25{top: 25px}
.l25{left: 25px}
.b25{bottom: 25px;}
.t30{top: 30px;}
.r30{right: 30px;}
.t30{top: 30px}
.l30{left: 30px}
.b30{bottom: 30px;}
.z1{z-index: 1}
.z2{z-index: 2}
.z3{z-index: 3}
.z4{z-index: 4}
.z5{z-index: 5}
.z6{z-index: 6}
.z7{z-index: 7}
.z8{z-index: 8}
.z9{z-index: 9}
.z10{z-index: 10}
.lh10{line-height: 1.0!important}
.lh18{line-height: 1.8!important}
.lh20{line-height: 2.0!important}
.lh24{line-height: 2.4!important}
.lh30{line-height: 3.0!important}
.w-bg{background: #fff}
/* 其他 end */

/*主要线 start*/
.b-line::after,.t-line::before{width:100%;height:1px;position:absolute;z-index:2;right:0;left:0;content:''}
.b-line::after{bottom:0;border-bottom:1px solid #dcdcdc;-webkit-transform:scaleY(.5);transform:scaleY(.5);transform-origin:0 100%}
.t-line::before{top:0;border-top:1px solid #dcdcdc;-webkit-transform:scaleY(.5);transform:scaleY(.5);transform-origin:0 0}
.l-line::before{content:'';position:absolute;left:0;top:0;bottom:0;height:100%;width:1px;border-left:1px solid #dcdcdc;-webkit-transform:scaleX(.5);transform:scaleX(.5);transform-origin:0 0;z-index:2}
/*主要线 end*/

/* 按钮 start*/
.ss-main-btn{ height: 40px; line-height: 40px; padding: 0 30px; transition: all ease  0.5;background:#4b9bff; background: linear-gradient(#4b9bff,#6fabff); display: inline-block; border-radius: 3px;}
.ss-main-btn:hover{background:  linear-gradient(#3c93ff,#5ea0fe);}
/* 按钮 end*/

.ss-lore-top-h{border-bottom: 1px solid #efefef}
.ss-lore-banner-btn-box{bottom: 60px;}
.ss-lore-banner-btn{transition: all ease  0.5;background:#1885fd;  background:  linear-gradient(#1885fd,#2ca4fe); border-radius: 100px; font-size: 18px; padding: 0 30px; display: block; height: 46px; line-height: 46px; color: #fff;}
.ss-lore-banner-btn:hover{background:  linear-gradient(#067bfb,#189cff); }
.lore_centerBanner{background: url('../images/lore_topbanner.png') no-repeat center center;  background-size: cover; height: 480px;}
.app_centerbannerCon{height: 450px!important}
.ss-content-img img{display: block; width: 100%;}
.ss-sample-trades-ul li:hover img{ animation: bounce 1s ease 0s 1 both;}
.lore_app_center_box img{display: block;}
.ss-grey-bg{background: #fbfbfb}
.lore_cooperate_ul{ padding-bottom: 120px; margin-left: -15px; margin-right: -15px}
.lore_cooperate_ul_innder{height: 700px;box-shadow: 0 6px 14px 0 rgba(48,64,79,.1);}
.lore_cooperate_ul li{}
.cooperate_ul li{background: #fff; height: 720px}
.lore_cooperate_ul li:nth-child(3){ margin-right: 0;}
.lore_cooperate_ul li .lore_cooperate_bg{ height:128px; background: url(../images/hz_bg1.jpg) top center no-repeat; background-size: cover; padding-top: 40px;}
.lore_cooperate_ul li .lore_cooperate_bg h2{ color: #fff; font-size: 24px; font-weight: normal; margin-bottom: 10px; }
.lore_cooperate_ul li .lore_cooperate_bg p{ color: #fefefe; font-size: 13px; line-height: 24px;}
.lores_cooperate_block{ width: 270px; height: 300px; overflow-y: hidden; margin: 40px 0 50px 60px;}
.lores_cooperate_block a{ color: #333; font-size: 14px; background: url(../images/lores_tip.png) left center no-repeat; padding:2px 0 2px 30px; line-height: 30px; padding-left: 46px;}
.lores_cooperate_block::-webkit-scrollbar {width: 8px; height: 1px;}
.lores_cooperate_block::-webkit-scrollbar-thumb { border-radius: 8px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #dadada;}
.lores_cooperate_block::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 8px;background: #ededed;}
.lore_more_education_in_ul{margin: 0 -50px}
.lore_more_education_in_ul li{width:14.28%; float:left}
.lore_more_education_in_ul .img {width: 100px; height: 100px; border-radius: 100px; box-shadow: 0 0 15px 0px rgba(201, 228, 254, .5); margin: 0 auto}
.lore_more_fn_ul {margin: 0 -50px}
.lore_more_fn_ul li{width: 14.25%;}
.cooperate_ul {height: 700px;}
.lore_more_fn_ul .img {width: 100px; height: 100px; margin: 0 auto}
.lore_01_box{box-shadow:0 0 10px rgba(0,0,0,.1); height:200px;}
.lore_01_box_wc{margin-left:-20px; margin-right:-20px;}
.lore_clock_in_ul_item .img{width: 244px; height: 434px; margin: 0  auto; box-shadow:0 0 5px 5px rgba(0,0,0,.02); border-radius: 6px;}
.swiper-button-prev-1 {background: rgba(0,0,0, .5) url("../images/arr.png") no-repeat center top; border-radius:100px;}
.swiper-button-next-1 {background: rgba(0,0,0, .5) url("../images/arr.png") no-repeat center bottom; border-radius:100px;}
.lore_lb_item{width:320px; height:120px; background:#fff; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.05); }
.lore_lb_item_img{width:60px; height:60px;background:#eee;}
.lore_lb_box{height:600px;}
.swiper-container-2{width:270px; height:585px;background:#fff; box-shadow:0 0 20px rgba(0,0,0,.05); border:10px solid #fff; border-radius:30px}
.lb_01_01{background:url("../images/lb_01_01.png") no-repeat center bottom;}
.lb_01_02{background:url("../images/lb_01_02.png") no-repeat center bottom;}
.lb_01_03{background:url("../images/lb_01_03.png") no-repeat center bottom;}
.lb_01_04{background:url("../images/lb_01_04.png") no-repeat center bottom;}
.lb_02_01{background:url("../images/lb_02_01.png") no-repeat center bottom;}
.lb_02_02{background:url("../images/lb_02_02.png") no-repeat center bottom;}
.lb_02_03{background:url("../images/lb_02_03.png") no-repeat center bottom;}
.lb_02_04{background:url("../images/lb_02_04.png") no-repeat center bottom;}
.lore_lb_item:hover, .lore_lb_item_img,.lore_lb_item:hover h2,.lore_lb_item:hover p{transition:all ease .1s}
.lore_lb_item:hover, .lore_lb_item.active{background: linear-gradient(to bottom right, #74aeff , #358dfd);}
.lore_lb_item:hover h2, .lore_lb_item:hover p, .lore_lb_item.active h2, .lore_lb_item.active p{color:#fff!important;}
.lore_lb_item:hover .lore_lb_item_img, .lore_lb_item.active .lore_lb_item_img{background-position: center top}
.ss-zb-item-img{width:80px; height:80px;}
.ss-zb-item-img img{width:80px; height:80px; display:block}
.ss-zb-item{background:#fff; box-shadow:0 0 20px rgba(0,0,0,.05); width:330px;}
.ss-zb-box{height:520px;}
.ss-zb-img{margin:0 auto; width:500px}

/*知识付费s*/
.kw-banner-btn{transition: all ease  0.5;background:#1885fd;  background:  linear-gradient(#fdb064,#fd9b63); border-radius: 100px; font-size: 18px; padding: 0 30px; display: block; height: 46px; line-height: 46px; color: #fff;}
.kw-banner-btn:hover{background:  linear-gradient(#ffaa56,#ff9356); }

.kw_nan_box_main{background:url("../images/kw_to_bg.png") no-repeat center center}
.kw_nan_box{padding-bottom:180px; background: url("../images/kw_to_i.png") no-repeat center 320px}
.kw_nan_item_img{width:50px; height:50px; background:#fff7ed; background:#fff7ed; margin: 0 auto; border-radius:100px}
.kw_nan_item{width:176px; height:260px; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,.1); border-radius:4px;}
.kw_centerBanner{background: url('../images/kw_topbanner.png') no-repeat center center;  background-size: cover; height: 480px;}
.kw_bz_box_item{width:20%;}
.kw_bz_box_item_img{width:140px; height:140px; margin:0 auto; border-radius:100px; box-shadow:0 0 20px rgba(254, 171, 98, .3) }
.kw_nan_item{margin:0 12px;}
.kw_nan_item:after{content:''; position:absolute; bottom:-20px; left:50%; margin-left:-7px;border: 10px solid transparent;border-top: 10px solid #fff;width: 0;height: 0;}
.kw_nan_item_01{margin-top:60px}
.kw_nan_item_02{}
.kw_nan_item_03{margin-top:140px}
.kw_nan_item_04{}
.kw_nan_item_05{margin-top:170px}
.kw_nan_item_06{margin-top:50px}
/*知识付费e*/

/*o2os*/
.o2o_centerBanner{background: url('../images/o2o_topbanner.png') no-repeat center center;  background-size: cover; height: 480px;}
.o2o_option_divbanner1{ position: absolute; bottom: 110px; left: 0;}
.o2o-lore-banner-btn-box{bottom: 30px;}
.o2o_ebi_box_item{float:left; width:20%;}
.o2o_ebi_box_item_inner{width:150px; margin:40px auto}
.o2o_ebi_box_item_inner img{margin:0 auto; display:block}
.o2o_ebi_box_item_inner h2{font-size:16px; font-weight:bold; text-align:center; padding:10px 0}
.o2o_ebi_box_item_inner p{font-size:13px; color:#333;text-align:center}
.o2o_tbi_item_inner{margin:15px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.05); padding:20px 20px; height:150px;}
.o2o_tbi_item_inner h2{font-size:16px; font-weight:bold; padding-top:10px; padding-bottom:10px;}
.o2o_tbi_item_inner p{font-size:13px; color:#666}
.o2o-ototop-tit h2{font-size:24px; font-weight:bold; padding-bottom:10px;}
.o2o-ototop-btn a{color:#11b9eb; font-weight:bold; background:url("../images/o2o_rarr_j.png") no-repeat right center; padding-right:30px; cursor:pointer}
.o2o_sl_line{height:9px; background: url("../images/o2o_tit_tip.png") no-repeat center center;}
.o2o_jj_oleft{width:540px; min-width:540px;}
.o2o_jj_otit{font-weight:bold; color:#333;margin-bottom:15px}
.o2o_jj_otit_01{background:url("../images/oto_b_t01.png") no-repeat left center;}
.o2o_jj_otit_02{background:url("../images/oto_b_t02.png") no-repeat left center;}
.o2o_jj_otit_03{background:url("../images/oto_b_t03.png") no-repeat left center;}
.o2o_jj_otit_04{background:url("../images/oto_b_t04.png") no-repeat left center;}
.oto-banner-btn{transition: all ease  0.5;background:#1885fd;  background:  linear-gradient(#1dddf2,#1bb8f7); border-radius: 100px; font-size: 18px; padding: 0 30px; display: block; height: 46px; line-height: 46px; color: #fff;}
.oto-banner-btn:hover{background:  linear-gradient(#1cd7eb,#11b3f4); }
/*o2oe*/

.ss-lj-btn{background: #358dfd; border-radius:100px; color:#fff; display:inline-block; cursor:pointer; }
.ss-bj-btn{cursor:pointer; display:inline-block;  margin-top:30px;padding-right:20px; background:url("../images/br_icon.png") no-repeat right center;}
.ss-lj-btn img{position:absolute; right:0;}


/*小班课直播*/
.ss-small-live-t-ul li{width:110px; text-align:center}
.ss-small-live-cbox img{display:block; margin:0 auto; margin-bottom:20px;}
.ss-small-live-cbox h2{font-size: 20px; text-align:center; color:#333333;}
.ss-small-live-cbox p{font-size:14px; color:#999; text-align:center; padding-bottom:5px;}
.ss-small-live-bbox li{width:16.6%; float:left}
.ss-small-live-bbox li img{display:block; margin:0 auto;}
.ss-small-live-bbox li p{text-align: center;color:#333}
.ss-small-live-cbox-f { margin-top: 20px; margin-bottom:80px; box-shadow:0 0 20px 0 rgba(82,131,236,.18); border-bottom-left-radius: 80px;  border-top-right-radius: 80px}
.ss-small-live-bbox-f{padding-top:80px; padding-bottom:160px;}
.ss-small-live-bbox-f .tit{padding-bottom:60px;}
.ss-small-live-tf .cont{ color:#999}
.ss-small-live-tleft{width: 560px;}
.ss-small-live-t-ul p{color:#23c0ff}
.ss-ss-small-live-tbg{background:url("../xbkzb/images/small-live-tbg.png") no-repeat top center}
.ss-ss-small-live-bbg{background:url("../xbkzb/images/small-live-bbg.png") no-repeat bottom center}
/*小班课直播*/

/*官网首页s*/
.ss-b-nbg01{background: url('../images/ss-n-cbg01.png') no-repeat 100px center;}
.ss-b-nbg02{background: url('../images/ss-n-cbg02.png') no-repeat 100px center;}
.ss-b-nbg03{background: url('../images/ss-n-cbg03.png') no-repeat 100px center;}
.ss-b-nbg04{background: url('../images/ss-n-cbg04.png') no-repeat 100px center;}
.ss-b-nbg05{background: url('../images/ss-n-cbg05.png') no-repeat 100px center;}
.ss-b-nbg06{background: url('../images/ss-n-cbg06.png') no-repeat 100px center;}
.ss_animation li:hover img{-webkit-transform: translate3d(0,-10px,0);-moz-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0);  transition: all .2s linear;}
.ss-mbtn-01{transition:all ease .2s;background: #2c86fb; border: 1px solid #2c86fb; border-radius: 100px; color: #fff; cursor: pointer;}
.ss-mbtn-02{transition:all ease .2s;background: #fff; border: 1px solid #2c86fb; border-radius: 100px; color: #2c86fb; cursor: pointer;}
.ss-mbtn-03{transition:all ease .2s;background: #fff; border: 1px solid #2c86fb; color: #2c86fb; cursor: pointer;}
.ss-mbtn-01:hover{background: #227aec}
.ss-mbtn-02:hover{background: #f2f8ff}
.ss-mbtn-03:hover{background: #f2f8ff}
.ss-big-banner-box{width: 900px; height: 600px;}
.ss-odimg01{left: 600px; top: 140px}
.ss-odimg02{left: 50px; top: 280px}
.ss-odimg03{left: 30px; top: 100px}
.ss-tdimg01{left: 540px; top: 180px}
.ss-tdimg02{left: 660px; top: 60px}
.ss-tdimg03{left: 30px; top: 440px}
.ss-cdimg01{left: 240px; top: 30px}
.ss-cdimg02{left: 580px; top: 40px}
.ss-cdimg03{left: 80px; top: 480px}
.ss-cdimg04{left: 400px; top: 500px}
.ss-cdimg05{left: 560px; top: 480px} 
.ss-scalebs-s-2{ animation:scalebs-s 3s infinite; }
.ss-scalebs-s-3{ animation:scalebs-s 4s infinite; }
.ss-scalebs-1{ animation:scalebs 3s infinite; }
.ss-scalebs-2{ animation:scalebs 2s infinite; }
.ss-scalebs-3{ animation:scalebs 3s infinite; }
.ss-scalebs-4{ animation:scalebs 3s infinite; }
.ss-scalebs-5{ animation:scalebs 3s infinite; }
.circle_01{animation:rotateS 6s cubic-bezier(0.45, 0.05, 0.55, 0.95)  0.5s infinite; }
.circle_02{animation:rotateS 3s linear 0.5s infinite;}
.circle_03{animation:rotateS 2s ease-out 0.5s infinite;}
.circle_04{animation:rotateS 3s linear  0.5s infinite;}
@-webkit-keyframes rotateS{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}
@-moz-keyframes rotateS{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(360deg)}}
@-ms-keyframes rotateS{0%{-ms-transform:rotate(0)}100%{-ms-transform:rotate(360deg)}}
@keyframes rotateS{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@keyframes scalebs{0%{transform: scale(1);  } 25%{ transform: scale(0.8); }50%{ transform: scale(1);  } 75%{transform: scale(0.8);}}
@keyframes scalebs-s{0%{transform: scale(1);  } 25%{ transform: scale(0.95); }50%{ transform: scale(1);  } 75%{transform: scale(0.95);}}
/*官网首页e*/