.main .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.main .content .tab-left,
.main .content .tab-right {
  margin: 25px 0;
}
.main .content .tab-left {
  width: 130px;
  line-height: 50px;
}
.main .content .tab-left .title-cloumn {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #000000;
  background-color: #f9f9f9;
  border: 1px solid #dddddd;
}
.main .content .tab-left ul {
  width: 100%;
}
.main .content .tab-left ul li {
  line-height: 50px;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  border-top: none;
}
.main .content .tab-left ul li a {
  display: block;
  color: #535353;
  text-align: center;
  font-size: 16px;
}
.main .content .tab-left ul li.active,
.main .content .tab-left ul li:hover {
  background-color: #358ff0;
  border-bottom: 1px solid #358ff0;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.main .content .tab-left ul li.active a,
.main .content .tab-left ul li:hover a {
  color: #ffffff;
}
.main .content .tab-right {
  width: 1040px;
  line-height: 50px;
  background-color: #ffffff;
}
.main .content .tab-right .recommend {
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.main .content .tab-right .recommend h2 {
  padding: 0 25px;
  font-size: 18px;
  color: #000000;
  border-bottom: 1px solid #dddddd;
}
.main .content .tab-right .content-text {
  padding: 25px;
}
.main .content .tab-right .content-text p,
.main .content .tab-right .content-text pre {
  position: relative;
  font-size: 16px;
  color: #535353;
  line-height: 30px;
  margin: 10px 0;
  text-align: justify;
}
.main .content .tab-right .content-text i.dot {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #358ff0;
  margin-right: 10px;
  margin-top: 9px;
  vertical-align: text-top;
}
.main .content .tab-right .content-text .indent {
  text-indent: 35px;
  margin: 5px 0;
}
.main .content .tab-right .content-text .text-top {
  color: #358ff0;
}
.main .content .tab-right .content-text .text-right {
  text-align: right;
  margin: 200px auto 40px auto;
}
.main .content .tab-right .content-text .mg30 {
  margin: 30px 0;
}
.main .content .tab-right .content-text .mg30:first-of-type {
  margin-top: 0;
}
.main .content .tab-right .content-text pre code {
  color: red;
}
.main .content .tab-right .content-text .size-bold {
  font-weight: bold;
  font-size: 18px;
  margin: 30px 0;
}
.main .content .tab-right .content-text .label-all {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.main .content .tab-right .content-text .label-all a {
  padding: 0 10px;
}
.main .content .tab-right .content-text .label-all a span {
  font-size: 12px;
  color: #999999;
  margin-left: 10px;
}
.main .content .tab-right .content-text .label-all .color_1 {
  font-size: 14px;
  color: #358ff0;
}
.main .content .tab-right .content-text .label-all .color_2 {
  font-size: 21px;
  color: #c216ce;
}
.main .content .tab-right .content-text .label-all .color_3 {
  font-size: 30px;
  color: #74d916;
}
.main .content .tab-right .content-text .label-all .color_4 {
  font-size: 19px;
  color: #f07d35;
}
.main .content .tab-right .content-text .label-all .color_5 {
  font-size: 26px;
  color: #0bf8dc;
}
.main .content .tab-right .content-text .label-all .color_6 {
  font-size: 20px;
  color: #d51d1d;
}
.main .content .tab-right .content-text .label-all .color_7 {
  font-size: 22px;
  color: #810c1d;
}
.main .content .tab-right .content-text .label-all .color_8 {
  font-size: 16px;
  color: #2c591d;
}
.main .content .tab-right .content-text .label-all .color_9 {
  font-size: 17px;
  color: #6fa93a;
}
.main .content .tab-right .content-text .label-all .color_10 {
  font-size: 32px;
  color: #35f0d4;
}
.main .content .tab-right .content-text .label-all .color_11 {
  font-size: 25px;
  color: #04cc25;
}
.main .content .tab-right .content-text .label-all .color_12 {
  font-size: 15px;
  color: #ccbb4d;
}
.main .content .tab-right .content-text .label-all .color_13 {
  font-size: 28px;
  color: #a42960;
}
.main .content .tab-right .content-text .label-all .color_14 {
  font-size: 18px;
  color: #360d75;
}
.main .content .tab-right .content-text .label-all .color_15 {
  font-size: 27px;
  color: #648150;
}
.main .content .tab-right .icon-pic {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.main .content .tab-right .icon-pic .post-btn {
  display: block;
  width: 260px;
  height: 80px;
  background: url("../img/sp_btn_1.png") no-repeat 0px 0px;
  background-size: 540px auto;
}
.main .content .tab-right .icon-pic .post-btn:hover {
  background: url("../img/sp_btn_1.png") no-repeat right top;
}
.main .content-lable {
  width: 100%;
  background-color: #ffffff;
  padding: 15px;
}
.main .content-lable .column-title {
  width: 100%;
}
.main .content-lable .column-title h2 {
  border-bottom: 1px solid #dddddd;
}
.main .content-lable ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 25px 0;
  border-bottom: 1px dashed #e4e4e4;
}
.main .content-lable ul li .column {
  width: 150px;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  color: #358ff0;
  padding-left: 35px;
}
.main .content-lable ul li .lable {
  width: 950px;
}
.main .content-lable ul li .lable .division {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.main .content-lable ul li .lable a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  color: #535353;
  font-size: 14px;
  background-color: #dddddd;
  width: 150px;
  line-height: 50px;
  margin: 0px 0 8px  8px;
}
.main .content-lable ul li .lable a:hover {
  background-color: #358ff0;
  color: #ffffff;
}
.main .content-lable ul li .t-1 {
  background: url("../img/sp_4.png") no-repeat left 0px;
}
.main .content-lable ul li .t-2 {
  background: url("../img/sp_4.png") no-repeat left -30px;
}
.main .content-lable ul li .t-3 {
  background: url("../img/sp_4.png") no-repeat left -60px;
}
.main .content-lable ul li .t-4 {
  background: url("../img/sp_4.png") no-repeat left -90px;
}
.main .content-lable ul li .t-5 {
  background: url("../img/sp_4.png") no-repeat left -120px;
}
.main .content-lable ul li .t-6 {
  background: url("../img/sp_4.png") no-repeat left -150px;
}
.main .content-lable ul li .t-7 {
  background: url("../img/sp_4.png") no-repeat left -180px;
}
.main .content-lable ul li .t-8 {
  background: url("../img/sp_4.png") no-repeat left -210px;
}
.main .content-lable ul li .t-9 {
  background: url("../img/sp_4.png") no-repeat left -240px;
}
.main .content-lable ul li .t-11 {
  background: url("../img/sp_4.png") no-repeat left -324px;
}
.main .content-lable ul li:last-of-type {
  border-bottom: none;
}
.main .content .tab-right .column-title {
  width: 100%;
}
.main .content .tab-right .column-title h2 {
  padding: 0 25px;
  font-size: 18px;
  color: #000000;
  border-bottom: 1px solid #dddddd;
}