
/* 间距 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: #3e74c4!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;background: #fbfbfb;}
.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('https://www.youdmall.com/whyxcx/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(https://www.youdmall.com/whyxcx/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(https://www.youdmall.com/whyxcx/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);padding:0px 15px 0 15px;}
.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("https://www.youdmall.com/whyxcx/images/arr.png") no-repeat center top; border-radius:100px;}
.swiper-button-next-1 {background: rgba(0,0,0, .5) url("https://www.youdmall.com/whyxcx/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:329px; 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("https://www.youdmall.com/whyxcx/images/lb_01_01.png") no-repeat center bottom;}
.lb_01_02{background:url("https://www.youdmall.com/whyxcx/images/lb_01_02.png") no-repeat center bottom;}
.lb_01_03{background:url("https://www.youdmall.com/whyxcx/images/lb_01_03.png") no-repeat center bottom;}
.lb_01_04{background:url("https://www.youdmall.com/whyxcx/images/lb_01_04.png") no-repeat center bottom;}
.lb_02_01{background:url("https://www.youdmall.com/whyxcx/images/lb_02_01.png") no-repeat center bottom;}
.lb_02_02{background:url("https://www.youdmall.com/whyxcx/images/lb_02_02.png") no-repeat center bottom;}
.lb_02_03{background:url("https://www.youdmall.com/whyxcx/images/lb_02_03.png") no-repeat center bottom;}
.lb_02_04{background:url("https://www.youdmall.com/whyxcx/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:560px}







