html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {color: #2f332a;font: 15px/21px Microsoft YaHei;background: #f0f6e4 \9;}
h1, h2, h3, h4, h5, h6 {color: #2f332a;font-weight: bold;padding-bottom: 5px;}
h1 {font-size: 24px;line-height: 34px;text-align: center;}
h2 {font-size: 14px;line-height: 24px;padding-top: 5px;}
h6 {font-weight: normal;font-size: 12px;letter-spacing: 1px;line-height: 24px;text-align: center;}
a {color:#3C6E31;text-decoration: underline;}

span,h1 {font-family: "Microsoft YaHei";}
input.radio {margin: 0 2px 0 8px;}
input.radio.first {margin-left:0;}
input.empty {color: lightgray;}
code {color: #2f332a;}
.highlight_red {color:#A60000;}
.highlight_green {color:#A7F43D;}
li {list-style: circle;font-size: 12px;}
li.title {list-style: none;}
ul.list {margin-left: 17px;}

.hidden {
    display: none;
}

.show {
    display: block;
}

div.content_wrap>div.left{
    width: 290px;
    height: calc(100vh - 50px);
    position: absolute;    /*最外一层必须要绝对定位*/
    border-right: 1px solid #ddd;
    margin: 0;
    margin-right:13px;
    background-color: #fff;
}

div.content_wrap>div.right{
    width: calc(100% - 305px);
    position: absolute;
    right: 0;
    background-color: #fff;
}

.service-index-div {
    height: 25px;
    margin-top: 30px;
    padding: 8px 0 5px 12px;
    font-size: 18px;
    cursor:pointer;
}
.service-index-div.active{
    background-color: #dcf1ff;
    color: #36a9ff;
    border-right: 4px solid #2faaff;
}

ul.ztree {
    -moz-user-select:none;/*火狐*/
    -webkit-user-select:none;/*webkit浏览器*/
    -ms-user-select:none;/*IE10*/
    -khtml-user-select:none;/*早期浏览器*/
    user-select:none;
    color: #333;

    box-sizing: content-box;
    width: 100%;
    height:calc(100% - 40px);   /*去掉还会出现样式出错*/
    margin: 0;
    padding: 0;
    position: absolute;    /*最好也是给这个绝对定位,防止出现内容跳出范围*/
}

.mCSB_scrollTools {      /*调整滚动条跟右边框紧挨*/
    width: 4px !important;
}

.mCSB_dragger_bar {
    background-color: #b4b4b4 !important;
}

.mCSB_container {
    width: calc(100% - 8px) !important;
}


.content_title{
    padding-top: 30px;
    border-bottom: 2px groove #ffffff;
    padding-bottom: 10px;
}
.right-info{
    margin: 29px 0px 0px 20px;
    height: calc(100vh - 50px);
}
.right-content {
    height: calc(100vh - 50px);
    overflow: auto;
    padding-bottom:10px;
}
.right-info  h3{
    font-size:20px;
    font-weight:bold;
    color:#252734;
    margin-bottom:15px;
}
.right-info h4{
    font-size:16px;
    font-weight:100;
    color:#252734;
    margin-bottom:20px;
}
.right-info  p{
    font-size:14px;
    color:#747474;
}
.right-info  .h3-text{
    margin-bottom:25px;
}
.right-info  .h4-text{
    margin-bottom:20px;
}
.right-info  img{
    width:500px;
    margin-bottom:20px;
}


.content_title h1 {
    font-size: 30px;
    color: #0099ff;
}

.content_detail {
    width: 95%;
    display: none;
    margin-left: 43px;
    margin-top: 20px;
}

.info {
    margin-bottom: 40px;
    margin-top: 30px;
}

.info .info_title{
    display: none;
    font-size: 36px;
    color: #3f414f;
    font-family: "Microsoft YaHei";
}

.Entity_title{
    display: none;
    font-size: 22px;
    color: #3f414f;
}

.info .Entity_name{
    display: inline-block;
    height: 30px;
    padding: 10px 10px 0 10px;
    margin: 0 22px 0 0;
    font-size: 24px;
    color: #36a9ff;
    font-weight: 700;
    background-color: #dcf1ff;

}

.info  .no-entity-name {
    margin-right: 0px;
    display: none;
}

.info .description_div {
    width: 95%;
    margin: 0;
}

.info #info_description{
    display: inline-block;
    font-size: 18px;
    color: #797979;
    padding-top: 10px;
}

.attribute_div {
    padding: 0px 0 10px 0;
    border: 1px solid #D6D6D6;
    border-radius: 6px;
}

.blue-btn {
    position: relative;
    top: -18px;
    left: 19px;
    display: inline-block;
    line-height: 36px;
    text-align: center;
    background-color: #fafafa;
    color: #3f414f;
    border-radius: 8px;
}

.attribute_div .attribute-blue-btn {
    width: 110px;
}

.attribute_div .attribute_table {
    width: 95%;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    margin: 10px 0 16px 30px;
    font-size: 13px;
}

.attribute_table thead tr {
    border: 1px solid rgba(195, 189, 189, 0.29);
}

.attribute_table tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

.attribute_table th {
    white-space: nowrap;
    color: #5c6b77;
    font-weight: 600;
    /* border: 1px solid #e9e9e9; */
    padding: 8px 16px;
    text-align: left;
    background: #eeeeee;
    text-align: center;
    font-family: "Microsoft YaHei";
}

/*给表格增加圆角---左上圆角*/
.attribute_table thead tr:first-child th:first-child {
    border-top-left-radius: 6px;
}

/*给表格增加圆角---右上圆角*/
.attribute_table thead tr:first-child th:last-child {
    border-top-right-radius: 6px;
}

/*给表格增加圆角---左下圆角*/
.attribute_table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
}

/*给表格增加圆角---右下圆角*/
.attribute_table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}


.attribute_table tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

.attribute_table td {
    font-size: 14px;

    border: 1px solid rgba(195, 189, 189, 0.29);
    padding: 8px 16px;
    text-align: center;
    background-color: #fafafc;
}



.attribute_table th.th_description {
    width: 600px;
}

.attribute_table td:nth-child(3) {
    text-align: left;
    font-family: "Microsoft YaHei";
}

.footer{
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
    height: 50px;
    z-index:1;
    background-color: #f0f0f0;
}

/**
*	调用方法列表
*/
.method_div {
    margin-top: 50px;
    border: 1px solid #D6D6D6;
    border-radius: 6px;
    margin-bottom: 80px;
}

.method_div .method-blue-btn {
    width: 150px;
}

.method_content {
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: 25px;
}


/**
*	内容页的尾部
*/

.content-bottom-btn {
    display: inline-block;
    text-align: center;
    line-height: 25px;
    background-color: #2080c3;
    color: white;
    letter-spacing: 1px;
    border-radius: 8px;
}

.content-bottom-top {
    float: right;
    margin-top: 15px;
    margin-right: 29px;
    width: 70px;
}

.content-bottom-top:hover {
    cursor: pointer;
}

.content-bottom-time {
    float: left;
    margin-left: 50px;
    width: 350px;
}


/**
*	手风琴css  begin
-----------------------------*/
/*globle*/
ul, li{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/*sidebar*/
.sidebar{
    width: 100%;
    overflow: hidden;
    border-radius: 5px;
    font: 14px Microsoft YaHei;
    color: #f4f4f4;
}
.endpoint{
    width: 97%;
    line-height: 40px;
    margin-top: 10px;
    margin-bottom: 15px;
    overflow: hidden;
    background-color: white;
}

.endpoint .method-heading {
    cursor: pointer;
    position: relative;
}

.endpoint-GET .method-heading {
    background: #e7f0f7;
}

.endpoint-POST .method-heading {
    background: #e7f6ec;
}

.endpoint-PUT .method-heading {
    background: #f9f2e9;
}

.endpoint-DELETE .method-heading {
    background: #f5e8e8;
}

/*method_detail*/
.method-detail{
    width: calc(100% - 2px);
    display: none;
    border: 1px solid #D6D6D6;
}

/*arrow*/
.arrow{
    position: absolute;
    width: 20px;
    height: 100%;
    display: inline-block;
    right: 10px;
}

.arrow i {
    color: #aaaaaa;
    font-size: 1.2em;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
}

.arrow .icon_up {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

/**
*	手风琴css  end
-----------------------------*/

/**
*请求方法的样式
*/
.method-heading {
    /*height: 40px;*/
}

.method-type {
    width: 90px;
    height: 40.5px;
    display: inline-block;
    font-size: 1.2em;
    text-align: center;
    color: white;
    border-radius:6px 0 0 6px;
}

.method-GET {
    background-color: #66bafd;
}

.method-POST {
    background-color: #40cd77;
}

.method-DELETE {
    background-color: #f46d6f;
}

.method-PUT {
    background-color: #ffc268;
}

.path {
    display: inline-block;
    width: 520px;
    padding-left: 10px;
    color: #3f414f;
    font-size: 14px;

}

.path:hover {
    text-decoration: underline;
}

.method-name {
    height: 18px;
    position: relative;
    top: 6px;
    color: #3f414f;
    font-size: 14px;

    display: inline-block;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*包含GET等方法头按钮的方法，方法描述的宽度要多减去90px*/
.method-heading .server {
    width: calc(100% - 90px - 520px - 20px - 50px );  /*最后60px是多减的，以防超出*/
}

/*不包含GET等方法头按钮的方法，方法描述的宽度不需要多减去90px*/
.method-heading .client {
    width: calc(100% - 520px - 20px - 50px );  /*最后60px是多减的，以防超出*/
}

/**
*------------------  end------
*/


/**
* -------请求方法体沙盒样式    begin---
*/
.method-detail {
    background-color: white;
}

.method-detail .sandbox {
    width: 98%;
    margin: 0 auto;
}
.method-detail .sandbox[serverStatus="server"] .request-url-case,.method-detail .sandbox[serverStatu="server"] .request-header,.method-detail .sandbox[serverStatus="server"] .request-url-parameters{
    display:block;
}
.method-detail .sandbox[serverStatus="javascript"] .request-url-case,.method-detail .sandbox[serverStatus="javascript"] .request-header,.method-detail .sandbox[serverStatus="javascript"] .request-url-parameters{
    display:none;
}
.method-detail .sandbox[serverStatus="server"] .request-parameters {
    display:none;
}
.method-detail .sandbox[serverStatus="javascript"] .request-parameters {
    display:block;
}
/**
* -------Url请求示例样式    begin---
*/
/* .sandbox .request-url-case table{
	background-color: #eee;
} */
.sandbox .request-url-case table tbody tr{
    border: 1px solid rgba(195, 189, 189, 0.29);
}
.sandbox .request-url-case table tbody tr>td{
    line-height: 1.4em;
    border: none;
    vertical-align: middle;
}
/**
*------------------  end------
*/
.sandbox .request-parameters {
    /* padding-bottom: 5px; */
}

.method-detail .sandbox table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    table-layout:fixed;
}

.request-parameters table, .request-search-params table {
    table-layout: fixed;
}

.method-detail .sandbox table thead tr {
    border: 1px solid rgba(195, 189, 189, 0.29);
}

.method-detail .sandbox table thead tr th {
    white-space: nowrap;
    color: #5c6b77;
    font-weight: 600;
    text-align: center;
    background: #eeeeee;
    font-family: "Microsoft YaHei";
}

.method-detail .sandbox table tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

.method-detail .sandbox table tbody td {
    font-size: 14px;
    word-wrap: break-word;
    border: 1px solid rgba(195, 189, 189, 0.29);
    padding: 8px 16px;
    text-align: center;
}

.method-detail .sandbox table tbody td {
    line-height: 1.4em;
    color: #333333;

}

.method-detail .sandbox table tbody td:nth-child(1) {
    width: 100px;
}


/* 沙盒sandbox的标题样式  */
.method-detail .sandbox h4 {
    font-size: 1.2em;
    margin: 0;
    padding: 5px 0 0 0;
}

.method-detail-title-GET {
    color: #0f6ab4;
}

.method-detail-title-POST {
    color: #10a54a;
}

.method-detail-title-PUT {
    color: #c5862b;
}

.method-detail-title-DELETE {
    color: #a41e22;
}

.parameter-name {
    color: black;
    font-weight: bold;
}

.description-link, .snippet-link{
    color: black;
}


.response pre, .response-message pre, .request-parameter-body pre {
    font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
    padding-left: 10px;
    font-size: 0.9em;
    max-height: 400px;
    overflow-y: auto;
    background-color: #fcf6db;
    border: 1px solid #e5e0c6;
    color: black;
}

.response-json-block pre {
    line-height: 20px;
}

.response-headers-block pre {
    line-height: 25px;
}

.body-textarea-div {
    width: 90%;
}

.body-example-div {
    width: 100%;
}

.method-operate {
    margin-top: 30px;
}

.method-operate .method-operate-left {
    width: calc(100% - 165px);
    height: 100%;
    display: inline-block;
}

.method-operate input {
    width: 90px;
    height: 40px;
    background-color: #2d9ff2;
    color: white;
    border: none;
    border-radius: 5px;
}

.method-operate input:hover {
    cursor: pointer;
}

.method-operate a {
}

input.error, textarea.error {
    outline: 2px solid black !important;
    outline-color: #cc0000 !important;
}

.response-hider {
    text-decoration: underline;
    color: #6fa5d2;
    padding: 4px 0 0 10px;
    font-size: 0.9em;

}

.sandbox .parameter-list input {
    margin-top: 5px;
    display: block;
    padding:5px 2px;
    width:100%;
    border-width:0 0 1px;
    border-radius: 0;
    border-style: solid;
    border-color: rgba(0,0,0,.12);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0);
    font-size: 13px;
    background: transparent;
    outline: none;
}

.request-parameter-body .body-form-data-params {
    display: none;
}

.request-parameter-body .not-form-data-params{
    display: none;
}


.request-parameter-body .form-data-str {
    display: inline-block;
    padding-top: 8px;

}

.request-parameter-body .body-textarea {
    width: 99%;
    height: 200px;
    padding-left: 10px;
    font-family: "Anonymous Pro", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
    border: 1px solid #D6D6D6;
    -webkit-appearance: textarea;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    flex-direction: column;
    resize: auto;
    cursor: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.body-not-form-data-params tbody td {
    vertical-align: top;
    padding-top: 5px;
    text-align: left !important;
}

.request-body-hide {
    display: none;
}

.bodyParamCode {
    min-height: 200px;
    margin-bottom: 6px;
}

.bodyParamCode:hover {
    cursor: pointer;
    background-color: #ffffdd;
}


.response-example {
    text-align: left;
}

.response-example pre:hover {
    background-color: #ffffdd;
}

/**
* -------请求方法体沙盒样式    end---
*/

.footer-title {
    position: relative;
    left: 25px;
    top: 15px;
    font-size: 14px;
    font-weight: bold;
}

.white-space {
    width: 100%;
    height: 30px;
}