zhujian_OA/tpl/_indexgmtpad/css/index_2.css

@charset "utf-8";
/* 政务桌面css government-->gmt */
html,body{
  height: 100%;
  overflow: hidden;
}



.module-box{display: flex; flex-wrap: wrap; min-height: 102px; justify-content: star;}

.module-box .ui-sort-placeholder{
  width: 31.3%; background: #eee; text-align: center; 
  /*padding-bottom: 31.3%;*/ 
  height: 102px; margin: 4px 1%; border-radius: 3px;
}
.module-box-delete{display:flex; width:99%; height:20px; text-align:right; align-items: center;  justify-content: flex-end; cursor:pointer; }


.module-box-left{}
.module-box-right{}


.main-module{ float:left; width: 31.3%; background: #c23915; text-align: center;  position:relative;
              /*padding-bottom: 23.3%;*/ 
              height: 102px;  margin: 4px 1%; border-radius: 3px; cursor:pointer;}
.main-module img{ float:left;  width: 40%; margin-left:30%; margin-top:20px;}
.main-module p{ float:left;  width:100%; line-height:25px; margin-top:10px; color:rgba(0,0,0,1);}
.main-module .logo-del{position:absolute; top:0; right:0; width:20px; height:20px; color:red; background:#fff; border-radius:50%; line-height:20px; text-align:center; }
.main-module span{position: absolute; top: 0; right: 0; background: #fff; width: 20px; height: 20px; line-height: 20px; color: #ff5a62;
  font-size: 12px; border-radius: 50%;}


.module-box-left  .logo-del{display:block;}
.module-box-right .logo-del{display:none;}


/**再次设置 二分之一 区域，桌面插件的 显示风格**/
 .rgh-plugin-col img{width:100%; height:102px; margin:0;}
.col-sm-6 .rgh-plugin-col{float:left; width:99%;text-align: center;              
              height: 218px;  margin: 2px 0.5%; border-radius: 3px; cursor:pointer;}
.col-sm-6 .rgh-plugin-col img{height:218px; }

/**再次设置 满款适应 区域，桌面插件的 显示风格**/
.col-sm-12 .rgh-plugin-col{float:left; width:99%;text-align: center;              
              height: 218px;  margin: 2px 0.5%; border-radius: 3px; cursor:pointer;}
.col-sm-12 .rgh-plugin-col img{height:218px; }

/**再次设置 四分之一 区域，桌面插件的 显示风格**/
.col-sm-3 .rgh-plugin-col{float:left; width:99%;text-align: center;              
              height: 218px;  margin: 2px 0.5%; border-radius: 3px; cursor:pointer;}
.col-sm-3 .rgh-plugin-col img{height:218px; }

/********更改整体样式，适应，四分之一的情况*******************************/
.module-box-4 .main-module{float:left; width: 100%; padding:0; margin:0;height: 102px; }
.module-box-4 .main-module img{margin-top:0;}
.module-box-4 .main-module p{float:left;  width:100%; line-height:25px; margin-top:10px; }
.module-box-4 .main-module span{}
.module-box-4 .ui-sort-placeholder{
  width: 100%; background: #eee; text-align: center; padding-bottom: 0; height: 102px; margin: 0; border-radius: 3px;
}

.main-title{  margin: 0 0 5px 0; height: 30px; line-height: 30px; text-align:left;}
.main-title:hover{ background: rgba(255, 255, 255, .1);}
.main-title input{ width: 100%; height: 35px; text-indent: 1%; margin: 0 -1%; line-height: normal; color: #333;}


/*.sp-btn-gray-outline{outline:none;border:1px solid #ddd; padding:3.6px 14.5px;background:transparent; color:#ddd; margin:1px 3px; cursor:pointer;}
.sp-btn-gray-outline:hover{background:transparent;color:#ddd;}*/




/**系统布局**/
.gmtindex-title{  margin: 0 0 5px 0; line-height: 30px; text-align:left; color:#000; font-size:22px; font-weight:bold;}
.iframe-zj{ width:100%; border:0;  max-height:300px;   text-align:center;}


.gmtindex-module-box{  width:100%; min-height: 102px;}
.gmtindex-main-module{ float:left; width: 31.3%; background: #c23915; text-align: center;  height: 140px;
  margin: 6.2px 1%; border-radius: 6px; cursor:pointer; position:relative; }

/*.gmtindex-main-module .img-outer{ width: 80px; height:80px; margin:10px auto; line-height:80px; text-align:center;
                                   background:url('../../../js/indexTwo/imgSmall/logo-bg-tuoyuan.png') no-repeat center center;
                                   background-size:80px 80px; border-radius:50%;
}
.gmtindex-main-module .img-outer img{ width: 40px; height:40px;  }*/
.gmtindex-main-module img{ float:left;  width: 30%; margin-left:35%; margin-top:20px;}
.gmtindex-main-module p{ float:left;  width:100%; line-height:25px; margin-top:10px; color:rgba(0,0,0,1); font-size:15px;}
.gmtindex-main-module span{position: absolute; top: 0; right: 0; background: #fff; width: 20px; height: 20px; line-height: 20px; color: #ff5a62;
  font-size: 12px; border-radius: 50%;}