body{background: #222;}
.containers{width: 100%;min-height: 100vh;background: #000;padding: 200px 0 100px;position: relative;}
.containers .list ul{width: 1400px;margin:0 auto;display: flex;justify-content: center;flex-wrap: wrap;}
.containers .list ul li{width: calc(30% - 20px);background: #333;margin:0 20px;padding: 30px 0;border-radius: 20px;position: relative;margin-bottom: 40px;text-align:center;}
.containers .list ul li img{max-width: 100%;margin:0 auto;}
.containers .list ul li h3{height: 40px;line-height: 40px;text-align: center;font-size: 24px;}
.containers .list ul li span{display: block;text-align: center;font-size: 16px;color: #0072A7;cursor: pointer;}
.containers .list ul li .item{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(255,255,255,.9);border-radius: 20px;
  padding: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  display: none;
  text-align:left;
}
.containers .list ul li .item a{display: block;width: 100%;font-size: 16px;color: #009FE9;}
.containers .list ul li .item .close{width: 30px;height: 30px;border-radius: 15px;background: #222;color: #fff;font-size: 16px;text-align: center;line-height: 30px;position: absolute;top: 20px;right: 20px;}
.containers .addinfo{position: absolute;right: 40px;bottom: 40px;width:250px;height:56px;font-size: 14px;border-radius: 10px;cursor: pointer;background: linear-gradient(to top right, #232530 0%,#232530 50%,#283C41 60%,#377B90 70%,#36B5A0 100%)}
.containers .addinfo .content{width: calc(100% - 4px);height: calc(100% - 4px);display: flex;justify-content: center;align-items: center;background: rgba(255,255,255,.5);position: relative;left: 2px;top: 2px;border-radius: 10px;background: linear-gradient(to top right, #1B1E23 0%,#1B1E23 60%,#212F3C 100%);color: #cdcdcd;}
.containers .addinfo img{width: 30px;margin-right: 6px;}
.forms{background: rgba(0,0,0,.3);width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 10000;display: none;}
.f-content{width: 460px;background: #fff;margin:0 auto;min-height: 800px;position: fixed;top: 50%;left:50%;transform: translate(-50%,-50%);padding: 30px 25px 20px;border-radius: 20px;display: none;z-index: 10001;}
.f-content .icontent h3{font-size: 22px;}
.f-content .icontent span.tips{display: block;margin-top: 15px;font-size: 14px;}
.f-content .icontent .items{margin:15px auto 5px;}
.f-content .icontent .items li{margin:10px 0;}
.f-content .icontent .items li .title{height: 40px;line-height: 40px;font-size: 16px;font-weight: 500;}
.f-content .icontent .items li .title span{display: inline-block;margin-left: 6px;color: #999;font-weight: normal;}
.f-content .icontent .items li .val input{width: 100%;
height: 40px;line-height: 40px;border-radius: 5px;border: 1px solid #bfbfbf;text-indent: 10px;}
.f-content .icontent .items li .val .check-item{display: flex;align-items: center;text-indent: 10px;margin:6px 0;}
.f-content .icontent .items li .val .check-item input{width: 16px;height: 16px;}
.f-content .icontent .items li .button{background: #009FE9;width: 120px;border-radius: 5px;color: #fff;text-align: center;cursor: pointer;margin-top: 25px;}
@media (max-width: 1440px){
  .containers .list ul{width: 1200px;}
}