/* CSS Document */
 
 
ul,li{list-style:none; margin:0; padding:0;}
.ct{margin:0 auto; max-width:640px;   background:#EEEEEE;   width:100%;
   }
.ct img{ max-width:100%}	
/*top=======================================*/
/* CSS Document */
*{margin:0;	padding:0;	font-family:"Microsoft YaHei";	}
	
img{border:0;}
	
li{	list-style:none;}
	
a{text-decoration:none;  }
.clear{clear:both;}
body{max-width:640px;margin:0 auto; width:100%;}

input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
button{
    border-radius:0px;
    -webkit-border-radius:0px;
	-webkit-appearance : none ; 
}

/*首页*/
.hd{ width:100%;height:1.75rem;margin:0 auto; background:#E9177C;overflow:hidden; position:fixed;top:0rem;z-index:10000; clear:both; max-width:640px; }
.arrow1{ display:block;float:left; width:1.8rem; height:1.75rem; }
 
.title{  display:block; width:3.25rem; height:1.75rem; float:left;margin-left:4.2rem;}
.place1{color:#ffffff; font-size:0.5rem;  line-height:1.75rem;  vertical-align:middle;float:left;margin-left:2.5rem; }
.phone{ width:1.8rem; height:1.75rem; display:block;float:right;}

.nav{ width:15.225rem;margin:0 auto;   font-size:0.75rem; padding-bottom:17px; overflow:hidden;} 
.slider{display:none;}/*用于获取更加体验*/
.nav_left{ width:7.4rem;margin-right:0.425rem;float:left; }
.nav_left li{width:7.4rem; margin-top:0.4rem; }
.nav_left li:nth-of-type(1){ background:#3FBDBC;}
.nav_left li:nth-of-type(2){ background:#D76F94;}
.nav_left li:nth-of-type(3){ background:#E047C5;}
.nav_pic1{ max-width:100%; vertical-align:middle; display:block; width:7.4rem;height:auto;  float:left;}
.nav_pic2{ max-width:100%; vertical-align:middle;} 
.nav_pic3{ max-width:100%; vertical-align:middle;}
.nav_pic4{ max-width:100%; vertical-align:middle;}

.nav_right { width:7.4rem;float:right;   }
.nav_right li{width:7.4rem; margin-top:0.4rem;   }
.nav_right li:nth-of-type(1){ background:#7D4A82;}
.nav_right li:nth-of-type(2){ background:#E57368}
.nav_right .fist_right{width:7.4rem;}
 
.nav_right .second_right{ width:7.4rem; }
/*ft*/
footer{width:100%;height:1.875rem;background:#DADADA;position:fixed;bottom:0rem;z-index:10000;max-width:640px; margin:0 auto;border-top:#B7B7B7 solid 1px; border-bottom:#B7B7B7 solid 1px; }
.foot_pic1{  display:block; width:4rem;  float:left;}
.foot_pic2{  display:block; width:4rem; float:left;}
.foot_pic3{  display:block; width:4rem;  float:left;}
.foot_pic4{  display:block; width:4rem;  float:left;}





 
/*nytop=======================================*/
.ctny{margin:0 auto; max-width:640px;   background:#ffffff;}
.nyheader{ width:100%;height:1.7rem;margin:0 auto;text-align: center;background:#E40073;overflow:hidden; position:fixed;top:0rem;z-index:10000; clear:both; max-width:640px; }
.nyarrow1{ display:block;float:left; width:1.75rem; height:1.7rem; }
.ht_name{color:#ffffff; font-size:0.7rem;  line-height:1.7rem;  vertical-align:middle;float:left;margin-left:5rem;}
.ht_starname{color:#ffffff; font-size:0.7rem;  line-height:1.7rem;  vertical-align:middle; margin:0 auto;text-align:center; width:70%}
.ht_name a{color:#ffffff;}
.search_or{ display:block; width:1.875rem;   float:right; height:1.7rem;}
 
.logony a{margin: 0 auto; line-height:68px; color:#ffffff; font-size:22px;}
.meunWrapny{width: 72px;height: 68px; position: absolute;top:0;left:0;}
.meunny { display: inline-block; width: 70px; height: 68px; background:url(/mobile/img/about_r1_c1.jpg) no-repeat center center; cursor: pointer;background-size:auto 100% }
 
.topny_right{width: 75px;height:68px;position: absolute;top:0;right:0;background: url(/mobile/img/about_r1_c3.jpg) no-repeat center center;float: right;background-size:auto 100%} 

#banner{max-height:276px;width:100%;position:relative;top:0; margin-bottom:16px;overflow:hidden;}
.flexslider {  zoom: 1; overflow:hidden;}
.flex-viewport { max-height:2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.flexslider .slides li {-webkit-backface-visibility: hidden;}
.flexslider .slides > li {-webkit-backface-visibility: hidden;}
.flexslider .slides img {display:block; width:100%; }

/* Direction Nav */
.flex-direction-nav {*height: 0; display:none}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 60%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; display:none} 
.flex-direction-nav .flex-next { right: -50px; text-align: right; display:none}
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }


/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 8px; height: 8px; display: block; background:#ffffff ; background: rgba(255,255,255,0.8); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(255,255,255,0.8); -moz-box-shadow: inset 0 0 3px rgba(255,255,255,0.8); -o-box-shadow: inset 0 0 3px rgba(255,255,255,0.8); box-shadow: inset 0 0 3px rgba(255,255,255,0.8); }
.flex-control-paging li a:hover { background: #E9177C }
.flex-control-paging li a.flex-active { background:#E9177C; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 960px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}


.index_lm{  /*475 */width:95%; margin:0 auto;   overflow:hidden; padding-bottom:12px; max-height:475px; }

.index_lm1{  /*145 */width:100%; float:left; overflow:hidden;   overflow:hidden; margin-bottom:16px; max-height:145px;}
.index_lm1_1{    float:left; margin-right:2%;width:46.25%;  }
.index_lm1_1 img{max-width:100%; vertical-align:middle;}
.index_lm1_2{    float:left; width:47.9%;/*296 */ margin-left:8px;}
.index_lm1_2 img{max-width:100%; vertical-align:middle;  }
.index_lm2 {  /*311 */ width:100%; float:left; margin-bottom:17px; }
.index_lm2_1{   width:47.9%; float:left;margin-right:2%;    }
.index_lm2_1_1{   width:100%; float:left; margin-bottom:17px;  }
.index_lm2_1_1 img{max-width:100%; vertical-align:middle;}
.index_lm2_1_2{   width:100%; float:left;  }
.index_lm2_1_2 img{max-width:100%; vertical-align:middle;}
.index_lm2_2{   width:47.9%; float:left;  margin-left:8px; }
.index_lm2_2 img{max-width:100%; vertical-align:middle;}

.index-new{height:314px; background:url(../web/images/newbg.jpg); line-height:27px;}
.index-new h3{height:46px; line-height:45px; font-weight:normal; background:url(../web/images/index-hbg.png); padding-left:5%}
.index-new .title{background:url(../web/images/liprevt.png) no-repeat left center; height:30px; line-height:30px; padding-left:4%; font-weight:bold}
.index-new li{height:27%;border-bottom:#c9c8c7 1px dashed; margin:0 5%}
.index-new li p{text-indent:2em;}
.index-new li img{float:right; margin-right:3%}
.index-new li a{ color:#5d5d5d;}
.index-new li a:hover{color:#06F}
.index-new ul>li:last-child{border-bottom:none}
.pic{height:auto; overflow:hidden}
.pic li{width:45%;margin-left:10px; margin-top:10px;border:#000 1px solid; float:left; position:relative}
.pic li img{width:98%; margin:2px; zoom:1}
.pic li p{width:97%; height:20%;background:url(../web/images/pbg.png); position:absolute; left:3px; bottom:2px; color:#FFF; text-align:center; font-size:14px;}
 
 
 
 
#menglong {
	display:none;
	width:100%;
	position:fixed;
	height:100%;
	overflow:auto;
	top:0;
	background:#000;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity: 0.6;
	z-index:99999
}
#fenxiang {
	display:none;
	width:100%;
	max-width: 768px;
	position:fixed;
	overflow:auto;
	top:0;
	z-index:99999
}


/*Position and Attribute */
/*=========================================*/
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.cb { clear: both; }
.cl { clear: left; }
.cr { clear: rigth; }
.clearfloat { height: 0; font-size: 0px; clear: both; line-height: 0; }
.cf:before, .cf:after { content: "."; display: block; height: 0; visibility: hidden; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.vm { verticle-align: middle; }
.pr { position: relative; }
.pa { position: absolute; }
.abs-right { position: absolute; right: 0 }
.zoom { zoom: 1; }
.hidden { visiility: hidden; }
.none { display: none; }
.block { display: block; }
.ohz { overflow: hidden; zoom: 1; }
/*=========================================*/


/*单页*/
/*品牌故事*/
.infobanner{ width:100%;}
.infobanner img{ width:100%;}
 
 

.nyspace{ height:20px; width:100%; margin:0 auto; }
.lanmu{ background:#F6F6F6; width:100%; height:1.325rem;   border-bottom:#DDDDDD solid 1px; border-top:#DDDDDD solid 1px; margin:0 auto;overflow:hidden;}

.lmnav{  width:95%; margin:0 auto; height:1.325rem; margin-left:1.5rem;  }

.lmnav li{ float:left; height:1.325rem;display:block; line-height:1.325rem;   width:3.25rem; text-align:center;background:#F6F6F6; margin-left:0.5rem; margin-right: 0.5rem;}

.lmnav li a{ color:#6C6C6C; display:block; font-size:0.6rem;}

.lmnav li a:hover{ background:url(/mobile/img/about_r3_c8.jpg) repeat-x; display:block;   background-size:3rem 1.325rem; }

.lmnav li.active{ background:url(/mobile/img/about_r3_c8.jpg) repeat-x;   display:block; background-size:3rem 1.325rem; }

.lmnav li.active a{ color:#6C6C6C;}


.infobanner{  height:7.625rem; position:relative;z-index:2;  margin:0 auto; text-align:center; width:15.2rem; }
.infocontent{  color:#5e5e5e; line-height:1rem; font-size:0.6rem; margin:0 auto; width:15.2rem; height:auto; padding-bottom:1.25rem; padding-top:0.5rem; }

 

/*学校招生*/
.zsbanner{  height:6.9rem; position:relative;z-index:2;  margin:0 auto; text-align:center; width:100%;  }
.zs_lm{  width:15.225rem; margin:0 auto; }
 

.zs_lm_left{ width:7.425rem;float:left; }

.zs_lm_left li:nth-of-type(1){ background:#3FBDBC;}
.zs_lm_left li:nth-of-type(2){ background:#D76F94;}

.zs_pic1{ display:block; width:7.425rem; float:left;max-width:100%; vertical-align:middle;}
.zs_pic2{ display:block; width:7.425rem; float:left;max-width:100%; vertical-align:middle;  } 
.zs_pic3{ display:block; width:7.425rem;  float:left;max-width:100%; vertical-align:middle;}
.zs_pic4{ display:block; width:7.425rem; float:left;max-width:100%; vertical-align:middle;}
.zs_pic5{ display:block; width:7.425rem; float:left;max-width:100%; vertical-align:middle;}

.zs_lm_right { width:7.425rem;float:right;  }
.zs_lm_right li{width:7.425rem;  }
.zs_lm_right li:nth-of-type(1){ background:#7D4A82;}
.zs_lm_right li:nth-of-type(2){ background:#E57368;}
.zs_lm_right li:nth-of-type(3){ background:#E047C5;}




.zs_lm1{ height:245px; width:100%; float:left;margin-bottom:18px;}
.zs_lm1_1{ height:245px;  float:left; margin-right:8px;width:296px;}
.zs_lm1_2{ height:245px;  float:left; width:296px; margin-left:8px;}
.zs_lm2 { height:245px; width:100%; float:left;}
.zs_lm2_1{ height:245px; width:296; float:left; margin-right:16px;  }
.zs_lm2_2{ height:245px; width:296; float:left;}
.zs_lm2_2 li{ height:114px; width:296; float:left; margin-bottom:16px;}

/*学校招生单页*/
.xxlanmu{ background:#F6F6F6; width:100%; height:1.325rem; border-bottom:#DDDDDD solid 1px; border-top:#DDDDDD solid 1px; margin:0 auto;overflow:hidden;}

.xxlmnav{  width:95%; margin:0 auto; height:1.325rem; margin-left:10px;  }

.xxlmnav li{ float:left; height:1.325rem; line-height:1.325rem;   width:2.5rem; text-align:center;background:#F6F6F6; margin-left:0.25rem; margin-right:0.25rem;}

.xxlmnav li a{ color:#6C6C6C; display:block; font-size:0.6rem;}

.xxlmnav li a:hover{ background:url(/mobile/img/about_r3_c8.jpg) repeat-x;  display:block; background-size:2.5rem 1.325rem;}

.xxlmnav li.xxactive{ background:url(/mobile/img/about_r3_c8.jpg) repeat-x;   display:block; background-size:2.5rem 1.325rem;}

.xxlmnav li.xxactive a{ color:#6C6C6C;}


/*明星项目*/
.starbanner{  height:6.9rem; position:relative;z-index:2;  margin:0 auto; text-align:center; width:100%;  }
 
.star_lm{  width:15.225rem; margin:0 auto; }
 

.star_lm_left{ width:10.4rem;float:left;margin-top:0.2rem; }
.star_lm_left li{width:4.8rem; margin-bottom:0.4rem; overflow:hidden; margin-right:0.4rem; float:left;}
.star_lm_left li:nth-of-type(1){ background:#3FBDBC;}
.star_lm_left li:nth-of-type(2){ background:#7D4A82;}
.star_lm_left li:nth-of-type(3){ background:#D76F94;}
.star_lm_left li:nth-of-type(4){ background:#E57368;}
.star_pic2{ display:block; width:4.8rem; float:left;max-width:100%; vertical-align:top;overflow:hidden;}

.star_lm_middle { width:4.8rem;float:left;  margin-left:0.45rem;}
.star_lm_middle li{width:4.8rem; margin-top:0.4rem; overflow:hidden;  }
.star_lm_right { width:4.8rem;float:right;margin-top:0.2rem;}
.star_lm_right li{width:4.8rem;  overflow:hidden;background:url(/mobile/img/star_r4_c6.jpg) no-repeat top left #E047C5;}
.star_lm_right li:nth-of-type(1){ background:#E047C5;}
.star_lm_right .sfirst_right{ width:4.8rem; }
.first_right a div{ color:#ffffff; font-size:0.6rem; height:2.4rem; width:4.8rem; float:left; text-align:center; margin-top:0.2rem; line-height:2.4rem;text-align:center;} 
.first_right   div {width:4.8rem; float:left; } 
 
.star_lm2list{ width:4.8rem; }
.star_lm2list li{ width:4.8rem; margin:0 auto; text-align:center; height:40px; color:#ffffff; font-size:16px; line-height:40px;}
.star_lm2list li a{ color:#ffffff;}


/*新闻中心*/
.newslanmu{ background:#ffffff; width:100%; height:1.325rem; border-bottom:#DDDDDD solid 1px; border-top:#DDDDDD solid 1px; margin:0 auto;overflow:hidden;}

.newslmnav{  width:95%; margin:0 auto; height:1.325rem; margin-left:3.5rem;  }

.newslmnav li{ float:left; height:1.325rem; line-height:1.325rem;   width:3rem; text-align:center;background:#ffffff; margin-left:0.5rem; margin-right: 0.5rem;}

.newslmnav li a{ color:#6C6C6C; display:block; font-size:0.6rem;}

.newslmnav li a:hover{ background:url(/mobile/img/list_r2_c2.jpg) repeat-x;  display:block; background-size:3rem 1.325rem;}

.newslmnav li.newsactive{ background:url(/mobile/img/list_r2_c2.jpg) repeat-x;   display:block; background-size:3rem 1.325rem;}

.newslmnav li.newsactive a{ color:#6C6C6C;}


.newslistbox{border-bottom:#DDDDDD solid 1px; border-top:#DDDDDD solid 1px; margin:0 auto;background:#ffffff; width:100%; height:4rem;margin-bottom:0.45rem;} 

.newslist{ margin:0 auto;background:#ffffff; width:95%; height:3.05rem; margin-top:0.45rem;}

.newslist_pic{ float:left;   height:3.05rem; width:5.075rem; text-align:left; overflow:hidden;}
.newslist_pic img{ max-width:100%;vertical-align:middle; font-size:0.5rem}
.newslist_main{ float:right; height:3.05rem; width:9.7rem; text-align:left;}
.newslist_title{ float:left; width:9.7rem; line-height:1rem;font-size:0.6rem}
.newslist_title span{ float:right;}
.newslist_title li{ height:1rem; width:9.7rem; overflow:hidden;}
.newslist_title li a{ color:#E40073;}
.newslist_title li a:visited {
	color: #D6D6D6;
}
.newslist_title li a:hover{ color:#E40073;}
.newslist_con{ line-height:0.8rem; color:#7C7C7C;font-size:0.5rem}


.yema{border-bottom:#DDDDDD solid 1px; border-top:#DDDDDD solid 1px; margin:0 auto;background:#ffffff; width:100%; height:1.1rem;margin-bottom:0.45rem; text-align:center; line-height:1.1rem;font-size:0.6rem} 

.yema a{ color:#5F5F5F;font-size:0.6rem}
.yema1{ color:#5F5F5F;font-size:0.6rem}
.yema2{ color:#E40073;font-size:0.6rem}
.newsinfocontent{   color:#5e5e5e;  margin:0 auto; width:95%; height:auto;}
.info_zlmcon{ width:100%; height:2rem; border-bottom:#D7D7D7 solid 1px; margin:0 auto;  }
.infotitle{font-size:0.6rem; color:#000;  text-align:center; float:left; width:100%; line-height:0.8rem;  } 
.infotime{ font-size:0.5rem; color:#4B4B4B; float:left; width:100%; height:0.6rem;text-align:center; padding-top:0.1rem  }
.artcontent{ padding:0.5rem 0rem; font-size:0.6rem; line-height:1rem; min-height:7rem;}
.artcontent img { max-width:100%; }
/*图片列表*/
/*产品中心*/
.cdisi-right{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.cdisi-right ul{ width:100%; height:auto; overflow:hidden; margin-left:0.45rem;}
.cdisi-right ul li{ width:7rem; height:6.25rem; float:left; margin-bottom:0.5rem; margin-right:0.5rem;border:#DEDEDE solid 1px; background:#ffffff;}

.cdisi-right ul li:hover{border:#E9177C solid 1px; background:#E9177C; color:#fff;}
.cdisi-right ul li:hover a{ color:#ffffff; }

.cdisi-right ul li img{ width:7rem; height:5.25rem; overflow:hidden;}
.cdisi-right ul li b{ display:block; width:7rem; height:5.25rem; border-bottom:1px solid #DEDEDE;}
.cdisi-right ul li span{ display:block; width:7rem; height:1rem;  text-align:center; line-height:1rem; font-weight:300; font-size:0.5rem;}
.cdisi-right ul li a{ color:#3D3D3D;}




/*大事记*/
.dsjlanmu{   width:100%; height:auto;  margin:0 auto;overflow:hidden;}

.dsjlmnav{  width:100%; margin:0 auto;    }

.dsjlmnav li{ float:left; height:3.25rem; line-height:3.5rem;   width:3.2rem; text-align:center; background:url(../img/dashij_r2_c1.jpg) no-repeat; background-size:3.2rem 3.25rem; }

.dsjlmnav li a{ color:#ffffff; display:block; font-size:0.5rem;}

.dsjlmnav li a:hover{ background:url(../img/dashij_r2_c1on.jpg) no-repeat; display:block; background-size:3.2rem 3.25rem;}

.dsjlmnav li.dsjactive{ background:url(../img/dashij_r2_c1on.jpg) no-repeat;   display:block; background-size:3.2rem 3.25rem;}

.dsjlmnav li.dsjactive a{ color:#ffffff;}


/*门店展示*/
#mdbanner{max-height:6.375rem;width:100%;position:relative;top:0; margin-bottom:0.4rem;overflow:hidden;}
.mdlanmu{ background:#FFFFFF; width:100%; height:1.325rem; border-bottom:#DDDDDD solid 1px; border-top:#DDDDDD solid 1px; margin:0 auto;overflow:hidden;}

.mdlmnav{  width:95%; margin:0 auto; height:1.325rem; margin-left:0.75rem;  }

.mdlmnav li{ float:left; height:1.325rem; line-height:1.325rem;   width:2.75rem; text-align:center;background:#ffffff; margin-left:0.5rem; margin-right: 0.5rem;}

.mdlmnav li a{ color:#6C6C6C; display:block; font-size:0.6rem;}

.mdlmnav li a:hover{ background:url(/mobile/img/list_r2_c2.jpg) repeat-x;  display:block;background-size:2.75rem 1.325rem;}

.mdlmnav li.mdactive{ background:url(/mobile/img/list_r2_c2.jpg) repeat-x;   display:block;background-size:2.75rem 1.325rem;}

.mdlmnav li.mdactive a{ color:#6C6C6C;}





.mdinfocontent{ font-size:0.4rem; color:#5e5e5e; line-height:0.6rem; margin:0 auto; width:100%; height:auto;  min-height:8rem;}
.mdzs{border-bottom:#DDDDDD solid 1px; border-top:#DDDDDD solid 1px; margin:0 auto;background:#ffffff; width:100%; height:3.7rem;margin-bottom:0.45rem;} 

.mdzslist{ margin:0 auto;background:#ffffff; width:95%; height:1.7rem; margin-top:0.37rem; }
.mdtitle{ color:#E40073; font-size:0.6rem;line-height:0.9rem;}
.mdtel{ color:#6C6C6C; font-size:0.5rem; line-height:0.8rem;}
.mdtel a{ color:#0033FF; font-size:0.5rem; line-height:0.9rem;}
.mdadd{ color:#6C6C6C; font-size:0.5rem; line-height:0.8rem;}





.nav{
 
  display: flex;
  flex: 1;
  height: 62vh;
}
  .nav_left,.nav_right{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .nav_left li{
    height: 33%;
  }
  .ft{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }