@charset"utf-8";

* {margin:0; padding:0;}
body{color:#666;font-size:14px;font-family:PingFangSC-Regular,Tahoma,Microsoft Yahei,sans-serif,Arial;background:#f4f4f4}
h1,h2,h3,h4,h5,h6{font-size:16px; font-weight:normal;}
img{border:none;}
ul,ol,li {list-style:none;}
a:link,a:visited,a:active{text-decoration:none;}
h1 a:hover{ font-size:16px;font-weight:bold}
input,textarea,button,a{outline:0}
em, cite, i{font-style:normal}
a{color:#333}
a:hover{color:#55a3f2}

/*public*/
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.txtHide{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-o-text-overflow:ellipsis}
.wp{margin:0 auto;width:1200px;}
.left{float:left}
.right{float:right}
.pd{margin:10px 0}
.bm{margin-bottom:10px}
.br{border-radius:20px}
.rt{position:relative}
.cf:after,.cf:before{display:table;content:" ";clear:both}




.stList li ,.yunfuli a,.page_link,.top_tips,.detailList .box, .service .box{
    border-radius: 20px;
    border: solid 1px #e2eef1;
    -webkit-box-shadow: 0 17px 13px 0 #192c4b05;
    box-shadow: 0 17px 13px 0 #192c4b05;
}




/*color*/
.cor1{color:#888}
.cor2{color:#f60}
.cor3{color:#e25758}
.cor4{color:#18bc9c}

/*background*/
.bj1{background:#e86cc9}
.bj2{background:#e25758}
.bj3{background:#9481c8}
.bj4{background:#fb9354}
.bj5{background:#ebfaff}

/*header*/
.header{width:100%;height:80px;line-height:80px;background:#212529}
.header .logo{margin-top:10px;float:left;overflow:hidden;height:60px;display:block}
.header .logo img{height:100%}
.header .nav{float:left;padding-left:20px;height:80px}
.header .nav li{float:left}
.header .nav li a{position:relative;display:block;margin:0 15px;padding:0 10px;color:#fff;font-size:15px;line-height:80px}
.header .headerUser{float:right;color:#fff;display:block;height:60px;line-height:80px}
.header .nav li .action::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;border-radius:2px 2px 0 0;background:#fff}

/*footer*/
.footer{font-weight:780;line-height:26px;font-size:12px;text-align:center;background:#212529;margin-top:60px;padding:40px 0;color:#aaa}
.footer a{color:#999}
.footer .pipe{color:#999;margin:0 5px}

/*advertisement*/
.ad{position:absolute;display:block;bottom:8px;right:5px;color:#55a3f2;background:#fff;padding:0 6px;font-size:12px;border-radius:4px}

/*indexAd*/
.indexLeft{width:934px}
.wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
    .search{height:40px;line-height:40px;float:right;margin-top:22px;margin-left:40px}
    .search .input{float:left;padding:0;width:220px;height:36px;border:none;border-radius:50px 0 0 50px;text-indent:15px;font-size:14px;line-height:36px;resize:none;box-shadow:0 2px 6px rgb(0 0 0 / 10%);background-color:hsla(0,0%,100%,.18);color:#fff}
    .search .button{float:left;padding:0;width:68px;height:36px;border:0;border-radius:0 50px 50px 0;background:#f60;color:#fff;text-align:center;font-size:14px;line-height:36px;cursor:pointer;resize:none}

/*title*/
.title .t{height:40px;line-height:40px}
.title .left{font-size:16px;font-weight:700}

/*templateList*/
.stBoxTitle{width:60px;border-radius:4px}
.stBoxTitle a{display:block;width:16px;color:#fff;text-align:center;font-weight:400;font-size:16px;border-radius:4px}
.model{padding:100px 22px 0 22px;height:190px;line-height:25px}
.stList li{display:inline;border-radius:20px;background:#fff;margin-left:10px;padding:10px;width:20%}
.stList img{border-radius:20px;width:100%;object-fit:cover;background:#f4f4f4}
.stList h2{width:100%;height:36px;line-height:18px;color:#333;font-size:14px;font-weight:600;overflow:hidden;margin:10px 0}
.stList a{display:block;font-size:12px}
.listHover li:hover{position:relative;z-index:99;border:#555 1px solid;box-shadow:0 0 10px #000}
.stList{width:100%}

/*插件首页列表*/
.utList li{display:inline;margin:0 0 10px 10px;padding:10px;width:196px;height:80px;border-radius:4px;background:#fff;line-height:20px;border:1px solid #fff;font-size:12px}
.utList img{display:inline-block;max-width:80px;max-height:80px;background:#f4f4f4;border-radius:4px;vertical-align:middle;margin-right:10px}
.utList li h2{display:block;overflow:hidden;height:40px;font-size:13px}
.unit{padding:63px 22px 0 22px;height:152px;line-height:25px}

.typeList,.cjTypeList{margin-left:-10px}
.typeList li{width:210px;margin-top:10px}
.cjTypeList li{width:210px}

/*pages*/
.pages{font-size:14px;width:100%;margin:20px auto;text-align:center;height:34px;display:inline-block}
.page_info {
    display: inline-block;
    margin: 0 auto;
    zoom: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.page_link {
    background: #fff;
    position: relative;
    float: left;
    border-right: 0;
    padding: 8px 16px;
    z-index: 1;
    font-size: 12px;
    line-height: 20px;
    margin: 0 2px 2px 2px;
    min-width: 18px;
    font-weight: 700;
}
.pages .action{color:#fff;background:#55a3f2}

/*screen*/
.typeListNav{margin-top:20px;margin-bottom:10px;padding:10px;background:#fff;font-size:12px}
.typeListNav li{padding:8px 10px 3px;line-height:26px}
.typeListNav li span a{display:inline-block;margin:0 5px 5px 0;padding:0 8px;border-radius:20px}
.typeListNav .action{font-weight: 700;background:#55a3f2;color:#fff}

/*error*/
.error{width:100%;text-align:center;padding:20px 0;background:#fff}

/*详情页顶部公告*/
.top_tips{margin:10px 0;padding:10px 12px;height:20px;background:#ffd;line-height:20px;text-align:center;font-weight:600}

/*详情页框架*/
.top_tips a{margin-left:10px;text-decoration:underline}
.detailList{overflow:hidden;width:100%;min-height:282px}
.detailRight{overflow:hidden;width:250px;min-height:322px;background:#fff;border-radius:4px}

/*模板参数信息*/
.detailList .box,.service .box{background:#fff;padding:15px}
.detailList .pic{overflow:hidden;padding:0;border:#ddd 1px solid;background:#f4f4f4;margin-right:20px}
.detailList .pic,.detailList .pic img{width:300px;height:300px}
.detailList h1{font-weight:400;font-size:18px;height:40px;line-height:40px;overflow: hidden}
.detailList h1 i{font-size:15px;margin-left:10px;color:#999}
.detailList .price{margin:8px 0;padding-left:20px;height:50px;border-radius:20px;line-height:50px;font-weight:600;font-size:28px}
.detailList .bj5 i{font-size:18px;margin-right:8px}
.detailList .free{background:#f2ffd7 url(../img/free.gif) no-repeat center;text-indent:-999em}
.detailList .edition a{border-radius: 4px;display:block;margin:5px 10px 5px 0;height:30px;line-height:28px;font-weight:700;padding:0 16px;border:#ccc 1px solid;color:#666}
.detailList .edition .action{border:#237ffd 1px solid;background:url(../img/xz.gif) no-repeat right bottom;color:#237ffd}
.information p{padding:3px 0;line-height:16px;font-size:12px}
.information .cor1{margin-right:10px}
.information .bj4{margin-right:2px;padding:0 3px;background:#f90;color:#fff;font-size:12px;font-weight:400;border-radius:3px}
.information a{padding-left:18px;background:url(../img/type.gif) no-repeat 0 0}
.security{margin-top:12px;border-radius:20px;background:#2c405a;padding:6px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:#fff;font-size:12px}
.security p{line-height:20px;padding-left:28px;background-size:24px}
.detailList .xtr{width:590px}
.th{background:url(../img/th.png) left 2px no-repeat}
.aq{background:url(../img/aq.png) left 2px no-repeat}

.smTitle{border-bottom:2px solid #eee;line-height:30px;margin-top:5px;margin-bottom:15px}
.smTitle span{padding:0 1px;height:30px;display:inline-block;font-weight:700;border-bottom:2px solid #55a3f2;font-size:15px;margin-bottom:-2px}
.smBox .txt{line-height:26px;padding:2px 0}
.detailRight .topTitle{overflow:hidden;height:40px;padding:0 14px;border-radius:4px 4px 0 0;background:#55a3f2;color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:40px}
.detailRight .topTitle img{vertical-align:text-bottom;margin-left:3px}
.detailRight .download{display:block;width:90%;text-align:center;color:#fff;height:44px;line-height:44px;margin:10px auto}
.detailRight .explain{margin:0 auto;padding:4%;width:82%;background:#f4f4f4}
.statistics img{padding:1px;width:222px;height:222px;border:#ddd 1px solid}
.statistics h3{line-height:30px;font-size:12px;margin-bottom:10px}

.content a{color:#3c8dbc}
.content img{max-width:100%;border-radius:4px}

/*文章列表*/
.mbxie em{color:#888;margin:0 6px}
.artList{padding-bottom:15px;border-bottom:1px dotted #ddd;margin-bottom:15px}
.artList h3{font-weight:500;font-size:18px;line-height:20px;position:relative;vertical-align:middle;margin-bottom:10px}
.artList p{margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;color:#888;font-size:13px}

.detailList .atrTitle h1{line-height:36px;font-size:26px;color:#303030;font-weight:700}
.detailList .atrTitle span{color:#888;padding-right:8px}
.content .quote{background:#f9f9f9 url(../img/icon_quote_s.gif) no-repeat 20px 6px;margin:30px 0;padding:10px 10px 10px 65px;zoom:1}
.content .quote blockquote{display:inline-block;margin:0;padding:0 65px 5px 0;background:url(../img/icon_quote_e.gif) no-repeat 100% 100%;line-height:1.6;zoom:1}
.artTag a{background:#222;color:#fff;display:inline-block;padding:6px;margin:10px 10px 0 0;border-radius:4px}

.AggregateLabel{border:1px solid #3c763d;margin-bottom:10px;border-radius:4px;background:#fff}
.AggregateLabel blockquote{color:#3c763d;background-color:#dff0d8;line-height:30px;margin-bottom:10px;text-indent:10px;width:100%}
.AggregateLabelBox{padding:10px}
.AggregateLabel a{display:inline-block;border:1px solid #dff0d8;font-size:12px;background:#dff0d8;height:30px;line-height:30px;padding:0 10px;border-radius:4px;margin-bottom:10px;margin-right:10px;color:#3c763d}

/*有偿服务*/
.service h2{height:auto;line-height:30px;padding-bottom:10px;margin-bottom:10px;border-bottom:#ddd 1px dashed;text-align:center;font-size:16px;font-weight:400;color:#237ffd}
table{empty-cells:show;border-collapse:collapse;width:100%}
.noborder,.noborder td{border-bottom:0;border-top:0}
.tb td,.tb th{padding:5px!important;height:25px}
.tb2 td{font-size:13px;padding:8px 10px!important;border-top:1px dotted #ddd;line-height:22px}
.tb2 td.noborder{border-top:none}

.content p {
    margin: 12px 0;
    word-break: break-word;
    line-height: 26px;
    font-size: 14px;
}

/*内探式播放器*/
.player{
    background: #000000;
    margin: 0px;
    padding: 0px;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding-top: 56%!important;
}

.player iframe{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

/*云大使*/
.yunfuli li{width:25%}
.yunfuli a{position:relative;display:block;margin-right:10px;border-radius:20px}
.yunTop{padding:30px 20px;border-radius:4px 4px 0 0}
.yunTop span{text-align:left;color:#fff;display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.yunWeight{line-height:33px;font-size:18px;font-weight:600}
.yunTag{background:rgba(24,24,24,.7);border-color:#181818;color:#fff;position:absolute;top:9px;left:9px;padding:2px 8px;border-radius:20px;margin:0;height:auto;font-size:12px;line-height:inherit;display:block}
.yunDel{min-height:40px;overflow:hidden;font-size:12px;color:#919191;line-height:20px;letter-spacing:.5px;padding:10px}



    .Notice .mask{position:fixed;left:0;top:0;height:100%;width:100%;z-index:998;opacity:.9;background-color:#000}
    .Notice .box{width:420px;background:#fff;border-radius:8px;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%);transform:translate(-50%);margin-top:-285px;z-index:999;padding:20px}
    .Notice .title{text-align:center;color:#333;font-size:18px;position:relative;height:40px;line-height:40px;font-weight:700;margin-top:10px}
    .Notice .content{line-height:20px;margin-top:10px}
    .Notice .but{background:#ff6f00;color:#fff;height:40px;line-height:40px;margin-top:20px;text-align:center;border-radius:50px;cursor:pointer}

@media only screen and (max-width:600px) {
    .indexLeft,.wp,.detailList,.detailList .xtr{width:100%}
    .htl5{padding: 0 2%;}
    .header .nav{width:96%;padding:0 2%;background:#fff;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
    .header .nav li{width:25%}
    .header {height:auto}
    .header .headerUser{position:fixed;top:0;right:2%}
    .header .nav li a{color:#333;line-height:30px;width:100%;margin:0;padding:0;font-size:14px}
    #shuoming_span{display: none;}
    .header .nav {
        text-align: center;
        margin-top: 10px;
        margin-left: 2%;
        margin-right: 2%;
        width: 96%;
        padding: 0;
        border-radius: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: center;
        height: 40px;
        font-weight: 700;
    }
.header .logo{
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    float: none;
    margin: 0;
    height: 60px;
}
    
    
    .wapTop{display:block}
    .search {margin-top: 10px;margin-left: 2%;margin-right: 2%;padding-bottom: 10px;width: 96%;}
    .search .input{width:80%}
    .search .button{width:20%}
    .search .button,.search .input{line-height:40px;height:40px}
    .adSmall a{width:50%;margin:0;font-size:0}
    .adSmall img{width:100%;border-radius:0}
    .server img{width:100%;display:block;border-radius:0;height:auto}
    .model,.stBoxTitle,.unit{width:100%!important}
    .model,.unit{padding:0!important;height:40px!important;line-height:40px!important}
    .utList li{width:46%;border:0;margin:0;padding:2%}
    .listHover li:hover{position:relative;z-index:99;border:0;box-shadow:0 0 10px #ccc}
    .stList{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
    .stList li{width:100%;margin-left:0}

    .top_tips{height:auto}
    .detailList .pic,.detailList .pic img{width:100%;height:auto}
    .wapCjPicDiv{width:100%!important;height:auto!important}
    .detailList h1{font-size:16px;height:auto;line-height:26px}
    .rightHiden,.arthidden{display:none}
    .detailRight{width:100%;min-height:auto;margin-bottom:10px;padding-bottom:10px}
    
    .yunfuli li{width:100%}
    .yunDel{display:none}
    .yunfuli a{margin-bottom: 4px;margin-right:0}
    
    .Notice .box{width:80%}
    
    .typeList, .cjTypeList {
    margin-left: 0;
}

    .typeList li {
        padding: 0 !important;
        border: 0 !important;
        width: calc(50% - 8px) !important;
        margin: 4px;
    }
.stList a {
    padding: 10px;
}
.Notice .content{
    height: 300px;
    overflow-x: hidden;
    padding-right: 10px;
}

.detailRight .download {
    width: 100%;
    margin: 10px auto;
}
.detailRight .explain {
    width: auto;
}
}




body {
    color: #fff;
    background: #16161a;
}
.typeListNav,.stList li,.detailList .box, .service .box{
    background: #25252b;
    color:#fff;
}
.stList h2,a,.detailList .atrTitle h1{
    color:#fff;
}
.stList li, .yunfuli a, .page_link, .top_tips, .detailList .box, .service .box ,.detailList .pic{
    border: solid 1px #2d2d31;
}
.page_link {
    color: #333;
}
.typeListNav .action,.search .button,.pages .action {
    background: #e86cc9;
}
.header,.footer {
    background: #111;
}
.detailRight {
    background: no-repeat;
}

.detailRight .explain {
    background: hsla(0, 0%, 100%, .1);
}
.smTitle span {
    border-bottom: 2px solid #e86cc9;
}
.content .quote {
    background: hsla(0, 0%, 100%, .1) url(../img/icon_quote_s.gif) no-repeat 20px 6px;
    padding: 20px 20px 10px 65px;
    border-radius: 20px;
}