.mobile-only{ display:none;}

/*布局*/
.layout-wrapper{}
.layout{margin: 0 auto;padding:20px 0px ;}
.flexible{max-width: 1980px;  }
.fixed{ max-width:1210px;}
.layout-inner{margin: -10px;display: flex;flex-wrap: wrap}
.layout-inner::after{content:"";clear:both;display: block;}
.layout-inner .layout-col{display: inline-block;box-sizing: border-box;padding: 10px;}
.layout-inner .layout-col.col-2{width: 16.66666%}
.layout-inner .layout-col.col-3{width: 24.99999%}
.layout-inner .layout-col.col-4{width: 33.33333%}
.layout-inner .layout-col.col-6{width: 49.99999%}
.layout-inner .layout-col.col-7{width: 58.22222%}
.layout-inner .layout-col.col-8{width: 66.66666%}
.layout-inner .layout-col.col-9{width: 74.77777%}
.layout-inner .layout-col.col-10{width: 83.33333%}
.layout-inner .layout-col.col-12{width: 100%}

.container{ margin: 0 auto;box-sizing: border-box }
.container .title-wrapper{padding:20px 0;position:relative}
.container .title-wrapper .primary-title{font-size: 24px;}
.container .title-wrapper .secondary-title{font-size: 18px;}
.container .title-wrapper .sub-title{font-size: 14px;color: #aaa}
.container .title-wrapper .title-right{position:absolute;right:0;top:16px;}
.container .more{display:inline-block;line-height:30px;border-radius:20px;border:2px solid #ddd;color:#1dc7e9;width:100px;text-align:center}
.container .more:hover{background-color:#eee}

.container-white{padding:4% ;background-color:#fff;box-shadow: 0 0 0px #e4edf0;box-sizing: border-box}
.container-white .name{font-size: 15px; border-bottom: 2px solid #ececec; }
.container-white .name .name-inner{display: inline-block; padding: 0px 10px;padding-bottom: 6px;border-bottom: 2px solid #2C74E6;margin-bottom: -2px;}
.container-white  i{margin-right: 10px; }
.container-white .content{padding-top: 20px;}







/*清除浮动*/
.clearfix::after{content:"";clear:both;display: block;}
.clr{clear: both}



@media screen and (max-width: 900px) { /*当屏幕尺寸小于900px时，应用下面的CSS样式*/

.pc-only{display:none!important;}
.mobile-only{ display:inherit!important;}
.layout{padding: 0px;}
.layout-inner{}
.layout-inner.flexible{max-width: 1980px; min-width: 100%; padding: 0px 1%}
.layout-inner .layout-col{}
.layout-inner .layout-col.col-1{width: 100%}
.layout-inner .layout-col.col-2{width: 100%}
.layout-inner .layout-col.col-3{width: 100%}
.layout-inner .layout-col.col-4{width: 100%}
.layout-inner .layout-col.col-5{width: 100%}
.layout-inner .layout-col.col-6{width: 100%}
.layout-inner .layout-col.col-7{width: 100%}
.layout-inner .layout-col.col-8{width: 100%}
.layout-inner .layout-col.col-9{width: 100%}
.layout-inner .layout-col.col-10{width: 100%}
.layout-inner .layout-col.col-12{width: 100%}	
.container-white{padding:3% ;}

main{padding: 0px;}
}