*{margin:0;padding:0;font-size:14px;font-family:'microsoftyahei';}
li,ol{list-style-type:none}
a{text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
#header{z-index:999;width:100%;height:70px;background:#ffffff;box-shadow:0 2px 8px #f0f1f2;line-height:70px;position:fixed;top:0;left:0;}
.logo-left img{width:100px;vertical-align:middle;}
.logo-left{margin-left:40px;}
.text-right{margin-right:40px;font-size:20px;color:#666666;}
.content{position:relative;padding-top:70px;}
.left-nav{width:24%;max-height:800px;border-right:1px solid #dddddd;}
.left-nav li{padding-left:40px;height:40px;line-height:40px;padding-right:40px;}
.activeOn{background:#E6F7FF;border-right:3px solid #1890FF;color:#1890FF;}
.right-cont{padding-left:320px;height: calc(100vh - 70px); overflow: hidden;}
.right-cont iframe{ height: calc(100vh - 70px); overflow: hidden;}
.right-div { padding: 0 30px 300px;height: calc(100vh - 300px); overflow-y: auto; box-sizing: content-box;}
.api-title{color:#333333;font-size:30px;height:88px;line-height:88px;border-bottom:1px solid #F2F2F2;}
.classify-title{font-size:18px;color:#333333;}
.classify-subtitle{font-size:14px;color:#666666;margin-top:20px;}
.api-cont{margin-top:20px;}
.api-cont .infor{background:#f1f1f1;color:#314659;font-size:13px;padding:10px;margin-top:10px;}
.table-infor table{width:100%;margin-top:10px;}
.table-infor table .table-head{background:#eee;color:#314659;font-size:13px;}
.table-infor table td{padding:5px 10px;}
table{border-spacing:0;border-right:1px solid #ddd;border-top:1px solid #ddd;}
.table-infor table thead td,.table-infor table tbody td{border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
.forexample{font-size:14px;font-weight:bold;color:#666666;margin:10px 0;}
.code-example{background:#f1f1f1;padding:10px;}
.code-cont{margin-left:2%;}
.code-cont2{margin-left:5%;}
.code-cont3{margin-left:8%;}
.code-left{width:40%;}
.code-right{width:58%;font-size:14px;color:#999999;}
.code-left2{width:38%;}
.code-right2{width:57%;font-size:14px;color:#999999;}
.code-left3{width:37%;}
.code-right3{width:58%;font-size:14px;color:#999999;}
.red{color:#F81D22;}
.second{margin-left:3%;}
.third{margin-left:6%;}
.fixednav{position: fixed;top: 0px;left: 0px;z-index: 999;}
.lvc-wrap {	width: 320px;height: 100%;overflow-y:auto;overflow-x:hidden;border-right:1px solid #eeeeee;position:fixed;top:0px;left:0;}
.lvc-wrap::-webkit-scrollbar-track-piece { background-color:#f8f8f8;}
.lvc-wrap::-webkit-scrollbar {width:5px;height:5px;}
.lvc-wrap::-webkit-scrollbar-thumb {background-color:#8e8e8e;background-clip:padding-box;min-height:28px;}

.lvc-nav {width: 100%;padding-top: 20px;padding-bottom: 30px; border: 1px solid #e8eaed;border-width: 0 1px 0 1px;}
.lvc-nav li a {color: #666}
.lvc-nav li.active-cur{}
.lvc-nav li.active-cur:before {position: absolute;content: "";width: 3px;height:40px;background: #0d94ff;left: 0;}
.lvc-nav li.active-cur{background-color: #f4f6f8;font-weight:bold;}
.right-cont .tab-item {display: none}.right-cont .tab-item.active-cont {display: block}
.lvc-nav li{height:35px;line-height:35px;cursor:pointer;}
.top-level {font-size:18px;padding: 0 15px;color:#000;height:50px;display: flex; justify-content: space-between; align-items: center;cursor: pointer;}
.top-level img{width:20px;height: 20px;transition: all 0.1s;}
.top-level.show img{transform: rotate(180deg);}
.one-level{font-size:16px;padding-left:30px;color:#000;height:50px;line-height:50px;}
.width-height{height:40px;line-height:40px;}
.two-level{font-size:14px;padding-left:50px;color:#000;}
.three-level{font-size:13px;padding-left:70px;color:#000;}
.four-level{font-size:12px;padding-left:80px;color:#000;}

.not_open {height: 500px;display: flex;flex-direction: column; justify-content: center;align-items: center;font-size: 16px;color:#999; }

.view_btn {
    color: #1890ff;
    margin-right: 10px;
    &:hover {
        text-decoration: underline;
    }
}

/* 蒙层 */
.modal-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.45);
    display: none;
    z-index: 1000;
}
.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border-radius: 8px;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08);
    width: 800px;
    display: none;
    z-index: 1000;
}

.modal-header {
    padding: 16px 24px;
    border-bottom: 1px solid #e8e8e8;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title {
    font-size: 16px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.85);
}

.modal-close {
    background: none;
    border: none;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.45);
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s;
}

.modal-close:hover {
    background: #f5f5f5;
    color: rgba(0, 0, 0, 0.75);
}

.modal-content {
    padding: 15px;
    color: rgba(0, 0, 0, 0.85);
    line-height: 1.6;
    max-height: 600px;
    overflow-y: auto;
}

.address-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.address-item {
    padding: 20px 24px;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.3s;
}

.address-item:hover {
    background-color: #fafafa;
}

.address-item:last-child {
    border-bottom: none;
}

.address-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.address-name {
    font-size: 16px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.85);
}

.address-sn {
    background: #1890ff;
    color: white;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: 500;
}

.address-detail {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.65);
    line-height: 1.6;
    margin-bottom: 8px;
}

.address-info {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 12px;
    font-size: 14px;
}

.phone {
    color: #1890ff;
    display: flex;
    align-items: center;
}

.remark {
    color: #faad14;
    font-size: 13px;
    margin-top: 8px;
    padding: 8px 12px;
    background-color: #fffbe6;
    border-radius: 4px;
    border-left: 3px solid #faad14;
}