﻿.dialog-box {position:fixed;top:0;width:100%;height:100%;z-index:20;display:none;background:rgba(0,0,0,0.5);justify-content:center;align-items:center;}
.dialog {position:absolute;width:600px;display:none;padding-top:10px;padding-bottom:10px;background-color:#fff;border-radius:5px;min-height:240px;top:50%;left:50%}
.content_title {font-size:20px;height:36px;position:relative;margin-bottom:20px;line-height:36px;color:#333333;font-weight:bold;padding-left:22px;}
.content_title:after {content:'';width:5px;height:24px;background:#F8652F;position:absolute;left:0;top:6px;border-radius:5px;}
.dialog .dialog_close {color:#C9C9C9;position:absolute;right:22px;top:20px;font-size:20px;cursor:pointer;z-index:10;}
.dialog .dialog_title {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.dialog .scroll_box {max-height:585px;margin-right:2px;}
.dialog .dialog_body {width:532px;margin:0 auto;}
.dialog .dialog_body .file_data .file_data_title {height:26px;line-height:26px;background-color:#fafafa;border:1px solid #EBEBEB;color:#7A7A7A;font-size:14px;padding-left:10px;margin-bottom:13px;}
.dialog .dialog_body .file_data ul li {height:75px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:20px;}
.dialog .dialog_body .file_data ul li button {background:transparent;border:none;outline:none;color:#ff6e0b;}
.dialog .dialog_body .file_data ul li button .iconfont {font-size:30px;cursor:pointer;}
.dialog .dialog_body .file_data ul li:hover {background-color:#fff9f4;}
.dialog .dialog_body .file_data ul li .file_detail {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.dialog .dialog_body .file_data ul li .file_detail img {margin-right:10px;width:32px;}
.dialog .dialog_body .file_data ul li .file_detail h3 {font-size:16px;color:#292929;margin-bottom:2px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:400px;line-height:20px;}
.dialog .dialog_body .file_data ul li .file_detail p {font-size:12px;color:#7A7A7A;padding-left:8px;}
.dialog .dialog_body .file_data ul li .file_detail p span {margin-right:32px;}
.dialog .dialog_body .github_item {font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;}
.dialog .dialog_body .github_item .github_item_pic {position:absolute;right:65px;top:-20px;width:110px;height:110px;}
.dialog .dialog_body .github_item.arrow-icon .arrow_link {position:absolute;cursor:pointer;right:0;bottom:20px;font-family:"iconfont";content:"\e64a";font-size:18px;width:24px;height:24px;border-radius:50%;border:.5px solid #f7f7f7;text-align:center;line-height:24px;-webkit-transform:rotateZ(-90deg);transform:rotateZ(-90deg);color:#333333;}
.dialog .dialog_body .github_item.col-1 {padding:10px 0 20px;border-bottom:.5px solid #f7f7f7;}
.dialog .dialog_body .github_item.col-2:nth-child(2) div {border-bottom:.5px solid #f7f7f7;}
.dialog .dialog_body .github_item.col-2 div {border-top:.5px solid #f7f7f7;width:250px;padding:10px 0 20px;}
.dialog .dialog_body .github_item.col-2 div:first-child {margin-right:32px;}
.dialog .dialog_body .github_item.col-2:last-child div {border-bottom:none;}
.dialog .dialog_body .github_item p {font-weight:500;color:#292929;}
.dialog .dialog_body .github_item a {text-decoration:none;}
.dialog .dialog_body .github_item .github_title {color:#7a7a7a;font-weight:normal;margin-bottom:15px;}
.dialog .dialog_body .github_item .code_language {font-weight:bold;}
.dialog .dialog_body .github_item .copy {color:#127AC0;cursor:pointer;}
.dialog .dialog_body .github_item .library {position:relative;width:100%;}
.dialog .dialog_body .github_item .library .library_title {font-size:16px;margin-bottom:10px;}
.dialog .dialog_body .github_item .library div {display:-webkit-box;display:-ms-flexbox;display:flex;}
.dialog .dialog_body .github_item .library div p {color:#3D3D3D;font-weight:normal;margin-right:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.dialog .dialog_body .github_item .library div p .spanclo_1 {height:10px;width:10px;border-radius:5px;background-color:#FF66CC;margin-right:10px;}
.dialog .dialog_body .github_item .library div p .iconstars {color:#FF6602;font-size:12px;margin-right:8px;}
.dialog .dialog_body .github_item .library div p .iconbranch3x {color:#199ED8;}
.dialog .dialog_body .identy_box {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.dialog .dialog_body .identy_box .identy_label {color:#3D3D3D;padding:6px 15px;border-radius:5px;background-color:#F7F7F7;margin-right:25px;margin-bottom:20px;cursor:pointer;border:1px solid transparent;}
.dialog .dialog_body .identy_box .identy_label.label_active {color:#FF6600;background-color:#fff9f2;border:1px solid #F87F09;}
.dialog[name="whitepaper"] {min-height:194px;}
.dialog[name="whitepaper"] .dialog_body {width:560px;}
.dialog[name="whitepaper"] .dialog_body .file_data ul li {padding-left:24px;padding-right:24px;}
.dialog .dialog_body.github_div {width:550px;}
