@charset "utf-8";
@font-face {
    font-family: Neo_Sans;
    src: url("../../fonts/Neo_Sans.ttf");
}

/* 字体大小 */
.f12 {
    font-size: 12px
}

.f13 {
    font-size: 13px
}

.f14 {
    font-size: 14px
}

.f15 {
    font-size: 15px
}

.f16 {
    font-size: 16px
}

.f17 {
    font-size: 17px
}

.f18 {
    font-size: 18px
}

.f19 {
    font-size: 19px
}

.f20 {
    font-size: 20px
}

.f21 {
    font-size: 21px
}

.f22 {
    font-size: 22px
}

.f23 {
    font-size: 23px
}

.f24 {
    font-size: 24px
}

.f25 {
    font-size: 25px
}

.f26 {
    font-size: 26px
}

.f27 {
    font-size: 27px
}

.f28 {
    font-size: 28px
}

/* 内容左右居中 */
.tl {
    text-align: left
}

.tr {
    text-align: right
}

.tc {
    text-align: center
}

/* 字体加粗或去除字体加粗 */
.fb {
    font-weight: bold
}

.fNomal {
    font-weight: normal
}

/* 字体颜色 */
.fBlackGray {
    color: #101010
}

.fOrange {
    color: #36393b;
}

.fGrayBlack {
    color: #3e3e3e;
}

.fGrayBlack_1 {
    color: #615F5F
}

.fSilverGrey {
    color: #ccc
}

.fWhite {
    color: #ececec;
}

/* 背景颜色 */
/*.bg_color_main {*/
    /*background-color: #3b6caa*/
/*}*/

/*!* 最新背景颜色标准 *!*/
/*.bg_complex {*/
    /*background-color: #3b6caa;*/
    /*color: #fff*/
/*}*/

/*!* 最新背景颜色标准 *!*/
/*.bg_color_sub {*/
    /*background-color: #65aaef*/
/*}*/

/* 最新背景颜色标准 */
/*.bgGray {*/
    /*background-color: #e6e6e6*/
/*}*/

/*.bgBlack {*/
    /*background-color: #3b6caa;*/
/*}*/

.bgWhite {
    background-color: #fff
}

/*.bgOrange {*/
    /*background-color: #3b6caa;*/
/*}*/

/*.bgOrangeWhite {*/
    /*background-color: #3b6caa;*/
    /*color: #EFF8FF;*/
/*}*/

/* 边框大小以及边框颜色 */
.bdTransparent {
    border: transparent
}

.b {
    border: 1px solid transparent
}

.bb1 {
    border-bottom: 1px solid
}

.bb2 {
    border-bottom: 2px solid
}

.bcWhite {
    border-color: #fff
}

.bcGray {
    border-color: #bbb
}

.bcOrange {
    border-color: #3b6caa;
}

/* 内容行高 */
.lh16 {
    line-height: 16px
}

.lh20 {
    line-height: 20px
}

.lh21 {
    line-height: 21px
}

.lh22 {
    line-height: 22px
}

.lh23 {
    line-height: 23px
}

.lh24 {
    line-height: 24px
}

.lh25 {
    line-height: 25px
}

.lh26 {
    line-height: 26px
}

.lh30 {
    line-height: 30px
}

.lh50 {
    line-height: 50px
}

/* 宽度 */
.w100 {
    width: 100%
}

.w90 {
    width: 90%
}

.w80 {
    width: 80%
}

.w70 {
    width: 70%
}

.w50 {
    width: 50%
}

.w40 {
    width: 40%
}

.w30 {
    width: 30%
}

.w20 {
    width: 20%
}

.w10 {
    width: 20%
}

.w5 {
    width: 5%
}

.w33 {
    width: 33.333%
}

.h50 {
    height: 50px
}

/* 外边距以及内边距 */
.mt5 {
    margin-top: 5px
}

.mb5 {
    margin-bottom: 5px
}

.mt8 {
    margin-top: 8px
}

.mt10 {
    margin-top: 10px
}

.mr14 {
    margin-right: 14px
}

.mb15 {
    margin-bottom: 15px
}

.mt15 {
    margin-top: 15px
}

.mg20 {
    margin: 20px
}

.mr20 {
    margin-right: 20px
}

.ml20 {
    margin-left: 20px
}

.mt20 {
    margin-top: 20px
}

.mb20 {
    margin-bottom: 20px
}

.mb50 {
    margin-bottom: 50px
}

.mt80 {
    margin-top: 80px
}

.pt-pb-6 {
    padding-top: 6px;
    padding-bottom: 6px
}

.pr-pl-14 {
    padding-left: 14px;
    padding-right: 14px
}

.pb2 {
    padding-bottom: 2px
}

.pd10 {
    padding: 10px
}

.pl12 {
    padding-left: 12px
}

.pl14 {
    padding-left: 4%
}

.pr14 {
    padding-right: 4%
}

.pd15 {
    padding: 15px
}

.pt15 {
    padding-top: 15px
}

.pb15 {
    padding-bottom: 15px
}

.pr15 {
    padding-right: 15px
}

.pl15 {
    padding-left: 15px
}

.pd20 {
    padding: 20px
}

.pr20 {
    padding-right: 20px
}

.pl20 {
    padding-left: 20px
}

.pt20 {
    padding-top: 20px
}

.pb20 {
    padding-bottom: 20px
}

.pt25 {
    padding-top: 25px
}

.pb25 {
    padding-bottom: 25px
}

.pt50 {
    padding-top: 50px
}

.pb50 {
    padding-bottom: 50px
}

.pt80 {
    padding-top: 80px
}

.pb80 {
    padding-bottom: 80px
}

/* 定位，浮动，显示与隐藏以及清除浮动 */
.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.fl {
    float: left
}

.fr {
    float: right
}

.dBlack {
    display: block
}

.dNone {
    display: none
}

.dInlineBlack {
    display: inline-block
}

.dInline {
    display: inline
}

.clear:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

/* 弹性布局 */
.DisplayFlex {
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
}

/* 左右居中 */
.justify-content_flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

/* 上下居中 */
.align-items_center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/* 向上居中 */
.align-items_flex_start {
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start
}

/* 默认让剩余内容占满剩余空间 */
.flex_1 {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

/* 透明度 */
.opacity_0 {
    opacity: 0
}

.opacity_1 {
    opacity: 1
}

/* 过渡效果 */
.animate_time {
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear
}

/* 背景阴影 */
.boxShow {
    box-shadow: 0 0 5px #bbb;
    -moz-box-shadow: 0 0 5px #bbb;
    -webkit-box-shadow: 0 0 5px #bbb;
    -ms-box-shadow: 0 0 5px #bbb;
    -o-box-shadow: 0 0 5px #bbb
}

/* 背景透明度0.1,0.5 */
.bgTrans {
    background: rgba(0, 0, 0, .1);
    -webkit-background: rgba(0, 0, 0, .1);
    -moz-background: rgba(0, 0, 0, .1);
    -ms-background: rgba(0, 0, 0, .1);
    -o-background: rgba(0, 0, 0, .1)
}

.bgMaskLayer {
    background: rgba(0, 0, 0, .5);
    -webkit-background: rgba(0, 0, 0, .5);
    -moz-background: rgba(0, 0, 0, .5);
    -ms-background: rgba(0, 0, 0, .5);
    -o-background: rgba(0, 0, 0, .5)
}

/* 字体风格 */
.fFamily {
    font-family: Neo_Sans, "Microsoft YaHei", Helvetica, "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", "Monaco", monospace, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif;
}

/* 金手指指标 */
.cursorP {
    cursor: pointer
}

/* 超出隐藏 */
.oh {
    overflow: hidden
}

/* 垂直居中 */
.va {
    vertical-align: middle
}

/*
    清除默认内边距（padding）外边距（margin）的空白间距为 0
    清除所有有序（ol）标签和无序标签（ul）的默认标点符号
    给所有标签都加上弹性盒模型（box-sizing）
 */
* {
    padding: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box
}

/*
    对页面的根标签（html,body）的宽度设置为 100%，
    全部页面默认字体大小为 14px
    全部页面默认字体样式都是 font-family: Helvetica,Arial,sans-serif
    全部页面默认的背景颜色都为：background: #f5f5f5
    全部页面的字体样式都为 color: #333
 */
html, body {
    width: 100%;
    font-size: 14px;
    font-family: Neo_Sans, "Microsoft YaHei", Helvetica, "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", "Monaco", monospace, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif;
    background: #EEE;
    color: #333
}

/* a标签默认字体颜色（#101010），块级元素，清除下划线 */
a {
    color: #101010;
    display: block;
    text-decoration: none
}

/* h1-h6标签通通使用默认光标 */
h1, h2, h3, h4, h5, h6, p, span, strong, dt {
    cursor: default
}

/* 清除 i标签 默认样式 倾斜 */
i {
    font-style: normal
}

/*
    清除input，textarea，img标签在
    低配浏览器中默认显示的
    边框（border）线以及内边框线（outline）
 */
input,
textarea,
img {
    border: none;
    outline: none
}

/*
    将 img标签 变成行内块元素（display: inline-block）
    以及垂直居中（vertical-align: middle）
*/
img {
    display: inline-block;
    vertical-align: middle;
    width: 100%;

}

/*
    清除 input标签默认的圆角边框
    以及
    改变按钮和其他控件（如：input，button）的外观，使其类似于原生控件（-webkit-appearance:none）
*/
input {
    border-radius: 0;
    -webkit-appearance: none
}

/* 垂直居中 */
.vertical {
    vertical-align: middle
}

div.w-home-box > div.w-home-cont > ul.w-home-nav-list > li > a > i {
    font-size: 12px;
    margin-left: 2px
}

div.w-home-box > div.w-home-cont > ul.w-home-nav-list > li > a {
    font-size: 12px;
    line-height: 45px
}

/* 网站最顶部（页眉）导航 垂幕 */
.hammer_screen {
    top: 100%;
    left: 0;
    display: none;
    line-height: normal;
    border-top: 1px solid;
    cursor:auto
}

.hammer_screen > div {
    padding: 10px 0;
    min-height: 300px
}

.hammer_screen div > a {
    display: inline-block;
    margin: 0 5px;
    width: 100px
}

.hammer_screen div > a:hover {
    color: #65aaef
}

.hammer_screen div dl {
    width: 20%;
    padding-right: 2%
}

.hammer_screen div dl dt {
    padding: 8px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #65aaef
}

.hammer_screen div dl dt h4 {
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    font-weight: normal;

}

.hammer_screen div dl dd {
    padding: 6px 0
}

.hammer_screen div dl dd a {
    display: inline-block
}

.hammer_screen div dl dd a:hover {
    color: #65aaef;
}

div.w-home-box > div.w-home-cont > ul.w-home-nav-list > li {
    width: 115px;
    border-right: 1px solid #fff;
    cursor: pointer
}

/* 网站最顶部（页眉）导航 搜索框按钮 */
div.w-home-box > div.w-home-cont > div.w-home-nav-search > a {
    margin: 0 15px 0
}

/* 网站最顶部（页眉）导航 搜索框 */
div.w-home-form-search-box > div.w-home-form-search-cont {
    margin-left: 25%
}

/* 网站最底部（页脚）产品列表 */
div.w-home-footer-box > div > div.w-home-footer-cont > dl {
    text-align: left;
    margin-left: 20px
}

div.w-home-footer-box > div > div.w-home-footer-cont:last-child {
    margin-bottom: 0
}

div.w-home-footer-box > div > div.w-home-footer-cont > dl > dd {
    float: left;
    margin-right: 20px
}

div.w-home-footer-box > div > div.w-home-footer-cont > dl > dd > a {
    display: inline-block;
    margin-top: 4px;
    color: #c3c3c3;
    border-bottom: 1px solid transparent
}

div.w-home-footer-box > div > div.w-home-footer-cont > dl > dd > a:hover {
    color: #ececec;
    border-bottom: 1px solid #ececec;
}

div.w-home-footer-box > div > div.w-home-footer-cont > dl.footer_icon_link > dd {
    display: inline-block;
    margin: 14px 6px 0
}

div.w-home-footer-box > div > div.w-home-footer-cont > dl.footer_icon_link > dd > a {
    border: none;
    margin-top: 0
}

div.w-home-footer-box > div > div.w-home-footer-cont > dl.footer_icon_link > dd > a > i {
    font-size: 24px
}

/* 不同尺寸 媒体查询 */
@media screen and (max-width: 767px) {
    /* Header 页眉 */
    div.w-home-box {
        height: auto
    }

    div.w-home-nav-logo {
        width: 100%;
        float: none;
        padding: 0 10px;
        text-align: left
    }

    div.w-home-nav-logo span {
        right: 6%;
        top: 30%;
        font-size: 24px;
        cursor: pointer
    }

    div.w-home-box > div.w-home-cont > ul.w-home-nav-list {
        display: none;
        width: 100%;
        height: auto;
        text-align: left;
        float: none
    }

    div.w-home-box > div.w-home-cont > ul.w-home-nav-list > a {
        display: block;
        padding: 0 10px;
        width: 100%
    }

    div.w-home-nav-search {
        float: none;
        display: none
    }

    div.w-home-form-search-box {
        position: static;
        display: block
    }

    div.w-home-form-search-box > div.w-home-form-search-cont {
        width: 100%;
        margin-left: 0
    }

    div.w-home-form-search-box form {
        padding: 4px;
        margin: 0
    }

    div.w-home-form-search-box form input {
        height: 40px
    }

    /* Home 页脚 */
    div.w-home-footer-box > div {
        padding-left: 30px;
        padding-right: 30px
    }

    div.w-home-footer-box > div > div.w-home-footer-cont > dl {
        width: 100%;
        margin-bottom: 20px
    }

    div.w-home-footer-box > div > div.w-home-footer-cont > dl dt {
        margin-bottom: 0
    }

    div.w-home-footer-box > div > div.w-home-footer-cont > dl.footer_icon_link > dd > a {
        margin-top: 0
    }

    div.Error .main .link a {
        float: left
    }
}

@media screen and (min-width: 768px) {
    .mobile_img {
        display: none
    }

    /* 网站最顶部（页眉）导航 */
    div.w-home-box {
        position: relative;
        z-index: 9999
    }

    div.w-home-box > div.w-home-cont {
        width: 100%;
        margin-left: 0
    }

    div.w-home-nav-logo span {
        display: none
    }

    /* 网站最顶部（页眉）垂幕 */
    #nav-item > li a i {
        font-size: 12px;
        color: #6d6d6d;
        margin-left: 5px;
    }

    /* 网站最顶部（页眉）导航 搜索框 */
    div.w-home-form-search-box {
        z-index: -2;
        display: none
    }

    /* 网站最顶部（页眉）导航 搜索框 */
    div.w-home-form-search-box > div.w-home-form-search-cont > form > input {
        height: 40px;
        font-size: 14px;
    }

    div.w-home-form-search-box > div.w-home-form-search-cont > form > input[type="text"]:hover {
        cursor: text
    }
}

@media screen and (min-width: 1200px) {
    /* 网站最顶部（页眉）导航 */
    div.w-home-box > div.w-home-cont,
        /* 网站最顶部（页眉）垂幕 */
    .hammer_screen > div,
        /* 网站最低部（页脚） */
    div.w-home-footer-box > div > div.w-home-footer-cont,
        /* 页面路径导航，如：Home > Products > Thunderbolt 3  */
    div.path-box > div {
        width: 80%;
        margin-left: 10%
    }

}

/* 页面路径位置导航，如：Home > Products > Thunderbolt 3  */
div.path-box {
    line-height: 45px
}

div.path-box > div.path-cont > a {
    display: inline-block;
    color: #666
}

div.path-cont > a.current {
    color: #3b6caa;
}

div.path-box > div.path-cont > a:hover {
    color: #65aaef
}

/* 页面路径导航 媒体查询 */
@media screen and (max-width: 767px) {
    div.path-box > div.path-cont {
        padding: 0 1.666%
    }
}

.tag i {
    color: #3b6caa
}

.tag a {
    color: #333
}

.tag a:hover {
    color: #3b6caa
}

/* markdown */
.markdown-body {
    font-family: Neo_Sans, "Microsoft YaHei", Helvetica, "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", "Monaco", monospace, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif !important;
}
#features .markdown-body ul, .markdown-body ol, #features .markdown-body ul, .markdown-body ul {
    padding-left: 0 !important;
}
.editormd-html-preview{
    overflow: inherit !important;
}
.editormd-html-preview li {
    margin-bottom: 2px;
    text-indent: -9px;
    margin-left: 9px
}
.markdown-body h4{
    font-size: 14px !important;
    margin-bottom: 4px !important;
}
.markdown-body p{
    font-size: 14px !important;
    margin-bottom: 4px!important;
}
.hyphensTest {
    display: flex;
    hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
}

.hyphensTest p {
    text-align: justify !important;
}

/* 交互 */
.model_link:hover {
    color: #65aaef;
}

.btn_link:hover {
    background-color: #3b6caa;
    color: #EFF8FF;
}

.bg_inverted:hover {
    background-color: #65aaef;
    color: #fff;
    border-color: #65aaef !important;
}

.float_link:hover {
    bottom: 0;
}

.capsule {
    display: inline-block;
    background: #3b6caa;
    color: #EFF8FF;
    margin: 5px 5px 5px 0;
    padding: 4px 10px;
    border-radius: 10px
}

.defaultColor {
    color: #3b6caa;
}

/* 遮罩层 */
.mask_layer {
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(36, 36, 36, .6);
    z-index: 10;
    display: none
}