.m-main{width: 100%;padding: 0 .3rem 1.1rem;}
.m-inner{width: 100%;max-width: 16.4rem;margin: 0 auto;}
.m-top{position: relative;z-index: 1;width: 100%;padding: .6rem .6rem .3rem; margin-bottom: .9rem;background-color: #eff4fd;border-radius: .2rem;}
.m-search{display: flex;width: 100%;margin-bottom: .3rem;background-color: #ffffff;border-radius: .2rem;border: solid 1px #dce2ed;}
.m-lt{flex: 1;border-radius: .2rem  0 0 .2rem;position: relative;}
.m-input{display: block;border: none;background-color: transparent;width: 100%;padding: 0 .6rem 0 .38rem;color: #222222;height: .8rem;}
.m-empty{opacity: 0;visibility: hidden;z-index: -1; position: absolute;top: 0;right: .23rem;width: .34rem;height: 100%;display: block;cursor: pointer;background-image: url('../images/a21.png');background-size: .14rem auto;background-position: center center;background-repeat: no-repeat;}
.m-empty:hover{background-image: url('../images/a21-b.png');}
.m-search.show_empty .m-empty{opacity: 1;visibility: visible;z-index: 1;}

.m-rt{font-size: 0;}
.m-submit{display: block;cursor: pointer;border: none;min-width: 2rem;padding: 0 .25rem;text-align: center;height: .8rem;line-height: .8rem;color: #ffffff;background-color: #0067ac;background-image: linear-gradient(90deg, #0067ac 0%, #68b92e 100%);border-radius: 0px .2rem .2rem 0px;}
.m-selectbox{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.m-select{width: 24%;margin-right: 1.33%;margin-bottom: .3rem;}
.m-select:nth-child(4n){margin-right: 0;}

.m-bottom{width: 100%;max-width: 12.4rem;margin: 0 auto;}
.m-cont{width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.m-left{width: 5.8rem;}
.m-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(389/580*100%);border-radius: .2rem;}
.m-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.m-right{width: calc(100% - 6.58rem);}
.m-titles{width: 100%;color: #222222;line-height: 1.27;font-weight: bold;}
.m-intro{width: 100%;color: #444444;line-height: 1.8;padding-top: .25rem;}
.m-intro *{line-height: inherit;max-width: 100%;}
.m-intro p{margin-top: .1rem;}
.m-textbox{width: 100%;color: #444444;line-height: 1.8;margin-top: .55rem;}
.m-textbox *{line-height: inherit;max-width: 100%;}

@media(max-width: 750px){
    .m-top{padding: .5rem .3rem .2rem;} 
    .m-select{width: 100%;margin-right: 0;}
    .m-left{width: 100%;margin-bottom: .3rem;}
    .m-right{width: 100%;}
}