.width100 {
    width: 100%;
    min-width: 1200px;
  }
  .width1200 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
  }
  .header {
    position: absolute;
    top: 0;
    width: 100%;
    min-width: 1200px;
    height: 66px;
    z-index: 998;
  }
  .header-nav {
    position: relative;
    width: 100%;
    height: 66px;
    color: #fff;
    border-bottom: 1px solid rgba(102, 102, 102, 0.05);
  }
  .header-logo {
    position: absolute;
    top: 19px;
    left: 30px;
  }
  .header-logo-pic {
    display: block;
    width: 230px;
    height: 30px;
    background: url() center center no-repeat;
    text-indent: -999em;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .header-logo-pic {
      display: block;
      width: 230px;
      height: 30px;
      background: url() no-repeat;
      background-size: 230px 30px;
      text-indent: -999em;
    }
  }
  .header-menu {
    width: 100%;
    height: 66px;
    text-align: center;
  }
  .header-menu .header-menu-item {
    height: 66px;
    position: relative;
    display: inline-block;
  }
  .header-menu .header-menu-item.active .header-title {
    margin-top: 22px;
    font-size: 16px;
    color: #00bdff;
  }
  .header-menu .header-menu-item.active .header-title:hover {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .header-menu .header-menu-item.active:after {
    content: '';
    width: 16px;
    height: 3px;
    background: #00bdff;
    border-radius: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -8px;
  }
  .header-menu .header-title {
    display: block;
    margin-top: 23px;
    padding: 0 25px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
  }
  .header-menu .header-title[href="javascript:void(0)"] {
    cursor: default;
  }
  .header-menu .header-title:hover {
    opacity: .5;
    filter: alpha(opacity=50);
  }
  .header-menu .header-menu-slide {
    display: none;
    position: absolute;
    padding-top: 5px;
    left: 50%;
    top: 46px;
    left: 0px\9;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1000;
  }
  .header-menu .header-menu-slide:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    border-style: solid;
    border-width: 4px;
    border-color: #fff #fff transparent transparent;
    top: 1px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg);
    -webkit-box-shadow: 1px -2px 4px rgba(102, 102, 102, 0.2);
    box-shadow: 1px -2px 4px rgba(102, 102, 102, 0.2);
  }
  .header-menu .header-menu-slide-list {
    padding: 0 14px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 10px rgba(102, 102, 102, 0.2);
    box-shadow: 0 4px 10px rgba(102, 102, 102, 0.2);
  }
  .header-menu .header-menu-slide-item {
    display: block;
    margin: 0 auto;
    height: 39px;
    line-height: 39px;
    border-bottom: 1px solid #e7e7e7;
    font-size: 14px;
    color: #666;
    white-space: nowrap;
    text-align: left;
    -webkit-transition: all .2s;
    transition: all .2s;
  }
  .header-menu .header-menu-slide-item:hover {
    opacity: .5;
  }
  .header-action {
    position: absolute;
    right: 30px;
    top: 0px;
  }
  .header-action .header-search {
    position: relative;
    float: left;
    height: 66px;
  }
  .header-action .header-search-btn {
    position: absolute;
    right: 0;
    width: 25px;
    height: 41px;
    padding-top: 25px;
    padding-right: 10px;
    font-size: 0;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-align: right;
  }
  .header-action .header-search-btn:hover {
    opacity: .5;
    filter: alpha(opacity=50);
  }
  .header-action .header-search-btn .iconfont {
    color: #bbb;
    display: none\9;
  }
  .header-action .header-search-btn span {
    color: #666;
    font-size: 12px;
  }
  .header-action .header-search-container {
    float: right;
    height: 66px;
    overflow: hidden;
  }
  .header-action .header-search:hover .search-input {
    width: 168px;
    padding-left: 12px;
  }
  .header-action .search-input {
    float: right;
    margin-top: 20px;
    width: 0;
    height: 26px;
    -webkit-appearance: none;
    border: none;
    outline: none;
    background: rgba(102, 102, 102, 0.1);
    background: rgb(239, 239, 239)\9;
    border-radius: 13px;
    color: #666;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
  }
  .header-action .search-input:focus {
    width: 168px;
    padding-left: 12px;
  }
  .header-action input::-webkit-input-placeholder {
    color: #666;
    opacity: .5;
    filter: alpha(opacity=50);
  }
  .header-action .header-line {
    float: left;
    width: 2px;
    height: 10px;
    margin: 28px 12px;
    background: #666;
    opacity: .1;
    filter: alpha(opacity=10);
  }
  .header-action .header-status {
    float: left;
  }
  .header-action .header-btn1 {
    display: inline-block;
    margin: 20px 7px;
    padding: 0 15px;
    height: 22px;
    border: 2px solid rgba(102, 102, 102, 0.3);
    border-radius: 13px;
    text-align: center;
    color: #666;
    font-size: 12px;
    line-height: 22px;
    -webkit-transition: all .2s;
    transition: all .2s;
  }
  .header-action .header-btn1:hover {
    opacity: .5;
    filter: alpha(opacity=50);
  }
  .header-action .header-btn2 {
    position: relative;
    display: inline-block;
    margin: 20px 7px;
    padding: 0 15px;
    height: 22px;
    border: 2px solid #00bdff;
    background: #00bdff;
    border-radius: 13px;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    -webkit-transition: all .2s;
    transition: all .2s;
  }
  .header-action .header-btn2 .header-btn-badge {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 19px;
    height: 19px;
    padding: 0 4px;
    line-height: 19px;
    border-radius: 10px;
    text-align: center;
    position: absolute;
    background: #FE514A;
    right: -8px;
    top: -11px;
  }
  .header-action .header-btn2:hover {
    background: #00a4f0;
    border: 2px solid #00a4f0;
  }
  .header-action .header-btn2[href$="register"]:after {
    content: '';
    width: 8px;
    height: 8px;
    background: red;
    border-radius: 50%;
    position: absolute;
    right: -3px;
    top: -3px;
  }
  .hot::before{
    content: '';
    position: absolute;
    right: 0;
    top: 10px;
    height: 15px;
    width: 22px;
    background: url('') no-repeat;
  }
  .header-action .juhe-api {
    float: left;
    font-size: 14px;
    line-height: 20px;
    margin-top: 22px;
    margin-right: 20px;
    margin-left: 8px;
  }
  .header-action .juhe-api a {
    color: #666;
    opacity: 1;
    transition: opacity .3s;
  }
  .header-action .juhe-api a:hover {
    opacity: .5;
  }
  @media screen and (max-width: 1650px) {
    .header-menu .header-title {
      padding: 0 15px;
    }
  }
  @media screen and (max-width: 1200px) {
    .header-action .header-search-btn {
      display: none;
    }
    .header-action .header-line {
      display: none;
    }
  }
  
  .header-action .reg-gift-btn,.header-action .reg-gift-btn:hover{
    background-color: #ED510A;
    border-color: #ED510A;
    color: #fff;
  }
  .header-action .reg-gift-btn[href$="register"]:after{
    display: none;
  }

  





























  .api-infos .price-ul .package618 {
	position: relative;
	padding-left: 46px
}

.api-infos .price-ul .package618:after {
	position: absolute;
	left: 10px;
	top: 6px;
	content: '';
	width: 32px;
	height: 14px;
	background: url('') no-repeat center
}

.api-infos .price-ul .package618.active:after {
	background: url('') no-repeat center
}

body {
	width: 100%;
	height: 100%;
	overflow-x: hidden
}

.width100 {
	width: 100%;
	min-width: 1200px
}

.width1200 {
	width: 1200px;
	margin: 0 auto;
	position: relative
}

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.center {
	text-align: center
}

.header-menu .header-menu-item.active:after {
	width: 0;
	height: 0
}

.sub-menu {
	position: absolute;
	left: 0;
	top: 66px;
	z-index: 3;
	width: 100%;
	min-width: 1200px;
	height: 40px;
	border-bottom: 1px solid rgba(102,102,102,0.05);
	text-align: center
}

.sub-menu-item {
	position: relative;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	opacity: .5;
	transition: all .2s
}

.sub-menu-item.active {
	opacity: 1
}

.sub-menu-item.active:after {
	content: '';
	width: 16px;
	height: 3px;
	background: #00BDFF;
	border-radius: 2px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -8px
}

.sub-menu-item.active .sub-menu-title {
	opacity: 1;
	font-weight: bold;
	color: #00BDFF
}

.sub-menu-item:hover {
	opacity: 1
}

.sub-menu-title {
	display: block;
	margin: 0 25px;
	font-size: 12px;
	color: #666
}

body {
	font-size: 14px;
	font-weight: 400;
	background: #fff
}

.red {
	color: #fb5b5b
}

.green {
	color: #29c287
}

#docs-api-content {
	padding-top: 50px
}

#docs-api-main {
	float: left;
	width: 920px;
	overflow: hidden
}

.api-mains-content {
	padding: 106px 0 40px 0;
	background: #f8f8f8;
	position: relative;
	z-index: 2;
	background-color: rgba(122,122,122,0.1)
}

.api-mains {
	height: 270px
}

.api-img-des {
	position: absolute;
	left: 0;
	top: 0;
	width: 210px;
	height: 220px;
	padding: 25px;
	text-align: center;
	border-radius: 2px;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(36,36,36,0.1);
	border: 1px solid #eee \9
}

.api-img-des .div-for-svg {
	width: 150px;
	height: 150px;
	margin: 0 auto
}

.api-img-des svg {
	height: 150px;
	width: 150px
}

.api-img-des .api-pp {
	padding: 15px 0
}

.api-img-des .api-pp li {
	float: left;
	width: 70px;
	line-height: 24px;
	color: #bbb;
	padding-top: 5px
}

.api-img-des .api-pp svg {
	width: 18px;
	height: 18px;
	text-align: center;
	position: relative;
	top: 8px;
	margin-left: 2px;
	font-weight: 400
}

.api-img-des .api-pp #favorite-count {
	position: relative;
	left: -2px
}

.api-infos {
	padding-left: 316px
}

.api-infos .title-api {
	line-height: 40px
}

.api-infos .title-api h1 {
	font-size: 22px;
	color: #555;
	padding-right: 8px;
	float: left
}

.api-infos .title-api p {
	float: left
}

.api-infos .title-api p span {
	margin-left: 5px;
	border: 1px solid #00BDFF;
	font-size: 12px;
	padding: 2px 6px;
	color: #00BDFF;
	font-weight: normal;
	vertical-align: top;
	border-radius: 2px
}

.api-infos .user-info {
	line-height: 26px;
	font-size: 14px;
	font-weight: bold;
	color: #f9a42a;
	padding: 4px 0 6px
}

.api-infos .user-info i {
	font-size: 24px;
	vertical-align: middle;
	margin-right: 5px;
	font-weight: normal
}

.api-infos .user-info span {
	padding-right: 30px
}

.api-infos .user-info .redfont {
	color: #fb5b5b
}

.api-infos .api-des-info {
	line-height: 22px;
	color: #666;
	padding-bottom: 13px;
	font-size: 14px
}

.api-infos .api-des-info strong {
	font-weight: 400
}

.api-infos .price-ul li {
	float: left;
	padding: 0 14px;
	border: 1px solid #999;
	height: 26px;
	line-height: 26px;
	border-radius: 2px;
	background: none;
	margin-right: 12px;
	margin-bottom: 8px;
	cursor: pointer;
	color: #666
}

.api-infos .price-ul li:hover {
	border-color: #00BDFF;
	color: #00BDFF
}

.api-infos .price-ul .active {
	border: 1px solid #00BDFF;
	color: #00BDFF;
	background: url("../../../images/v6/docs//select.png?v=1.1") right -1px bottom 0 no-repeat
}

.api-infos .price-ul .viplist {
	border-color: #bc962c;
	color: #bc962c
}

.api-infos .price-ul .viplist.active {
	border: 1px solid #00BDFF;
	color: #00BDFF;
	background: url("../../../images/v6/docs//select.png?v=1.1") right -1px bottom 0 no-repeat
}

.api-infos .last-price {
	height: 20px;
	line-height: 20px;
	padding: 8px 0 11px;
	font-size: 20px;
	color: #666
}

.api-infos .last-price .left-p {
	float: left
}

.api-infos .last-price .left-p span {
	font-size: 12px;
	color: #999
}

.api-infos .last-price .vipinfos {
	font-size: 14px;
	color: #bc962c;
	display: none
}

.api-infos .last-price .right-vip {
	display: none;
	float: left;
	position: relative;
	margin-left: 20px;
	padding-left: 16px
}

.api-infos .last-price .right-vip:after {
	content: '';
	position: absolute;
	left: -1px;
	top: 7px;
	width: 2px;
	height: 12px;
	background: #ddd
}

.api-infos .last-price .right-vip .vip-price {
	font-size: 14px;
	color: #555;
	padding-right: 18px
}

.api-infos .last-price .right-vip .vip-price em {
	font-style: normal;
	color: #bc962c;
	font-size: 16px
}

.api-infos .last-price .right-vip a {
	color: #bc962c;
	text-decoration: underline;
	font-size: 12px
}

.api-infos .buy-apply-div {
	padding-top: 14px;
	display: flex
}

.api-infos .buy-apply-div a {
	display: inline-block;
	margin-right: 15px;
	font-size: 14px
}

.api-infos .buy-apply-div .now-btn {
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	background: #00BDFF;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border-radius: 2px
}

.api-infos .buy-apply-div .now-btn:hover {
	background-color: #00BDFF
}

.api-infos .buy-apply-div .now-btn.gray-btn-a {
	background: #aaa
}

.api-infos .buy-apply-div .favorite {
	height: 38px;
	padding-left: 24px;
	line-height: 38px;
	background: none;
	color: #00BDFF;
	font-size: 14px;
	text-align: center;
	border-radius: 2px;
	margin: 0 15px;
	background: url("../../../images/v6/docs/star.png") 0 12px no-repeat
}

.api-infos .buy-apply-div .favorite.stored {
	background-position: 0 -44px
}

.api-infos .buy-apply-div .sdk-zixun {
	width: 120px;
	height: 40px;
	box-sizing: border-box;
	padding-left: 26px;
	line-height: 38px;
	background: none;
	color: #00BDFF;
	font-size: 14px;
	text-align: center;
	border-radius: 2px;
	border: 1px solid #00BDFF;
	background: url("../../../images/v6/docs/zixun.png") 24px 12px no-repeat
}

.api-infos .last-price .left-p em,.api-infos .last-price .left-p i {
	font-style: normal
}

.docs-api-tab {
	border-bottom: 1px solid #f4f4f4;
	position: relative;
	height: 45px
}

.docs-api-tab .tab-pos {
	position: fixed;
	top: 0;
	background: #fff;
	box-shadow: 0 2px 6px 0 rgba(36,36,36,0.14);
	border: 1px solid #eee \9;
	z-index: 999999
}

.docs-api-tab .tabul {
	height: 45px;
	line-height: 45px;
	font-size: 16px
}

.docs-api-tab .tabul li {
	float: left;
	height: 45px;
	line-height: 45px;
	margin-right: 110px;
	color: #666;
	cursor: pointer
}

.docs-api-tab .tabul li:hover {
	color: #00BDFF
}

.docs-api-tab .tabul .active {
	color: #00BDFF;
	width: auto;
	position: relative
}

.docs-api-tab .tabul .active::before {
	content: '';
	width: 100%;
	height: 3px;
	background: #00BDFF;
	border-radius: 3px;
	position: absolute;
	left: 0;
	top: 42px
}

.docs-api-tab .api-now {
	position: absolute;
	right: 0;
	top: 0;
	width: 150px;
	height: 45px;
	line-height: 45px;
	background: #00BDFF;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border-radius: 2px;
	display: none
}

.docs-api-tab .api-now:hover {
	background-color: #00BDFF
}

.tabDiv .docs-api-show {
	display: none
}

.api-sub-list {
	float: left;
	width: 180px;
	min-height: 180px;
	padding-right: 10px;
	line-height: 20px;
	border-right: 1px solid #f4f4f4
}

.api-sub-list li {
	margin-bottom: 18px;
	height: 20px;
	overflow: hidden
}

.api-sub-list li a {
	padding-left: 12px;
	color: #666
}

.api-sub-list li a:hover {
	color: #00BDFF
}

.api-sub-list li:last-child {
	margin-bottom: 5px
}

.api-sub-list .selected {
	color: #00BDFF;
	position: relative
}

.api-sub-list .selected::before {
	content: '';
	width: 5px;
	height: 5px;
	background: #00BDFF;
	position: absolute;
	left: 0;
	top: 6px
}

.api-sub-content {
	float: right;
	width: 686px;
	font-size: 12px
}

.api-sub-content .simpleline {
	line-height: 20px;
	padding-bottom: 16px;
	word-break: break-all;
	color: #777
}

.api-sub-content .simpleline strong {
	color: #555
}

.api-sub-content .simpleline .api-test-tools {
	display: block;
	width: 150px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #fff;
	background: #00BDFF;
	text-align: center;
	border-radius: 2px;
	margin-bottom: 30px
}

.api-sub-content .simpleline .api-test-tools:hover {
	background-color: #00BDFF
}

.simpleTable {
	margin-bottom: 50px
}

.simpleTable .linep {
	font-size: 14px;
	font-weight: bold;
	color: #555;
	padding-left: 14px;
	height: 16px;
	line-height: 16px;
	margin-bottom: 18px;
	position: relative
}

.simpleTable .linep::before {
	content: '';
	width: 4px;
	height: 16px;
	background: #00BDFF;
	border-radius: 2px;
	position: absolute;
	left: 0;
	top: 0
}

.json-tool {
	background: #1271ef;
	font-weight: normal;
	font-size: 14px;
	border-radius: 6px;
	color: #fff;
	padding: 5px 12px
}

.api-table {
	width: 100%;
	font-size: 12px;
	border: 1px solid #e7e7e7;
	text-align: left
}

.api-table th {
	border-bottom: 1px solid #e7e7e7;
	background: #fbfbfb;
	color: #999;
	font-weight: normal;
	line-height: 32px
}

.api-table td {
	border-bottom: 1px solid #e7e7e7;
	color: #666;
	line-height: 20px;
	padding: 6px 0
}

.api-table td a {
	color: #00BDFF
}

.prediv pre {
	padding: 20px 0 20px 20px;
	margin: 10px 0;
	overflow: hidden;
	border: 1px solid #e7e7e7;
	border-radius: 4px;
	color: #666;
	white-space: pre;
	line-height: 24px;
	background: #fcfcfc
}

#doc-api-right {
	float: right;
	width: 220px;
	position: relative;
	padding-bottom: 20px
}

#doc-api-right .if-like {
	width: 220px;
	position: relative;
	top: 0;
	background: #fff;
	z-index: 1
}

#doc-api-right h3 {
	color: #999;
	font-size: 16px;
	font-weight: normal
}

#doc-api-right h3 svg {
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
	padding-left: 10px
}

#doc-api-right .tuijianapi {
	padding-bottom: 5px
}

#doc-api-right .tuijianapi li {
	position: relative;
	height: 60px;
	padding: 15px 0 15px 72px;
	border-bottom: 1px dashed #eee
}

#doc-api-right .tuijianapi li:last-child {
	border-bottom: 0 none
}

#doc-api-right .tuijianapi .tuijianimg {
	position: absolute;
	left: 0;
	top: 15px;
	width: 36px;
	height: 36px;
	padding: 11px;
	border: 1px solid #eee;
	border-radius: 2px
}

#doc-api-right .tuijianapi .tuijianimg svg {
	width: 36px;
	height: 36px
}

#doc-api-right .tuijianapi .apiname {
	font-size: 16px;
	padding: 8px 0 5px;
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

#doc-api-right .tuijianapi .apiname a {
	color: #555
}

#doc-api-right .tuijianapi .apides {
	line-height: 16px;
	height: 22px;
	font-size: 12px;
	color: #999;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

#doc-api-right .tuijianapi .apidescipe {
	padding: 10px;
	line-height: 20px;
	min-width: 140px;
	width: auto;
	max-width: 280px;
	word-break: break-all;
	position: absolute;
	left: 30px;
	top: 68px;
	background: #fff;
	border-radius: 4px;
	display: none;
	z-index: 99;
	box-shadow: 0 1px 6px 0 rgba(36,36,36,0.2);
	border: 1px solid #eee \9;
	overflow-x: visible;
	white-space: normal;
	text-overflow: clip;
	text-align: left
}

.product-aways {
	padding-bottom: 76px
}

.product-aways h3 {
	font-size: 18px;
	color: #555;
	padding-bottom: 20px;
	line-height: 20px
}

.product-aways h3 span {
	font-size: 14px;
	color: #666
}

.product-aways .FastCall {
	width: 920px;
	height: 89px;
	background: url('../../../images/v6/docs/quick-start.png') no-repeat center;
	background-size: contain
}

.product-aways .api-uls {
	height: 174px;
	overflow: hidden
}

.product-aways .api-uls li {
	float: left;
	width: 184px;
	height: 172px;
	padding: 0 12px;
	border: 1px solid #eaeaea;
	border-radius: 2px;
	margin-left: 26px;
	text-align: center
}

.product-aways .api-uls li:first-child {
	margin-left: 1px
}

.product-aways .api-uls .recommed-a {
	display: block;
	width: 100%;
	height: 108px;
	padding: 16px 0 10px 0;
	border-bottom: 1px solid #f1f1f1
}

.product-aways .api-uls .recommed-a svg {
	width: 54px;
	height: 54px
}

.product-aways .api-uls .recommed-a h3 {
	font-size: 16px;
	line-height: 30px;
	padding-bottom: 0
}

.product-aways .api-uls .recommed-a p {
	font-size: 12px;
	color: #999;
	line-height: 22px
}

.product-aways .api-uls .price-p {
	color: #fb5b5b;
	font-size: 14px;
	line-height: 36px
}

.product-aways .api-uls .price-p span {
	font-size: 12px
}

.product-aways .ul-scenes li {
	float: left;
	width: 250px;
	height: 130px;
	padding: 20px 16px 0 16px;
	position: relative;
	border: 1px solid #eee;
	border-radius: 2px
}

.product-aways .ul-scenes li h4 {
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	color: #666
}

.product-aways .ul-scenes li h4::before {
	content: '';
	width: 4px;
	height: 20px;
	background: #00BDFF;
	border-radius: 2px;
	position: absolute;
	left: 0;
	top: 22px
}

.product-aways .ul-scenes li .s-content {
	font-size: 12px;
	color: #999;
	line-height: 22px;
	padding-top: 10px
}

.product-aways .ul-scenes .scenes-second {
	margin: 0 33px
}

.product-aways .product-ul li {
	line-height: 20px;
	padding: 0 16px 10px;
	position: relative;
	color: #666;
	font-size: 14px
}

.product-aways .product-ul li::before {
	content: '';
	width: 5px;
	height: 5px;
	background: #00BDFF;
	position: absolute;
	left: 0;
	top: 7px
}

.product-aways .product-info-des {
	color: #999;
	font-size: 12px;
	line-height: 20px;
	padding-top: 6px
}

.register-now {
	height: 120px;
	padding: 12px 0 18px;
	text-align: center;
	color: #fff;
	background: url("../../../images/v6/docs/bottombg.png?v=1.2") center no-repeat #02acff
}

.register-now p {
	font-size: 28px;
	line-height: 66px;
	padding-bottom: 5px
}

.register-now a {
	display: block;
	width: 148px;
	height: 38px;
	margin: 0 auto;
	line-height: 38px;
	border: 1px solid #fff;
	border-radius: 2px;
	text-align: center;
	font-size: 16px;
	color: #fff
}

#canvas {
	position: absolute;
	top: 60px;
	left: 0;
	opacity: .3;
	height: 230px;
	overflow: hidden
}

#go-superman,#go-vip {
	display: none;
	width: 166px;
	height: 40px;
	line-height: 40px;
	background: #333333;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border-radius: 2px
}

.product-exple {
	height: 358px;
	margin: 80px auto 80px;
	position: relative
}

.product-exple .rubbishBg {
	position: absolute;
	left: 0;
	top: -100px;
	width: 325px;
	height: 566px
}

.product-exple .rubbish-web {
	width: 800px;
	height: 283px;
	padding-top: 75px;
	background: #f7fbfe;
	margin-left: 120px;
	border-radius: 10px
}

.product-exple .rubbish-float {
	width: 185px;
	height: 185px;
	float: left;
	text-align: center
}

.product-exple .rubbish-float img {
	height: 185px;
	width: 185px
}

.product-exple .rubbish-float p {
	padding-top: 20px;
	font-size: 14px
}

.product-exple .rubbish-float p a {
	color: #00BDFF
}

.product-exple .rubbish-float1 {
	margin-left: 280px
}

.product-exple .rubbish-float1 p {
	color: #00BDFF
}

.product-exple .rubbish-float2 {
	margin-left: 60px
}

.product-exple .rubbish-float2 p {
	color: #666
}

.intor-demo {
	height: 367px;
	background: url('') no-repeat;
	margin: 0 auto;
	position: relative
}

.intor-demo img {
	width: 160px;
	height: 160px;
	position: absolute;
	left: 480px;
	top: 153px
}

.header-dropdown-m,.nav-mobile,.mobile-footer,.mobile-api-details,.m-login-register,.select-sublist,.list-title,.apis-dialog-info,.login-btn2,.copy-btn,.pdf-download2,.favorite-mobile,.zixun,.api-tools-mobile,.pkg-select,.m-float-wrapper {
	display: none !important
}

.fullsimplearea p {
	margin-bottom: 5px;
	line-height: 24px;
	color: #666;
	font-size: 12px
}

.fullsimplearea p.title {
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px
}

.fullsimplearea {
	padding-bottom: 30px
}

.fullsimpleline {
	color: #666;
	font-weight: bold
}

.pdf-download {
	font-weight: normal;
	margin-left: 5px;
	color: #00bdff;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	text-align: center;
	padding-left: 30px;
	background: url("../../../images/v6/docs/download.png") 10px 12px no-repeat
}

.api-infos .last-price .right-vip .about-vip {
	color: #00BDFF
}

.cannot-use {
	padding: 20px;
	color: #999;
	font-size: 14px
}

#api-package-side {
	min-height: 130px
}

#api-package-side .loading-img {
	margin-left: 290px;
	margin-top: 60px;
	width: 40px;
	height: 40px
}

.product-decs-title {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 10px;
	color: #00BDFF
}

.product-aways .product-h3 {
	padding-bottom: 0
}

.product-left {
	float: left;
	width: 318px
}

.product-left .product-box {
	display: none;
	height: 604px;
	padding: 132px 40px 90px 47px;
	box-sizing: border-box;
	background: url('') center no-repeat
}

.product-left .product-box.first-box {
	display: block
}

.product-left .product-box .box-content {
	height: 100%;
	width: 100%;
	overflow-y: auto
}

.product-left .product-box .box-content img,.product-left .product-box .box-content video {
	max-width: 100%;
	margin-bottom: 10px
}

.product-left .product-box p {
	background: #f5f5f5;
	border-radius: 0 18px 18px 18px;
	color: #333;
	font-size: 14px;
	line-height: 20px;
	padding: 8px 10px
}

.product-right {
	float: left;
	width: 600px
}

.product-list {
	margin-top: 62px
}

.product-list li {
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 176px;
	box-sizing: border-box;
	height: 146px;
	background: #FFFFFF;
	border-radius: 4px;
	box-shadow: 0 0 20px 2px rgba(0,0,0,0.05);
	color: #333;
	text-align: center;
	line-height: 20px;
	cursor: pointer
}

.product-list li img {
	width: 56px;
	height: 56px;
	margin: 25px auto 10px
}

.product-list li.product-active {
	border: 2px solid #00BDFF;
	color: #00BDFF;
	font-size: 14px;
	font-weight: bold
}

.product-list li.product-active p {
	position: relative;
	padding-bottom: 10px
}

.product-list li.product-active p:after {
	position: absolute;
	left: 50%;
	bottom: 0px;
	margin-left: -9px;
	content: '';
	background-color: #00BDFF;
	height: 4px;
	width: 18px;
	border-radius: 2px
}