/*首页或左侧纯标题两列或三列*/
.text-template{padding: 10px; width: 100%;overflow-x: hidden; }
.text-template .inner{}
.text-template .container-wrapper{padding:3%;margin-right: 0px;background-color: #fff;display: grid;grid-template-columns: repeat(3, 32%);grid-row-gap: 25px;grid-column-gap: 2%;grid-auto-flow: row dense;}

.text-template .section{display: inline-block;}

.text-template .section .name{font-size: 18px; border-bottom: 2px solid #ececec; }
.text-template .section .name:after{content: "";  display: block;   clear: both;  }
.text-template .section .name .name-inner{display: inline-block; padding: 0px 10px;padding-bottom: 6px;border-bottom: 2px solid #2C74E6;margin-bottom: -2px;}
.text-template .section .name .more{display: inline-block;float: right; font-size: 12px; padding: 3px 12px; border-radius: 3px;  margin:2px 10px 0px 0px; border: 1px solid #eee;}
.text-template .section .name .more:hover{background-color: #efefef;}
.text-template .section .list-wrapper{ padding: 10px 0px;}
.text-template .section .list-wrapper .item-wrapper{padding: 3px 0px;display: block;}
.text-template .section .list-wrapper .item-wrapper:after{   content: "";  display: block;   clear: both;  }
.text-template .section .list-wrapper .item-wrapper .title{font-size: 14px;height: 22px; float: left;width: 79%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;   }
.text-template .section .list-wrapper .item-wrapper .tip{float: right;width: 20%;color: #999; text-align: left;padding: 0px 0px;}

/*左图右标题*/
.col-template1{}
.col-template1 .wrapper{padding: 5px;}
.col-template1 .inner{}
.col-template1 .item{padding: 10px 0px;display: flex;}
.col-template1 .thumb-wrapper .thumb:hover{box-shadow: 0 10px 30px #ccc;transform:scale(1.1); transition:all 0.3s linear 0s;}
.col-template1 .item .thumb-wrapper{width:130px ;margin-right: 5%;  background-color: #eee; box-shadow: 0 0 50px #eee; border-radius: 3px;transform:scale(1); transition:all 0.3s linear 0s;}
.col-template1 .item .thumb-wrapper .thumb{position: relative; display: block;width: 100%; padding-bottom:60%; overflow: hidden; background-size:  100% auto;background-position: 50% 50%;border-radius:5px ;background-repeat: no-repeat; transform:scale(1); transition:all 0.3s linear 0s;}
.col-template1 .item .text-wrapper{width:80px ;flex-grow:1;  overflow: hidden;}
.col-template1 .item .text-wrapper .title{text-align: left;height: 50px;font-size:  14px;line-height: 24px; }
.col-template1 .item .text-wrapper .info{}
.col-template1 .item .text-wrapper .tips{font-size: 12px;margin-top: 10px;color: #999;}

/*纯标题*/
.col-template2{}
.col-template2 .wrapper{padding: 5px;}
.col-template2 .inner{}
.col-template2 .item{transform:scale(1); transition:all 0.3s linear 0s;}
.col-template2 .item:hover{box-shadow: 0 10px 30px #ccc;transform:scale(1.1); transition:all 0.3s linear 0s;}
.col-template2 .item .text-wrapper{padding: 10px 0px;}
.col-template2 .item .text-wrapper .title{text-align: left;max-height: 50px;font-size:  14px;line-height: 24px; }
.col-template2 .item .text-wrapper .info{}
.col-template2 .item .text-wrapper .tips{display: flex;margin-top: 10px;}
.col-template2 .item .text-wrapper .tip{font-size: 12px;color: #999;margin-right: 15px;line-height: 12px;}

/*左图右图*/
.col-template3{}
.col-template3 .wrapper{padding: 5px;}
.col-template3 .inner{}
.col-template3 .item{padding: 0.9% ;margin-top: 5px; width: 47.4%;display: inline-block;}
.col-template3 .item .thumb-wrapper .thumb:hover{box-shadow: 0 10px 30px #ccc;transform:scale(1.1); transition:all 0.3s linear 0s;}
.col-template3 .item .thumb-wrapper{ background-color: #eee; box-shadow: 0 0 50px #eee; border-radius: 3px;}
.col-template3 .item .thumb-wrapper .thumb{position: relative; display: block;width: 100%; padding-bottom:60%; overflow: hidden; background-size:auto 100%;background-position: 50% 50%;border-radius:5px ;background-repeat: no-repeat;transform:scale(1); transition:all 0.3s linear 0s; }
.col-template3 .item .text-wrapper{flex-grow:1;  overflow: hidden;}
.col-template3 .item .text-wrapper .title{margin-top: 5px; text-align: left;height: 40px;font-size:  14px;}

/*右侧标签*/
.tag-wrapper{}
.tag-wrapper .tag{display: inline-block;font-size: 13px; padding: 5px 15px; border-radius: 3px;  margin:5px; border: 1px solid #eee;background-color: #fff;transition:all 0.3s linear 0s;}
.tag-wrapper .tag:hover{background-color: #f9f9f9;transition:all 0.3s linear 0s;}

@media screen and (max-width: 1200px) {
  /*当屏幕尺寸小于1200px时，应用下面的CSS样式*/
  .col-template3 .item{ width: 46.5%;}
  }

@media screen and (max-width: 900px) {
  .text-template .container-wrapper{ grid-template-columns: repeat(2, 49.5%);grid-row-gap: 8px;grid-column-gap: 1%;}

}