@charset "utf-8";

.bold{font-weight:500 !important}
.u{text-decoration:underline !important}
.global_terms a,
.global_terms a:hover {color:#333}
.global_terms{display:none;z-index:30;position:fixed;top:0;left:0;width:100%;height:100%}
.global_terms.on{display:block}
.global_terms:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.65)}
.global_terms .fsup{font-size:14px !important}
.global_terms .wrap{
    width:86%;width:564px;padding:55px 40px 45px;
    z-index:1;background-color:#fff;
    position:absolute;top:50%;left:50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.global_terms .close{font-size:0;position:absolute;height:26px;top:30px}
.global_terms .close i,
.global_terms .close i:before{display:inline-block;background-color:#222}
.global_terms .close i{
    font-size:0;line-height:0;color:transparent;
    position:relative;vertical-align:top;height:1.5px;width:22px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.global_terms .close i:before{
    content:'';width:1.5px;height:22px;
    position:absolute;top:50%;left:50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.global_terms .tabs{font-size:0}
.global_terms .tabs li{display:inline-block;vertical-align:middle;width:33.3%}
.global_terms .tabs li button{width:100%;background-color:#333;height:40px;color:#888;font-size:13px}
.global_terms .tabs li button.on{background-color:#fff;color:#000}
.global_terms .head{margin-bottom:15px}
.global_terms .head h1{font-size:24px}
.global_terms .head.right .close{right:40px}
.global_terms .content{overflow: scroll;height:500px}
.global_terms .content pre{padding:10px;line-height:1.7;font-size:12px;color:#333}
.global_terms .content pre h2{margin-bottom:5px;font-size:16px;color:#000}
.global_terms .content pre h3{font-size:14px}
.global_terms .content pre table{margin-top:15px;border-top:1px solid #333;border-right:1px solid #333}
.global_terms .content pre table table{margin-top:0}
.global_terms .content pre th,
.global_terms .content pre td{padding:4px;border-bottom:1px solid #333;border-left:1px solid #333;font-size:12px}
.global_terms .content pre th{background-color:#e8e8e9}
.global_terms .content pre td{word-break:break-all}
.global_terms .content pre hr{border-style:dashed}

.global_terms.full:before{display:none}
.global_terms.full .wrap{
    position:relative;width:100%;height:100%;top:0;left:0;border-radius:0;padding:0;
    -webkit-transform: translate(0,0);transform: translate(0,0);
}
.global_terms.full .fsup{font-size:16px !important}
.global_terms.full .head{
    position:fixed;top:0;left:0;width:100%;margin-bottom:0;z-index:1;
    background-color:#fff;border-bottom:1px solid #e5e5e5;
}
.global_terms.full .head h1{position:relative;padding:15px 50px 20px 15px;font-size:18px}
.global_terms.full .head .close{top:14px}
.global_terms.full .head.right .close{right:18px}
.global_terms.full .head.left h1{padding-right:50px}
.global_terms.full .head.left h1{padding-left:50px;text-align:center}
.global_terms.full .head.left .close{left:18px}
.global_terms.full .content{height:100%;padding:76px 20px 20px;-webkit-overflow-scrolling: touch}
.global_terms.full .content pre{padding:0;font-size:14px}
.global_terms.full .content pre h2{font-size:16px}
.global_terms.full .content pre h3{font-size:14px}

@media all and (max-width:768px) {
    .global_terms:before{display:none}
    .global_terms .wrap{
        position:relative;width:100%;height:100%;top:0;left:0;border-radius:0;padding:0;
        -webkit-transform: translate(0,0);transform: translate(0,0);
    }
    .global_terms .fsup{font-size:16px !important}
    .global_terms .head{
        position:fixed;top:0;left:0;width:100%;margin-bottom:0;
        background-color:#fff;border-bottom:1px solid #acacac;
    }
    .global_terms .head h1{position:relative;padding-top:15px;padding-bottom:15px;padding-left:20px;font-size:18px}
    .global_terms .close{top:10px}
    .global_terms .head.right .close{right:10px}
    .global_terms .head.left h1{padding-right:50px}
    .global_terms .head.right .close{right:10px}
    .global_terms .head.left h1{padding-left:50px;text-align:center}
    .global_terms .head.left .close{left:10px}
    .global_terms .content{height:100%;padding:20px;-webkit-overflow-scrolling: touch}
    .global_terms .content pre{padding:0;font-size:14px}
    .global_terms .content pre h2{font-size:18px}
    .global_terms .content pre h3{font-size:16px}
    .global_terms .content pre th,
    .global_terms .content pre td{font-size:14px}
}
.red {color:red}