.bodyMain{overflow-x: hidden;}
.nphpTopIn {width: auto;padding:0 10px;}
.phpxuet1 a{text-decoration: none;}
.xtopbg{height: 150px;background: linear-gradient(-270deg, #ED4C43 0%, #F76B3B 100%);text-align: center;align-items: center; width: auto;color: #FFFFFF;}
.xtcon{text-align: center;justify-content: center;}
.xttitle{font-size: 22px;font-weight: bold;width: 346px;justify-content: center;margin: 15px 0 15px 0;}
.xtcdline{ width: 1px;height: 40px;background: #FA877D;margin: 0 10px}
.xtopdown{background: #FFFFFF;border-radius: 5px;}
.xtdicons{justify-content: space-between;margin:0 22px 15px 22px;}
.xtdicon{align-items: center;}
.xtdicon img{width: 50px;height: 50px;margin-bottom: 10px;}
.xtddes{margin:10px 17px 6px 15px;width: auto;height: 80px;color: #333333;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
}
.xuecore .swiper-pagination{display: flex;flex-direction: row;justify-content: center;position: relative;}
.xuecore .swiper-pagination span{ margin:10px 5px;}
.xuecore{width: auto;height:auto;background: #FFFFFF;border-radius: 5px;margin:10px 0;padding: 17px 0 10px 0;}
.ccorebg{ background: url(../mobimages/icon19.png) no-repeat; width: 343px; height: 67px;margin: 0 auto 27px auto;justify-content: center;align-items: center;}
.ccorebg span:nth-child(1){font-size: 24px;font-weight: bold;color: #333333;}
.ccorebg span:nth-child(2){font-size: 14px;color: #999999;;}
.xuecoreSwiper{margin:0 15px}
.xuecoreSwiper .swiper-div{margin:0 auto;}
.lcriLiimg{width: auto !important;height: 210px !important;border-radius: 5px;}
.xuecrowd{width: auto;height: auto;background: #FFFFFF;border-radius: 5px;}
.xcrdtitle{align-items: center; justify-content: center; background: #FFFFFF;}
.xcrdtitle span{margin:0 15px;font-size: 24px;font-weight: bold;color: #333333;}
.cdlistImg{width: 50px;height: 50px;border-radius: 50%;margin-right: 15px;}
.cdlistli span:nth-child(1){font-size: 16px;font-weight: bold;color: #333333;margin-bottom: 10px;}
.cdlistli span:nth-child(2){color: #999999;}
.xcrdlists ul{justify-content: left;margin:25px 15px 0 15px;}
.xcrdlists li{margin-bottom: 25px;}
.lpTab {width: auto;height: auto;background: #FFFFFF;border-radius: 5px;margin: 10px 0 0 0;padding: 10px 0 0 15px;}
.lpTab a{font-size: 20px;font-weight: bold;color: #333333;line-height: 24px;margin-right:35px ;cursor: pointer;}
.lpTab .checks{color: #FC3A31;border-bottom: 3px solid #FC3A31; padding-bottom: 10px;}
.stage {margin: 16px 0 12px 15px;}
.stagetitle{font-size: 20px;font-weight: bold;color: #333333;margin-bottom: 8px;}
.stagedes{color: #999999;align-items: center;}
.stagecircle{width: 5px;height: 5px;border-radius: 50%;background: #999999;margin:0 6px;}
.lplists .lplimg{width: 140px;height: 90px;border-radius: 5px;margin-right: 15px;}
.lplists{background: #FFFFFF;padding: 20px 0 1px 0;}
.lplists li{margin:0 5px 20px 15px;}
.lpldtitle{word-break: break-all;color: #333333;height: 39px;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.lpldmiddle{margin: 2px 0 5px 0;font-size: 12px;color: #999999;align-items: center;}
.lpldmcicle{width: 5px;height: 5px;border-radius: 50%;background: #999999;margin:0 6px;}
.watchfree,.classdg{width: 79px;height: 30px;border-radius: 5px;color: #FFFFFF;align-items: center;display: flex;justify-content: center;}
.watchfree{background: #FC3A31;margin-right: 11px;}
.classdg{background: #FC9530;}
.datadownload{margin:10px 0;}
.datadownload .xcrdtitle {padding:21px 0;}
.ddloadoperate {font-size: 20px;font-weight: bold;color: #333333;justify-content:space-between;margin:10px 15px;}
.ddloadalldata{background: #FFFFFF;border-radius: 5px;padding-bottom: 15px;}
.ddlddiv{justify-content: space-between;margin: 0 15px;padding: 15px 0;align-items: center;border-bottom: 1px solid #EEEEEE;}
.ddlddiv a{width: 70px;min-width: 70px ;height: 30px;background: #FC3A31;border-radius: 5px;color: #F5F5F5;display: flex;align-items: center;justify-content: center;text-decoration: none;}
.paydown{color:#FC3A31;}
.bottom{ position: fixed;bottom: 90px;width: 100%;z-index: 10;
    height: 70px;background: #f1f3f5;;box-shadow: 0px 0px 6px 0px #E6E6E6;justify-content: space-between;
}
.bot-left{margin-left: 15px;}
.bot-right{margin:7px 10px 0 0;width: 123px;height: 41px;background: #FC3A31;border-radius: 5px;font-size: 20px;font-weight: bold;color: #FFFFFF;display: flex;align-items: center;justify-content: center;}
.bot-middle span:nth-child(1){color: #333333;}
.bot-middle span:nth-child(2),.daoshoujia{font-size: 20px;font-weight: bold;color: #FC3A31;}
.bot-left span:nth-child(1){position: relative; ;width: 125px;height: 22px;background: #FC3A31;border-radius: 4px;font-size: 16px;color: #FFFFFF;align-items: center;display: flex;justify-content: center;}
.bot-left span:nth-child(2){font-size: 16px;color: #333333;text-decoration: line-through;margin-top: 12px;}
.bot-middle{margin: 9px 0 0 15px;align-items: center;}
.bot-left span:nth-child(1)::before{content: "";position: absolute;top:21px;left:47px;z-index: 1;width:0px;
        height: 0px;border: 10px solid transparent;border-top:10px solid #FC3A31;
}
.daoshoujia{text-decoration: none !important;color: #FC3A31 !important;}
/* php学堂2  */
.xtcdiv span:nth-child(1){color: #FFFFFF;font-size: 18px;font-weight: bold;}
.xtcdiv span:nth-child(1) b{color: #FEC428;}
.schdeule{width: 165px;height: 25px;background: #FFFFFF;border-radius: 13px;font-size: 16px;font-weight: bold;color: #FC3930;align-items: center;}
.schdeulespan{width: 30px;height: 21px;background: #FAA430;border-radius: 10px 0px 0px 10px;margin:2px;}
.xuetang2 .xttitle{margin: 45px 0 16px 0;}
.xtcon{margin-bottom: 20px;}
.xtschedule {margin-bottom: 20px;}
.xtschedule .learnsch{margin:3px 15px 0 0;}
.xuetang2 .lpTab a{margin-right: 20px;}
.xuetang2 .stage{background: #FFEFEE;margin:0;padding: 16px 0 12px 15px;}
.xuetang2 .stagetitle{color: #FC4139;}
.lpluutitle .lpluutspan{margin-right: 30px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;
    font-size: 16px; font-weight: bold;color: #333333;
}
.jdlititle-right img{width: 13px;height: 7px;margin-top: 5px;}
.jdlititle-right span{width: 35px;}
.jdlititle-right{color: #999999}
.lpluutitle ,.lpluuspan{margin-bottom: 11px;}
.lpludimg{width: 140px;height: 90px;border-radius: 5px;margin-right:20px;}
.lpludes{margin:15px 0;}
.lplud span:nth-child(2){
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;
    font-weight: 400;color: #999999;margin-top: 12px;
}
.lplul .lplulli{margin:0 0 12px 0;}
.lpluld {width: auto;height: 40px;background: #F7F8FA;border-radius: 5px;justify-content: space-between;align-items: center;}
.lpluldd a:nth-child(1){font-size: 16px;font-weight: bold;margin-left: 15px;}
.lpluldd a:nth-child(2){width: 50px;height: 25px;border: 1px solid #FC3A31;border-radius: 5px;color: #FC3A31;padding:3px 6px;margin-left: 10px;}
.lplulli .jdlititle-right{margin-right: 15px;}
.zjspan{color: #333333;margin:15px 0 15px ;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;}
.borderred,.borderyellow{width: 50px;height: 25px;border-radius: 5px;padding:3px 6px;}
.borderred{border: 1px solid #FC3A31;color:#FC3A31}
.borderyellow{border: 1px solid #FC9030;color:#FC9030;margin:0 20px;}
.zjlines{border-bottom:1px solid #EEEEEE ;}
.oclispan img{width: 165px;height: 100px;}
.ohterclass .xcrdtitle{padding:20px 0 25px 0;}
.oclis dl {width: 160px;margin: auto;}
.oclis dl dt {margin-top: 15px;height: 45px;overflow: hidden;line-height: 25px;}
.oclis dl dd {margin-top: 15px;}
.oclis dl dt i.bg1 {background: #E0E8FC;color: #298AFD;}
.oclis dl dt i {display: block;float: left;width: 28px;height: 16px;line-height: 16px;overflow: hidden;
    text-align: center;font-style: normal;font-size: 11px;color: #ffffff;margin-right: 10px;margin-top: 3px;border-radius: 2px;padding: 2px 4px;
}
.oclis dl dd p {float: left;width: 110px;height: 16px;line-height: 16px;overflow: hidden;font-size: 12px;color: #b7b7b7;}
.oclis dl dd em a {display: block;float: right;font-size: 12px;color: #b7b7b7;text-decoration: none;}
.oclis dl dd em.phpshouchang a b {background-position: -95px -65px;}

.oclis dl dd em a b {display: block;width: 11px;height: 11px;background: url(../mobimages/bg1.png) no-repeat -80px -65px;
    background: image-set(url(../mobimages/bg1.png) 1x, url(../mobimages/bg1-2x.png) 2x) no-repeat -80px -65px;
    background: -webkit-image-set(url(../mobimages/bg1.png) 1x, url(../mobimages/bg1-2x.png) 2x) no-repeat -80px -65px;
    float: left;margin: 3px 5px 0px 0px;
}
.oclis dl dt i.bg3 {background: #FCF3E0;color: #FB6401;}
.oclis dl dt i.bg2 {background: #FCE7E0;color: #FD4029;}
.oclis dl dt i.bg1 {background: #E0E8FC;color: #298AFD;}
.ohterclass{background: #FFFFFF;margin-bottom: 100px;}
.oclo-ul{flex-wrap: wrap;margin:0 0 0 15px;}
.oclis{margin: 0 10px 25px 0;justify-content: space-around;}

.xuetang2 .bot-left{font-size: 16px;font-family: Microsoft YaHei;color: #333333;margin:15px}
.xuetang2 .bot-left a{color:#FC3A31}
.bottom a{text-decoration: none;}


/* PHP学堂2 end */

/* 课程详情  kcxq */
.kcxq .bot-middle span:nth-child(1){text-decoration: line-through;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
.kcxq .bot-left span:nth-child(2){text-decoration: none;}
/* .bot-leftkcdiv{width: 105px;height: 28px;border: 1px solid #FC3A31;border-radius: 5px;} */
.bot-leftkc{margin-left: 10px;text-align: center;}
.bot-leftkcdiv span:nth-child(1){    padding: 2px 13px 0 15px;width: 34px;height: 23px;border: 1px solid #FC3A31;border-radius: 5px 0 0 5px;font-size: 16px;font-weight: 400;
    color: #FC3A31;
}
.lpctdiv {border-bottom: 1px solid #EEEEEE;padding-bottom: 12px;justify-content: space-between;}
.bot-leftkcdiv span:nth-child(2){width: 49px;height: 26px;background: #FC3A31;border-radius: 0px 5px 5px 0px;font-size: 20px;font-weight: bold;color: #F5F5F5;padding: 0 0 0 6px;}
.bot-leftkcdiv{margin: 8px 0 2px 0;}
.learnpath{background: #FFFFFF;}
.lpclass{margin:20px 15px 0 15px;padding:0 0 15px 0;}
.lptabline{width: auto; height: 1px; background: #EEEEEE;}
.lpcts1{font-size: 16px;font-weight: bold;color: #333333;}
.lpcts2{color: #999999;margin:15px 0 18px 0;}
.lpctdspzj{min-width: 60px;height: 23px;border: 1px solid #FC3A31;border-radius: 5px;color: #FC3A31;text-align: center;padding-top: 4px;}
.lpctdsp{color: #333333;height: 20px;margin:3px 30px 0 12px ;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;
}
.lpcli{margin:0 0 15px 0;}
.lpclitr-img{width: 14px;height: 8px;margin-top: 7px;}
.lpctdspd-right span{width: 30px;color: #999999;margin-top: 3px;}
.videoli{justify-content: space-between;align-items: center;color: #333333;margin:13px 0 10px 0;}
.skandtime a{width: 39px;height: 22px;border: 1px solid #FC3A31;border-radius: 5px;color: #FC3A31;padding:3px 0 0 9px;margin-right: 9px;}
.vidlia{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;}
.skandtime span{align-items: center;display: flex;width: 80px;}
.videoul{border-bottom: 1px solid #EEEEEE;}
.teachavatar{width: 50px;height: 50px;border-radius: 50%;margin-right: 15px;}
.teach-introduce{width: auto;height: auto;background: #FFFFFF;border-radius: 5px;margin-top: 10px;}
.titududd{margin:0 13px; width: 90px;height: 25px;border: 1px solid #FC3930;border-radius: 5px;color: #FC3930;justify-content: center;align-items: center;}
.titududd img{width: 12px;height: 15px;margin-right: 5px;}
.titudddd{color: #FFFFFF;width: 66px;height: 25px;background: #FC3930;border: 1px solid #FC3930;border-radius: 5px;justify-content: center;align-items: center;}
.titudddd img{width: 15px;height: 15px;margin-right: 5px;}
.titudname{font-size: 16px;font-weight: bold;color: #333333;}
.titeacher{margin:0 15px;padding:20px 0 0 0;}
.circles{width: 5px;height: 5px;border-radius: 50%;margin: 8px 5px;}
.color2circle{background: #DEDEDE;}
.color1circle{background: #D9D9D9;}
.tituddownd {font-weight: 400;color: #333333;margin:9px 0 0  0;}
.titdes{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;margin:20px 0;font-weight: 400;color: #999999;}
.teachintroduce{margin:0 15px;padding-bottom: 1px;}
.teindtitle{width: auto;height: 30px;background: #F7F8FA;border-radius: 5px;font-size: 16px;font-weight: bold;color: #333333;padding: 10px 0 0 15px;margin: 0 0 15px 0;}
.teindspan{font-weight: 400;color: #333333;}
.fontredb{font-weight: 400;color:#FC3930;}
.teindivs {margin-bottom: 25px;}
.kcxq .xtopdown{padding-bottom: 15px;}
.kcxq .nphpApp{height: 52px;}
/* 课程详情  kcxq end */
/* 章节  phonezj  */
.phonezj .bot-left{font-size: 16px;font-family: Microsoft YaHei;color: #333333;margin:15px}
.phonezj .bot-left a{color:#FC3A31}
/* 章节  phonezj end */

/* 介绍  phonejs  */
.phonejs{position: relative;}
.phonejs .rightFix{bottom: 200px;}
.zjvideo,.zjvideo video{width: 100%;    min-height: 300px;}
.phonejs .lpTab{justify-content: space-between;}
.phonejs .bot-left a {color: #FC3A31;}
.phonejs .bot-left {margin-top: 15px;}
.phonejs .bodyMain{margin-bottom: 20px;}
.phonejs .teach-introduce{width: 100%;margin-top: 1px;}
.phonejs .classtitles{margin:0 15px 15px 15px;font-size: 18px;font-weight: bold;color: #333333;word-break: break-all;padding-top: 20px;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.phonejs .learnTime {margin:0 15px;}
.phonejs .learnTime .ltDiv{align-items: center;}
.phonejs .learnTime .ltDiv span:nth-child(1){font-size: 18px;font-weight: bold;color: #FC3A31;margin-bottom: 7px;}
.phonejs .learnTime .ltDiv span:nth-child(2){font-size: 12px;font-weight: 400;color: #333333;}
.phonejs .learntimeLine {width: 1px;height: 55px;background: #EEEEEE;margin:0 8px;}
.phonejs .titeacher{padding:15px 0 0 0; }
.phonejs .lpctdiv{justify-content: space-between;}
.phonejs .bottom{height: auto;}
.phonejs .ohterclass .skandtime{min-width: 58px;height: 20px;border: 1px solid #FC3A31;border-radius: 5px;color: #FC3A31;padding:6px 10px;}

.notes .lpctdupd{background: #FFFFFF;border-top: 1px solid  #EEEEEE;padding:15px;}
.container  {min-height: 300px;height: 100%;}
.notes {overflow-x:hidden;}
/* 介绍  phonejs end */

/* 手机支付 */
.classinfo{width: auto;background: #FFFFFF;border-radius: 5px;padding:0 15px;margin:10px 0 0 0;}
.infotitle{font-size: 24px;font-weight: bold;color: #333333;padding:15px 0 25px 0;}
.infodc{font-size: 16px;font-weight: 400;color: #333333;margin: 0 0 15px 0;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;word-break: break-all;
}
.infola{padding:4px 15px;  width: 58px;height: 22px;border: 1px solid #EEEEEE;border-radius: 5px;font-size: 14px;color: #999999;margin:0 8px 0 0 ;}
.infoli{margin: 0 0 20px 0;justify-content: space-between;}
.originalprice{color: #999999;text-decoration: line-through;margin: 0 0 15px 0;}
.preprice{font-size: 16px;font-weight: 400;color: #FC3930;}
.infomoneys{width: 100px;align-items: flex-end;}
.infoul{border-bottom: 1px solid #EEEEEE;padding:0 0 1px 0;}
.lastprice{color: #333333;margin:15px 0 0 0;padding:0 0 20px 0;justify-content: right;}
.lastprice span:nth-child(2){margin:0 0 0 20px;}
.preferential{width: auto;background: #FFFFFF;border-radius: 5px;margin:10px 0 0 0;padding:0 15px;}
.preli{justify-content: space-between;margin:0 0 15px 0;}
.prename{color: #333333;margin:0 0 0 10px;overflow: auto;}
.premoney{font-size: 16px;}
.prediv{min-width: 300px;}
.nopre{height: 20px;background: #FC3930;border-radius: 9px;color: #FFFFFF;padding:1px 6px;}
.preul{padding: 0 0 15px 0;}
.ivdts:nth-child(1){color: #FFFFFF;width: 85px;height: 27px;background: #FC3930;border-radius: 20px 0px 20px 0px;z-index: 1;   align-items: center; display: flex;padding: 0 0 0 10px;}
.ivdts:nth-child(2){width: 70px;height: 27px;background: #FFCB1F;border-radius: 20px 0px 20px 0px;margin: 0 0 0 -15px;padding: 0 0 0 25px;    align-items: center;display: flex;}
.phonepaymain{padding:0 0 20px 0;position: relative;}
.isvip{width: auto;background: #FFFFFF;border-radius: 20px;margin:10px 0 0 0;padding:0 15px 20px 15px;}
.vipdiscount,.viptrem{justify-content: space-between;}
.vipdiscount{margin:20px 0;}
.viptrem{margin:0 0 24px 0;}
.viptimes{width: 86px;height: 30px;border: 1px solid #EEEEEE;margin:0 10px;outline: none;}
.viptremdiv{align-items: center;}
.vipcountmoney{font-size: 16px;}
.viptdspan{color: #999999;text-decoration: line-through;margin:0 20px 0 0;}
.labelcv{margin:0 0 0 15px;}
.paytype{width: auto;background: #FFFFFF;border-radius: 5px;margin:10px 0 70px 0;padding: 0 15px 15px 15px;}
.paytypes{width: 96px;height: 24px;font-size: 24px; font-weight: bold;color: #333333;padding:20px 0 20px 0;display: flex;}
.ptlds{margin:0 0 0 15px;}
.ptlidvi {align-items: center;}
.ptli {justify-content: space-between;margin:0 0 18px 0;}

.inner {  content: "";  display: inline-block;  width: 20px;  height: 20px;  border-radius: 50%;  border: 1px solid #ccc;  background-color: #fff;  margin-right: 5px;}
.checkpaytype {display: none;}
.inner.checks {background-color: #FC3930;border-color: #FC3930;}
.inner b{
    display: block;width: 21px;height: 21px;background: url(../mobimages/hhl-bg11.png) no-repeat -170px -370px;
    background: image-set(url(../mobimages/hhl-bg11.png) ) no-repeat -170px -370px;
    background: -webkit-image-set(url(../mobimages/hhl-bg11.png)) no-repeat -170px -370px;
    float: left;margin: 0 5px 0px 0px;
}

.ptldvimg{width: 25px;height: 25px;}
.stageswiper .swiper-slide{width: 172px ;height: 59px ;margin:0 9px 0 0 ;
    border: 2px solid #FC3930;
    border-radius: 5px;    align-items: center;justify-content: center;
}
.stageswiper .swiper-slide:last-child{margin:0 30px 0 0;}
.nowmoneys{font-size: 16px;font-weight: bold;color: #FC3930;}
.fq{width: 33px;height: 21px;background: #FF3300;border-radius: 5px;color: #FFFFFF;padding: 3px 5px;}

.swiperdivs{position: relative;}
.checkpayimg{width: 32px;height: 35px;position: absolute;right: 0;bottom: 0;}
.bystage {justify-content: space-between;margin:0 0 25px 0;font-size: 14px;font-weight: 400;color: #333333;}
.bystage span:nth-child(2){color:#999999}
.bystage span:nth-child(2) b{color:#333333}
.bottoms{
    position: absolute;bottom: 0;width: 100%;z-index: 10;margin:10px 0 0 0;
    height: 70px;background: #FFFFFF;box-shadow: 0px 0px 6px 0px #E6E6E6;justify-content: space-between;
}
.phonepay{padding-bottom: 0;}
.botdiv{margin:15px ;}
.allpres{font-size: 12px;font-family: Microsoft YaHei;font-weight: 400;color: #333333;margin:0 0 15px 0;}
.rdxy{font-size: 11px;font-weight: 400;color: #333333;margin:0 0 0 4px;}
.gotopay{width: 123px;height: 51px;background: #FC3A31;border-radius: 5px;font-weight: bold;color: #FFFFFF;text-align: center;}
.gotopay span:nth-child(1){font-size: 20px;margin:0 0 5px 0;}
.gotopay span:nth-child(2){font-size: 12px;}
.gotopay:hover{color: #FFFFFF;}
.swipers{margin:0 10px 0 0;    width: 100%;}



/* 手机支付 end */
.nphpAppIn dl dt a{font-size: 20px;}
.rightFix{ width: 27px;background: #FFFFFF;border: 1px solid #EEEEEE;
    position: fixed;right: 0;bottom: 200px;z-index: 15;display: flex;text-align: center;
}
.rightFix a{margin-top: 5px;}

.rfdiv{align-items: center;}
.rfdiv img{width: 22px;height: 22px;}
.rfline{border:1px solid #EEEEEE;margin: 10px 0 0px 0;}
.fontreds{color: #FC3930;}


.flexRow{display: flex;flex-direction: row;}
.flexColumn{display: flex;flex-direction: column;}