/*头部*/
.navTop {
  background-color: black;
  padding: 0 !important;
  width: 100%;
  position: absolute;
  z-index: 20;
}
.navTop .navTop-t {
  min-width: 1000px;
  width: 1200px;
  margin: auto;
}
.navTop .navTop-t > img {
  float: left;
}
.navTop ul {
  float: right;
  width: 80%;
}
.navTop ul li {
  display: inline-block;
  line-height: 61px;
  height: 61px;
  margin-left: 4.5%;
}
@media screen and (max-width: 1205px) {
  .navTop ul li {
    margin-left: 4%;
  }
}
@media screen and (max-width: 1105px) {
  .navTop ul li {
    margin-left: 3.5%;
  }
}
@media screen and (max-width: 1065px) {
  .navTop ul li {
    margin-left: 3%;
  }
}
.navTop ul li a {
  color: #ffffff;
  font-size: 15px;
}
.navTop ul li:last-of-type img {
  vertical-align: middle;
  margin-bottom: 2px;
  margin-right: 3px;
}
/*banner*/
#tblive-bg {
  height: 750px;
  background: url(/Images/Active/tblive/tbliveBg.jpg) top center no-repeat;
  background-size: cover;
}
#tblive-bg .caytoniales {
  float: right;
  width: 50%;
  height: 100%;
  position: relative;
}
#tblive-bg .caytoniales .salebox {
  position: absolute;
  left: 3%;
  bottom: 25%;
}
#tblive-bg .caytoniales .salebox > p span {
  font-size: 18px;
  padding-bottom: 4%;
  border-bottom: 1px solid #00000066;
}
#tblive-bg .caytoniales .salebox > p em {
    font-style:normal;
  color: #2ebdb1;
}
/*内容块儿最大宽度1200px*/
.max-width {
  max-width: 1200px;
  margin: auto;
  text-align: center;
}
/*每块儿公共th部分*/
.th-text {
  padding-top: 75px;
  padding-bottom: 40px;
}
.th-text .th {
  font-size: 30px;
  font-weight: bold;
}
.th-text .summarize {
  margin: 10px 0;
  color: #999999;
  font-size: 16px;
}
/*咨询客服按钮样式*/
.zxsale {
  margin-top: 10%;
  background-color: #f67434;
  padding: 6px 34px;
  font-size: 20px;
  font-weight: bold;
  border-radius: 5px;
  color: white;
  text-align: center;
  cursor: pointer;
}
/*服务项目*/
#servicesAvailable .transactionBox .transactionList {
  border: 1px solid #dbdbdb;
  float: left;
  width: 15.5%;
  background: url(/Images/Active/tblive/netsIco.png) top center no-repeat;
  background-size: cover;
  -moz-box-shadow: 1px 1px 12px #BFBFBF;
  -webkit-box-shadow: 1px 1px 12px #BFBFBF;
  box-shadow: 1px 1px 12px #BFBFBF;
}
#servicesAvailable .transactionBox .transactionList:hover {
  background-color: #08AEEA;
  background-image: linear-gradient(0deg, #08AEEA 0%, #2AF598 100%);
}
#servicesAvailable .transactionBox .transactionList:hover .topbox h6,
#servicesAvailable .transactionBox .transactionList:hover .topbox .context {
  color: black;
}
#servicesAvailable .transactionBox .transactionList:hover .btmBox {
  background-color: rgba(19, 29, 43, 0.3);
}
#servicesAvailable .transactionBox .transactionList:hover .btmBox .ljbtn {
  color: white;
  background-color: #f67434;
}
#servicesAvailable .transactionBox .transactionList:not(:last-of-type) {
  margin-right: 1.2%;
}
#servicesAvailable .transactionBox .transactionList .topbox {
  margin: 25px;
}
#servicesAvailable .transactionBox .transactionList .topbox h6 {
  font-size: 15px;
  margin-top: 20px;
  margin-bottom: 5px;
  position: relative;
  color: #999999;
}
#servicesAvailable .transactionBox .transactionList .btmBox {
  padding: 17px 30px;
  background-color: rgba(19, 29, 43, 0.1);
}
#servicesAvailable .transactionBox .transactionList .btmBox .ljbtn {
  background-color: white;
  border: none;
  padding: 8px 30px;
  border-radius: 5px;
  color: #999999;
  font-weight: bold;
  cursor: pointer;
}
#servicesAvailable .transactionBox .transactionList .context {
  line-height: 22px;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 68px;
  text-align: left;
}
/*为什么要开通淘宝直播*/
#whyToOpenTaobaoLive {
  height: 580px;
  background: url(/Images/Active/tblive/stripeBg.jpg) top center no-repeat;
  background-size: cover;
}
#whyToOpenTaobaoLive .whykttb {
  margin-top: 75px;
  width: 100%;
}
#whyToOpenTaobaoLive .whykttb > p {
  color: #2ebdb1;
  font-size: 18px;
}
#whyToOpenTaobaoLive .whykttb ul {
  width: 60%;
  float: right;
}
#whyToOpenTaobaoLive .whykttb ul .reason {
  position: relative;
  background-color: white;
  border: 1px solid #e0e0e0;
  margin-top: 30px;
  float: left;
  width: 50%;
  height: 140px;
  -moz-box-shadow: 0px 10px 12px #CCCCCC;
  -webkit-box-shadow: 0px 10px 12px #CCCCCC;
  box-shadow: 0px 10px 12px #CCCCCC;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 20px;
}
#whyToOpenTaobaoLive .whykttb ul .reason:before {
  width: 35px;
  height: 70px;
  line-height: 70px;
  font-style: italic;
  font-size: 20px;
  color: white;
  position: absolute;
  left: -35px;
  top: 25%;
  -webkit-border-radius: 35px 0px 0px 35px;
  background-color: #2ebdb1;
}
#whyToOpenTaobaoLive .whykttb ul .reason:after {
  content: "";
  background-color: red;
  width: 2px;
  height: 70px;
  position: absolute;
  left: 0;
  top: 25%;
}
#whyToOpenTaobaoLive .whykttb ul .reason:first-of-type:before {
  content: "1";
}
#whyToOpenTaobaoLive .whykttb ul .reason:nth-child(2):before {
  content: "2";
}
#whyToOpenTaobaoLive .whykttb ul .reason:nth-child(3):before {
  content: "3";
}
#whyToOpenTaobaoLive .whykttb ul .reason:last-of-type:before {
  content: "4";
}
#whyToOpenTaobaoLive .whykttb ul .reason h6 {
  font-size: 15px;
  border-bottom: 1px dashed #999999;
  border-left: 1px dashed #999999;
  border-bottom-left-radius: 5px;
  text-align: left;
  position: relative;
  padding-bottom: 10px;
  padding-left: 12px;
}
#whyToOpenTaobaoLive .whykttb ul .reason h6 b {
  color: #2ebdb1;
  padding: 0 2%;
  font-size: 20px;
  margin-left: -23px;
  position: absolute;
  height: 18px;
  top: -6px;
  background-color: white;
}
#whyToOpenTaobaoLive .whykttb ul .reason:nth-child(2n+1) {
  width: 50%;
  margin-right: 10%;
}
#whyToOpenTaobaoLive .whykttb ul .reason:nth-child(2n) {
  width: 40%;
}
#whyToOpenTaobaoLive .whykttb ul .reason .content {
  color: #999999;
  line-height: 200%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 3%;
  text-align: left;
}
#whyToOpenTaobaoLive .textCenter {
  text-align:center;
  margin: 40px 0;
}
/*什么是浮现权限*/
#floatpermissions {
  position:relative;
  background: url(/Images/Active/tblive/floatbgimg.jpg) top center no-repeat;
  background-size: cover;
  height: 960px;
}
#floatpermissions .max-width {
  height: 100%;
}
#floatpermissions .btmContext {
  position: absolute;
  left:0;
  bottom: 80px;
}
#floatpermissions .btmContext h1 {
  font-size: 20px;
}
#floatpermissions .btmContext p {
  width: 65%;
  margin: 35px auto;
  font-size: 15px;
}
/*麦淘网代入驻的优势*/
#rzadvantage {
  background: url(/Images/Active/tblive/rzadvantage.jpg) top center no-repeat;
  background-size: cover;
  height: 780px;
}
#rzadvantage .th-text {
  color: white !important;
}
#rzadvantage .advantageList {
  float:left;
  width: 50%;
  text-align: left;
  margin: 40px 0;
}
#rzadvantage .advantageList .contentBox:not(:last-of-type) {
  margin-bottom: 12.5%;
}
#rzadvantage .advantageList .contentBox .beforeEl {
  height: 52px;
  line-height: 52px;
  width: 95px;
  float: left;
  text-align: center;
  margin-right: 20px;
  background-color: rgba(255, 255, 255, 0.1);
  position: relative;
  font-size: 2em;
  font-weight: bold;
  color: #999999;
}
#rzadvantage .advantageList .contentBox .beforeEl:before {
  content: "";
  width: 0;
  border-top: 0;
  border-bottom: 24px;
  border-right: 47.5px;
  border-style: solid;
  border-right-color: transparent;
  border-left: 47.5px solid transparent;
  border-bottom-color: rgba(255, 255, 255, 0.1);
  position: absolute;
  left: 0;
  top: -24px;
}
#rzadvantage .advantageList .contentBox .beforeEl:after {
  content: "";
  width: 0;
  border-top: 24px;
  border-bottom: 0;
  border-right: 47.5px;
  border-left: 47.5px;
  border-style: solid;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: rgba(255, 255, 255, 0.1);
  position: absolute;
  left: 0;
  top: 52px;
}
#rzadvantage .advantageList .rightavt {
  width: 230px;
  margin-left: auto;
  text-align: left;
}
#rzadvantage .advantageList h1 {
  color: white;
  font-size: 16px;
}
#rzadvantage .advantageList h1 b {
  color: #2ebdb1;
  margin-right: 2%;
}
#rzadvantage .advantageList .englishText {
  color: #999999;
  margin-top: 12px;
}
#rzadvantage .flr .beforeEl {
  right: -42%;
}
/*合作流程*/
#cooperationFlow .items {
  float: left;
  width: 24.8%;
  padding: 20px 0;
  color: #666666;
  position: relative;
}
#cooperationFlow .items:not(:last-of-type) {
  border-right: 1px dashed #999999;
}
#cooperationFlow .items:not(:first-of-type):before {
  content: "→";
  display: inline-block;
  font-weight: bold;
  font-size: 1.4em;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 45%;
}
#cooperationFlow .items .th {
  margin: 15px 0 5px 0;
  font-weight: bold;
  font-size: 18px;
}
#cooperationFlow .faq {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin: 30px 35px 30px 35px;
  color: #666666;
  -moz-box-shadow: 0px 1px 12px #CCCCCC;
  -webkit-box-shadow: 0px 1px 12px #CCCCCC;
  box-shadow: 0px 1px 12px #CCCCCC;
}
#cooperationFlow .faq .th {
  font-size:14px;
  margin: 0 35px;
  text-align: left;
  padding: 25px 0 15px 0;
  border-bottom: 1px solid #e3e3e3;
}
#cooperationFlow .faq .th b {
  margin-left: 1%;
  font-size: 16px;
}
#cooperationFlow .faq .th span {
  float: right;
}
#cooperationFlow .faq ul {
  padding: 35px 0;
  margin: 0 35px;
}
#cooperationFlow .faq li {
  width: 45%;
  text-align: left;
}
#cooperationFlow .faq li h1 {
  font-size: 16px;
}
#cooperationFlow .faq .moreFaq {
  display: block;
  width: 100%;
  color: white;
  padding: 16px 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #3badcf;
  background-image: linear-gradient(0deg, #3badcf 0%, #0dbbe8 100%);
  border: none;
  cursor: pointer;
}