 
*{
  margin:0;
  padding:0;
}
body{
  font-family: "微软雅黑"
}
.alert-modal{
  left:0;
  top:0;
  width:100%;
  height:100%;
  background: #000;
  opacity: 0.6;
   filter: alpha(opacity=60);
}
.alert-container{
  display: inline-block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  background: #fff;
  border:1px solid #f1f1f1;
  z-index: 99999;
  overflow: hidden;
}
.alert-title{
  font-size: 16px;
  text-align: center;
  line-height: 42px;
  color:#111;
  background: #fff;
  position: absolute;
  left:0;
  top:0;
  z-index: 999;
  width:100%;
  text-align: center;
}
.alert-content{
  font-size: 14px;
  padding:15px 20px;
  color:#555;
  height:100%;
  overflow: auto;
  box-sizing:border-box;
}
.alert-content-scrollbar{

}
.alert-btn-box{
  border-top:1px solid #f1f1f1;
  text-align: right;
  position: absolute;
  left:0;
  background: #fff;
  bottom: 0;
  z-index: 999;
  width:100%;
}
.alert-btn-p{
  display: inline-block;
  text-align: center;
  border-right:1px solid #f1f1f1;
  font-size:14px;
  line-height: 35px;
  cursor: pointer;
  color:#222;
  box-sizing: border-box;
}
.alert-btn-p:hover{
  background: #eee;
}
.alert-btn-p:last-child{
  border-right: none;
}
.pcAlert .alert-btn-box{
  padding-right:10px;
  border:none;
}
.pcAlert .alert-btn-p{
  border:1px solid #f1f1f1;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  line-height: 30px;
  margin:7px 0;
  padding:0 10px;
  margin-right:10px;
}
.alert-btn-close{
  position: absolute;
  right:10px;
  top:3px;
  font-size: 24px;
  cursor: pointer;
  z-index: 1000;
}

.alert-container-black{
  background-color:rgba(0,0,0,0.65);
  border:none;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
}
.alert-container-black .alert-content{
    color: #fff;  
}

.linearTop{
  -webkit-animation-name: linearTop;
  -moz-animation-name: linearTop;
  -o-animation-name: linearTop;
  animation-name: linearTop;
}

.linearBottom{
  -webkit-animation-name: linearBottom;
  -moz-animation-name: linearBottom;
  -o-animation-name: linearBottom;
  animation-name: linearBottom;
}

@keyframes linearBottom {
   0%{
      -webkit-transform: translate3d(0,0,0);
      -moz-transform: translate3d(0,0,0);
      -o-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
      opacity: 1;
      filter:alpha(opacity=100);
   }
   100%{
      -webkit-transform: translate3d(0,80px,0);
      -moz-transform: translate3d(0,80px,0);
      -o-transform: translate3d(0,80px,0);
      transform: translate3d(0,80px,0);
      opacity: 0;
      filter:alpha(opacity=0);
   }
}

@keyframes linearTop {
   0%{
     -webkit-transform: translate3d(0,80px,0);
      -moz-transform: translate3d(0,80px,0);
      -o-transform: translate3d(0,80px,0);
      transform: translate3d(0,80px,0);
      opacity: 0;
      filter:alpha(opacity=0);
   }
   100%{
       -webkit-transform: translate3d(0,0,0);
      -moz-transform: translate3d(0,0,0);
      -o-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
      opacity: 1;
      filter:alpha(opacity=100);
   }
}




.animated.infinite {
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
}
.animated.linearBottom,
.animated.linearTop,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .45s;
  -moz-animation-duration: .45s;
  -o-animation-duration: .45s;
  animation-duration: .45s;
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    filter:alpha(opacity=0);
    -webkit-transform: scale3d(.3, .3, .3);
    -moz-transform: scale3d(.3, .3, .3);
    -o-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }


  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    -moz-transform: scale3d(1.2, 1.2, 1.2);
    -o-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }

  65%, 70% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale3d(.75, .75, .75);
    -moz-transform: scale3d(.75, .75, .75);
    -o-transform: scale3d(.75, .75, .75);
    transform: scale3d(.75, .75, .75);
  }

  100% {
    opacity: 0;
     filter: alpha(opacity=0);
    -webkit-transform: scale3d(.3, .3, .3);
    -moz-transform: scale3d(.3, .3, .3);
    -o-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut;
}

/*alert*/
.alert-box{
	position: relative;
	margin-top:30px;
}
.alert-api-txt{
	line-height: 70px;
	background: #0074d9;
	color:#fff;
}
.alert-api-list{
	text-align: left;
	position: absolute;
	left:0;
	top:0;
	width:25%;
	z-index: 99;
	background: #f4f4f4;
    border: 1px #ccc solid;
    height:100%;
    overflow: auto;
}
.alert-api-intro{
	width:73%;
	padding-left:27%;
}
.alert-api-title{
	color: #333;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
}
.alert_list{
	overflow: hidden;
    padding: 0px 15px 20px 20px;
}
.alert_list li{
	line-height: 30px;
    padding: 0;
    font-size: 14px;
    overflow: hidden;
}
.alert_list li a{
	display: block;
    padding-left:15px;
}
.alert_list li a:hover{
	color:#fff;
	background: #0074d9;
}
a:focus{
	color: #fff;
}
.alert-api-api{
	margin:20px 0 -10px 0;
}
.alert-api-hover{
	background: #0074d9;
	color:#fff;
}
.alert-api-intro-msg span{
	background: #eee;
	line-height: 35px;
	display: inline-block;
	height:35px;
	padding:0 8px;
}
.blockquote{
	border-left:5px solid #0074d9;
	padding:12px;
	background: #e1e1e1;
}
.brush-title{
	background: #f1f1f1;
	line-height: 36px;
	padding-left:10px;
}
.blockquote p{
	line-height: 25px;
}
.fieldset{
	padding:20px;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
}
.fieldset legend{
	padding:0 5px;
	color:#333;
}
.str_bg{
	padding:3px 6px;
	background: #588BB6;
	color:#fff;
	margin-right:5px;
}
.alert-api-button{
	display: inline-block;
    padding: 0 10px;
    height: 36px;
    line-height: 36px;
    border: none;
    border-radius: 3px;
    background-color: #0074d9;
    color: #fff;
    opacity: .9;
    filter: alpha(opacity=90);
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: visible;
    cursor: pointer;
    vertical-align: top;
}

/**/
.syntaxhighlighter a,.syntaxhighlighter div,.syntaxhighlighter code,.syntaxhighlighter,.syntaxhighlighter td,.syntaxhighlighter tr,.syntaxhighlighter tbody,.syntaxhighlighter thead,.syntaxhighlighter caption,.syntaxhighlighter textarea{
    -moz-border-radius:0 0 0 0!important;
    -webkit-border-radius:0 0 0 0!important;
    background:none!important;
    border:0!important;
    bottom:auto!important;
    float:none!important;
    left:auto!important;
    line-height:1.1em!important;
    margin:0!important;
    outline:0!important;
    overflow:visible!important;
    padding:0!important;
    position:static!important;
    right:auto!important;
    text-align:left!important;
    top:auto!important;
    vertical-align:baseline!important;
    width:auto!important;
    box-sizing:content-box!important;
    font-family:Monaco,Menlo,Consolas,"Courier New",monospace;
    font-weight:normal!important;
    font-style:normal!important;
    min-height:auto!important;
    font-size:13px!important
}
.syntaxhighlighter{
    width:100%!important;
    margin:.3em 0 .3em 0!important;
    position:relative!important;
    overflow:auto!important;
    background-color:#f5f5f5!important;
    border:1px solid #ccc!important;
    border-radius:4px!important;
    border-collapse:separate!important
}
.syntaxhighlighter.source{
    overflow:hidden!important
}
.syntaxhighlighter .bold{
    font-weight:bold!important
}
.syntaxhighlighter .italic{
    font-style:italic!important
}
.syntaxhighlighter .gutter div{
    white-space:pre!important;
    word-wrap:normal
}
.syntaxhighlighter caption{
    text-align:left!important;
    padding:.5em 0 .5em 1em!important
}
.syntaxhighlighter td.code{
    width:100%!important;
    padding-top: 10px!important;
}
.syntaxhighlighter td.code .container{
    position:relative!important
}
.syntaxhighlighter td.code .container textarea{
    box-sizing:border-box!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:100%!important;
    border:none!important;
    background:white!important;
    padding-left:1em!important;
    overflow:hidden!important;
    white-space:pre!important
}
.syntaxhighlighter td.gutter .line{
    text-align:right!important;
    padding:4px .5em 4px .5em!important
}
.syntaxhighlighter td.code .line{
    padding:4px 1em!important
}
.syntaxhighlighter.nogutter td.code .container textarea,.syntaxhighlighter.nogutter td.code .line{
    padding-left:0!important
}
.syntaxhighlighter.show{
    display:block!important
}
.syntaxhighlighter.collapsed table{
    display:none!important
}
.syntaxhighlighter.collapsed .toolbar{
    padding:.1em .8em 0 .8em!important;
    font-size:1em!important;
    position:static!important;
    width:auto!important
}
.syntaxhighlighter.collapsed .toolbar span{
    display:inline!important;
    margin-right:1em!important
}
.syntaxhighlighter.collapsed .toolbar span a{
    padding:0!important;
    display:none!important
}
.syntaxhighlighter.collapsed .toolbar span a.expandSource{
    display:inline!important
}
.syntaxhighlighter .toolbar{
    position:absolute!important;
    right:1px!important;
    top:1px!important;
    width:11px!important;
    height:11px!important;
    font-size:10px!important;
    z-index:10!important
}
.syntaxhighlighter .toolbar span.title{
    display:inline!important
}
.syntaxhighlighter .toolbar a{
    display:block!important;
    text-align:center!important;
    text-decoration:none!important;
    padding-top:1px!important
}
.syntaxhighlighter .toolbar a.expandSource{
    display:none!important
}
.syntaxhighlighter.ie{
    font-size:.9em!important;
    padding:1px 0 1px 0!important
}
.syntaxhighlighter.ie .toolbar{
    line-height:8px!important
}
.syntaxhighlighter.ie .toolbar a{
    padding-top:0!important
}
.syntaxhighlighter.printing .line.alt1 .content,.syntaxhighlighter.printing .line.alt2 .content,.syntaxhighlighter.printing .line.highlighted .number,.syntaxhighlighter.printing .line.highlighted.alt1 .content,.syntaxhighlighter.printing .line.highlighted.alt2 .content{
    background:none!important
}
.syntaxhighlighter.printing .line .number{
    color:#bbb!important
}
.syntaxhighlighter.printing .line .content{
    color:black!important
}
.syntaxhighlighter.printing .toolbar{
    display:none!important
}
.syntaxhighlighter.printing a{
    text-decoration:none!important
}
.syntaxhighlighter.printing .plain,.syntaxhighlighter.printing .plain a{
    color:black!important
}
.syntaxhighlighter.printing .comments,.syntaxhighlighter.printing .comments a{
    color:#008200!important
}
.syntaxhighlighter.printing .string,.syntaxhighlighter.printing .string a{
    color:blue!important
}
.syntaxhighlighter.printing .keyword{
    color:#ff7800!important;
    font-weight:bold!important
}
.syntaxhighlighter.printing .preprocessor{
    color:gray!important
}
.syntaxhighlighter.printing .variable{
    color:#a70!important
}
.syntaxhighlighter.printing .value{
    color:#090!important
}
.syntaxhighlighter.printing .functions{
    color:#ff1493!important
}
.syntaxhighlighter.printing .constants{
    color:#06c!important
}
.syntaxhighlighter.printing .script{
    font-weight:bold!important
}
.syntaxhighlighter.printing .color1,.syntaxhighlighter.printing .color1 a{
    color:gray!important
}
.syntaxhighlighter.printing .color2,.syntaxhighlighter.printing .color2 a{
    color:#ff1493!important
}
.syntaxhighlighter.printing .color3,.syntaxhighlighter.printing .color3 a{
    color:red!important
}
.syntaxhighlighter.printing .break,.syntaxhighlighter.printing .break a{
    color:black!important
}
.syntaxhighlighter{
    background-color:#eee!important;
     box-shadow: 0 0 10px rgba(100,100,100,0.5);
}
.syntaxhighlighter .line.highlighted.number{
    color:black!important
}
.syntaxhighlighter caption{
    color:black!important
}
.syntaxhighlighter .gutter{
    color:#afafaf!important;
    background-color:#f1f1f1!important;
    border-right:1px solid #e1e1e8!important;
    padding:9.5px 0 9.5px 9.5px!important;
    border-top-left-radius:4px!important;
    border-bottom-left-radius:4px!important;
    user-select:none!important;
    -moz-user-select:none!important;
    -webkit-user-select:none!important
}
.syntaxhighlighter .gutter .line.highlighted{
    background-color:#6ce26c!important;
    color:white!important
}
.syntaxhighlighter.printing .line .content{
    border:none!important
}
.syntaxhighlighter.collapsed{
    overflow:visible!important
}
.syntaxhighlighter.collapsed .toolbar{
    color:blue!important;
    background:white!important;
    border:1px solid #6ce26c!important
}
.syntaxhighlighter.collapsed .toolbar a{
    color:blue!important
}
.syntaxhighlighter.collapsed .toolbar a:hover{
    color:red!important
}
.syntaxhighlighter .toolbar{
    color:white!important;
    background:#6ce26c!important;
    border:none!important
}
.syntaxhighlighter .toolbar a{
    color:white!important
}
.syntaxhighlighter .toolbar a:hover{
    color:black!important
}
.syntaxhighlighter .plain,.syntaxhighlighter .plain a{
    color:black!important
}
.syntaxhighlighter .comments,.syntaxhighlighter .comments a{
    color:#008200!important
}
.syntaxhighlighter .string,.syntaxhighlighter .string a{
    color:blue!important
}
.syntaxhighlighter .keyword{
    color:#ff7800!important
}
.syntaxhighlighter .preprocessor{
    color:gray!important
}
.syntaxhighlighter .variable{
    color:#a70!important
}
.syntaxhighlighter .value{
    color:#090!important
}
.syntaxhighlighter .functions{
    color:#ff1493!important
}
.syntaxhighlighter .constants{
    color:#06c!important
}
.syntaxhighlighter .script{
    font-weight:bold!important;
    color:#ff7800!important;
    background-color:none!important
}
.syntaxhighlighter .color1,.syntaxhighlighter .color1 a{
    color:gray!important
}
.syntaxhighlighter .color2,.syntaxhighlighter .color2 a{
    color:#ff1493!important
}
.syntaxhighlighter .color3,.syntaxhighlighter .color3 a{
    color:red!important
}
.syntaxhighlighter .keyword{
    font-weight:bold!important
}