html {
    font-size: 10px
}

body {
    margin: 0 auto;
    font-family: PingFangSC-Regular;
    max-width: 680px;
    font-size: 1.6rem;
    background-color: #e5e5e5;
    color: #333;
    line-height: 1.5
}



a {
    color: #333;
    text-decoration: none
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 400
}

h1,h2,h3,h4,h5,h6,p,button {
    padding: 0;
    margin: 0;
    border: 0
}

::-webkit-input-placeholder {
    color: #333
}

:-moz-placeholder {
    color: #333;
    opacity: 1
}

::-moz-placeholder {
    color: #333;
    opacity: 1
}

:-ms-input-placeholder {
    color: #333
}

input,select {
    display: block;
    box-sizing: border-box;
    font-size: 0.35rem;
    background-color: #f9f9f9;
    border: 1px solid #e5e5e5!important;
    border-radius: 0.125rem;
    padding-left: 0.2rem!important;
    color: #333;
    height: 1rem;
    line-height: 1rem;
    margin-bottom: 0.45rem!important;
    outline: 0;
}

textarea {
    display: block;
    border: 0;
    background: #eee;
    border-radius: .5rem;
    height: 8rem;
    padding: 3%;
    margin-bottom: 1rem;
    font-family: PingFangSC-Regular;
    outline: 0;
    font-size: 1.6rem
}

.width_100 {
    width: 100%
}

.width_32 {
    width: 32%
}

.width_47 {
    width: 47%
}

.width_49 {
    width: 49%
}

.width_30 {
    width: 30%
}

.width_16 {
    width: 16%
}

.width_60 {
    width: 60%
}

.width_23 {
    width: 23%
}

.border_left {
    padding-left: 1.2rem;
    border-left: 5px solid #2d92d9;
    height: 2rem
}



.public-box h1,.public-box h2 {
    color: #ef4c4d;
    text-align: center;
    padding: 0.4rem 0 0.5rem 0;
    font-size: 0.4rem;
    font-weight: 600;
}





.flex-wrap {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden
}

.flex-row {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    overflow: hidden
}

.box-title {
    height: 2.5rem;
    line-height: 2.5rem;
    margin-top: 1rem
}

.box-menu-list {
    margin-top: 1.5rem
}

.box-menu-list>a {
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    overflow: hidden;
    font-size: 1.5rem;
    margin-bottom: 1.4rem;
    background-color: #f2f2f2;
    padding: 0 1%;
    border-radius: .5rem
}






.box-article-list {
    overflow: hidden;
    margin-top: 2rem
}

.box-article-list>a {
    position: relative;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 4rem;
    line-height: 4rem;
    display: block;
    padding: 0 .5rem;
    font-size: 1.5rem
}

.box-article-list>a::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ebebeb;
    height: 1px;
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5)
}

.text-title {
    font-size: 1.8rem;
    font-weight: 600
}

.text-label {
    font-size: 1.3rem;
    color: #999;
    background-color: #eee;
    padding: 0 1rem;
    border-radius: 3rem
}

.box-text-des {
    line-height: 0.5rem;
    background-color: #f8f8f8;
    padding: 0.375rem;
    border-radius: 0.125rem;
    color: #555;
    margin-top: 0.5rem;
    font-size: 0.32rem;
}
p {
    margin-bottom: 0.4rem!important;

}
.box-text-label {
    font-size: 1.3rem;
    color: #888;
    margin-top: 0;
    background: #fff;
    padding: 0 .5rem 1rem .5rem
}

.ask-box {
    font-size: 1.5rem;
    padding: 1rem .5rem;
    border-bottom: 1px solid #eee
}

.box-result-title {
    border-left: 5px solid #2d92d9;
    font-size: 1.8rem;
    margin: 2rem 0;
    background: #f5f5f5;
    padding: .3rem 0 .3rem 1rem
}

.box-result-content select {
    width: 100%
}

.box-result-content p {
    margin: .6rem 0;
    line-height: 2
}

.box-result-content table {
    font-size: 1.2rem;
    width: 100%;
    padding: 2rem 0
}

.box-result-content table tr {
    border-bottom: 1px solid #eee
}

.box-result-content table td {
    text-align: center;
    border: 0;
    padding: .2rem 0
}

.box-result-content table td a {
    color: blue
}

.box-result-content .center {
    text-align: center
}


.des-wrap b {
    /*font-weight: normal*/
}

.justify-space-between {
    justify-content: space-between
}

.justify-center {
    justify-content: center
}

.justify-left {
    justify-content: left
}

.justify-space-around {
    justify-content: space-around
}

.btn {
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    font-size: 0.35rem;
    color: #333;
    border-radius: .13rem;
    margin-bottom: 0.25rem;
    background: #e2eafe;
}

.btn-pay {
    width: 100%;
    background: #2d92d9;
    color: #fff;
    margin-top: 1rem
}

.top-menu-list {
    background-color: #f8f8f8
}

.top-menu-list>a {
    width: 18%;
    padding: 0 1%;
    height: 3.8rem;
    line-height: 3.8rem;
    font-size: 1.38rem;
    text-align: center;
    overflow: hidden
}

.top-menu-list>a:nth-child(5n) {
    border-right: 0
}

.menu-list-control {
    color: #2d92d9;
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: .5rem;
    text-align: center
}

.ask-icon {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    border-radius: 50%;
    background: #2d92d9;
    text-align: center;
    color: #fff;
    line-height: 2rem;
    margin-right: .5rem
}

.layout-head {
    position: relative;
    overflow: hidden;
    height: 5rem;
    background-color: #2d92d9;
    display: flex
}

.layout-head-logo {
    display: block;
    height: 5rem;
    margin-left: .6rem;
    width: auto
}

.layout-head-account {
    position: absolute;
    right: 5rem
}


.layout-head-sitemap {
    position: absolute;
    right: .6rem
}



.footer {
    overflow: hidden;
    padding: 1.4rem 0;
    border-top: 1px solid #d8d8d8;
    margin-top: 1rem;
    text-align: center;
    background-color: #dfdfdf;
    color: #636363
}

.footer-nav {
    padding: 0 .5rem
}

.footer-nav a {
    display: inline-block;
    color: #333;
    font-size: 1.3rem;
    height: 3rem;
    line-height: 3rem;
    width: 20%
}

.footer-info {
    margin-top: 2rem
}

.footer-info p {
    font-size: 1.3rem;
    padding: 0;
    margin: .4rem 0
}

.control {
    font-size: 0.3rem;
    font-weight: bold;
    text-align: center;
    margin-top: 0.15rem;
}

.bread-wrap {
    padding: 1rem 0 1rem 1rem;
    font-size: 1.3rem;
    color: #999;
    background-color: #f8f8f8
}

.bread-wrap a {
    color: #444;
    opacity: .8
}

.home-nav {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    background-color: #2d92d9;
    padding-bottom: .8rem
}

.home-nav>a {
    display: block;
    width: 16.66%;
    text-align: center;
    font-size: 1.8rem;
    line-height: 3.4rem;
    color: #fff
}

.retest-btn {
    padding: .2rem .8rem;
    color: #fff;
    background: #2d92d9;
    font-size: 1.2rem;
    text-align: center;
    border-radius: 1rem;
    float: right;
    margin: .2rem 1rem 0 0
}


.table-ziwei {
    width: 100%;
    font-size: 1.4rem
}

.table-ziwei .td-4 {
    position: relative;
    width: 25%;
    height: 10rem;
    vertical-align: top
}

.table-ziwei .td-top {
    position: absolute;
    top: .2rem;
    width: 100%
}

.red {
    color: red
}

.orange {
    color: orange
}

.purple {
    color: purple
}

.table-ziwei .td-left {
    position: absolute;
    left: .3rem
}

.table-ziwei .td-right {
    position: absolute;
    right: .3rem
}

.table-ziwei .td-bottom {
    position: absolute;
    bottom: .2rem;
    width: 100%
}

.table-ziwei .td-left {
    position: relative;
    float: left
}

table,td {
    border: .1px solid #bbb
}

.green {
    color: green
}

.gray {
    color: gray
}

.blue {
    color: blue
}

.primary-btn {
    background-color: #2d92d9;
    color: #fff
}

.table-ziwei .ui>p {
    padding: .5rem
}

.table-ziwei .ui a.btn {
    font-size: 1.4rem
}

.table-ziweids,.table-ziweidy {
    width: 100%;
    font-size: 1rem
}

.table-ziweids .td-4 {
    position: relative;
    width: 25%;
    height: 15rem;
    vertical-align: top
}

.table-ziweids .td-top {
    width: 100%;
    height: 7.5rem;
    overflow: hidden
}

.table-ziweids .td-top-item {
    transform: scale(0.8);
    font-size: 1rem;
    width: 12%;
    height: 7.5rem;
    float: left;
    margin-top: -0.5rem
}

.label-primary {
    color: #fff;
    background-color: #428bca
}

.table-ziweids .td-middle {
    transform: scale(0.7);
    width: 100%;
    height: 2.5rem;
    color: lightslategray;
    text-align: center
}

.table-ziweids .td-bottom-left {
    width: 32.5%;
    height: 5rem;
    float: left;
    font-size: 1rem;
    margin-bottom: -0.5rem;
    transform: scale(0.9);
    color: gray;
    overflow: hidden
}

.table-ziweids .td-bottom-center {
    width: 35%;
    height: 5rem;
    float: left;
    font-size: 1rem;
    margin-bottom: -0.5rem;
    text-align: center;
    transform: scale(0.9);
    overflow: hidden
}

.table-ziweids .td-bottom-right {
    width: 32.5%;
    height: 5rem;
    float: left;
    font-size: 1rem;
    margin-bottom: -0.5rem;
    text-align: right;
    transform: scale(0.9);
    overflow: hidden
}

.label-danger {
    color: #fff;
    background-color: #d9534f
}

.label-success {
    color: #fff;
    background-color: #5cb85c
}

.label-warning {
    color: #fff;
    background-color: #f0ad4e
}

.label-default {
    color: #fff;
    background-color: #777
}

.table-ziweids .td-2 {
    width: 25%;
    height: 30rem;
    font-size: 1rem;
    text-align: center
}

.center {
    text-align: center
}

.bazi-table {
    font-size: 1.4rem
}

.bazi-table td {
    border: 0;
    height: 3rem;
    padding: .5rem 0
}

.bazi-table td a {
    color: #7c7ced
}

.font-weight-bold {
    font-weight: 600
}

.bazi-table .label {
    padding: .1rem .3rem;
    color: #fff;
    border-radius: .3rem;
    font-size: 1.3rem
}

.bazi-table .user-info {
    background-color: #ed948f;
    color: #fff
}

.article-detail {
    overflow: hidden;
    background-color: #fff;
    padding: 2rem 1.5rem
}

.article-detail-title {
    font-size: 2rem;
    line-height: 3.5rem;
    font-weight: 700;
    text-align: center
}

.article-detail-source {
    color: #999;
    font-size: 1.5rem;
    margin: .5rem 0;
    text-align: center
}

.article-detail-source a {
    color: #999
}

.article-detail-tag {
    text-align: center;
    margin-bottom: 1.5rem
}

.article-detail-tag a {
    color: #2d92d9;
    font-size: 1.4rem;
    padding: 0 .5rem;
    text-align: center;
    display: inline-block
}

.article-detail-content {
    line-height: 2;
    border-top: 1px solid #f1f1f1;
    padding-top: 1rem;
    overflow: hidden;
    font-size: 1.7rem;
    position: relative
}

.article-detail-content p {
    padding-bottom: 1.2rem
}



.article-detail-control {
    position: relative;
    z-index: 9;
    padding: 0 0 2.5rem;
    margin-top: -22rem;
    text-align: center
}

.control-mask {
    width: 100%;
    height: 20rem;
    background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#FFF));
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff)
}

.control-btn {
    background: #fff
}

.control-btn>span {
    color: #2d92d9;
    padding: 1rem 5rem;
    text-align: center;
    border: 1px solid #2d92d9;
    border-radius: .5rem;
    font-size: 1.7rem
}

.article-product-wrap {
    margin: 1rem 0
}

.article-product-wrap>a {
    border: 1px solid #eee;
    font-size: 1.4rem;
    width: 22%;
    overflow: hidden;
    display: block;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    margin-right: 2.3%;
    margin-bottom: 3%
}

.article-detail-relative a {
    display: block;
    color: #2d92d9
}

.article-detail-content p a {
    color: #2d92d9
}



.des-wrap .taglink {
    overflow: hidden;
    text-align: center;
    height: 3rem;
    line-height: 3rem
}

.video-detail video {
    width: 100%
}

.btn-fix-bottom {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 6rem;
    z-index: 1;
    background: linear-gradient(#2d92d9,#1d7abb,#2d92d9);
    text-align: center
}

.btn-fix-bottom button {
    padding: 1rem 0;
    background: 0;
    color: #fff;
    font-size: 1.5rem
}

.box-fix-bottom {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: white;
    text-align: center
}

.box-fix-bottom a {
    float: left;
    text-align: center;
    width: 33.1%;
    height: 3rem;
    line-height: 3rem;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 1.5rem;
    font-weight: bold
}

.box-fix-bottom a:nth-child(3n) {
    border-right: 0
}

.box-fix-bottom a:nth-child(4),.box-fix-bottom a:nth-child(5),.box-fix-bottom a:nth-child(6) {
    border-bottom: 0
}

.astro-hd-title {
    text-align: center;
    color: #333;
    margin-top: 3rem
}





.astro-hd-title>h3 {
    font-weight: 700;
    font-size: 2rem;
    line-height: 3rem;
    margin-top: 1rem
}

.astro-hd-title>span {
    font-size: 1.4rem
}

.sx-hd-year {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0
}

.sx-hd-year>li {
    width: 33.33%;
    padding: 0 .5rem;
    box-sizing: border-box;
    margin-bottom: 1rem;
    overflow: hidden;
    text-align: center
}

.sx-hd-year li .word {
    display: block;
    height: 3.5rem;
    line-height: 3.5rem;
    background-color: #f9f9f9;
    border: 1px solid #ebebeb;
    border-radius: .5rem;
    font-size: 1.5rem
}

.sx-hd-info {
    overflow: hidden;
    border-radius: .5rem;
    border: 1px solid #ebebeb;
    display: flex;
    flex-wrap: wrap;
    background-color: #f9f9f9;
    border-right: 0
}

.sx-info-item {
    overflow: hidden;
    width: 50%;
    box-sizing: border-box;
    display: block;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    text-align: center
}

.sx-info-item .tab {
    color: #999;
    height: 2rem;
    line-height: 2rem;
    overflow: hidden;
    font-size: 1.3rem
}

.sx-info-item .con {
    height: 2rem;
    line-height: 2rem;
    overflow: hidden;
    font-size: 1.4rem
}

.product-public-box {
    background: #fff
}



.lock-btn {
    position: relative;
    display: block;
    color: #fff;
    font-weight: 700;
    background-color: #cc3725;
    width: 12rem;
    height: 4rem;
    line-height: 4rem;
    border-radius: .4rem;
    text-indent: 3.8rem;
    margin: 1rem auto 1rem
}

.lock-btn::before {
    content: "";
    position: absolute;
    left: 1.2rem;
    top: 24%;
    width: 2rem;
    height: 2rem;
    background: url("../images/lock.png")no-repeat;
    background-size: 100% auto
}

.product-item-wrap {
    padding: 0 2.5rem;
    margin-bottom: 2.5rem
}

.product-item-wrap p {
    margin: 1rem 0
}

.product_public_footer {
    text-align: center;
    color: #6c6c6c;
    padding: 1rem 0;
    font-size: 1rem
}




.product_pay_bottom {
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 5.5rem;
    line-height: 5.5rem;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    z-index: 39;
    max-width: 680px;
    background-color: rgba(0,0,0,.5);
    transform: translateX(-50%)
}

.product_pay_bottom>span {
    height: 5.5rem;
    line-height: 5.5rem;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    background: #cc3725;
    padding: .8rem 4rem;
    border-radius: 3rem
}

.product-link-btn {
    display: block;
    background-color: #2d92d9;
    color: #fff;
    font-size: 1.8rem;
    margin: 2rem 0
}

.product-link-fix-btn {
    background: 0;
    color: #fff;
    font-size: 1.8rem
}

.background-gray {
    background-color: gray
}

.background-whitesmoke {
    background-color: whitesmoke
}

.background-bisque {
    background-color: bisque
}

.background-aliceblue {
    background-color: aliceblue
}

.background-white {
    background-color: white
}

.product-public-box .free-content {
    padding: 0 2rem 1rem 2rem
}

.return-link {
    padding: 1px 5px;
    background-color: #2d92d9;
    color: #fff;
    border-radius: 5px;
    font-size: 1.3rem;
    margin-right: 1rem;
    float: right
}

.public-title-des {
    background: #eee;
    padding: .5rem 1rem;
    border-radius: 5px
}

.label {
    padding: .1rem .3rem;
    color: #fff;
    border-radius: .3rem;
    font-size: 1.3rem
}

.taohua-icon {
    width: 2.5rem;
    margin-right: .5rem
}

.fixed-report {
    position: fixed;
    right: 0;
    bottom: 12%;
    z-index: 1;
    width: 2.7rem;
    height: 7.1rem
}

.fixed-report span {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(../images/report.png) no-repeat;
    background-size: 100%
}

.app-vip {
    background: url(../images/vip.png) no-repeat;
    background-size: 4rem auto
}

.tag-title-wrap {
    padding: 0 1rem;
    margin-bottom: 1.5rem
}

.tag-title-wrap>a {
    padding: .2rem 0;
    border-bottom: 2px solid #fff;
    font-weight: 600
}

.tag-title-wrap>a.current {
    border-bottom-color: #2385ca;
    color: #2385ca;
    font-weight: 600
}

.bzpan-ui>p {
    padding: .5rem 0
}



.xm-table-main {
    padding: 2.4rem 0;
    margin: .8rem;
    overflow: hidden
}

.table-hd .flex-item {
    padding: 0 1.2rem;
    display: block
}

.ge-box {
    width: 4.4rem;
    position: relative;
    text-align: center
}

.ge-name {
    font-size: 1.6rem;
    color: #ff2d2d;
    height: 2.8rem
}

.ge-value {
    font-size: 1.4rem;
    color: #4752d9;
    font-weight: 700
}

.wuxing-label {
    position: absolute;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    font-size: 1.2rem;
    text-align: center;
    top: 0rem;
    right: -1.5rem;
    color: #fff
}

.jin {
    background-color: #d0b012
}

.mu {
    background-color: #2eb515
}

.shui {
    background-color: #19b6be
}

.huo {
    background-color: #e74f06
}

.tu {
    background-color: #a17615
}

.num,.word {
    text-align: center
}

.num {
    font-size: 1.4rem;
    color: #4752d9;
    font-weight: 700
}

.word {
    font-size: 3.2rem;
    color: #333
}

.word .flex-item {
    height: 5rem;
    width: 5rem;
    text-align: center;
    border: 3px solid #eee
}

.line {
    margin: 5px 0
}

.line-top {
    width: 30%;
    height: 10px;
    border-left: solid 3px #eee;
    border-top: solid 3px #eee;
    border-right: solid 3px #eee
}

.line-bottom {
    height: 10px;
    border-left: solid 3px #eee;
    border-bottom: solid 3px #eee;
    border-right: solid 3px #eee;
    width: 100%
}

.wuxing-label-big {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    font-size: 1.6rem;
    text-align: center;
    line-height: 3.5rem;
    color: #fff
}

.public-tip-panel {
    position: relative;
    font-size: 1.4rem;
    color: #666;
    padding: 2.5rem 1.7rem 1.2rem;
    background-color: #f4f9ff;
    border-radius: .5rem;
    margin: 2rem 0 1.5rem
}

.tip-panel-title {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.6rem;
    text-align: center;
    background-color: #dde8f7;
    color: #333;
    padding: .4rem 1.5rem;
    line-height: 2.2rem;
    border-top-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    font-weight: 600
}

.tip-panel-des {
    margin-top: 1.5rem
}

.xm-table {
    margin-top: 2rem;
    font-size: 1.3rem;
    text-align: center
}

.xm-table thead>tr {
    font-size: 1.4rem;
    font-weight: 600
}

.xm-table .th-xm {
    width: 12%
}

.xm-table .th-bh {
    width: 15%
}

.qm-words-wrap {
    height: 10rem;
    overflow: auto;
    padding: .5rem 1rem;
    border-radius: 5px;
    background: #f4f9ff
}

.width_21 {
    width: 21%
}

.wg-table {
    margin-bottom: 2rem;
    font-size: 1.3rem;
    text-align: center
}

.wg-table .table-theaf-tr {
    font-weight: 600;
    font-size: 1.4rem
}

.xm-table tr td {
    border: 0;
    height: 3rem;
    padding: .5rem 0
}

.wg-table tr td {
    border: 0;
    height: 3rem;
    padding: .5rem 0
}

.zhanxing-table {
    margin-bottom: 1.5rem;
    padding: 1rem 0
}

.zhanxing-table tr td {
    border: 0;
    height: 3rem;
    padding: .5rem 0;
    font-size: 1.3rem;
    text-align: center
}

.icon-service-list>a {
    text-align: center;
    margin-bottom: 1rem
}

.icon-service-list>a>p {
    margin: .5rem 0;
    font-size: 1.4rem;
    text-align: center;
    font-weight: 600
}


.btn-service-list {
    margin-top: 1rem
}

.btn-service-list>a {
    font-size: 1.3rem
}

.btn-service-list .app-vip {
    background-color: #e2eafe
}

.zixun_two {
    margin: 1rem;
    box-shadow: 0 0 5px #e2e2e2;
    padding: 1rem;
    border-radius: 10px;
    position: relative;
    width: 38%
}



.zixun_border {
    border-left: 1px solid #437bfc;
    border-left-width: .4rem;
    padding-left: .6rem;
    padding-left: 1rem;
    font-size: 1.5rem;
    font-weight: 600
}

.zixun_description {
    font-size: 1.2rem;
    color: #999
}



.kd-list>a {
    width: 100%;
    padding: .8rem .5rem;
    color: #333;
    font-size: 1.5rem
}

.info-title {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 1rem
}

.query-radio {
    padding: 1rem;
    background: #eee;
    border-radius: .5rem;
    margin-top: 1.5rem
}

.query-radio>p {
    text-align: center
}
.red{
    color: #ff5555;
}