﻿.dcbuildl{
  width:100%;
  height: auto;
  float: left;
  text-align: center;
}
.dcbuildw{
  width:92%;
  height: auto;
  margin:0 auto;
}
.dcbuildList{
  position: relative;
}
.dcbuildList1{
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}
.list1Main{
  width:auto;
  height: auto;
  margin: 0 auto;
}
.listLogo{
  width:20%;
  height: auto;
  float: left;
}
.listLogoico:before{
  content: "\f001";
}
.listLogo b{
  font-weight: normal;
  font-size: 1.12em;
  float: left;
  padding:0.8rem 0rem 0.8rem 1rem;
}
.listLogoico{
  
}
.listLogoline:before{
  content: "|";
  box-sizing: border-box;
  color: #e61807;
  font-weight: bold;
}

.dcbuildList1 ul{
  width:auto;
  height: auto;
  float: right;
}
.dcbuildList1 ul li{
  width:auto;
  height: auto;
  float: left;
  padding:0.8rem 3rem 0.8rem 3rem;
  text-align: center;
  font-size: 1.12em;
  cursor: pointer;
}
.dcbuildList1 ul li.active{
  color: #e61807;
}
.dcbuildlistTit{
  line-height: 4rem;
  font-size: 1.7rem;
  
}
.list0tile{
  text-align:left!important;
  line-height:35px;
  width:71%!important;
}
.list0tile p:nth-of-type(1){
  margin-left:-1%;}
.pro_internet,.dcbuildList2,.pro_advantage,.dcbuildList4,.pro_case{
  padding:3rem 0rem 3rem 0rem;
}
.datacMain{
  margin-top:1rem;
}
.dcbuildList4{
  padding-bottom:0;
}

.col-sm-6{float:left;width:48%}
.AGrid-row{clear:both}
.AGrid-row:before,.AGrid-row:after{content:" ";display:table;line-height:0}
.AGrid-row:after{clear:both}

.bg-white{background-color:#fff}
.developer-toolbag-block{max-width:1200px;text-align:center;clear:both;margin:0 auto}

.tool-package>div{padding:0 10px}
.tool-package .tile{height:6rem;transition:box-shadow .5s ease;padding:19px 24px 20px 25px;margin-top:20px;position:relative;border-radius:2px;border:1px solid #ddd}

.tool-package
.tile:before{content:"";position:absolute;display:inline-block;left:0;top:0;width:0;height:3px;background:rgba(21,0,255,0.10);background-repeat:no-repeat;background-image:linear-gradient(-252deg,#bb1507 0%,#ff0000 98%)}
.tool-package .tile:hover:before{width:100%}
.tool-package .tile:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.10)}

.tool-package .center-layer>.layer-figure{width:48px;vertical-align:top;float:left}

.tool-package .center-layer .layer-text{width:75%;float:left;padding:0 20px;text-align:center}
.tool-package .dev-list{font-size:18px;color:#252b3a;margin-bottom:4px;width:75%;float:left;text-align:left;padding-left:20px}
.tool-package .dev-text{width:90%;font-size:12px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;height:63px;line-height:21px;color:#A0A2A8;text-align:left}
.tool-package .layer-btn p{line-height:2rem;height:2rem;}
.tool-package .layer-btn:hover{color:#f66f6a;border:1px solid #f66f6a;border-radius:1px}


.pro_internet p:nth-of-type(1) {width: 55%;height: 200px;float: left;padding-top: 100px;margin-right: 5%;}
.pro_internet p:nth-of-type(2){ width:40%; height:200px; float:left;}

@media (max-width: 767px) {
  .pro_internet p:nth-of-type(1){width:94%;padding-top: 0;height: auto!important;padding-bottom: 20px;}
  .pro_internet p:nth-of-type(2){display: none;}
  .fix_list_main .pro_internet .list0tile{width:94%!important;}
  .list0tile p:nth-of-type(1){margin-left:4%;}
  .pro_internet, .dcbuildList2, .pro_advantage, .dcbuildList4, .pro_case{padding:0!important;}
  .fix_list_main .pro_internet_advantage ul li{width:100%;height: 298px;}
  .fix_list_main .pro_internet_advantage li span:nth-of-type(1){left:38%;right: 36%;top:20px;}
  .fix_list_main .pro_internet_advantage li span:nth-of-type(2){text-align: center;width: 59%;top:34%;}
  .fix_list_main .pro_internet_advantage li span:nth-of-type(3){top:50%;left:13%;}
  .pro_internet_advantage li  .pro_internet_dl{top:66%;left:10%;}
  .fix_list_main .pro_internet_advantage{background: #e1e1e1;}
  .fix_list_main .pro_internet_type{height: auto!important;}
  .fix_list_main .pro_internet_type ul li{width:99%;margin-bottom: 20px;}
  .fix_list_main .pro_internet_type ul li:nth-of-type(1),.fix_list_main .pro_internet_type li:nth-of-type(2){border:1px solid #ccc;}
  .fix_list_main .pro_internet_type li span:nth-of-type(1){margin-top: 35px;}
}