.hcs_alarm_content {
  left: 20px !important;
  width: calc(100% - 290px) !important;
}

.hcs_alarm_content.content-right-closed {
  width: calc(100% - 90px) !important;
}

.hcs_alarm_copyright {
  width: 100% !important;
}

.hcs_italic_wrap {
  position: absolute;
  right: 270px;
  font-size: 14px;
  font-weight: 500;
  font-style: italic;
  line-height: 16px;
  top: 22px;
  display: flex;
}

.hcs_italic_wrap:hover>.hcs_italic_left {
  border-bottom-color: #fff;
}

.hcs_italic_wrap:hover>.hcs_italic_content {
  background-color: #fff;
}

.hcs_italic_wrap:hover>.hcs_italic_right {
  border-top-color: #fff;
}

.hcs_italic_left {
  width: 0;
  border-bottom: 16px solid #92959c;
  border-left: 8px solid;
}

.hcs_italic_right {
  width: 0;
  border-top: 16px solid #92959c;
  border-right: 8px solid;
}

.hcs_italic_content {
  background-color: #92959c;
  padding-right: 2px;
}

.hcs_italic_content>a {
  color: #832d3b;
}

.hcs_italic_content>a:hover {
  color: #e1303d !important;
  text-decoration: none;
}

.hcs_link {
  position: fixed;
  bottom: 150px;
  right: 20px;
  display: flex;
  align-items: flex-end;
}

.hcs_link_img_wrap {
  width: 48px;
  height: 48px;
  padding: 13px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 4px 10px 0 rgba(138, 141, 147, .2);
}

.hcs_link_img {
  width: 22px;
  height: 22px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiICBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0OCA0OCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+IDxnIGlkPSLlm77lsYJfMSI+IDxwYXRoIGZpbGw9IiM1RTdDRTAiIGQ9Ik0xMy41LDI3LjRsMTQtMTRjMS4yLTEuMiwzLjEtMS4yLDQuMiwwbDIuOSwyLjljMS4yLDEuMiwxLjIsMy4xLDAsNC4ybC0xNCwxNGMtMS4yLDEuMi0zLjEsMS4yLTQuMiwwCgkJbC0yLjktMi45QzEyLjMsMzAuNSwxMi4zLDI4LjYsMTMuNSwyNy40eiBNMjcuNSwzMi43TDIxLjMsMzljLTIuMywyLjMtNiwyLjMtOC4zLDBMOSwzNWMtMS4xLTEuMS0xLjctMi42LTEuNy00LjIKCQljMC0xLjYsMC42LTMsMS43LTQuMWw2LjMtNi4zYzAuNC0wLjQsMC40LTEsMC0xLjRzLTEtMC40LTEuNCwwbC02LjMsNi4zYy0xLjUsMS41LTIuMywzLjUtMi4zLDUuNnMwLjgsNC4xLDIuMyw1LjZsMy45LDMuOQoJCWMxLjUsMS41LDMuNSwyLjMsNS42LDIuM2MyLDAsNC0wLjgsNS42LTIuM2w2LjMtNi4zYzAuNC0wLjQsMC40LTEsMC0xLjRTMjcuOSwzMi4zLDI3LjUsMzIuN3ogTTQwLjQsMTEuNWwtMy45LTMuOQoJCWMtMy4xLTMuMS04LjEtMy4xLTExLjEsMGwtNi4zLDYuM2MtMC40LDAuNC0wLjQsMSwwLDEuNHMxLDAuNCwxLjQsMEwyNi43LDljMi4zLTIuMyw2LTIuMyw4LjMsMEwzOSwxM2MxLjEsMS4xLDEuNywyLjYsMS43LDQuMQoJCWMwLDEuNi0wLjYsMy0xLjcsNC4ybC02LjMsNi4zYy0wLjQsMC40LTAuNCwxLDAsMS40YzAuMiwwLjIsMC41LDAuMywwLjcsMC4zczAuNS0wLjEsMC43LTAuM2w2LjMtNi4zYzEuNS0xLjUsMi4zLTMuNSwyLjMtNS42CgkJUzQxLjksMTMsNDAuNCwxMS41eiI+PC9wYXRoPiA8L2c+ICA8L3N2Zz4=);
  background-size: 100% 100%;
}

.hcs_link_wrap {
  display: none;
  width: calc(100% - 54px);
  margin-right: 6px;
  padding: 8px 20px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 4px 10px 0 rgba(138, 141, 147, .2);
}

.hcs_link:hover>.hcs_link_wrap {
  display: inline-block;
}

.hcs_a_wrap {
  position: relative;
  line-height: 32px;
}

.hcs_a_wrap>a {
  color: #526ecc;
}

.hcs_a_wrap>a:hover {
  color: #00658c;
}

.hcs_a_tip {
  display: none;
  position: absolute;
  padding: 0 8px;
  z-index: 100;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #92959c;
  box-shadow: 0 4px 10px 0 rgba(138, 141, 147, .2);
}

.hcs_a_wrap:hover>.hcs_a_tip {
  display: block;
}

/*解决页面初始化出现变量的问题*/
[v-cloak] {
  display: none !important;
}

.thirdparty-ul {
  padding-left: 20px !important;
}

.opentel {
  float: left !important;
  margin: 0 !important;
  font-weight: bold !important;
  padding: 23px 40px 23px 0 !important;
  cursor: pointer !important;
}

/*联系方式样式*/
.contact {
  position: fixed;
  bottom: 503px;
  right: 30px;
  width: 48px;
  height: 24px;
  background: #f66f6a;
  color: white;
  text-align: center;
  z-index: 10000;
}

.contact-tel {
  position: fixed;
  bottom: 454px;
  right: 30px;
  width: 48px;
  height: 48px;
  background: url(../../images/v1/help/contact-tel.png) no-repeat center;
  background-color: #4b4b4b;
  z-index: 10000;
}

.contact-email {
  position: fixed;
  bottom: 405px;
  right: 30px;
  width: 48px;
  height: 48px;
  background: url(../../images/v1/help/contact-email.png) no-repeat center;
  background-color: #4b4b4b;
  z-index: 10000;
}

.contact2,
.contact3 {
  position: fixed;
  bottom: 405px;
  right: 51px;
  width: 260px;
  height: 97px;
  background-color: #6c6c6c;
  z-index: 1;
  margin-right: 28px;
  padding: 10px 15px;
  color: white;
  line-height: 24px;
  z-index: 10000;
}

.float-tel {
  padding-top: 15px;
  padding-left: 16px;
  background: url(../../images/v1/help/pre-sales-advice-01.png) no-repeat 0 12px;
}

.float-email {
  padding-left: 16px;
  padding-top: 12px;
  background: url(../../images/v1/help/artificial-service-01.png) no-repeat 0 12px;
}

.contact-tel:hover,
.contact-email:hover {
  background-color: #6c6c6c !important;
}

.close-01 {
  background: url(../../images/v1/help/close-01.png) no-repeat;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 10px;
  height: 10px;
}

/*menuBar样式*/
.common-operation .operation-tit .tit p {
  padding: 0;
  margin-top: 87px;
}

.app-service .service-name {
  line-height: 24px !important;
  background: url(../../images/v1/help/app-service_icon.png) no-repeat;
}

.tab-head {
  border-bottom: 1px solid #eee;
  font-size: 18px;
  background-color: #fff;
}

.tab-head h4 {
  float: left;
  padding: 23px 20px;
  font-weight: normal;
  cursor: pointer;
  margin: 0;
}

.tab-head h4 a {
  color: #333;
}

.tab-head h4.active>a {
  color: #f66f6a;
}

.tab-head .content-box h4:hover {
  color: #f66f6a;
}

.tab-list,
.tab-list-clisdk {
  width: 260px;
  height: 198px;
  border: 1px solid #e1e1e1;
  float: left;
  text-align: center;
  font-size: 16px;
}

.tab-list-clisdk span {
  color: #333 !important;
}

.tab-list:hover,
.tab-list-clisdk:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
}

.tab-list-clisdk:hover,
.tab-list-clisdk:hover span {
  color: #f66f6a !important;
}

.ml20 {
  margin-left: 20px;
}

.font-color {
  color: #f66f6a;
}

.border0 {
  border: 0 !important;
}

.pre {
  position: absolute;
  left: 0px;
  top: 72%;
  width: 17px;
  height: 28px;
  cursor: pointer;
}

.prevideo {
  position: absolute;
  left: 0px;
  top: 24%;
  width: 17px;
  height: 28px;
  cursor: pointer;
}

.preImg {
  background: url(../../images/v1/help/left.png) no-repeat;
}

.next {
  position: absolute;
  right: 0px;
  top: 72%;
  width: 17px;
  height: 28px;
  cursor: pointer;
}

.nextvideo {
  position: absolute;
  right: 0px;
  top: 24%;
  width: 17px;
  height: 28px;
  cursor: pointer;
}

.nextImg {
  background: url(../../images/v1/help/right.png) no-repeat;
}

.icon {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #F7BAD9;
  margin-right: 7px;
  border-radius: 100%;
}

.icon:first-child {
  margin-left: 51px !important;
}

.icon-video {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #F7BAD9;
  margin-right: 10px;
  border-radius: 100%;
}

.icon-video:first-child {
  margin-left: 51px !important;
}

.icon-active {
  background-color: #f66f6a;
}

.table-practice {
  position: relative;
  height: 192px;
  left: 0;
  top: 0;
}

.hide {
  display: none;
}

.tab-head-video {
  margin: 20px 0;
}

.tab-head-video h4 {
  float: left;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  cursor: pointer;
}

.tab-head-video h4.active {
  color: #f66f6a;
}

.tab-head-video h4.cli {
  margin-left: 23px;
}

.tab-head-video h3 {
  font-size: 16px;
}

.tab-content-video .tab-list-video td,
.tab-list th {
  padding: 5px;
}

.tab-content-video .tab-list-video th {
  padding: 5px 0;
}

li {
  margin: 0px;
}

.box {
  display: inline-block;
  float: left;
  margin-left: 10px;
  width: 194px;
  height: auto;
}

.box ul li {
  list-style: none
}

.box ul li a {
  color: #2A2A2A
}

.box h3 {
  color: #333333
}

.box ul li a:active {
  color: #007486
}

.hide {
  display: none;
}

.tab-head1 {
  width: 300px;
  float: left
}

.tab-head1 h4 {
  margin: 0;
  padding: 0;
  padding: 15px 0;
  position: relative;
}

.tab-head1 h4 span {
  cursor: pointer;
  font-size: 16px;
  line-height: 16px;
  position: relative;
  z-index: 2;
}

.tab-head1 h4.active span {
  color: #f66f6a;
}

.tab-head1 h4.active:before {
  content: '';
  position: absolute;
  left: -200px;
  top: 0;
  width: 800px;
  height: 58px;
  background-color: #fff2f9;
}

.tab-head1 h4.active:after {
  content: '';
  position: absolute;
  right: -9px;
  top: 14px;
  width: 4px;
  height: 32px;
  background: #f66f6a !important;
}

#tab-head1 h4.active:after {
  content: '';
  position: absolute;
  right: -9px;
  top: 7px;
  width: 4px;
  height: 32px;
  background: #f66f6a !important;
}

#tab-head1 h4.active:before {
  content: '';
  position: absolute;
  left: -200px;
  top: 0;
  width: 800px;
  height: 48px;
  background-color: #fff2f9;
}

.tab-head1 h4 span:hover {
  color: #f66f6a;
  text-decoration: none;
}

.tab-head1 h4.cli {
  margin-left: 23px;
}

.tab-head1 h3 {
  font-size: 16px;
}

.tab-list td,
.tab-list th {
  padding: 5px;
}

.tab-list th {
  padding: 5px 0;
}

.service-list {
  margin-top: 15px;
}

.service-list a {
  width: 186px;
  display: block;
  float: left;
  height: 30px;
  line-height: 30px;
  color: #333;
  font-size: 14px;
}

.service-list a:hover,
.service-list a.active {
  text-decoration: underline;
  color: #3ec0f0;
}

.service-table {
  margin-top: 15px;
}

.register-hover:hover {
  background: #f3f3f3;
}

.dt-mail {
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

.dt-mail:hover {
  text-decoration: underline;
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}

/*gettingStarted页面样式*/
.videoTitle {
  font-size: 30px;
  color: #333;
  margin: 40px 0 10px 15px;
  text-align: left;
}

.table-content-video {
  overflow: hidden;
  width: 1100px;
  margin: 0 auto;
}

.eachDl {
  width: 257px;
  height: 210px;
  padding: 0;
  float: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 24px;
}

.eachDt {
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
}

.eachVideostyle {
  display: block;
  border: 1px solid #e2e2e2;
  height: 170px;
  background: url(../../images/v1/help/play.png) no-repeat center 50%;
}

.eachVideostyle .firstspan {
  background: #f66f6a;
  width: 255px;
  height: 38px;
  line-height: 38px;
  position: relative;
  display: block;
  font-size: 20px;
  text-align: center;
  color: white;
}

.eachVideostyle .secondspan {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  width: 200px;
  margin: 85px 0 0 28px;
  font-size: 16px;
  text-align: center;
  color: #333;
  display: inline-block;
  line-height: 16px;
}

.video-act {
  position: relative;
  width: 20000px;
}

.morevideo {
  float: right;
  margin-right: 15px !important;
  font-size: 14px;
  color: #3ec0f0 !important;

}

.morevideo:hover {
  color: #f66f6a !important;
  text-decoration: none !important;
}

.bestPracticediv {
  margin: 0 5px;
  overflow: hidden;
}

.table-practice-content {
  margin-left: 10px;
  width: 99999px;
  /* overflow: hidden; */
  /* height: 600px; */
}

.practiceDl a:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
}

.practiceDl {
  width: 352px;
  padding: 0;
  float: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 22px;
  border: 1px solid #e2e2e2;
}

.practicea {
  display: block;
}

.practicedd {
  float: left;
  width: 100%;
  margin: 0;
  text-align: right;
  font-size: 16px;
  color: #333;
  height: 46px;
  line-height: 46px;
  padding-right: 10px
}

.practicedt {
  margin: 0;
  padding: 0 20px;
  border: 0;
  display: block;
  border-bottom: 1px solid #ededed;
  overflow: hidden;
  height: 150px;
}

.practiceDl .firstspan {
  background: #f66f6a;
  height: 50px;
  line-height: 50px;
  display: block;
  text-align: center;
  color: white;
  font-size: 18px;
  margin: 0 -20px 20px;
}

.practiceDl .secondspan {
  float: left;
  width: 48px;
  height: 60px;
  margin-right: 10px;
}

.practiceDl .thirdspan {
  font-size: 14px;
  line-height: 18px;
  color: #666;
  float: left;
  width: 250px;
  height: 70px;
  overflow: hidden;
  margin-bottom: 10px;
}

.thirdparty1 {
  margin-left: 9px;
  margin-right: 9px;
  margin-bottom: 18px;
}

.thirdparty {
  width: 100%;
  margin: 40px 0px 10px;
  overflow: hidden;
}

.besttitle {
  text-align: center;
  line-height: 20px;
  padding: 6px 6px 6px 0px;
  margin-right: 0px;
  position: static;
}

.bestright {
  width: 900px;
  padding: 0 10px 10px 10px !important;
  background: #fff !important;
}

.bestleft {
  padding: 6px 6px 6px 0px;
  margin-right: 0px;
  position: relative;
}

.bestdl {
  width: 410px;
  padding: 0;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 20px;
  margin-right: 20px;
  border: 1px solid #ededed;
}

.bestdt {
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  padding-right: 20px;
  word-wrap: break-word;
  overflow: hidden;
  padding-bottom: 30px;
}

.bestspanf {
  background: #f66f6a;
  width: 410px;
  height: 40px;
  line-height: 40px;
  display: block;
  text-align: center;
  color: white;
  font-size: 18px;
  /* margin-bottom: 15px; */
}

.bestspans {
  float: left;
  width: 48px;
  margin-right: 10px;
  margin-top: 36px;
  /* margin-left: 15px; */
}

.bestdecs {
  font-size: 14px;
  color: #666;
}

.bestdd {
  margin: 0;
  text-align: right;
  font-size: 16px;
  color: #666;
  height: 46px;
  line-height: 36px;
  padding-right: 10px;
  width: 100%;
  border-top: 1px solid #ededed;
}

/*search页面样式*/
.searchlfkeyword ul,
.searchrtkeyword ul {
  list-style-type: none;
  padding: 0;
}

.bgcoloreee {
  background-color: #eee;
}

.searchindex {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  background-color: #fff;
}

.searchmtop {
  min-height: 714px;
  padding-top: 10px;
}

.searchlfkeyword {
  position: fixed;
  top: 156px;
  left: calc((99vw - 1200px)/2);
  height: calc(100vh - 156px);
  border-right: 1px solid #e1e1e1;
  box-sizing: border-box;
  padding: 20px 20px 20px 30px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 299px;
  background-color: white;
}

.searchrtkeyword {
  position: absolute;
  left: 300px;
  width: 900px;
  padding: 20px 20px 40px 20px;
  background: #fff;
  margin: 0;
  font-size: 14px;
}

.borderbt {
  border-bottom: 1px solid #e1e1e1;
  font-size: 18px;
  cursor: pointer;
}

.searchmf {
  margin-left: 20px;
}

.searchname {
  font-size: 16px;
  color: #3ec0f0;
}

.searchname :hover {
  color: #00658c !important;
  text-decoration: underline !important;
}

.borderno {
  border: none;
}

.searchlistdot {
  display: inline-block;
  background: url("../en-us_default/staticresources/images/v1/help/icon_search_dot.png") no-repeat scroll 0 center;
  padding-left: 24px;
  font-size: 16px;
  height: 28px;
  width: 28px;
}

/*单服务页面右侧内容样式重写*/
.help_breadcrumb>li>a:hover {
  color: #f66f6a !important;
  text-decoration: none !important;
}

.search-result>div>p>a {
  font-size: 18px;
  font-size: 16px;
  font-weight: bold;
  color: #333 !important;
}

.search-result>div>p>span {
  font-size: 18px;
  font-size: 16px;
  font-weight: bold;
  color: #333 !important;
}

.search-result>div>p {
  font-size: 18px;
  font-size: 16px;
  color: #333 !important;
}

.search-result>div>p>a:hover {
  text-decoration: none !important;
  color: #333 !important;
}

.search-result>div>a:hover {
  color: #00658c !important;
  /* text-decoration: 1px solid #00658c !important; */
  text-decoration: underline !important;
}

#searchpaging>a,
#searchpaging>span,
#pagination>a,
#pagination>span {
  display: inline-block;
  cursor: pointer;
  border-radius: 14px;
  min-width: 28px;
  height: 28px;
  border-style: none;
  line-height: 29px;
  margin: 3px;
  color: #000000;
  text-align: center;
  font-size: 16px;
}

#pagination>a {
  color: #000000 !important;
}

.seaarchactive {
  background-color: #f66f6a;
  color: #fff !important;
}

#searchpaging>a:hover,
#searchpaging>span:hover {
  color: #f66f6a;
  text-decoration: none !important;
}

#pagination>a:hover {
  color: #f66f6a !important;
  text-decoration: none !important;
}

#search_str {
  outline: none;
  height: 34px;
  line-height: 34px;
}

/*glossary页面样式*/
.activedGlossary {
  color: #f66f6a !important;
  border-right: 4px solid #f66f6a;
}

/*顶部菜单样式*/
.content-box h4:hover {
  color: #f66f6a !important;
}

.searchsel {
  min-width: 80px;
  display: none;
  position: fixed;
  top: 135px;
  margin: 0;
  border: 1px solid #ddd;
  color: #666;
  font-size: 16px;
  z-index: 100;
  max-height: 108px;
  overflow-y: auto;
  overflow-x: hidden;
}

.searchbtn:hover {
  background: #f3f3f3;
}

.searchselbg {
  color: #666;
  font-size: 16px;
  cursor: pointer;
  padding-left: 5px;
  background-color: #fff;
  padding: 0 10px;
}

.searchselspan {
  width: 36px;
  background: url(../../images/v1/help/arrow_down.png) no-repeat right;
  margin-left: 11px;
  display: inline-block;
  color: #666;
  font-size: 16px;
  height: 34px;
  line-height: 34px;
  position: relative;
  top: 0;
}


@media screen and(-ms-high-contrast:active),
(-ms-high-contrast:none) {

  /*兼容IE11*/
  .searchselspan {
    width: 36px;
    background: url(../../images/v1/help/arrow_down.png) no-repeat right;
    margin-left: 11px;
    display: inline-block;
    color: #666;
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    position: relative;
    top: -4px;
  }
}

.tab-head h4 a:hover {
  color: #f66f6a;
  text-decoration: none;
}

.leftLinks a {
  color: #333;
}

.main-index a:hover {
  text-decoration: none;
}

.main-index {
  min-height: calc(100vh - 257px);
}

#searchalllf li a:hover {
  color: #f66f6a !important;
  text-decoration: none;
}

.btn-download:hover,
.btn-red:hover {
  text-decoration: none !important;
}

.thirdparty-ul a:hover {
  color: #00658c !important;
  text-decoration: underline;
}

.main-index td ul {
  margin-left: 0;
}

#searchcontent {
  word-wrap: break-word;
}

th p {
  margin-top: 0;
  margin-bottom: 0;
}

/*SDK样式*/
.sdk_heading_box {
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
}

.sdk_heading_box div,
.sdk_heading_box span,
.sdk_heading_box .sdk_services_item,
.sdk_heading_box .sdk_language_item {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
}

.sdk_heading_services {
  /* width: 250px; */
  height: 40px;
}

.sdk_heading_language {
  /* width: 335px; */
  height: 40px;
  margin-right: 20px;
}

.sdk_services_span,
.sdk_language_span {
  height: 40px;
  line-height: 40px;
  margin-right: 10px;
  font-size: 16px;
  color: #666;
}

.sdk_services_span {
  width: 55px;
}

.sdk_services_item {
  width: 260px;
  /* margin-right: 20px; */
}

.sdk_language_item {
  width: 132px;
}

.sdk_services_item,
.sdk_language_item {
  position: relative;
  height: 40px;
  /* margin-left: -3px; */
  padding: 5px 10px !important;
  border: 1px solid #e1e1e1;
  outline: none;
  font-size: 16px;
  overflow: hidden;
}

.sdk_item_arrowDown:after {
  content: '';
  position: absolute;
  right: 10px;
  top: 15px;
  border-top: 6px solid #666;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.sdk_list {
  position: relative;
  top: -1px;
  height: auto;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  /* border: 1px solid #e1e1e1; */
  border-top: none;
  background: #fff;
  color: #666;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  z-index: 10;
}

.sdk_services_list {
  left: 68px;
  width: 260px;
  max-height: 160px;
  /* border: 1px solid #e1e1e1; */
  overflow-x: hidden !important;
  overflow-y: auto !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
}

.sdk_services_list:hover,
.sdk_language_list:hover {
  /*box-shadow:0 10px 20px rgba(0, 0, 0, .2);*/
}

.sdk_language_list {
  left: 77px;
  width: 133px;
  max-height: 160px;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
}

.sdk_services_list>li,
.sdk_language_list>li {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  font-size: 16px;
  /* border-top: 1px solid #e1e1e1; */
  cursor: pointer;
}

.sdk_services_list>li {
  width: 260px;
}

.sdk_language_list>li {
  width: 131px;
}

.sdk_services_list>li:hover,
.sdk_language_list>li:hover {
  color: #f66f6a;
}

.sdk_services_list>li.active,
.sdk_language_list>li.active {
  background-color: #f66f6a;
  color: #fff;
}

.sdk_language_span {
  width: 65px;
}

/*SDK列表样式*/
.content-box>.sdk_list_wrapper,
.content-box>.video_list_wrapper {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}

.sdk_list_wrapper>.sdk_left_item,
.sdk_list_wrapper>.sdk_right_item {
  float: left;
  width: 560px;
  height: 174px;
  margin-top: 20px;
  padding: 30px;
  border: 1px solid #e1e1e1;
}

.sdk_list_wrapper>.sdk_left_item:nth-of-type(2n + 1) {
  margin-right: 20px;
}

.sdk_item>.sdk_item_img {
  display: inline-block;
  width: 48px;
  height: 48px;
  /* margin-right:5px; */
  vertical-align: top;
}

.sdk_item>.sdk_item_content {
  display: inline-block;
  width: 420px;
  margin-left: 20px;
  font-size: 16px;
}

.sdk_item>.sdk_item_content>a {
  margin: 0 0 10px 0;
  line-height: 18px;
  color: #333 !important;
  font-size: 20px;
  font-weight: 600;

}

.sdk_item>.sdk_item_content>p>a {
  font-size: 16px;
  color: #00739f !important;
}

.sdk_item>.sdk_item_content>p a:hover {
  color: #00658c !important;
  text-decoration: underline !important;
}

.sdk_item:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, .1)
}

.sdk_item:hover a {
  /* color: #f66f6a !important; */
  /* cursor: pointer; */
  text-decoration: none !important;
}

.sdk_item>.sdk_item_content>p * {
  line-height: 17px;
  margin: 0;
  font-size: 14px;
  color: #333;
  /* word-spacing: -2px; */
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  /*超出4行显示省略号*/
  overflow: hidden;
  height: 51px;
}

.sdk_item_type {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  line-height: 18px;
}

.sdk_item_type>a {
  font-size: 16px;
}

.sdk_item_type>a:hover {
  color: #00739f !important;
  cursor: pointer;
}

/*moreVideo页面样式*/
.video_list_wrapper>.video_item {
  display: inline-block;
  width: 270px;
  margin: 20px 20px 0 0;
}

.video_list_wrapper>.video_item>.video_title {
  height: 45px;
  line-height: 45px;
  margin: 0;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  color: rgb(255, 255, 255);
  background: #f66f6a;
}

.video_item>.video_desc_wrapper {
  height: 125px;
  padding: 20px;
  border: 1px solid #e1e1e1;
  text-align: center;
}

.video_item>.video_desc_wrapper:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
  -webkit-transition: color, 0.3s;
}

.video_item>.video_desc_wrapper>.video_img {
  display: inline-block;
  height: 46px;
}

.video_item>.video_desc_wrapper>.video_desc {
  display: block;
  font-size: 16px;
  margin-top: 10px;
  color: #333;
}

.patchOn {
  color: #fff !important;
  background-color: #f66f6a;
}

.patchOut {
  color: #333;
  background-color: none;
}

.patchOn:hover {
  color: #fff !important;
}

.switchlang img {
  filter: Alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

.switchlang:hover img {
  filter: Alpha(opacity=100);
  /* IE */
  -moz-opacity: 1;
  /* FF 主要是为了兼容老版本的FF */
  opacity: 1;
}

.hc_modal_wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 30000;
  background: rgba(0, 0, 0, 0.4);
}

.hc_modal_content {
  margin: 150px auto;
  width: 550px;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

.hc_modal_header {
  padding: 32px 32px 28px 32px;
  position: relative;
  border-radius: 2px 2px 0 0;
  color: #252B3A;
  font-size: 18px;
  font-weight: bold;
}

.hc_modal_header_close {
  width: 12px;
  height: 12px;
  position: absolute;
  right: 32px;
  top: 32px;
  cursor: pointer;
}

.hc_modal_header_close::before,
.hc_modal_header_close::after {
  content: '';
  height: 12px;
  width: 2px;
  position: absolute;
  background: #646a78;
}

.hc_modal_header_close::before {
  transform: translate(5px) rotate(45deg);
}

.hc_modal_header_close::after {
  transform: translate(5px) rotate(-45deg);
}

.hc_modal_header_close:hover::before,
.hc_modal_header_close:hover::after {
  background: #5E7CE0;
}

.hc_modal_body {
  padding: 0 32px;
}

.hc_modal_footer {
  padding: 28px 32px 32px 32px;
  text-align: center;
}

.hc_btn {
  display: inline-block;
  padding: 0 20px;
  height: 28px;
  line-height: calc(28px - 2px);
  border-radius: 2px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  box-sizing: border-box;
  transition: background-color .15s cubic-bezier(0.25, 0.1, 0.25, 1), border-color .15s cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow .15s cubic-bezier(0.25, 0.1, 0.25, 1), color .15s cubic-bezier(0.25, 0.1, 0.25, 1);
  color: #252B3A;
  background: #FFFFFF;
  border-color: #ADB0B8;
}

.hc_btn:hover {
  box-shadow: 0 0;
  color: #526ECC;
  background: #FFFFFF;
  border-color: #5E7CE0;
}

.hc_form_item {
  padding-bottom: 20px;
  line-height: 28px;
  display: flex;
  color: #333639;
}

.hc_form_item:last-child {
  padding-bottom: 0;
}

.hc_form_label {
  color: #575d6c;
  width: 120px;
  padding-right: 20px;
}

#hcAbout {
  cursor: pointer;
}

.hc_img_modal_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: zoom-out;
}

.hc_img_modal_content {
  display: flex;
  max-height: 90vh;
  max-width: 90vw;
  position: absolute;
  overflow: auto;
  background: #fff;
}