html{background-color: #F2F2F2;}
i{font-style: normal;}
::-webkit-input-placeholder{color: #c2c2c2}
a:hover{color: #C7161E; transition: all .3s;}
pre{padding: 10px 15px; margin: 10px 0; font-size: 12px; border-left: 6px solid #009688;  background-color: #f8f8f8; font-family: Courier New; overflow: auto;}
pre{position: relative; margin: 10px 0; padding: 15px; line-height: 20px; border: 1px solid #ddd; border-left-width: 6px; background-color: #F2F2F2; color: #333; font-family: Courier New; font-size: 12px;}
pre{border: none; border-left: 5px solid #ddd;}
.layui-container{padding: 0;}
.header {
    height: 52px;
    background-color: #C7161E;
    border-bottom: 2px solid #C7161E;
}
.app-name{font:normal 16px/40px "微软雅黑";color:#fff;}
#infi {margin:0;padding:0}
#infi dd{padding:10px;background-color: #EFEFEF;}
#infi .layui-btn-container{text-align: right;}
#infi .layui-btn-container a{color:#fff;}

.sub-title{text-align:center;}
.sub-title li {
    display: inline-block;
    width: 27%;
    line-height:30px;
}

.sub-title .sub-this {
    border-bottom: 2px solid #009688;
}
.layui-btn{background-color:#c7161e}
.layui-tab-brief>.layui-tab-title .layui-this{ color:#C7161E;}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 2px solid #c7161e;}

/* 扩展组件平台 */
.fly-html-extend body, .fly-html-layui body{margin: 0;}
.fly-extend-banner{position: relative; height: 280px; background: #9FA6A2;}
.fly-extend-banner *[carousel-item]>div{background-size: cover; background-repeat: no-repeat; background-position: center 0;}
.fly-extend-banner *[carousel-item]>div>div{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.35)}
.fly-extend-banner-link{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.fly-extend-banner-title,
.fly-extend-banner-search,
.fly-extend-banner-release{position: absolute; left: 0; top:50px; width: 100%; text-align: center;}
.fly-extend-banner-title{top: 120px; text-align:center;}
.fly-extend-banner-title h1{width:80%;margin:auto;font-size: 16px; font-weight: 280;line-height: 200%; color: #fff; color: rgba(255,255,255,1);}
.fly-extend-banner-search .layui-input{height: 42px; border: none; width:240px; box-shadow: 0 0 10px rgba(0,0,0,.15); border-radius: 2px 0 0 2px;}
.fly-extend-banner-search .layui-btn{height: 42px; border-radius: 0 2px 2px 0; box-shadow: 0 0 10px rgba(0,0,0,.15);}
.fly-extend-banner-search .layui-btn .layui-icon{position: relative; top: 1px; font-size: 20px;}
.fly-extend-banner-release{top: 200px;}
.fly-extend-banner-release .layui-btn{padding: 0 35px; background: none; color: #fff; border: 1px solid rgba(255, 255, 255, .8);}
.fly-extend-banner-release .layui-btn:hover{background-color: rgba(255, 255, 255,.1)}
.fly-extend-banner .layui-carousel-ind ul{background: none;}

.fly-extend-banner-sm{height: 150px; background-color: #334E59; }
.fly-extend-banner-sm .fly-extend-banner-title{top: 50px; color: #fff;}
.fly-extend-banner-sm .fly-extend-banner-release{top:110px;}

.fly-extend-tabs{padding: 20px 0 10px;}
.fly-extend-tabs .layui-tab-title{text-align: center; border: none;}
.fly-extend-tabs .layui-tab-title li{min-width: 0; margin: 0 20px; padding: 0}

.fly-extend-list{position: relative; padding:10px 10px; line-height: 24px; color: #999; transition: all .3s; -webkit-transition: all .3s;}
.fly-extend-list:hover{box-shadow: 0 0 80px rgba(0,0,0,.10);}
.fly-extend-list a{color: #999;}
.fly-extend-list-header{position: relative; height: 40px; line-height: 40px; margin-bottom: 20px; color: #999;}
.fly-extend-list-header a{color: #999;}
.fly-extend-list-header .fly-extend-title{font-size: 20px; padding-right: 150px;}
.fly-extend-list-header .fly-extend-title a{color: #000;}
.fly-extend-list-header .layui-badge{top: -2px; margin-left: 5px;}
.fly-extend-list-info{position: absolute; max-width: 200px; height: 40px; right: 0; top: 0; overflow: hidden;}
.fly-extend-list-info span{padding-right: 20px;}
.fly-extend-list-info .icon-xiazai{position: relative; top: 1px; font-size: 20px;}


dd h2{line-height: 50px;}
dd h4{line-height:auto; height:50px;overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }


.help{ display:none;}
.fengm4{ margin-bottom:15px;}
.fengm4 img{ width:100%; height:auto;}
/* 手机 sm */
 @media screen and (max-width: 767px) {
    .fly-extend-banner-title{top: 100px; text-align:center;}
    .fly-extend-banner-title h1{width:80%;margin:auto;font-size: 14px; font-weight: 100;line-height: 150%; color: #fff; color: rgba(255,255,255,1);}
 }
 /* 平板 xs */
@media screen and ( min-width: 768px ) {
    .fengm4 img {
        height: 300px;
    }
}

 /* 电脑屏 md */
@media screen and ( min-width: 992px ) {
    .fengm4 img {
        height: 300px;
    }
}
 /* 2k\4k电脑屏 lg */
@media screen and (min-width: 1200px) {
    .fengm4 img {
        height: 300px;
    }
}

@media print {
    iframe{height:0px;width:0px}
}