.index-banner, .huaming-index-banner, .bazi-index-banner, .ceming-index-banner, .qiming-index-banner{ width: 100%; margin-top: 55px; height: 480px; padding: 0; margin-bottom: 20px;}
    .index-banner{background: #F65000;}
    .huaming-index-banner{ background: #5a84fd;}
    .bazi-index-banner{ background: #ccccff;}
    .ceming-index-banner{background: #99cc33;}
    .qiming-index-banner{background: #3DB060;}
    .index-banner-left{width:740px; height: 340px; float: left}
    .index-banner-left span{display: none}
    .index-banner-img1{background-image: url("/static/images/index/banner1.png"); background-repeat: no-repeat}
    .index-banner-img2{background-image: url("/static/images/banner2.jpg"); background-repeat: no-repeat}
    .index-banner-img3{background-image: url("/static/images/banner3.jpg"); background-repeat: no-repeat}
    .index-banner-img4{background-image: url("/static/images/banner4.jpg"); background-repeat: no-repeat}
    .index-banner-img5{background-image: url("/static/images/banner5.jpg"); background-repeat: no-repeat}
    .index-banner-right{width: 400px; margin-top:30px; padding: 20px 20px; height: 420px; background:#fff; float: right }
    .index-banner-right .col-md-6,.index-banner-right .col-md-4,.index-banner-right .col-md-12{padding: 0px 5px;}
    .qm-row{width: 100%; height: auto; padding: 30px 0;}
    .qm-row font{color: #f65000; font-size: 30px;}
    .qm-row1 H1,.qm-row1 h3{color: #fff}
    .qm-row1 p{color: #ccc}

    .index-menu-2{width: 100%;height:40px;background-color: #f65000;padding-left: 10px; }
    .index-menu-2 ul{}
    .index-menu-2 ul li{width: 18%;margin-right: 2%; list-style:none; font-size: 14px;float: left;padding: 10px 0; text-align: center;}

    .index-module-1{padding-top: 30px;}
    .index-icon-1{padding: 5% 0 0 0;height: 330px; text-align: center;}
    .index-icon-1:hover{border-radius: 5px; transition:all .3s ease-in;  box-shadow: 5px 5px 10px 5px rgba(190,190,190,.6); }
    .index-p-big{width:100%; text-align: center; font-size:24px; color: #333; margin-top: 20px;}
    .index-p-small{color: #666;width: 100%;padding: 0 5%;}
    .index-text-default a{width: 100%;height: 40px;display: inline-block;text-align: center;color: #f65000;background-color: #fff;border-radius: 10px 10px 0 0;margin-top: -6px;padding-top: 8px;
    }

    .index-list{float: left}
    .index-list img{overflow: hidden; position: relative; width: 100%; height:120px; background:black;float:left}
    .index-list-li{border-top: 1px dashed #f2f2f2;padding: 10px 0;}
    .index-list-li:hover{background: #e2e6c3; transition:all .3s ease-in;  box-shadow: 5px 5px 10px 5px rgba(190,190,190,.6); }
    .index-list-li span a{display: block;width: 20%;
    }
    /*.index-list-dl{ float: right; padding-top: 10px; }*/
    .index-list-li dl dt{ color: #333; font-family: serif;margin-bottom: 10px;}
    .index-list-li dl dd{ font-size: 12px; color: #888; margin-top: 10px;}
    .index-list-dl span{ width: auto; margin: 5px 10px 0 0; display: block;float: left;font-size: 13px;color:#e6b451;}

    .index-right-recommend{border-top: 3px solid #f65000; height: 40px;padding: 5px 15px}
    .index-right-recommend .index-icon-1{height: 60px;width: 31%; margin: 10px 4px 0 4px;border: 1px solid #efefef;}
    .index-right-recommend .index-icon-1 span{font-size: 18px; color: #333; }
    .index-right-recommend h4{margin: 0}
    .index-bj0{background-color: #f2f2f2;}
    .index-space3{ margin-top: 30px;}



    .index-right-top{float: right}
    .index-list-top{display: inline-block; width: 100%; height: 40px; margin-top: 1px; padding: 8px 10px 0 10px; background: #EFEFEF;}
    .index-list-top:hover{background: #FFFFFF; }
    .index-list-top a{color: #333333; font-size: 14px}
    .index-list-top a:hover{color: #F65000}



    .index-bjx{width: 5%; height: 57px; background: #EEEEEE; border: 1px solid #FAFAFA; margin:3px 2px 3px 0px; display: inline-block}
    .index-bjx:hover{background: #FFFFFF}
    .index-bjx span{text-align:center; display:block; font-size: 18px; padding-top: 15px; color: #333;}
    .h1-p{display: block; margin-top: 20px;}

/*---------巩老师起名首页介绍----------*/
.qm-gonglaoshi-img{text-align: right}
.qm-gonglaoshi-img img{width: 330px; height: 300px; }
.qm-gonglaoshi{padding-top: 20px}
.qm-gonglaoshi-content{height: 60px; float: left;}
.qm-gonglaoshi-content i {display: inline-block; }
.qm-gonglaoshi-content i img{vertical-align:middle; width: 30px; height: 30px}
.qm-gonglaoshi-content span{display: inline-block; font-size: 20px;vertical-align:middle;}

/*---------首页推荐文章----------*/
.index-article{margin-top: 20px;}
.index-article-list{width: 46%; height: auto; display: inline-block; background: #FAFAFA; padding: 15px 20px; margin: 5px 1%;}
.index-article-list a{font-size: 18px;}
.index-article-list .article-info{color: #CCCCCC; margin-top: 8px; font-size: 13px;}
.article-info .tags{float: right; border-radius: 15px; border: 1px solid #cccccc; width: 60px;}
.index-article-list .article-info .tags a{font-size: 13px; color: #666666; display: block; text-align: center}

/*---------首页名字推荐----------*/
.index-new-names{width:100%; margin-top: 30px; flex-wrap: wrap; display: flex; justify-content: space-between; align-items: center}
.index-name-list{min-width: 10%; margin: 5px; line-height: 40px; font-size: 16px; flex-grow: 1; text-align: center; display: inline-block; border: 1px solid #CCCCCC}


@media (max-width: 768px) {
    .index-banner, .huaming-index-banner, .bazi-index-banner, .ceming-index-banner, .qiming-index-banner{padding: 0 3px; margin-top: 40px; height: 510px; margin-bottom: 20px;}
    .index-banner .container{padding-left: 0; padding-right: 0}
    .index-banner-img1{background-image: linear-gradient( #F65000,#ff5858);}
    .index-banner-left{width:100%; padding: 20px 0; height: auto; display: block}
    .index-banner-left span{display: block; font-family: 黑体; color: #FFFFFF}
    .index-banner-right{width: 100%; margin-top: 0px; height: 400px; background:#fff; }
    .index-list img{max-width: 130px; max-height:80px;margin-top: 5px}

    .index-bjx{width: 11%; height: 45px; background: #EEEEEE; margin:3px 1%; display: inline-block}
    .index-bjx span{text-align:center; display:block; font-size: 18px; padding-top: 10px; color: #333;}
    .qm-row{padding: 15px 0 15px;}
    .qm-row H1{font-size: 20px}
    .qm-row H2{font-size: 24px;}
    .qm-row H3{font-size: 16px;}
    .qm-row p{font-size: 12px;}
    .index-menu-2{height: 35px}
    .index-menu-2 ul li{width: 19%;margin-right: 1%; font-size: 12px;}

    .index-icon-1{background: #FDFDFD; padding: 30px 0; height: auto; border-radius: 10px; margin-top: 10px; box-shadow: 1px 1px 10px #CCC}
    .index-icon-1 img{max-width: 120px;}

    .index-space3{margin-top: 15px;}
    .index-module-1{padding-top: 15px;}
    .h1-p{margin-top: 0px;}

    /*---------巩老师起名首页介绍----------*/
    .qm-gonglaoshi-img{text-align: center}
    .qm-gonglaoshi-img img{width: 80%; height: 80%;}
    .qm-gonglaoshi{padding-top: 5px}
    .qm-gonglaoshi-content{height: 30px; float: left;}
    .qm-gonglaoshi-content i {display: inline-block; }
    .qm-gonglaoshi-content i img{vertical-align:middle; width: 18px; height: 18px}
    .qm-gonglaoshi-content span{display: inline-block; font-size: 14px;vertical-align:middle;}

    .index-article-list{width: 100%}

    }




/* 百家姓代码 更多 */
.index-bjx-more{width: 100%; margin-top: 20px; height: 40px; padding: 8px 0; border: 1px solid #CCC; border-radius: 25px; text-align: center}
.index-bjx-more a{}