.clear{ clear:both; line-height:0; height:0; font-size:0;}



.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}


.o-m{display: flex;border-radius: 20px;background:rgba(255, 255, 255, 0.1);margin:20px auto; margin-bottom: 50px; max-width: 980px;}
.o-m .ul-o{width:14.5vw;border-radius: 20px;position:relative;background:rgba(255, 255, 255, 0.1);border-right:0.5vw solid #00d5fe;max-width: 200px;}
.o-m .ul-o li{width:100%;cursor:pointer;position:relative;z-index:2}
.o-m .ul-o span{width:62px;height:68px;float:left;display:block;border-bottom:1px solid #bfbdb9;background:url(404.png) no-repeat;background-position:-272px 20px;}
.o-m .ul-o .li-t span{background-position:-272px -50px;}
.o-m .ul-o .li-s span{background-position:-272px -120px;}
.o-m .ul-o .li-f span{background-position:-272px -190px;}
.o-m .ul-o .li-w span{background-position:-272px -257px;}
.o-m .ul-o .li-l span{background-position:-272px -323px;}
.o-m .ul-o li p{line-height:68px;color:#fff;font-size:16px;width:100%;border-bottom:1px solid rgba(255, 255, 255, 0);;text-align: center;}

.o-m .ul-o .li-mask{background:#3cd5dd;position:absolute;left:0;top:0;height:68px;width: 100%;border-radius:20px;}
.o-m .ul-o li.on b{display:block;}
.o-m .ul-t{background:none;float:left;width: calc(100% - 15vw); max-width: 825px;text-align: center;}
.o-m .ul-t li{list-style-type:none;position:relative;height:100%;display:none;padding:10px 32px 10px 10px;background:rgba(255, 255, 255, 0);}
.o-m .ul-t .li-top {display: flex;align-items : center; height: 100%;}
.o-m .ul-t .textbox{width: calc(100% - 305px);color:#fff;display: flex;flex-direction:column;}
.o-m .ul-t .textbox div:nth-child(2){margin: 32px 0;}
.o-m .ul-t .textbox h5{font-size:24px;line-height:38px;}
.o-m .ul-t .imgbox{margin: 0 50px;}
.o-m .ul-t .imgbox img{height: 300px;}