.WD{width: 1200px;margin-left: auto;margin-right: auto;}
.WDB{width: 1180px;margin-left: auto;margin-right: auto;padding-bottom: 60px;}
a.more{color:#888;}
a.more:hover{color:#ff9800;}
a.more font{font-size: 4rem;}
.lmjg{margin-top: 30px;/**栏目间隔**/}

/***顶部区域**/
.headMain{background-color: #fff;}
.headBox{height:120px; display: flex;align-items: center;}
.headBox .logo{flex: 1;}
.headBox .headRset{text-align: right; flex: 1;color:#d5d5d5;font-size: 1.4rem;}
.headBox .headRset .mPc{line-height: 38px;}
.headBox .headRset .mPc span a{color:#333;display: inline-block;padding:0px 12px;}
.headBox .headRset .mWap{display: none;}


/**导航**/
.navMain{background: #015293;}
.wNav{display: flex;height: 60px;position: relative;}
.wNav .nav{flex: 1;box-shadow: -1px 0px 0px rgba(255,255,255,0.15);}
.wNav .nav>li{float: left;font-size: 1.2rem;box-shadow: 1px 0px 0px rgba(255,255,255,0.15);}
.wNav .nav>li>a{display: inline-block;line-height: 60px;padding:0px 32px;color:#fff;font-size: 1.6rem;}
.wNav .nav>li>a:hover{background-color: #0381d4;}
.wNav .nav>li>ul{position: absolute;z-index: 2;top:60px;left:0;right:0;background-color: #ffffff;padding:12px 24px;border:solid 1px #ddd; display:none;box-shadow: 0px 3px 5px 0px rgba(105,105,105,0.1);}
.wNav .nav>li>ul>a{display: inline-block;line-height: 38px;padding:0px 32px;font-size: 1.6rem;}
.wNav .nav>li:hover>ul{display:block;}
.seaDX{float: left;border: 1px solid #015293;background-color: #fff;border-radius:4px;height: 36px;display: flex;padding-left:3px;}
.seaDX>.seaTes{line-height: 34px;padding-left:12px;outline: none;border:none;width:200px;}
.seaDX>.btnSea{line-height: 34px;padding:0px 4px;cursor: pointer;}
.seaDX>.btnSea>.iconfont{font-size: 1.6rem;padding-top:6px;margin-right:6px;color: #0000FF;}

/***内容区**/
/*.pageMain{!*background:#f4f4f4 url(../img/back-.jpg) repeat-x left top;*!background:#f6f6f6;}*/
.part-container:nth-child(odd){background:#fff;}
.part-container:nth-child(even){background:#f8f8f8;}
.part-content{ display: flex;justify-content: space-between;flex-flow: row; width:1200px; margin:0 auto;padding: 30px 0;}
/**首页头条**/
.headlines>a{display: block;}
.headlines>a>img{width: 100%;height:400px;}
/**首页栏目布局**/
.inBannerA,.left-part,.sws-office{flex: 1;}
.notice-part{width:580px;margin-left: 20px;}
.trends-part{flex: 1;}
.trends-part + .trends-part{flex: none;width: 580px;margin-left: 20px;}
.member-part{width:380px;margin-left:20px;}
/*会员管理*/
.member-part .memeber-title{line-height:2;font-size: 25px; font-weight: bold; color: #336;text-align: center;}
.member-part .member-content{margin-top:15px;border-radius:7px;padding:20px 50px;line-height:40px;background: #0f72c2;text-align:left;font-size:18px;color: #fff;}
.member-part .member-content>img{height:40px;}
.member-part .member-content>span{padding-left:20px;}
    /**栏目标题**/
.usTit{display: flex;justify-content: space-between;padding:5px 20px 5px 0;border-bottom: 1px solid #9a9dc9;}
.usTit>a{line-height:24px; }
.usTit>.tit>a{border-left: 2px solid #333366;padding-left:5px;font-size: 1.5rem; color:#333;}
.usTit>.rset{width: auto;flex: 1; text-align: right;font-size: 1.2rem;color:#aaa;}
.usTit>.back{width: 16px;}
.usTit.itabLi>.rset>.more{display: none; font-size: 4rem;}
.usTit.itabLi>.rset>.more.act{display: inline-block;}

/**首页**/
.indexWNrq{width:890px;}
.indexWNrq .oneBx{display: flex;}
.indexWNrq .oneBx .artBox{margin-right:16px;flex:1;}
.oneBx.msg-ul{display: flex;width: 100%;}
.oneBx.msg-ul .artBox{margin-left: 30px;}
.oneBx.msg-ul .artBox:first-child{margin-left:0;}


/**列表**/
.newList li{display:flex;justify-content:space-between;padding:0 20px;}
.newList li>a{width:80%;line-height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 1.4rem;color: #333;}
.newList li>a:hover{color: #ff9800;}
.newList li>.time{line-height: 44px;width:70px;color:#999;}

.newListHh li{padding:6px 0;font-size: 1.4rem;padding-left:1.6rem;background: url(../img/liIco-j.png) no-repeat left 0.7rem;}
.newListHh li a{color: #333;line-height: 140%;}
.newListHh li a:hover{color: #0044ff;}

.newListD li{padding:6px 0;font-size: 1.4rem;display: flex;justify-content: space-between;}
.newListD li a{color: #333;}
.newListD li a:hover{color: #0044ff;}
.newListD li p{padding-left:1.8rem;background: url(../img/liIco-d.png) no-repeat left 0.4rem;flex: 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newListD li .time{color: #aaa;font-size: 1.2rem;line-height: 1.8rem;}
/***协会***/
.artFlexBox.xhxw{justify-content: space-between;margin-top: 15px;}
.artFlexBox.xhxw .artBox{width: 30%;margin-left: 32px;}
.artFlexBox.xhxw .inBannerB{
    width: 526px;
}
/***首页文章区**/
.artFlexBox{display: flex;}
.artFlexBox>.fx1{width:33%;margin-right:2%;}
.artFlexBox .artBox{width: 100%;overflow: hidden;}
.artFlexBox>.rbox{width: 28%;background-color: #f8f8f8;}


/**专题**/
.ztBox{margin-left:20px;width: 380px;}
.ztBox .theme {
    margin-bottom: 22px;
    background: #0f72c2;
    box-sizing: border-box;
    padding: 20px 50px;
}
.ztBox .theme>img{
    height:40px;
}
.ztBox .theme>span{
    line-height: 40px;
    padding-left:20px;
    font-size: 20px;
    color: #fff;
    text-align: left;
}
/*税务师事务所*/
.office{
    margin-right:30px;
}
.office-list{
    display: flex;
    justify-content: space-between;
    padding: 20px;
}
.office-list .office-msg{
    flex: 1;
    padding: 0 5px;
}
.office-list .office-msg .office-img>img{width:100%;height: 160px;}
.office-list .office-msg .office-name{text-align: center;line-height: 2;color: #333;}
/**视频**/
.spBox{padding-top: 10px;}
.spBox dl{width: 46%;height: 114px;margin: 5px 1.6%; position: relative; display: inline-block;}
.spBox dl img{width: 100%;height: 100%;}
.spBox dl h4{position: absolute;z-index: 3;bottom:0;left:0;right:0;line-height:160%;background-color: #333;background-color: #333333aa;color:#fff;font-weight: normal;text-align:center;}


/**互动交流**/
.rJLbox{border-top: solid 1px #aaaaaa33;padding:12px;padding-bottom:20px;background-color: #f2f2f2;}
.rJLbox a{box-shadow: 0px 0px 0px 1px #dadfe4;background-color: #fff;display: inline-block;width: 47%;padding:14px 0;text-align:center;margin-top:16px;font-size: 1.6rem;font-weight: bold;}
.rJLbox a:nth-child(1){width:99%;color: #f00; display: block;margin-top: 6px;}
.rJLbox a:nth-child(2){color: #b83ab0;}
.rJLbox a:nth-child(3){color: #0d65c7;}
.rJLbox a:nth-child(4){color: #c96262;}
.rJLbox a:nth-child(5){color: #299b94;}
.rJLbox a:nth-of-type(even){margin-right:3%;}

.hdjlBox{border-top: solid 1px #aaaaaa33;background-color: #f2f2f2;padding:8px 10px 18px;padding-right:0;}
.hdjlBox>.xhfwTit{text-align:center;font-size: 2rem;color: #015293;font-weight: bold;margin-top: 0.6rem;}
.hdjlBox .hdjl{padding:0;margin-top: 1rem;}
.hdjlBox .hdjl>a{display: inline-block;border:solid 1px #d3e8f9;background-color: #4d94e1;width:100px;height: 90px;margin:5px;border-radius: 6px;text-align: center;}
.hdjlBox .hdjl>a>i.iconfont{font-size: 3rem;color: #fff;margin-top: 6px;display: inline-block;}
.hdjlBox .hdjl>a>span{display: block;font-size: 1.4rem;margin-top: 6px;color: #fff;}
.hdjlBox .hdjl>a:hover{background-color: #e3f9fe;border:solid 1px #aed6f9;}
.hdjlBox .hdjl>a:hover>i.iconfont,
.hdjlBox .hdjl>a:hover>span{color: #0D65D2;}

/**友情链接***/
.linkMain{margin-top:48px;}
.linkMain .linkTabA{height: 40px;}
.linkMain .linkTabA span{line-height: 40px; display: inline-block;padding: 0px 30px;color: #333;font-size: 1.4rem; cursor: pointer;}
.linkMain .linkTabA span.act,.linkMain .linkTabA span:hover.act{background-color: #3f7ed2;color: #fff;}
.linkMain .linkTabA span:hover{background-color: #eee;}
.linkBox{background-color: #f7f8f9;border:solid 1px #dce3e8;padding:16px 10px; display: flex;}
.linkBox .lk{flex: 3;font-size: 1.3rem;}
.linkBox .lk li{width: 40%;display: inline-block;padding: 4px 0;padding-left:2%;}
.linkBox .ewm{flex: 1;display: flex; text-align: center;}
.linkBox .ewm>div{flex: 1;text-align: center;}
.linkBox .lk.f4 li{width:22%;}
.linkBox .lk.f5 li{width: auto;padding: 0 30px;}
.linkBox .lk.f6 li{width:14.2%;}
.linkBox .lk.f7 li{width:9.5%;}


/*****底部******/
footer .footerBx{background-color: #015293; text-align: center;font-size: 1.3rem;color:#fff;}
footer a{color:#fff;}
footer .friendship{
    margin: 0 auto;
    width: 1200px;
    padding: 20px 0;
    text-align: left;
}
footer .footerBx a{color: #fff; display: inline-block;padding:0px 18px;}
footer .footerCopy{border-top: 1px solid #99c;text-align: center;padding:24px;margin:auto;color:#fff;}
footer .footerCopy span{display: inline-block;padding:3px;font-size: 1.2rem;}
footer .footerCopy span:nth-child(1){width: 100%;}
footer .footerCopy span:last-child{width: 100%;}
footer .footerCopyWap{display: none;}


/**面包屑**/
.breadcrumb{padding:1.4em 0em;border-bottom:dotted 1px #ddd;font-size: 14px;}
.breadcrumb span{display: inline-block;margin-left:10px;margin-right:18px;color:#888; position: relative;}
.breadcrumb span::after{content: '->'; display: inline-block; position: absolute;right:-20px;line-height:140%;color:#aaa;}
.breadcrumb span:last-child::after{content:'';}

/**协会概况**/
.situation{display: flex;}
.situation>.leftMenu{width:22rem;margin-right:2.5rem;}
.situation>.articleMain{flex: 1;}

/**折叠菜单**/
.leftMenu .itm h4{padding:1rem 1.4rem;box-shadow: 0px 0px 0px 1px #c0dbed; cursor: pointer; border-radius: 0.2rem;margin-top:1.2rem;background-color: #f3faff;font-weight: normal; display: flex;}
.leftMenu .itm h4 span{display: block;}
.leftMenu .itm h4 span.lIco i.iconfont{font-size: 2rem;color: #0381d4;}
.leftMenu .itm h4 span.tes{flex: 1;line-height: 2rem;font-size: 1.4rem;color: #445ca0;margin-left:0.6rem;}
.leftMenu .itm h4 span.rIco i.iconfont{font-size: 1rem;color: #b7cde6;line-height: 2rem;}
.leftMenu .itm ul{box-shadow: 0px 0px 0px 1px #c0dbed;margin-top:1px;padding: 0.6rem;border-radius: 0rem 0rem 0.3rem 0.3rem; display: none;}
.leftMenu .itm.current h4 span.rIco i.iconfont{transform: rotate(90deg);display: inline-block;}
.leftMenu .itm.current ul{display: block;}
.leftMenu .itm ul a{display: block;padding:0.8rem;text-align: center;font-size: 1.3rem;border-radius: 0.2rem;}
.leftMenu .itm ul a:hover{background-color: #eef7fe;}


/**文章**/
.articleMain .articleTit{font-size: 2.6rem;text-align: center;font-weight: bold;padding:1rem;margin-top:2rem;}
.articleMain .articleInfo{text-align: center;padding:1rem;}
.articleMain .articleInfo span{ display: inline-block;margin:0rem 1rem;color: #888;font-size: 1.2rem;}
.articleMain .articleInfo span.b26,.articleMain .articleInfo span.b20,.articleMain .articleInfo span.b14{cursor: pointer;}
.articleMain .article{line-height: 220%;font-size: 1.5rem;padding:1rem;}
.articleMain .articlePrint{text-align: center;padding:1rem;margin:2rem auto 3rem auto;}
.articleMain .articlePrint span{font-size: 1.4rem;margin-left:2rem;margin-right:2rem;line-height: 2rem;color:#999;}
.articleMain .articlePrint span i.iconfont{font-size: 2rem;color:#999;}

/**定位**/
.ixd{position: absolute;}
.ixd>.ijd{position: absolute;width:100%;overflow: hidden;}

/**协会服务-要闻**/
.industryFocus{display: flex;margin-top: 2rem;margin-bottom: 3rem; flex-flow: row-reverse;}
.industryFocus>.inBannerC{flex: 2;}
.industryFocus>.rNewsLis{flex: 1;margin-left:2rem;}
.rNewsLis{display:flex;flex-flow: column;}
.rNewsLis>.swNewsLis{flex: 1; position: relative;}
.rNewsLis>.swNewsLis>.newListHh{height: 35.2rem;overflow: hidden; }

.industryMain{display: flex;margin-bottom:4rem;}
.industryMain>.lmLis{flex: 2;overflow: hidden;}
.industryMain>.rXhBox{flex: 1;margin-left:2rem;}

/***信息公开***/
.disclosure .disclosureGfBtn{margin-bottom: 2rem;}
.disclosure .disclosureMain{display: flex;margin-bottom: 5rem;}
.disclosure .disclosureMain>.lmLis{flex: 2;overflow: hidden;}
.disclosure .disclosureMain>.rXhBox{flex: 1;margin-left:2rem;}

/**执业规范**/
.disclosureGfBtn>.gygfBox{margin:4rem 2rem;}
.disclosureGfBtn>.gygfBox>.zygfBtnGroup{padding:3rem 0;display: flex;}
.disclosureGfBtn>.gygfBox>.zygfBtnGroup>a{flex: 1;text-align: center;}
.gygfBox>.zygfBtnGroup>a>em{width:5rem;height:5rem;padding:1rem;border-radius: 50%;display: inline-block;background-color: #aaa;color:#fff;}
.gygfBox>.zygfBtnGroup>a>em>i.iconfont{font-size: 4rem;line-height: 120%;height: 6rem;display: inline-block;}
.gygfBox>.zygfBtnGroup>a>p{margin-top:1rem;font-size: 1.4rem;}
.gygfBox>.zygfBtnGroup>a:nth-child(1)>em{background-color: #43bb7b;}
.gygfBox>.zygfBtnGroup>a:nth-child(2)>em{background-color: #8a83ea;}
.gygfBox>.zygfBtnGroup>a:nth-child(3)>em{background-color: #2768c9;}
.gygfBox>.zygfBtnGroup>a:nth-child(4)>em{background-color: #66b15a;}
.gygfBox>.zygfBtnGroup>a:nth-child(5)>em{background-color: #bc9b42;}
.gygfBox>.zygfBtnGroup>a:nth-child(6)>em{background-color: #c7605b;}
.gygfBox>.zygfBtnGroup>a:nth-child(7)>em{background-color: #ae4bb7;}
.gygfBox>.zygfBtnGroup>a:nth-child(8)>em{background-color: #1db2b7;}
.gygfBox>.zygfBtnGroup>a:hover>em{background-color: #d00;}


.zygfTitle{text-align: center;background: url(../img/zygfTitle.gif);}
.zygfTitle>.tit{padding-left:3rem;padding-right:3rem;background-color: #fff; display: inline-block;line-height:140%;font-weight: bold;font-size: 2rem;color:#015293;}


/**执业规范**/
.specification{display: flex;}
.specification>.leftMenu { width: 22rem;margin-right: 2.5rem;margin-top: 1.4rem;}
.specification>.articleMain{flex: 1;margin-top: 1.4rem;}








.tabsMain.sbfu2{width: 100%;margin-top:2rem;}
.tabsMain>.tabsBtn{display: flex;flex-flow:row-reverse;justify-content:center;}
.tabsMain>.tabsBtn>span{padding: 1rem 2rem;border:solid 1px #dae2f0;display: inline-block;margin-left: -1px;font-size: 1.3rem;cursor: pointer;}
.tabsMain>.tabsBtn>span:hover{background-color: #f4f4f4;}
.tabsMain>.tabsBtn>span.act{background-color: #edf7fe;border-bottom: none;}
.tabsMain>.tabsShow{box-shadow: 0px 0px 0px 1px #dae2f0;background-color: #edf7fe;padding: 2.6rem 4rem;}
.tabsMain>.tabsShow .formFlex{display: flex;justify-content:center;}
.tabsMain>.tabsShow .formFlex .test{width:50%;border:solid 1px #d1d4d6;height: 3.4rem;line-height: 3.4rem;font-size: 1.3rem;padding:0 1.6rem;border-radius:5px;margin-right: 0.75rem;outline-color: #69a4f3;}
.tabsMain>.tabsShow .formFlex .btn{background-color: #256ccb;height: 3.4rem;color: #fff;padding: 0 2rem;border: none; outline: none;font-size: 1.3rem;}
.tabsMain>.tabsShow .formFlex .btn:hover{background-color: #0044FF;}
.tabsMain>.tabsShow .formFlex .selType{display: none;}





/**搜索展示页***/

.seachListMain{margin-top:1rem;}
.seachListMain .selsm{padding:1rem 0;border-bottom: dotted 1px #ddd;display: flex;}
.seachListMain .selsm>div{flex: 1;text-align: center;color: #aaa;font-size: 1.2rem;}
.seachListMain .selsm>div>label{color: #333;;}
.seachListMain .selsm>div>span{display: inline-block;cursor: pointer;padding:0 0.4rem;}
.seachListMain .selsm>div>span:hover{color: #333;}
.seachListMain .selsm>div>span.act{color: #d00;}


.seachList{margin-bottom:1rem;}
.seachList .seaItm{border-bottom: dotted 1px #ddd;padding:2.4rem 1rem;}
.seachList .seaItm>a>h4{font-size: 1.8rem;color:#000;}
.seachList .seaItm>a>.test{font-size: 1.4rem;color:#666;margin:1.2rem 0;line-height: 180%;}
.seachList .seaItm>a:hover>h4,
.seachList .seaItm font{color: #f00;}
.seachList .seaItm>a:hover>.test{color: #000;}
.seaItm>.info>span{display: inline-block;margin-right: 2rem;font-size: 1.2rem;}
.seaItm>.info>.type{background-color: #409eff;color: #fff;padding:0.3rem 1.2rem;border-radius: 3px;}
.seaItm>.info>.media{color: #124adb;}
.seaItm>.info>.time{color: #999;}


/**分页**/
.paging{padding:1rem 2rem;text-align: center;font-size: 1.2rem;}
.paging>a{display: inline-block;padding:0.8rem 1.2rem;border-radius:5px;background-color: #f2f2f2;color: #333;margin-left:0.2rem;margin-right:0.2rem;cursor:pointer;}
.paging>a:hover{background-color: #2e6298;color:#fff;}
.paging>a.current,.paging>a.current:hover{background-color: #409eff;color:#fff;}

/*宁夏手机*/
.main{
    margin: 0 auto;
    width: 100%;
}
.company-item{
    position: relative;
    margin-bottom: 20px;
    height: 200px;
    padding: 20px 20px 0 310px;
    border: 1px solid #efefef;
    background: #fff;
    box-shadow: #0003 1px 2px 5px;
    color: #333;
}
.company-item:hover{
    border: 1px solid #409eff;
    background: #409eff;
    color: #fff;
}
.company-item .company-img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 297px;
}
.company-item .company-img>img{
    width: 100%;
    height: 100%;
}
.company-item>div{
    font-size: 16px;
    line-height: 2;
}
.company-name>div{
    font-size: 18px;
    line-height: 2;
}
.company-item>div.company-name{
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
}
/*税协概况左侧样式*/
.float-left {
    float: left;
    display: inline;
}
.float-right {
    float: right;
    display: inline;
}
.float-left.sidebar {
    width: 230px;
    padding: 50px 0 65px;
}
.float-right.content {
    width: 860px;
    padding: 35px 0 65px;
}
.page-menu {
    margin-bottom: 35px;
    padding-bottom: 0;
    background-color: #fffbf7;
}
.page-menu-title {
    background: #0381d4;
}
.page-menu-title h3 {
    padding-left: 15px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 16px;
}
.page-menu-title-max h3 {
    font-size: 24px;
}
.page-menu-title h4 {
    margin-bottom: 5px;
    padding-left: 35px;
    line-height: normal;
    color: #fff;
    font-size: 25px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}
.page-menu-content {
    padding: 10px 0 25px;
    background-color: #f6f5f5;
    border: 1px solid #dcdcdc;
}
.page-menu-content ul {
    padding: 0 15px;
}
.page-menu-content ul li {
    position: relative;
    border-bottom: 1px dashed #e6e6e6;
}
.page-menu-content ul li a {
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 10px;
    line-height: normal;
    color: #4d4d4d;
    font-size: 14px;
    *zoom:1;
}
.page-menu-content ul li i {
    display: block;
    width: 7px;
    height: 7px;
    overflow: hidden;
    position: absolute;
    top: 17px;
    right: 0;
    _right: 15px;
    background: url(../../../images/skin/img/page-menu.gif) no-repeat 0 0;
}
.page-menu-content ul li a:hover {
    text-decoration: none;
    color: #FF9B00;
}
.page-menu-content ul li:hover i {
    background-image: url(../../../images/skin/img/page-menu-c.gif);
}
.page-menu-content ul ul {
    padding: 0 0 0 15px;
    margin: 0 0 20px;
    display: none;
}
.page-menu-content ul ul li.last {
    border-bottom: none;
}
.page-menu-content ul li ul li {
    border-bottom: none;
}
.page-menu-content ul li ul li a {
    color: #4d4d4d;
    padding-left: 10px;
    background: url(../../../images/skin/img/page-menu-sub.gif) no-repeat left center;
}
.page-menu-content ul li ul li a:hover {
    color: #FF9B00;
    background: url(../../../images/skin/img/page-menu-sub-c.gif) no-repeat left center;
}
.page-menu-content ul ul li a {
    background-image: none;
    padding: 8px 0;
    line-height: normal;
    background-color: #f2f2f2;
    font-size: 13px;
}
.page-menu-content ul li.current a {
    color: #FF9B00;
}
.page-menu-content ul li.current i {
    background-image: url(../../../images/skin/img/page-menu-c.gif);
}
.page-menu-content ul li.current ul {
    display: block;
    margin-top: 0;
}
.page-menu-content ul li.current ul li {
    border-bottom: none;
}
.page-menu-content ul li.current ul li a {
    color: #4d4d4d;
}
.page-menu-content ul li.current ul li a:hover {
    color: #FF9B00;
}
.page-menu-content ul li.current ul li.current > a {
    color: #FF9B00;
    background: url(../../../images/skin/img/page-menu-sub-c.gif) no-repeat left center;
}

/**团体会员风采 通栏滚动**/
.part-content.member-scroll {
    flex-direction: column;
    align-items: stretch;
}
.ms-show {
    position: relative;
    width: 100%;
    margin-top: 20px;
    padding: 0;
    box-sizing: border-box;
}
.ms-view {
    overflow: hidden;
    width: 100%;
}
.ms-list {
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
.ms-list > li {
    flex: 1 1 0;
    min-width: 0;
    margin-right: 20px;
    text-align: center;
}
.ms-list > li:last-child {
    margin-right: 0;
}
.ms-list > li a {
    display: block;
    color: #333;
    text-decoration: none;
}
.ms-list > li .ms-img {
    width: 100%;
    height: 180px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.ms-list > li .ms-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.ms-list > li .ms-name {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.4;
    height: 40px;
    overflow: hidden;
    color: #333;
}
.ms-list > li a:hover .ms-name {
    color: #0f72c2;
}