@charset "utf-8";
.container-fuild{width:100%}.container{width:1200px;margin:auto}
.nav_box{background-color:#2d2d2d;color:#8b8b8b;height:40px;line-height:40px;font-size:14px}.nav_box .nav a{color:#e1e1e1}.nav_box .nav a:hover{color:#fb4d54}.nav_left span,.nav_left a{display:inline-block}.nav_left a{margin-right:0.5rem}.nav——title{margin-right:2rem}.nav_right{text-align:right}

.footer{background:#373737;height:210px;z-index:2;position:relative}
.footer_l{float:left;overflow:hidden;padding:30px 100px}
.footer_l ul{list-style:none;float:left;color:#999;margin-right:140px}
.footer_l ul li{margin-bottom:5px}.footer_l ul li:nth-child(1){font-size:16px;color:#fff;margin-bottom:15px}
.footer_l ul:nth-child(3){margin-right:0}.footer_r{float:right;color:#fff;margin-right:20px}
.inscribe_img{float:right;margin-left:30px}.inscribe_img img{width:96px;height:96px}
.inscribe{float:right;margin-top:60px}.inscribe_box{overflow:hidden;margin-top:60px}
.footer_context{background:#282828;height:40px;line-height:40px;text-align:center;width:100%;color:#fff;position:relative;z-index:2}



body{font-family:Tahoma,Arial,Helvetica,'微软雅黑','宋体','华文细黑';background-color:#f5f5f5;}
.container,.api-info,.api-banner-content{width:1200px;margin:0 auto;}
.api-main{width:100%;}
.api-banner-box{width:100%;height:350px;background:url('http://api.ecxinyue.com/index_files/banner-bgimg.png') center/cover no-repeat;}
.api-banner-content .apibp{padding-left:30px;}
.api-banner-logo{padding-top:50px;}
.api-title,.api-banner-text,.writ-title{position:relative;font-size:0;color:#fff;}
.api-title{width:231px;height:32px;display:inline-block;background:url(../index_files/apititle.png) no-repeat;}
.api-banner-text{width:430px;height:20px;margin-top:26px;background:url(../index_files/apititle.png) no-repeat 0 -52px;}

.api-btn-box{padding:30px 0 0 3px;}
.apibtn{display:inline-block;font-size:12px;color:#e2e2e2;color:rgba(255,255,255,.8);background-color:#008fff;/*008fff*/border:1px solid transparent;
border-radius:30px;}
.apibtn.get-key{padding:9px 20px 10px 20px;}
.apibtn.go-home{padding:9px 20px;margin-left:20px;background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);}
.apibtn:hover{color:#fff;background-color:#0182e6;}
.apibtn.get-key:hover{background-color:rgba(255,255,255,.1);}
.apibtn.go-home:hover{background-color:rgba(255,255,255,.1);}


.api-info{margin-top:5px;}
.writ{padding:20px 50px;background:#fff;border: 1px solid #f5f1f1;
    border-radius: 6px;}
.writ-title span.title{position:relative;display:block;width:260px;height:25px;margin:0 auto;margin-top:15px;background:url(../index_files/apititle.png) no-repeat 0 -92px;}
.writ-info{color:#8a8a8a;padding:30px 0;text-align:center;}
.hr{display:block;height:1px;background-color:#eaeaea;}
.writ-Notes{padding-top:20px;color:#aaa;font-size:14px;}
.writ-Notes span{padding-left:30px;}
.writ-Notes span:first-child{padding-left:10px;}
.writ-Notes span b{color:#4dc3e6;font-weight:normal;}
.writ-flag-box{position:absolute;top:6px;right: 19%;}
.writ-flag{padding:5px 10px;margin-left: 10px;font-size:14px;font-style:normal;
    border-radius: 5px;}
.writ-flag.blue{background-color:#00aeee;}
.writ-flag.green{background-color:#58d8a3;}

.api-data-box{margin-bottom:40px;}
.api-menu{font-size:0;padding:35px 0 25px 0;}
.api-menu li{position:relative;display:inline-block;margin-left:60px;padding:10px 20px;/*border-bottom:1px solid #f5f5f5;*/transition:all .5s;}
.api-menu li:first-child{margin-left:0;}
.api-menu li:after{content:'';position: absolute;left:0;bottom:0;width:0;height:1px;background-color:#35a1e1;transition:all .5s;}
.api-menu li.current:after{width:100%;}
.api-menu li i{display:block;height:42px;background:url(../index_files/apititle.png) no-repeat;transition:all .5s;}
.api-menu li i.api{width:52px;background-position: 0 -138px;}
.api-menu li i.error{width:155px;background-position:-70px -136px;}
.api-menu li i.other{width:122px;background-position:-245px -136px;}
.api-menu li.current i{background-position-y:-185px;}
.api-menu li.current i.api{background-position-y:-187px;}
.api-menu li:hover{cursor:pointer;}
.api-menu li:hover i{background-position-y:-185px;}

.data-row{position:relative;border: 1px solid transparent;}
.api-nav-box,.api-case{background-color:#fff;padding:23px 0;border-radius:10px;}
.api-nav-box{position:absolute;top:0;left:0;width:190px;font-size:16px;}
.api-current{position:relative;width:100%;/*padding:20px 0;*/height: 62px;line-height: 62px;background:#35a1e1;color:#fff;text-align:center;}
.api-current:after{
	content:'';
    position: absolute;
    top: 0;right:-29px;
    border-left: 29px solid #35a1e1;
    border-top: 30px solid transparent;
    border-bottom: 31px solid transparent;}
.api-nav-box{border-bottom-left-radius:0;border-bottom-right-radius:0;}
.api-nav{}
.api-nav li{position:relative;z-index:1;padding:20px 10px;text-align:center;color:#8a8a8a;overflow: hidden;white-space:nowrap;cursor:pointer;transition: 0.5s;}
.api-nav li:before{z-index: -1;
	content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;transition: 0.5s;
    height:100%;
    background:#c53f45;/*#e94543*/}
.api-nav li.current{color:#35a1e1;}
/*.api-nav li:hover{color:#fff;} 
.api-nav li:hover:before{width:100%;}*/
.api-nav li:hover{color:#c53f45;}

.api-case{margin:10px 0 0 206px;padding-top: 13px;min-height: 560px;display:none;}
.api-case-title{height:61px;margin:0 20px;border-bottom:1px solid #eaeaea;}
.api-case-title span.title{position:relative;display:inline-block;margin:20px 0 0 10px;width:200px;height:24px;background:url(../index_files/apititle.png) no-repeat;font-size:0;}
.api-case-title span.title .hr{display:block;content:'';position:absolute;bottom:-18px;left:-10px;width:0px;;height:2px;background-color:#35a1e1;/*transition:all .5s;*/}
.api-case-title span.title.on:after{width:110%;}
.api-case-title span.title-0{background-position: 0 -240px;}
.api-case-title span.title-1{background-position:-245px -240px;width:240px;}
.api-case-title span.title-2{background-position:-490px -240px;}

.api-case-cell{margin:0 20px;padding:20px 10px;display:none;}
.api-intro p{margin: 5px 0 16px;padding-left:10px;color:#565a5c;/*#969696*/line-height: 1.5;text-align:left;}
.api-intro p span.strong{color:#1E9FFF;}

.api-resPara,.api-resjson-eg{margin-top:20px;}
.title-s{position:relative;padding:10px 10px;border-bottom:1px solid #ededed;color:#666;font-weight:normal;transition:all .5s;}
.title-s:after{content:'>';position:absolute;top:12px;right:20px;font-family:'宋体';font-weight:bold;color:#999;transition:all .5s;
	-webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);}
.title-s:hover{padding-left:20px;background-color:#f5f5f5;color:#8d8d8d;cursor:pointer;border-top-left-radius:6px;border-top-right-radius:6px;}
.title-s.onpen:after{}
.title-s.close:after{-webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);}
.title-s:hover:after{}
.api-table-box{width:100%;margin-top:10px;overflow:hidden;}
.api-table{width:100%;overflow:hidden;/*border:1px solid #f6f6f6;*/border-bottom:1px solid #f3f3f3;background: #fbfbfb;color:#888;text-align:center;font-weight: normal;border-collapse: collapse;/*white-space:nowrap;*/}
.api-table tbody tr th{font-weight:normal;}
.api-table td{padding:15px 10px;/*border-right:1px solid #efefef;*/font-size:14px;}
.api-table td:last-child{border-right:none;}
.api-table tr:nth-child(2n){background:#f3f3f3/*#F8F8F8*/;}
.api-table thead th{padding:15px 0;color: #ffffff;font-weight:normal;border:1px solid transparent;border-bottom:none;}
.api-table.cyan thead th{background:#4FC3A1;}
.api-table.blue thead th{background:#35a1e1;}
.api-intro-box .api-table tbody tr td:last-child{text-align:left;padding-left:30px;} 

.prediv{overflow:hidden;}
.prediv pre{    
    padding: 20px 0 20px 20px;
    margin: 10px 0;
    overflow: hidden;
    border: 1px solid #eee;
    background: #f5f5f5;    
    color: #666;
    line-height:30px;
    text-align: left;
    white-space: pre;white-space:pre-wrap;word-wrap:break-word;
    /*font-family: Georgia,"Times New Roman",Times,serif,Menlo,Monaco,Consolas,"Courier New",monospace;*/
    font-family: unset;
    border-radius: 4px;
}
.prediv pre i{padding-left:10px;color:#f55b5b;font-style:normal;}

table tr:first-child th:first-child {
    border-top-left-radius:6px;
}
table tr:first-child th:last-child {
    border-top-right-radius:6px;
}
table tr:last-child td:first-child {
    border-bottom-left-radius:6px;
}
table tr:last-child td:last-child {
    border-bottom-right-radius:6px;
}

.show{display:block;}
.hide{display:none;}

/*.api-table thead th:nth-child(2n+1) {
    color: #ffffff;
    background:#324960;
}
.api-table thead th {
    color: #ffffff;
    background: #4FC3A1;
}*/

/*xslide */
.api-current.cd-headline.slide{
  display: inline-block;
  position:relative;
}
.api-current.slide .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.api-current.slide b {
  position: absolute;
  width:100%;display:inline-block;opacity: 0;font-weight:normal;
  top:0;left:0;
}
.api-current.slide b.is-visible {
  top: 0;
  opacity: 1;
  -webkit-animation: slide-in 0.6s;
  -moz-animation: slide-in 0.6s;
  animation: slide-in 0.6s;
}
.api-current.slide b.is-hidden {
  -webkit-animation: slide-out 0.6s;
  -moz-animation: slide-out 0.6s;
  animation: slide-out 0.6s;
}

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(5%);
    -moz-transform: translateY(5%);
    -ms-transform: translateY(5%);
    -o-transform: translateY(5%);
    transform: translateY(5%);/*20%*/
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
}
@-moz-keyframes slide-out {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
}
@keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
    -moz-transform: translateY(120%);
    -ms-transform: translateY(120%);
    -o-transform: translateY(120%);
    transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}


/*xrotate-1 */
.api-current.cd-headline.rotate-1{
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
  display: inline-block;
  position: relative;
}
.api-current.rotate-1 b {
	position: absolute;
  width:100%;display:inline-block;opacity: 0;font-weight:normal;
  top:0;left:0;
  opacity: 0;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.api-current.rotate-1 b.is-visible {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-animation: cd-rotate-1-in 1.2s;
  -moz-animation: cd-rotate-1-in 1.2s;
  animation: cd-rotate-1-in 1.2s;
}
.api-current.rotate-1 b.is-hidden {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
  -webkit-animation: cd-rotate-1-out 1.2s;
  -moz-animation: cd-rotate-1-out 1.2s;
  animation: cd-rotate-1-out 1.2s;
}

@-webkit-keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -webkit-transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    opacity: 1;
  }
}
@-moz-keyframes cd-rotate-1-in {
  0% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -moz-transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -moz-transform: rotateX(360deg);
    opacity: 1;
  }
}
@keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -webkit-transform: rotateX(120deg);
    -moz-transform: rotateX(120deg);
    -ms-transform: rotateX(120deg);
    -o-transform: rotateX(120deg);
    transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 1;
  }
}
@-webkit-keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }
}
@-moz-keyframes cd-rotate-1-out {
  0% {
    -moz-transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -moz-transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
  }
}
@keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    -moz-transform: rotateX(-40deg);
    -ms-transform: rotateX(-40deg);
    -o-transform: rotateX(-40deg);
    transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
}


.box {position: relative;vertical-align: middle;display: inline-block;cursor: pointer;
    transition: 0.5s;   
    -webkit-transition: 0.5s;}
.box:hover {border: 1px solid rgba(0, 160, 80, 0);color: #FFF;text-decoration: none;}
.box::before,.box::after {border-radius:30px;
  width: 100%;
  height: 100%;
  z-index: 3;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  -webkit-transform: scale(0);
  transition: 0.5s;}
.foo::before {
  border-bottom: 1px solid #FFF;
  border-left: 1px solid #FFF;
  -webkit-transform-origin: 0 100%;}
.foo::after {
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  -webkit-transform-origin: 100% 0%; }
.box:hover::after, .box:hover::before {
  -webkit-transform: scale(1);}