@import "mobel.css";

.container-form, .container-form2{width: 100%; height: auto; margin-bottom: 15px; border:1px solid #DDDDDD;}
.container-form2{}
.container-form1{width: 100%; height: auto; margin-bottom: 15px; border:1px solid #DDDDDD;}
.liliangtu{width: 90%; height: 500px; margin: 0px auto}
.container-form-top{padding: 5px 15px; border-bottom: 1px solid #efefef;  background: #FFFFFF;}
.container-form-top i{color: #3a3a3a;}
.container-form-top span{font-size: 16px; font-weight: bold; font-family: 黑体; color: #3a3a3a;}
.container-form-content{width: 100%; height: auto; padding: 10px 20px; background: #FFFFFF; overflow: hidden}
.container-form-content a span{color: #333}
.container-form-content a span:hover{color: #333}

.container-form-content-right,.container-form-content-right1{width: auto; height: auto; vertical-align: top}
.container-form-content-right span{display: block;margin-left:5px;float: left}
.container-form-content-right1 span{display: block;margin-left:5px;}

.content-biaoqian{font-size: 14px; font-weight: bold; color: #333; font-family: 黑体;}
.content-shijian{font-size: 14px; color: #333;}

.content-lifa{width: auto;height: auto; padding:3px 15px; font-size:12px;border-radius: 10px; text-align: center; line-height: 25px;}
.content-lifa1{display: block; border-radius: 10px;}

/*-----------八字起名页面命主信息-----------*/
.qm-content-flex{display: flex; justify-content: space-between}
.container-form-content1{padding: 10px 10px; margin: 15px 10px; text-align: center; border-radius: 5px;}

.container-form-content-top,container-form-content-bottom{width: 100%; height: auto;float: left}
.container-form-content4{width:100%; height:50px; line-height: 50px; background: #EFEFEF; padding-left: 20px; margin-top: 15px;}

.form-mg3-left{width: 19%; vertical-align:top; border: 1px solid #cccccc; border-radius: 10px; font-size: 14px; text-align: center; display: inline-block}
.form-mg3-right{width: 79%;display: inline-block}

#NameHidden{height: 1300px; overflow: hidden}
#CeShiHidden{height: 2000px; overflow: hidden}

.load-more-name{width: 100%; height: 40px; background-image: linear-gradient(#efefef, #ffffff); box-shadow: 0px -25px 30px 20px #efefef; margin-top: 30px; text-align: center; opacity: 0.8; z-index: 999}
.name-more{width: 70%;height: 35px;margin: 0 auto;background: #efefef;border: 1px solid #5a84fd;border-radius: 18px;text-align: center;}
.name-more-two, .name-more1, .name-more-three{min-width: 20%; cursor:pointer; height: 35px;margin:-20px 15px 0 0;border-radius: 18px;text-align: center;display: inline-block}
.name-more-two{border: 1px solid #5a84fd;}
.name-more1, .name-more-three{border: 1px solid #f65000;}
.name-more1 span, .name-more-two span, .name-more-three span{display: block;padding-top: 6px;}
#max-bottom{width: 100%; font-size: 16px; display: none; height: 50px; text-align: center}

@media (max-width: 800px) {
    .content-shijian{font-size: 12px; }
    .liliangtu{width: 100%; height: 360px; margin-top: -30px;}

    /*-----------八字起名页面命主信息-----------*/
    .container-form-content1{padding: 10px 4px; margin: 10px 2px; text-align: center; border-radius: 3px;}
    .container-form-content .container-form-content1 span{display: block}
    .content-biaoqian{font-size: 12px;}
    .content-lifa{padding:0px 10px;}
    .form-mg3-left{width: 23%; font-size: 12px}
    .form-mg3-right{width: 75%; vertical-align:top; }
    .name-more-two, .name-more1, .name-more-three{min-width: 30%;margin: -20px 5px 0 0; height: 30px;}
    .name-more1 span, .name-more-two span, .name-more-three span{padding-top: 5px; font-size: 12px;}

}



.content4-left{width: 19%; height: 100%; background: #339966;float: left}
.content4-left span{display:block; font-size: 12px; color: #FFFFFF; padding-left: 2px; font-family: 黑体; text-align: center}
.content4-right{width: 80%;height: auto; float: left}
.content4-right span{display:block; font-size: 20px; text-align: center; color: #333; }

.form-name-all-1, .form-name-all-2, .form-name-all-3{width: 7px; border-right: 1px solid #FFFFFF; height: 100%; float: left; vertical-align: top}
.form-name-all-4{width: 70%; height: 100%; padding-top:8px;float: left; text-align: center}
.form-name-all-4 span{}


.form-name{width: 100%; height: 145px; padding: 10px 15px; box-shadow: 2px 2px 3px 2px #EFEFEF}
.form-name img{max-width: 100%; margin-top: 0px}
.form-name-all{width: 30%; height: 40px; margin-top: 8px; background: #EFEFEF; display: inline-block}
.form-name-score{width: 65%; height: auto; text-align:right; display: inline-block}
.form-name-score span{opacity: 0.5; display: inline-block}

.form-name-button{width: 100%; line-height: 25px; border-radius: 13px; border:1px solid #99CCFF; text-align: center}
.form-name-button i{font-size: 12px;}

@media (max-width: 800px) {
    .form-name-all{width: 50%; height: 30px;}
    .form-name-score{width: 45%;margin-top: -10px}
    .form-name{padding: 0px 5px;}
    .pay-img-bacg{height:130px; background-image: url("/static/images/payimg-name-web.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center}
    .form-name-all-4{padding-top:5px;}
    .form-name-button{line-height: 20px;}
    .form-name img{margin-top: 5px}
}



/*-----------列表页样式设计-----------*/

.l-form1-title{width: 300px; height: 110px; margin: 0 auto}
.l-form1-title H1{font-size: 72px; display:block; padding:10px 0; text-align: center; font-family: 黑体;}
.l-form1-content{width: 98%; height: auto; border-radius: 20px; background: #FFFFFF; padding: 10px 15px; margin: 0 auto}
.l-form1-content H3{font-family: 细黑; font-size: 18px; display: block; padding: 5px 0;}

.l-more-flex{display: flex; justify-content: space-between}
#NameZiOne, #NameZiTwo{height: 100px; overflow: hidden}
.l-content-more{padding-bottom:20px;}
.l-content-more i, .l-content-more1 i, .l-content-more2 i, .l-content-more H3{color: #f65000}
.l-content-more1{width: 16%; height: auto; background: #EFEFEF; margin: 5px 1%;text-align:center; padding: 10px 0; display: inline-block}
.l-content-more1 span, .l-content-more3 span{display: block}
.l-content-more2{width: 100%; margin-top: 5px; height: auto}
.l-content-more2 span{display: inline-block}
.l-content-more3{width: 18%; height: auto; background: #EFEFEF; margin: 5px 1%;text-align:center; padding: 10px 0; display: inline-block}
.l-more2-dp{display: block; width: 120px; margin: 10px 5px; text-align: center; background: #EFEFEF; border:1px solid #CCC; border-radius: 30px;}

/*-----------百家姓，姓名详情页-----------*/
.l-name-repeat{height:auto; text-align: center; padding: 30px 0}
.l-name-repeat-score{display: block; margin: 0 auto; padding: 10px 0; font-size: 72px; color: #f65000; text-align: center}
.l-name-repeat-p{display: block; font-size: 14px; color: #9D9D9D; text-align: center; padding: 0px 60px 30px}
.l-name-repeat-label{width:auto; border-radius: 20px; font-size: 14px; background: #CCCCFF; color: #000000; padding: 3px 25px; margin: 0 auto}
@media (max-width:800px) {
    .l-name-repeat-score{font-size: 48px;}
    .l-name-repeat-p{padding: 0 40px}
    .l-name-repeat{padding: 10px 0}
    .l-form1-content{border-radius: 10px;}
}


.l-content-xingbie{width: 100%; }
.l-content-boy, .l-content-girl{width: 50%; height: 40px; padding-top: 8px; margin: 20px 0;text-align: center;box-shadow: 1px 1px 10px #eeeeee;float: left;}
.l-content-boy span, .l-content-girl span{font-size: 16px; font-weight: bold}
.l-xingbie-bj{background: #99ccff}
.l-xingbie-border-top{border-top: 1px solid #99ccff; }
.l-xingbie-border-right{border-right: 1px solid #99ccff;}
.l-xingbie-border-left{border-left: 1px solid #99ccff;}

.l-content-qmdq{width: 100%; height: auto;}
.l-content-mz{width: 30%; height: auto; margin: 3px 1%; background: #FFFFFF; border-radius: 10px; display: inline-block; box-shadow: 1px 1px 1px 1px #CCC;}
.l-content-mz:hover{background: #FFCCCC}
.l-content-mzxq{width: 45%; text-align: center; display: inline-block}
.l-content-mzxq span{display: block}
.l-content-df{width:45%; text-align: right;display: inline-block}
.l-content-df span{font-family: 黑体;}

.article-content .l-content-qmdq{width: 100%; height: auto;}
.article-content .l-content-mz{width: 45%; height: auto; margin: 5px 2%; padding: 8px 0; background: #FFFFFF; border-radius: 10px; display: inline-block; box-shadow: 1px 1px 1px 1px #CCC;}
.article-content .l-content-mz:hover{background: #FFCCCC}
.article-content .l-content-mz div{margin-bottom: 0}
.article-content .l-content-mzxq{width: 45%; text-align: center; display: inline-block}
.article-content .l-content-mzxq span{display: block}
.article-content .l-content-df{width:45%; text-align: right;display: inline-block}
.article-content .l-content-df span{font-family: 黑体;}


/*-----------姓名打分页面-----------*/
.c-bignews{padding: 0 20px;}
.c-bignews p{display: block; height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; border: 1px solid #efefef; border-radius: 15px; margin-bottom: 10px}
.second-title{width: auto; height: auto; padding: 3px; border-bottom: 1px solid #EFEFEF; color: #f65000; font-weight: bold}


/*-----------详情页样式设计-----------*/
.c-form1-title{width: 100%; height: 110px; margin-bottom:20px; padding: 0 20px;}
.c-title-left{width: 70%;height: auto; text-align: left; display: inline-block}
.c-title-right{width: 28%;height: auto;text-align: center; display: inline-block}
.c-title-right span{font-family: 黑体;}
.c-title-left H1{font-size: 72px; display:inline-block;  padding:10px 0;  font-family: 黑体;}
.c-title-left .reviewname{width: auto; padding: 3px 15px; cursor: pointer; font-size: 14px; background: #f65000; margin-left: 15px; border-radius: 5px; color: #FFFFFF; display: inline-block}
@media (max-width: 800px) {
    .c-form1-title{height: 75px; margin-bottom:0px; padding:0 10px}
    .c-title-left .reviewname{padding: 2px 10px; font-size: 12px}

    .c-title-left{width: 68%;}
    .c-title-right{width: 30%; float: right}
}

.c-more2-bq{width: 15%; border: 1px solid #CCCCCC; border-radius: 20px; height: auto; text-align: center; display: inline-block; vertical-align: top}
.c-more2-dp{width: 80%; height: auto; overflow: hidden; display: inline-block}
.c-more2-dp .second-title{padding-left: -10px;}
.c-more2-dp span{font-size: 14px; color: #7F7F7F; display: block}
.c-more2-dp li{display: block; padding-left: 5px; letter-spacing: 1px; line-height: 20px;}
.c-more2-dp p{padding-left: 15px;}
.c-more2-dp p::before{
    content: '\25E6'; /* Unicode for a bullet point */
    color: #333; /* Set the color of the bullet */
    display: inline-block; /* Makes the bullet act like an inline element */
    width: 1em; /* Space for the bullet */
    margin-left: -1em; /* Align the bullet to the left */
}
.open-btn{width: 100%;height: 50px;text-align: center; box-shadow: 0px -25px 30px 20px #efefef; background: linear-gradient(#efefef, #ffffff); color: #5a84fd/*实现渐变效果，遮罩效果*/}

.c-content-wx{width: 100%; height: auto;}
.c-content-ldt,.c-content-wxsl,.c-content-sldf,.c-content-scdf{width: 100%; height: 400px; margin: 0 auto;}
.c-content-fx1,.c-content-sl1,.c-content-sc1{margin-top: -140px;}
.c-content-fx,.c-content-fx1{width: 100%; padding: 10px 20px; margin-bottom: 5px; background: #EFEFEF; height: auto; display: block}
.c-content-fx span,.c-content-fx1 span{display:inline-block}


.c-content-sl,.c-content-sl1,.c-content-sc,.c-content-sc1{ padding: 10px 20px;}
.c-content-sljx{margin: 0px 0; }
.c-content-sljx span{display: block; font-size: 12px; color: #7F7F7F}
.c-content-sljx span strong{color: #333333}
.c-content-sljx{width:100%; height:auto; display: inline-block}
.content-pd-left{display:block; padding: 6px 20px; background: #F5F5F5;}


.zi-content-chengyu{width: 100%}
.zi-content-chengyu li, .zi-content-mingzi li{list-style: none; width: auto; height: 30px; display: inline-block;  margin: 5px 5px;border-radius: 20px; color: #3a3a3a}
.zi-content-chengyu li{padding: 5px 22px; background: #EEEEEE; }
.zi-content-mingzi li{padding: 5px 28px; border: 1px solid #DDDDDD }
.zi-content-chengyu li a{}


.article-form{background: #ffecd2; padding: 10px 20px 20px; box-shadow: 0 1px 3px hsl(0deg 0% 7% / 10%)}
.article-form .form-control{height: auto; padding: 2px 12px; background: #FFFFFF}
.article-form .not-name-point{font-size: 20px; text-align: center}

/*-----------单页：收费服务-----------*/
.payfor{margin-top: 40px;}
.payfor td{border: 1px solid #cccccc; padding: 10px 20px;}
.paytitle{border: 0; width: 100%; text-align: center; padding: 30px 0;}
.paytitle h1{margin: 10px 0; font-size: 36px;}
.ziti {font-size: 14px}
.STYLE1 {font-size: 24px;font-weight: bold;color: #990000;}
.qm-shenqing a{display: block; width: 40%; height: 35px; line-height: 35px; color: #FFFFFF; font-size: 16px; background: #f65000; border-radius: 20px;}

/*-----------单页：信息提交-----------*/
.mask-wrapper-file{width: 100%; height: 100%; margin-top: 60px;}
.form-wrapper-file{width: 70%; height:auto; margin: 0px auto; background: #ffffff;}
.close-wrapper{width: 100%; height: 30px; background: #ffffff}
.close-btn{width: 30px; height: 20px; float: right; margin-top: 5px; color: #333333; cursor: pointer}
.apply-wrapper{width: 100%; height: auto; padding: 0 20px; position: relative; overflow: hidden}
.apply-title{width: 100%; height: 30px; line-height: 30px; margin-top: 15px;}
.apply-title span{font-size: 16px; color: #F65000; display: inline-block}
.apply-info{margin-top:10px; border: 1px solid #eeeeee; border-radius: 10px; padding: 20px 30px 30px; background: #efefef}
.file-list{font-size: 14px; font-weight: bold; vertical-align: middle; text-align: center}
.file-list-middle{vertical-align: middle; text-align: center}

@media (max-width: 800px) {
    .mask-wrapper-file{margin: 30px 0}
    .form-wrapper-file{width: 100%; top: 40px}
    .apply-info{padding:20px 10px}
}


/*---------------内容页排盘样式---------------*/
    .container-form2 table{width: 100%; margin: 15px 0;}
    .container-form2 table tr td{border: 1px solid #ccc; width: 18%; height: 30px; padding: 5px 0; text-align: center}
    .table-shishen span{display: inline-block; width: 20px; height: 20px; font-size: 12px; line-height: 20px; border-radius: 13px; background: #99ccff; color: #FFFFFF}
    .container-form2 table .table-shishen td{border: 0}

/*---------------日历详情单页---------------*/
    .rili_height{height: 4850px;}
    .rili_left_menu{position: fixed; width: 12%; top: 80px; left: 2%;}
    .rili_right{float: right; width: 83%; margin-right: 2%}
    .rili_left_shi{height: 30px; color: #FFFFFF; line-height: 30px; text-align: center; width: 100%; background: #f65000; margin-top: 5px; padding: 0 20px; border-radius: 20px; display: block}



@media (max-width: 800px) {
    .table-shishen span{width: 18px; height: 18px; font-size: 10px; line-height: 18px;}
    .zi-content-chengyu li{padding: 5px 18px;}
    .zi-content-mingzi li{padding: 5px 24px;}
    .content-lifa1{font-size: 11px; padding:1px 0;}

    /*---------------内容页排盘样式---------------*/
    .container-form2 table{width: 100%; margin: 5px 0;}
    .container-form2 table tr td{width: 18%; height: 20px; padding: 3px 0;}

    .c-content-sl,.c-content-sl1,.c-content-sc,.c-content-sc1{ padding: 10px 8px;}

    /*-----------姓名打分页面-----------*/
    .c-bignews{padding: 0px;}
    .c-bignews p{height: 25px; font-size: 12px; padding-left: 5px; line-height: 25px;margin-bottom: 7px}


    /*---------------日历详情单页---------------*/
    .rili_height{height: 6750px;}
    .rili_left_menu{top:40px; width: 25px; left: 1%}
    .rili_right{width: 92%; margin-right: 1%;}
    .rili_left_shi{height: 25px; line-height: 25px; padding: 0; border-radius: 20px; text-align: center}

}

/*--------------- vip 测试页-top-banner ---------------*/
.baogao-banner{background-image: url("/static/images/logo/baogao-banner.jpg"); background-size: cover; width: 100%; max-height: 600px; border: 1px solid #eee; padding: 80px 0; text-align: center}
.baogao-content span{display: block}
.baogao-all span, .baogao-all img{display: inline-block; vertical-align: middle; color: #787878}
.baogao-danwei, .baogao-lilun{display: block; width: 100%;}
.baogao-content span { margin-bottom: 30px; }
.baogao-all span{margin: 12px 0; font-size: 18px;}
.baogao-content{padding: 0 10px}
.baogao-all{margin-top: 50px;}
.baogao-content img, .baogao-all img{margin-left: 20px;}


/*--------------- vip 测试页-神煞 ---------------*/
.container-form2 .shensha-ji td, .container-form2 .shensha-xiong td{border: 0; background: #fbfcfc; height: 20px;}
.shensha-ji span{color: #0c0d0e}
.shensha-ji tr{}
.shensha-ji td{height: 30px}
.shensha-xiong span{color: red}
.shensha-ji span, .shensha-xiong span{display: block; font-size: 14px;}

/*---------------内容页:大运---------------*/
.dayun-form{flex: 1; text-align: center; border: 1px solid #efefef; justify-content: space-between; margin: 10px 5px; }
.dayun-form-nian{width: 100%; height: 20px; margin-bottom: 15px; font-size: 12px; background: #efefef}
.dayun-form-yun{width: 60%; height: 60px; margin: 0 auto}
.dayun-form-yun span{font-size: 16px; font-weight: bold}
.dayun-form-sui{width: 100%; height: 20px; margin-top: 15px; background: #efefef}

/*---------------内容页:流年---------------*/
.liunian-form{flex: 1; min-width: 15%; height: auto; border: 1px solid #efefef; margin: 3px 2px; padding: 10px 3px; box-shadow: 1px 1px 3px 1px #CCC; text-align: center; display: inline-block; overflow: hidden}
.liuyue-form{flex: 1; min-width: 6%; height: auto; border: 1px solid #efefef; margin: 3px 2px; padding: 10px 3px; box-shadow: 1px 1px 3px 1px #CCC; text-align: center; display: inline-block}
.liunian_nian{border-radius: 5px; background: #efefef; width: 50px; height: 20px; line-height: 20px; margin: 5px 5px 15px; padding-left: 5px}
.liunian_yun{height: auto;  margin-top: 10px; padding: 0 5px;}
.liunian_yun span{border-radius: 5px; border: 1px solid #EFEFEF; height: 20px; line-height: 20px; font-size: 12px; color: #aaaaaa; display: block; margin-top: 5px}
.liunian_nian span{font-size: 12px}
.liunian_pan{width: 100%; height: 30px; line-height: 30px; margin-top: 10px;}
.liunian_pan span{font-size: 18px; font-weight: bold}
.liunian_href{width:70%; border:1px solid #f65000; border-radius: 15px; height: 20px; line-height: 18px; font-size: 12px; padding: 0 10px; margin: 10px auto;}

@media (max-width: 800px) {
    .liunian_href{width:95%;}
    .liuyue-form{min-width: 14%}
    .liunian_nian{padding-left: 0;}

    .baogao-banner{padding: 50px 0 30px;}
    .baogao-all span{margin: 8px 0; font-size: 15px;}
    .baogao-content img, .baogao-all img{margin-left: 10px;}
}
/*---------------八字占卜页---------------*/
.c-top{display: flex; border: 0px solid #DDDDDD; margin-bottom: 10px;}
.c-top-title{flex: 1; text-align: center;border-radius: 20px;padding: 6px 0;background: #F7D3D2;margin: 10px 10px;}
.c-top-title-bg{background: #F65000}
.container-form-bazi-analyse{width: 100%; height: auto; padding: 20px 20px;}
.container-bazi-analyse{width: 100%; height: 580px; padding: 40px 5px 0;}
.bazi_ny{width: 100%; height: auto; padding: 30px 20px;}
@media (max-width: 800px) {
    .bazi_ny{padding: 10px 5px;}
    .container-bazi-analyse{height: 420px; padding: 20px 20px 0;}
}
.container-form-bazi-analyse H3, .bazi_ny H3{height:30px; line-height: 30px; background: #F7D3D2; font-size: 16px; padding:0 20px; border-radius: 10px 10px 0 0}
.bazi-analyse-form{border:1px solid #F7D3D2; width: 100%; height: auto; padding: 15px 15px;}
.bazi-analyse-title{width: 15%; height: auto; display: inline-block; border: 1px solid #CCCCCC; border-radius: 15px; text-align: center}
.bazi-analyse-form .row{margin-top: 10px}
.bazi-analyse-content{width: 84%; display: inline-block; float: right}
.flex-content{width:100%; display: flex; flex-wrap: wrap; }

#RetestName{display: none}


/*---------------今明两天运势---------------*/
.dayun-form-fen{text-align: center}
.dayun-form-fen span{display: block; width:50px; height: 50px; margin: 0 auto; padding-top: 17px; background: rgb(200,200,169); border-radius: 25px; font-size: 12px}
.dayun-form-text{width:100%; background: #efefef; padding: 10px 10px;}
.dayun-form-text p{font-size: 12px; color: #AAAAAA}
#dayun-form2041::before{content: ''; position: absolute; bottom: 0; left: 0; width: 80px; background: red; opacity: 0.3; }
.tabale-left{display: inline-block; width: 64%}
.table-right{display: inline-block; width: 35%; float: right}

.bazi-analyse-form{border:1px solid #F7D3D2; width: 100%; height: auto; padding: 15px 15px;}
.remind_to_pay{width: 30%; margin:30px 0 30px 35%; border-radius: 25px;
    line-height: 48px; font-size: 20px; color: #FFFFFF; background: #F65000; text-align: center;}
.container-form-content a .remind_to_pay span{color: #FFFFFF}
.remind_to_pay img{max-height: 16px;}
.dayun-form-tubiao{ width: 700px; height: 500px}

/*十神图表样式*/
.liunian_shishen{height: 200px; max-width: 245px; margin: -30px -5px -30px -20px; overflow: hidden}

/* CMS 首页样式  */
.cms-h3{width: auto; height: 20px; line-height: 20px; margin: 30px 0; font-size: 18px; color: #3a3a3a; border-left: 4px solid #f65000; padding-left: 15px;}
.cms-form{width:100%; height:auto; margin-top: 10px; padding: 10px 30px}
.cms-score{width: 40%; height: 320px; display: inline-block; color: #f65000; margin: 0 auto}
.cms-content{width: 60%; height: 280px; float: right; margin-top: 20px; display: inline-block; border: 1px solid #CCCCCC; background: #FFFFFF}
.cms-content-span{padding: 10px 0;}
.cms-content-cicrle{width: 18px; height: 18px; line-height: 20px; border-radius: 50%; background: #FFFFFF; border: 1px solid #cccccc; margin: 10px 0 0 -9px}
.cms-content-p{font-size: 18px; line-height: 20px; font-family: 细黑; color: #333333; padding-left: 10px; width: 95%}
.cms-content-cicrle, .cms-content-p, .cms-form-info, .cms-form-edit, .cms-form-click, .cms-form-all, .cms-form-wait-left, .cms-form-wait-right{display: inline-block}

.cms-form-wait{width: 100%;}
.cms-form-wait-left{width: 49%;}
.cms-form-wait-right{width: 49%; float: right}
.cms-form-wait-title{width: 100%; height: 30px; background: #1f2430}
.cms-form-wait-title span{display: inline-block; border-radius: 0; color: #FFFFFF; line-height: 30px; padding: 0 20px; border-left: 1px solid #ffffff; float: right}
.cms-form-wait-content{width: 100%; height: 280px; border: 1px solid #cccccc;}
.cms-form-wait-shishen{width: 100%; height: 400px; margin-top: -40px; border: 0px solid #cccccc;}

.cms-index-curve{width: 100%; height: 400px; border: 1px solid #cccccc;}

/* CMS 首页样式-化名选择  */
.form3-bar{width: 400px; height: 50px; margin: 0 auto; text-align: center; border-radius: 25px; background-color: #efefef; display: flex; justify-content:space-evenly}
.form3-bar-button{width: 200px; height: 50px; line-height: 50px; font-size: 16px; font-weight: bold; border-radius: 25px}

@media (max-width: 800px) {
    .form3-bar{width: 100%; height: 40px; border-radius: 20px;}
    .form3-bar-button{height: 40px; border-radius: 20px; font-size: 14px; line-height: 40px;}

    .cms-content{width: 100%; height: auto; float: none; margin: 0; }
    .cms-content-span{padding-top: 10px}
    .cms-content-cicrle{width: 14px; height: 14px; margin: 5px 0 0 -8px;}
    .cms-content-p{font-size: 14px; width: 93%;}
    .liunian_shishen{height: 170px; max-width: 190px; margin: -20px -20px -20px -10px}

    .remind_to_pay{width: 80%; margin:25px 0 25px 10%; border-radius: 20px;line-height: 40px; font-size: 18px;}
    .remind_to_pay img{max-height: 15px;}

    .cms-score{width: 100%}
}

/* CMS 首页侧边栏样式  */
.qm-row{}
.left-menu{position:fixed; display: inline-block; width: 200px; height: 100%; top:50px; left: 0; bottom: 0; background: #1e222d}
.left-menu-ul{color: #c1c6c8; margin-top: 5px;}
.left-menu-user i{display: inline-block; height: 40px; line-height: 40px; font-size: 15px; padding:0 15px; color: #EFEFEF}
.left-menu-ul li a{display: block; color: #c1c6c8; padding: 7px 0px 7px 35px; font-size: 14px; font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,SimSun,sans-serif;}
.left-menu-ul a:hover{background: #0e84b5}
.right-content{position: fixed; left: 200px; right: 0; bottom: 0; top: 60px; overflow-y: scroll}
.left-menu-title{height:30px; line-height: 30px; margin: 20px 15px 10px; font-weight: bold; color: #333333; background: #eeeeee; border-radius: 15px; text-align: center}
.left-menu-title .iconfont{font-size: 14px}


.nav-view{display: inline-block; margin: 10px 30px;}
.nav-view-select{width:auto; display: inline-block; height: 30px; line-height: 30px; font-size: 14px;}
.nav-view-select span{display: inline-block;}
.nav-view-select i{display: inline-block; font-size: 16px; margin:0 20px 0 10px;}

.nav-view-button{display: inline-block; height: 25px; line-height: 25px; margin-left: 5px; border-radius: 3px; padding: 0 15px; font-size: 12px; background: #f65000; color: #FFFFFF}
.bazi-test {width: 100%;height: 100%;position: fixed;left: 0;right: 0;top: 0;display: none;background: rgba(0, 0, 0, 0.95);
}
.bazi-loading{width: 40%; height: 480px;  position: fixed; top: 17%; left: 30%; padding: 0 30px; background: #FFFFFF}
.bazi-loading H3{margin: 25px 0; text-align: center;}
.bazi-split-name{height: 30px; line-height: 20px; font-size: 18px; letter-spacing: 2px; text-align: left; }
.bazi-split-pro{height: 10px; line-height: 10px; font-size: 10px;border: 0px solid #cccccc; text-align: center}
.l-content0, .l-content1,.l-content2,.l-content3{width:0px; text-align:center; background:red; border-radius: 5px; }

/*CMS首页 加载弹窗*/
.bazi-loading{width: 50%; height: 480px; top: 17%; left: 25%; padding: 0 20px;}
.bazi-loading H3{margin: 25px 0; text-align: center;}
.bazi-split{width: auto; max-height: 17%; margin-top: 10px; padding: 20px 30px; background: #efefff; border-radius: 5px; display: none;}
.bazi-split-name{height: 30px; line-height: 20px; font-size: 18px; text-align: left; letter-spacing: 1px; }
.bazi-split-pro{height: 10px; line-height: 10px; font-size: 10px;border: 0px solid #cccccc; text-align: center}
.l-content0, .l-content1,.l-content2,.l-content3{width:0px; text-align:center; background:red; border-radius: 5px; }
.CmsNewInfo{width:100%; padding: 7px 0px; background: #5a84fd; border-radius: 8px; border: 0; color: #FFFFFF}


/*----笔名样式-首页------*/
.hm-top{border: 1px solid #CCCCCC}
.hm-top H1{width: 100%; line-height: 40px; text-align: left; border-bottom: 1px solid #CCCCCC; background: #efefef; font-size: 18px; padding-left: 20px;}
.bjx_fom1_szm span{ font-size: 24px;  color: #f65000}
.bjx_fom1_xs li{list-style: none;float: left}
.bjx_fom1_xs li a{font-size: 24px; display: block;width: 50px; height: 50px; padding: 5px 12px; color: #333 }
.bjx_fom1_xs li a:hover{ background-color: #f65000; color: #fff}

.bm_main{width: 100%; margin-top: 40px; padding: 20px; background: #FFFFFF; height: auto;}
.bm_list{width: 100%; border-left: 5px solid #f0ad4e; margin: 8px 0; padding: 15px 30px; background: #FAFAFA; font-size: 20px; text-align: left}
.bm_list h3{font-size: 24px;}
.bm_list_info{display: block; margin: 15px 0 0; height: auto; font-size: 12px; color: #cccccc}
.bm_list:hover{border: 1px solid #F65000; background: #FFFFFF}


/*----笔名样式-内容页------*/
.bm_c{width: auto; margin: 0 auto;}
.bm_c H1{display: block; padding: 20px 0; font-size: 46px;}

.bm_c_main{background: #FFFFFF}
.bm_c_name{width: 100%; margin: 3px 0; border: 1px solid #efefef; background: #FFFFFF}
.bm_c_name, .bm_c_name_mingzi, .bm_c_name_dafen{display: inline-block;}
.bm_c_name_mingzi{width: 79%; padding: 13px 20px}
.bm_name_wx{margin-left: 30px; font-size: 14px; color: #BBBBBB}
.bm_c_name_mingzi img{width: 20px}
.bm_c_name_dafen{width: 20%; text-align: center}

.bm_c_name_mingzi::before{content: "名字"; font-size: 11px; padding: 0 10px; color: #CCCCCC; border: 1px solid #CCCCCC; border-radius: 15px;}

.bm_sex{display: flex; justify-content: space-between}
.bm_sex_list{width:25%; margin: 20px 0; font-size: 16px;  padding: 10px 0; text-align: center}
.bm_sex_list img{width: 12px;}
.bm_sex_list a:hover{color: #333333}


/*----右侧内容推荐列表------*/
.right-content-cecommend{padding: 0px 10px 10px; border-bottom: 1px solid #EEEEEE }
.right-content-cecommend a{ color: #3c3c3c;width: 100%; display: block; font-size: 15px; height: 35px;}
.right-content-cecommend img{max-width: 14px}

.pay-button{width: 500px; margin-left: 400px; margin-top: -170px; position: absolute; z-index: 999; border-radius: 25px;
    line-height: 48px; font-size: 20px; color: #F65000; border: 1px solid #F65000; text-align: center}


/* CMS 弹窗-重新提交信息  */
ol,li {
  margin: 0;
  padding: 0
}

li {
  list-style-type: none
}

#date-wrapper {
  position: fixed;
  bottom: 30%;
  left: 10%;
  width: 80%;
  margin: 0;
  z-index: 56;
  text-align: center;
  background: #fff;
  border-radius: 3px;
  padding-bottom: 10px;
  display: none
}

#d-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  filter: alpha(Opacity=50);
  -moz-opacity: .5;
  opacity: .5;
  z-index: 55;
  display: none
}

#date-wrapper h3 {
  font-family:PingFangSC-Regular;
  line-height: 50px;
  color: #333333;
  font-size: 15px;
  margin: 0;
  border-radius: 3px 3px 0 0
}

#date-wrapper ol,#d-tit>div {
  width: 20%;
  float: left;
  position: relative
}

#d-content {
  padding: 10px;
  border: 1px solid #E5E5E5;
}

#d-content #d-bg {
  height: 120px;
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
  border: 1px solid #ddd;
}

#d-cancel,#d-confirm {
  border-radius: 3px;
  float: left;
  width: 40%;
  line-height: 30px;
  font-size: 15px;
  color: #333333;
  margin: 0 5%;
  padding-top: 10px;
}

#d-confirm {
  color: #5CBB9D;
}

#date-wrapper li {
  line-height: 40px;
  height: 40px;
  cursor: pointer;
  position: relative
}

#d-tit {
  overflow: hidden;
  line-height: 30px;
  margin-bottom: -1px
}

#date-wrapper ol {
  -webkit-overflow-scrolling: touch;
  position: absolute;
  top: 0;
  left: 0
}

#date-wrapper ol:nth-child(2) {
  left: 20%;
}

#date-wrapper ol:nth-child(3) {
  left: 40%;
}

#date-wrapper ol:nth-child(4) {
  left: 60%;
}

#date-wrapper ol:nth-child(5) {
  left: 80%;
}

#date-wrapper ol:nth-child(6) {
  left: 100%;
}


#d-content #d-bg:after{
    content: '';
    height: 40px;
    background: #F3F3F3;
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    z-index: -1;
}






/*---------------公共样式---------------*/
.form-bg1{background: #99ccff}
.form-bg2{background: #CCCCFF}
.form-bg3{background: #FFCCCC}
.form-bg4{background: #E5E338}
.form-bg5{background: #FFFFFF}
.form-bg6{background: #66CC99}
.form-bg7{background: #EFEFEF}
.form-bg8{background: #FFFFFF}

.form-bg-img1{background-image:linear-gradient(#ABDCFF,#D396FF) }

.form-mg1{margin-top: 5px;}
.form-mg3{margin-top: 10px;}
.form-mg3-all{margin-top: 10px;}
.form-mg4{margin-top: 15px;}
.form-mg2{margin-left: 20px}
.form-mg5{margin-bottom: 20px}
.form-mg6{margin-top: -50px}

.form-color1{color: #cccccc}
.form-color2{color: #AAAAAA}
.form-color3{color: #FFFFFF}
.form-color4{color: red}
.form-color5{color: #3a3a3a}
.form-color6{color: #66CC99}

.form-size1{font-size: 48px}
.form-size2{font-size: 14px}
.form-size3{font-size: 18px}
.form-size4{font-size: 12px}
.form-size5{font-size: 42px}
.form-size6{font-size: 72px}



@media (max-width: 800px) {
    .bazi-split{padding: 20px 20px;}
    .l-content-more{border-bottom: 0;}
    .l-form1-content{padding: 10px 5px;}
    .l-content-more1{width: 22.9%; margin: 5px 1% 0 0;}
    .l-content-more1 span,.l-content-more2 .c-more2-bq span{font-size: 12px;}
    .l-more2-dp{display: block; width: 100px; margin: 5px 5px; text-align: center; background: #ffffff; border:0px solid #CCC; border-radius: 0px;}

    .l-content-mz{width: 47%; margin: 3px 1%; padding: 5px 3px;}
    .c-content-ldt{height: 260px;}
    .c-content-wxsl,.c-content-sldf,.c-content-scdf{height: 260px;}
    .c-content-fx1,.c-content-sl1,.c-content-sc1{margin-top: -100px;}

    .c-title-left H1{font-size: 38px; text-align: left}
    .c-title-left{display: inline-block}
    .c-title-right{display: inline-block}

    .container-form-content{padding: 5px 5px;}

    .c-more2-bq{width: 22%; }
    .c-more2-dp{width: 76%;}


    .article-form{padding: 5px 5px; box-shadow: 0 1px 3px hsl(0deg 0% 7% / 10%)}
    .article-form .not-name-point{font-size: 18px;}

 /*---------------八字占卜页---------------*/
    .c-top{margin-bottom: 5px;}
    .c-top-title{
        flex: 1;
        width: 30%;
        border-radius: 5px;
        padding: 6px 0;
        margin: 5px 3px;
        font-size: 10px;
    }
    .c-top-title-bg{background: #F65000}


    .container-form-bazi-analyse{padding: 10px 5px;}
    .container-form-bazi-analyse H3{height:28px; font-size: 14px; }
    .bazi-analyse-title{width: 24%;}
    .bazi-analyse-title span{font-size: 12px}
    .bazi-analyse-title1{width: 23%; height: auto; }
    .bazi-analyse-content{width: 75%; height: auto; font-size: 12px}
    .dayun-form{min-width: 20%; margin:10px 1px;}
    .dayun-form-fen{text-align: center}
    .dayun-form-fen span{display: block; width:50px; height: 50px; margin: 0 auto; padding-top: 17px; background: rgb(200,200,169); border-radius: 25px; font-size: 12px}

    .dayun-form-text{background: #efefef; padding: 10px 10px;}
    .dayun-form-text p{font-size: 12px; color: #AAAAAA}

    /*.liunian-form{min-width: 23%; height: 190px;}*/
    .liunian-form{min-width: 40%; height: auto;}

    .pay-button{width: 60%; margin-left: 18%; margin-top: -320px;}

/*---------------今明两天运势---------------*/

    .dayun-form-fen span{display: block; width:50px; height: 50px; margin: 0 auto; padding-top: 17px; background: rgb(200,200,169); border-radius: 25px; font-size: 12px}
    .dayun-form-text{width:100%; background: #efefef; padding: 10px 10px;}
    .dayun-form-text p{font-size: 12px; color: #AAAAAA}
    #dayun-form2041::before{content: ''; position: absolute; bottom: 0; left: 0; width: 80px; background: red; opacity: 0.3; }
    .tabale-left{display: inline-block; width: 64%}
    .table-right{display: inline-block; width: 35%; float: right}

    .container-form-bazi-analyse H3{height:30px; background: #F7D3D2; font-size: 16px; border-radius: 10px 10px 0 0}
    .bazi-analyse-form{border:1px solid #F7D3D2; width: 100%; height: auto; padding: 15px 15px;}
    .dayun-form-tubiao{width: 360px; height: 262px}
    .dayun-form-fen{text-align: center}
    .dayun-form-fen span{display: block; width:50px; height: 50px; margin: 0 auto; padding-top: 17px; background: rgb(200,200,169); border-radius: 25px; font-size: 12px}

/*CMS首页移动端适应*/
    .right-content{left: 0; top: 45px;}
    .bazi-loading{width: 98%; top: 17%; left: 1%;}

    .form-mg3{margin-top: 5px;}
    .form-mg4{margin-top: 8px;}

    /*---------------公共属性---------------*/
    .qm-row .col-md-4{display: none}
    .form-size1{font-size: 28px}
    .form-size2{font-size: 12px}
    .form-size3{font-size: 14px}
    .form-size4{font-size: 11px}
    .form-size5{font-size: 32px}
    .form-size6{font-size: 42px}
    .index-space4{margin-top: 30px}

    /*---------------笔名样式---------------*/
    .bm_c_name{margin: 2px 0}
    .bm_c_name_mingzi{padding: 10px}
    .bm_c H1{font-size: 32px;}
    .bm_sex_list{font-size: 14px;}
    .bm_c_name_mingzi .zihao26{font-size: 19px;}
    .bm_c_name_mingzi .zihao14{font-size: 12px;}
    .bm_c_name_mingzi img{width: 14px}
    .bm_c_name_mingzi span{margin-left: 5px;}
    .bm_c_name_mingzi{width: 75%;}
    .bm_c_name_dafen{width: 22%; text-align: right;}

    .bm_name_wx{display: block; font-size: 11px; padding-left: 50px;}
    .bm_c_name_dafen .zihao5{font-size: 28px;}
}

.form-fm1{font-family: 黑体;}
.form-fl1{float: left}