body,html{
	overflow-x: hidden;
}

.idx-top-box{
    width: 100%;
    height: 1.5rem;
    background: url(../images/idx-top-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.idx-top-box .divBox a{
    display: block;
    width: 1.38rem;
    position: absolute;
    left: .24rem;
    top: 50%;
    transform: translateY(-50%);
}

.search-box{
    width: 3.02rem;
    height: .6rem;
    background-image: url(../images/idx-top-search-bg.png);
    background-color: white;
    background-size: cover;
    background-position: center;
    position: absolute;
    right: .24rem;
    top: 50%;
    transform: translateY(-50%);
}

.search-box input{
    border: none;
    width: 2.42rem;
    line-height: .6rem;
    background: transparent;
    padding: 0 .25rem;
    font-size: .26rem;
    color: #333;
    float: left;
}

.search-box button{
    width: .52rem;
    height: .6rem;
    background: url(../images/idx-top-search-icon.png) no-repeat;
    background-position: center;
    background-size: .32rem .32rem;
    border: none;
    float: right;
}

.idx-top-input-box{
    position: relative;
    background: #fff url(../images/banner-bg.png) no-repeat;
    background-size: contain;
    /*margin-top: 1.5rem;*/
}

.idx-top-input-box .title h2{
    font-size: .3rem;
    font-weight: bold;
    color: #333333;
    text-align: center;
    /*position: absolute;*/
    padding-top: 1rem;
}

.idx-top-input-box .title p{
    font-size: .28rem;
    color: #999;
    text-align: center;
    margin-top: 4px;
}

.idx-top-input-box .title p em{
    color: #d59557;
    font-style: normal;
}

.idx-top-input-box .idx_qmqm_form{
    padding: 2.5rem .24rem 0 .24rem;
}

.idx_qmqm_form .items {
    position: relative;
    margin-bottom: .3rem;
}

.idx_qmqm_form .items .dis_flex, .qm_sub span {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 .3rem 0 .72rem;
}

.dis_cneter {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.dis_flex {
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
}

.flex {
    -webkit-flex: 1;
    -moz-flex: 1;
    -o-flex: 1;
    flex: 1;
}

.idx_qmqm_form .t_text {
    font-size: .32rem;
}

.idx_qmqm_form .input input {
    border: 0;
    background: none;
    height: .8rem;
    padding: .2rem 0;
    font-size: .32rem;
    width: 100%;
    line-height: .6rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.idx_qmqm_form .radio label.on {
    background: url(../images/radio-cheked.png) no-repeat;
    background-size: .32rem .34rem;
}

.idx_qmqm_form .radio label {
    font-size: .32rem;
    width: .32rem;
    height: .34rem;
    line-height: .32rem;
    text-align: center;
    background: url(../images/radio-nor.png) no-repeat;
    color: #333;
    display: inline-block;
    margin-right: .6rem;
    background-size: .32rem .34rem;
    padding-left: .42rem;
}

.idx_qmqm_form .radio label:nth-child(2) {
    margin-right: .3rem;
}

.idx_qmqm_form .radio label input {
    display: none;
}

.qm_sub {
    position: relative;
}

.qm_sub span {
    font-size: 1.1875rem;
    color: #fff;
    padding-left: 0.28rem;
}

.qm_sub input {
    position: absolute;
    left: 0;
    top: 0;
    border: 0;
    background: none;
    text-indent: -999px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.idx_qmqm_form .bj img, .qm_sub img, .drop_fixed_info .bj img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.idx_qmqm_form .select {
    position: relative;
}

.idx_qmqm_form .select .tit {
    position: relative;
    font-size: .32rem;
    padding: 0 .3rem 0 0;
    cursor: pointer;
    height: 1rem;
    line-height: 1rem;
    display: block;
    color: #333;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.idx_qmqm_form .select .tit em{
    font-style: normal;
}

.idx_qmqm_form .select .tit i{
    width: .27rem;
    height: .16rem;
    display: block;
    background: url(../images/seclet-icon.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    margin-top: -.08rem;
    right: 0;
}

.none{
    display: none;
}

.idx_qmqm_form .checkbox {
    font-size: .32rem;
    position: relative;
    padding-left: .2rem;
}

.idx_qmqm_form .checkbox label {
    display: block;
    line-height: 1rem;
    cursor: pointer;
    position: relative;
    padding-left: .36rem;
}

.idx_qmqm_form .checkbox i {
    width: .28rem;
    height: .28rem;
    background: url(../images/radio-nor1.png) 0 top no-repeat;
    background-size: .28rem .28rem;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.idx_qmqm_form .checkbox.on i {
    width: .33rem;
    height: .28rem;
    background: url(../images/radio-cheked1.png) 0 top no-repeat;
    background-size: .33rem .28rem;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.qm_sub span i{
    font-size: .34rem;
    font-style: normal;
    color: #fff;
    margin: auto;
    margin-left: 36%;
}

.idx_qmqm_form .checkbox input {
    display: none;
}

.idx_qmqm_form .select select {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    height: 100%;
}

.mbsc-ios .mbsc-fr-btn-cont {
    background: #3c3c3c !important;
    border-bottom: 2px solid #bd302e !important;
}

.mbsc-ios .mbsc-fr-btn-s .mbsc-fr-btn {
    background: #bd302e !important;
    color: #fff !important;
}

.mbsc-ios .mbsc-fr-btn {
    color: #999 !important;
}

#PoPy {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    padding: 0 .24rem;
    width: auto!important;
    height: auto!important;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-display: flex;
    -moz-display: flex;
    display: flex;
}

._citys {
    width: 100% !important;
    border: 0!important;
    padding: 0!important;
    /*border-radius: .08rem!important;*/
    display: block!important;
    margin: 0;
    overflow: hidden;
}

._citys0 {
    width: 100%!important;
    height: .68rem!important;
    border-bottom-color: #bd302e!important;
    background: #3C3C3C;
    vertical-align: top;
}

._citys0 li {
    width: 5rem;
    line-height: 2.125rem;
    font-size: .9375rem;
}

.citySel {
    background-color: #bd302e!important;
}

._citys1 {
    width: 100% !important;
    margin: .3rem 0;
    padding: 0 0 0 .2rem!important;
    height: 3.44rem;
    overflow-y: auto;
    vertical-align: top;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}

._citys1 a {
    width: 1.56rem !important;
    font-size: .26rem!important;
    background: #f8f8f8;
    color: #333!important;
    border-radius: .02rem;
    margin: 0 0 .08rem .08rem!important;
    vertical-align: top;
}

._citys span {
    position: fixed !important;
    left: 0;
    right: 0!important;
    top: 0!important;
    bottom: 0;
    text-indent: -18.75rem;
    border: 0!important;
    background: rgba(0, 0, 0, .2);
    width: 100%!important;
    height: 100%!important;
    text-align: left!important;
    overflow: hidden;
    z-index: -1;
}

._citys1 a:hover, ._citys .AreaS {
    background-color: #bd302e !important;
    color: #fff !important;
}

.idx-top-input-pagination {
    position: absolute;
    left: 0;
    right: 0;
    top: 4.9rem;
    bottom: auto;
    padding: 0 .24rem;
}

.mb-inav {
	 z-index: 10 !important;
    position: absolute;
    left: 0;
    right: 0;
    top:170px;
    height: .8rem;
   
}

.mb-inav::-webkit-scrollbar {
    display: none;
}

.mb-inav li {

    height: .66rem;
    font-size: .28rem;
  
    line-height: .66rem;
    color: #333;
    text-align: center;
		border: 1px solid #999;
		padding: 0px 0.1rem;
		border-radius: 2px;
}

.mb-inav li.cur{
        width: 1.6rem;
        height: 0.76rem;
        line-height: .7rem;
        text-align: center;
        background: url(../images/slider-active-bg.png) no-repeat;
        background-size: 100% 100%;
        color: #fff;
        border: none;
        margin-top: 0.1rem;
}

.pick_box.show {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

.pick_box {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    background: #f2f4f7;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    z-index: 10000;
}

.flex_flow_c {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
}

.dis_flex {
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
}

.pick_box .title {
    height: .9rem;
    line-height: .9rem;
    text-align: center;
    position: relative;
    color: #00b477;
    font-size: .32rem;
    background: #373d41;
}

.pick_box .title a {
    color: #00b477;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: .9rem;
    padding: 0 .24rem;
}

.pick_box .search {
    padding: .24rem;
    position: relative;
}

.pick_box .search label {
    background: #fff;
    border-radius: .02rem;
    padding: 0 .2rem;
}

.pick_box .search .icon {
    width: .38rem;
    height: .38rem;
    background: url(../images/fdj.png) no-repeat;
    background-size: 100%;
}

.pick_box .search .input {
    padding-left: .3rem;
}

.pick_box .search .input input {
    padding: .3rem 0;
    font-size: .32rem;
    height: 1rem;
    line-height: 1rem;
    border: 0;
    background: none;
    width: 100%;
}

.pick_box .city_list {
    overflow: hidden;
    text-align: left;
}

.pick_box .city_list .tit {
    padding: .24rem .24rem .3rem;
    line-height: 1.1;
    font-size: .26rem;
    color: #999;
}

.pick_box .city_list .con {
    overflow: hidden;
    height: 100%;
}

.pick_box .city_list .con, .pick_box .pick_item {
    overflow-y: auto;
    height: 100%;
    padding: 0 .24rem;
}

.pick_box .city_list .con li {
    width: 33.3333%;
    float: left;
    padding-right: 2.8%;
    padding-bottom: 2.8%;
}

.pick_box .city_list .con li a {
    display: block;
    border: .1px solid #dedfe0;
    background: #fff;
    font-size: .28rem;
    color: #333;
    text-align: center;
    height: .7rem;
    line-height: .7rem;
}

.pick_box .city_list .con li:nth-child(3n) {
    padding-right: 0;
}

.pick_box .match {
    position: absolute;
    left: .24rem;
    right: .24rem;
    z-index: 1000;
    min-width: 7.02rem;
    padding: 5px 0;
    margin: 2px 0 0;
    text-align: left;
    list-style: none;
    display: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-size: .875rem;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.pick_box .match.show {
    display: block;
}

.pick_box .match li a {
    display: block;
    padding: .2rem .24rem;
    clear: both;
    font-weight: normal;
    line-height: 1.5;
    color: #333333;
    white-space: nowrap;
    font-size: .28rem;
}

.pick_box .trade_list {
    padding: 0 .24rem;
}

.pick_box .trade_list .tit {
    padding-top: .24rem;
    margin-bottom: .24rem;
    line-height: 1.1;
    font-size: .26rem;
    color: #999;
    text-align: left;
}

.pick_box .trade_list .con {
    padding-top: .3em;
}

.pick_box .trade_list .con ul {
    overflow: hidden;
}

.pick_box .trade_list .con li {
    width: 33.3333%;
    float: left;
    padding-right: 2.8%;
    padding-bottom: 2.8%;
}

.pick_box .trade_list .con li a {
    display: block;
    border: .1px solid #dedfe0;
    background: #fff;
    font-size: .28rem;
    color: #333;
    text-align: center;
    height: .7rem;
    line-height: .7rem;
}

.pick_box .trade_list .con li:nth-child(3n) {
    padding-right: 0;
}

.fgx{
    height: .2rem;
    background: #f8f8f8;
    border: solid #e5e5e5;
    border-width: 1px 0;
    margin: .5rem 0;
}

.idx_bbqm_list{
    padding: 0 .24rem;
}

.idx_bbqm_list .sec_title{
    font-size: .36rem;
    color: #333;
    background: url(../images/title-bg.png) no-repeat;
    background-size: .46rem .28rem;
    background-position: left center;
    padding-left: .54rem;
    margin-bottom: .3rem;
}

.idx_bbqm_list ul li{
    margin-bottom: .3rem;
}

.idx_bbqm_list ul li:last-child{
    margin-bottom: 0;
}

.idx_bbqm_list ul li a{
    display: block;
}

.idx_bbqm_list ul li a .img {
    width: 2.4rem;
    height: 1.36rem;
    position: relative;
    overflow: hidden;
    margin-right: .3rem;
}

.idx_bbqm_list ul li a .txt{
    width: 4.3rem;
}

.idx_bbqm_list ul li a .txt h3 {
    font-size: .28rem;
    height: .6rem;
    line-height: .32rem;
    font-weight: 400;
    text-align: left;
    color: #333;
    margin-top: .08rem;
    margin-bottom: .3rem;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.idx_bbqm_list ul li a .info .author,
.idx_bbqm_list ul li a .info .time{
    font-size: .24rem;
    color: #999;
}

.idx_bbqm_list ul li a .info .author em,
.idx_bbqm_list ul li a .info .time em{
    font-size: .24rem;
    color: #999;
    font-style: normal;
}

.more-btn{
    width: 100%;
    height: .8rem;
    background: #F8F8F8;
    border: 1px solid #e1e1e1;
    line-height: .8rem;
    margin-top: .3rem;
}

.more-btn > a{
    font-size: .32rem!important;
    color: #999!important;
    display: block;
    text-align: center;
}

.fgx-l{
    width: 100%;
    height: 1px;
    background: #E1E1E1;
    margin: .3rem 0;
}

.qyzz-imgs{
    width: 100%;
    height: 1.88rem;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.qyzz-imgs li{
    width: 3rem;
    height: 1.88rem;
    display: inline-block;
    margin-right: .3rem;
}

.qyzz-imgs::-webkit-scrollbar {
    display: none;
}

.footer{
    padding: .3rem .24rem;
    background: #313131;
    text-align: center;
    line-height: .28rem;
    margin-top: .5rem;
    margin-bottom: .98rem;
}

.footer a{
    font-size: .24rem;
    color: #929292;
}

.idx-bot-nav{
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-top: 1px solid #E1E1E1;
    background: #fff;
    z-index: 9000;
}

.idx-bot-nav li a {
    height: 100%;
    color: #999;
    font-size: .24rem;
    padding: .04rem 0;
}

.idx-bot-nav li span {
    padding-top: .08rem;
    margin: auto;
}

.idx-bot-nav li img {
    width: .44rem;
    height: auto;
    vertical-align: top;
}

.idx-bot-nav li a span p{
    display: block;
}

/*#side_nav{*/
/*	width: 5.2rem;*/
/*	height: 100%;*/
/*	background: #fff;*/
/*	position: fixed;*/
/*	top: 0;*/
/*	left: 0;*/
/*	z-index: 9900;*/
/*	-webkit-transition: -webkit-transform .5s cubic-bezier(.165,.84,.44,1);*/
/*    transition: transform .5s cubic-bezier(.165,.84,.44,1);*/
/*    -webkit-transform: translateX(-105%);*/
/*    -moz-transform: translateX(-105%);*/
/*    transform: translateX(-105%);*/
/*}*/

/*#side_nav.show{*/
/*	-webkit-transform: translateX(0);*/
/*    -moz-transform: translateX(0);*/
/*    transform: translateX(0);*/
/*}*/

/*#side_nav .title{*/
/*	font-size: .3rem;*/
/*	font-weight: bold;*/
/*	padding-left: .86rem;*/
/*	line-height: 1rem;*/
/*	border-bottom: 1px solid #E1E1E1;*/
/*	background: url(../images/zk-nav-icon.png) no-repeat;*/
/*	background-position: .4rem center;*/
/*	background-size: .32rem .32rem;*/
/*}*/

/*#side_nav ul li{*/
/*	border-bottom: 1px solid #E1E1E1;*/
/*	background: url(../images/zk-nav-link-icon.png) no-repeat;*/
/*	background-size: .18rem .28rem;*/
/*	background-position: 4.6rem center;*/
/*	line-height: 1rem;*/
/*	padding-left: .4rem;*/
/*}*/

/*#side_nav ul li a{*/
/*	font-size: .3rem;*/
/*	color: #333;*/
/*	display: block;*/
/*}*/

/*.off-zz{*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	position: fixed;*/
/*	background: rgba(0,0,0,.5);*/
/*	top: 0;*/
/*	left: 0;*/
/*	bottom: 0;*/
/*	right: 0;*/
/*	z-index: 9860;*/
/*	display: none;*/
/*}*/

/*.off-zz.show{*/
/*	display: block;*/
/*}*/

/* 隐藏导航栏目 */

#side_nav {
    position: fixed;
    z-index: 10000;
    overflow: hidden;
    text-align: center;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: none;
    display: inline-block;
    width: auto;
    visibility: hidden;
}

#side_nav.show {
    visibility: visible;
}

#side_nav li {
    border: 0;
    height: auto;
    line-height: initial;
    box-shadow: none;
}

.tab_c {
    cursor: pointer;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
    z-index: 9999;
    display: none;
}

.tab_c p {
    width: .28rem;
    position: absolute;
    right: .46rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: .28rem;
    /* line-height: .875rem; */
    color: #B5B5B5;
}

.tab_c.show {
    display: block;
}

.side_nav {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 1.2rem;
    z-index: 9999;
    overflow: hidden;
    background: #fff;
    /*-webkit-box-shadow: .375rem 0 .625rem 0 rgba(0, 0, 0, .4);*/
    /*box-shadow: .375rem 0 .625rem 0 rgba(0, 0, 0, .4);*/
    -webkit-transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1);
    transition: transform .5s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform: translateX(-105%);
    -moz-transform: translateX(-105%);
    transform: translateX(-105%);
}

.side_nav.show {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}

.s_h {
    overflow: hidden;
    height: 1rem;
    background: #eff3f5;
    border-bottom: 1px solid #e1e1e1;
}

.s_h h2 {
    font-weight: 400;
    text-align: left;
    line-height: 1rem;
    color: #333;
    font-size: .28rem;
    padding-left: .68rem;
    background: url(../images/zk-nav-icon.png) no-repeat;
    background-size: .32rem .32rem;
    background-position: .24rem center;
}

.s_c {
    background: #f9f9f9;
    border-bottom: .0625rem solid #E1E1E1;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.s_c ul {
    font-size: 0;
    white-space: nowrap;
}

.s_c li {
    display: inline-block;
    vertical-align: top;
    padding: .75rem .825rem .75rem 0;
    min-width: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.s_c li:first-child {
    padding-left: .825rem;
}

.s_c li a {
    display: block;
}

.s_c::-webkit-scrollbar {
    height: 0;
}

#side_nav .s_c li img {
    width: 3.125rem;
    height: auto;
    vertical-align: top;
    background: #f5efd4;
    border-radius: 1rem;
}

#side_nav .s_c li p {
    padding: .1875rem 0 0 0;
    font-size: .8125rem;
    color: #5D5D5D;
}

.s_bd {
    width: 100%;
    position: absolute;
    top: 1rem;
    bottom: 0;
    background-color: #fff;
}

.s_b_b,
.s_b_c .item {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}

.s_b_b {
    background: #eff3f5;
    color: #999;
    font-size: .28rem;
    text-align: center;
    width: 23%;
    height: 100%;
}

.s_b_b::-webkit-scrollbar,
.s_b_c .item::-webkit-scrollbar {
    width: 0;
}

#side_nav .s_b_b li {
    cursor: pointer;
    line-height: 1.24rem;
    border-bottom: 1px solid #e1e1e1;
    /*margin-right: -.24rem;*/

}

#side_nav .s_b_b li a {
    color: #AEAEAE;
    display: block;
    text-align: center;
}

#side_nav .s_b_b li.on {
    background: #fff;
}

#side_nav .s_b_b li.on a {
    color: #333;
}

.s_b_c {
    width: 77%;
    background: #fff;
    position: relative;
}

.s_b_c .t_li h2 {
    font-size: .32rem;
    line-height: .8rem;
    color: #484747;
    font-weight: 700;
    /*padding: 0 0 .3rem 0;*/
    text-align: left;

}

.s_b_c .t_li h2 a {
    display: block;
    padding: .24rem 0;
    position: relative;
}

.s_b_c .t_li h2 i {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    overflow: hidden;
    background: #e1e1e1;
}

.s_b_c .t_li h2 span {
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 0 .05rem;
    margin: 0 0 0 .24rem;
    color: #333;
}

.s_b_c .item {
    display: none;
    text-align: left;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0 4% 10px 4%;
    box-sizing: border-box;
}

.s_b_c .item.show {
    display: block;
}

#side_nav .s_b_c .t_li ul {
    font-size: 0;
}

#side_nav .s_b_c .t_li li {
    margin: 0 .24rem .24rem 0;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}

#side_nav .s_b_c .t_li li a {
    padding: .1rem .16rem;
    background: #f8f8f8;
    border-radius: .04rem;
    font-size: .28rem;
    color: #666;
    display: block;
}

















/*栏目页*/

.idx-top-nav{
    width: 100%;
    height: .7rem;
    padding: 0 .24rem;
    /*background: url(../images/idx-top-nav-bg.png) no-repeat;*/
    background-color: #bd302e;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    /*margin-top: 1.5rem;*/
}

.idx-top-nav::-webkit-scrollbar {
    display: none;
}

.idx-top-nav ul li{
    display: inline-block;
}

.idx-top-nav ul li a{
    line-height: .7rem;
    margin-left: .25rem;
    margin-right: .25rem;
    font-size: .32rem;
    color: #fff;
}

.idx-top-nav ul li:first-child a{
    margin-left: 0;
}

.column-banner{
    /*height: 5.23rem;*/
    /*background: url(../images/col-banner.png) no-repeat;*/
    background-size: cover;
    background-position: center;
    /*padding-top: 2.8rem;*/
    margin-bottom: .4rem;
}

.column-banner h3{
    font-size: .36rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: .2rem;
}

.column-banner p{
    font-size: .28rem;
    line-height: .34rem;
    color: #666;
    padding: 0 .24rem;
}

.column-nums-box{
    border-top: 1px solid #E1E1E1;
    margin-top: .4rem;
    margin-bottom: -.5rem;
}

.column-nums-box ul li{
    width: 49.9%;
    float: left;
    padding: .5rem 0;
}

.column-nums-box ul li:first-child{
    border-right: 1px solid #e1e1e1;
}

.column-nums-box ul li h3{
    font-size: .24rem;
    color: #333;
    text-align: center;
}

.column-nums-box ul li span{
    font-size: .56rem;
    font-weight: bold;
    color: #bd302e;
    text-align: center;
    display: block;
}

.column-nums-box ul li p{
    font-size: .24rem;
    color: #999;
    text-align: center;
}

.column-nums-box ul li a{
    width: 2.4rem;
    height: .7rem;
    display: block;
    text-align: center;
    line-height: .7rem;
    color: #fff;
    font-size: .28rem;
    background: url(../images/nums-link-bg1.png) no-repeat;
    background-size: cover;
    background-position: center;
    margin: auto;
    margin-top: .3rem;
}

.column-nums-box ul li:nth-child(2) span{
    font-size: .56rem;
    font-weight: bold;
    color: #292751;
    text-align: center;
    display: block;
}

.column-nums-box ul li:nth-child(2) a{
    width: 2.4rem;
    height: .7rem;
    display: block;
    text-align: center;
    line-height: .7rem;
    color: #fff;
    background: url(../images/nums-link-bg2.png) no-repeat;
    background-size: cover;
    background-position: center;
    margin: auto;
    margin-top: .3rem;
}

/*百家姓栏目页*/

.bjx-column-banner{
    height: 5.23rem;
    background: url(../images/bjx-col-banner.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 2.8rem;
    margin-bottom: .4rem;
}

.bjx-name-box{
    padding: 0 .24rem;
}

.bjx-name-box > a{
    width: .76rem;
    height: .76rem;
    background: url(../images/tian.png) no-repeat;
    background-size: cover;
    background-position: center;
    /*display: inline-block;*/
    float: left;
    margin-right: 4.03%;
    margin-bottom: 4.03%;
    text-align: center;
    line-height: .76rem;
    font-size: .52rem;
    color: #333;
}

.bjx-name-box > a:nth-child(7n){
    margin-right: 0;
}

.bjx-more-btn{
    margin-top: 0!important;
}

/*文章页*/

.dashi-link{
    display: block;
    width: 1.96rem!important;
    position: absolute;
    left: inherit!important;
    right: .24rem!important;
    top: 50%;
    transform: translateY(-50%);
}

.article-box{

}

.article-title{
    font-size: .36rem;
    font-weight: bold;
    color: #333333;
    text-align: center;
    margin-top: .3rem;
    margin-bottom: .1rem;
}

.article-info{
    text-align: center;
    padding-bottom: .26rem;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: .3rem;
}

.article-info span:nth-child(1){
    margin-right: .5rem;
}

.article-info span{
    font-size: .24rem;
    color: #999;
}

.article-info span em{
    font-style: normal;
}

.article-content{
    font-size: .28rem;
    line-height: .36rem;
}

.other-art{
    margin: .4rem 0 .3rem 0;
}

.other-art span{
    font-size: .28rem;
    color: #333;
    display: block;
}

.other-art span:nth-child(1){
    margin-bottom: .2rem;
}

.other-art span a{
    font-size: .28rem;
    color: #bd302e;
}

.readall_box {
    position: relative;
    z-index: 9;
    padding: 0 0 25px;
    margin-top: -2.2rem;
    text-align: center;
}

.read_more_mask {
    height: 1.8rem;
    background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));
    background: -o-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0));
}

.readall_box .btn_mod {
    background: #fff;
    text-align: center;
}

.btn-gray-fred{
    width: 4.6rem;
    height: .8rem;
    line-height: .8rem;
    font-size: .28rem;
    color: #fff;
    display: inline-block;
    background: url(../images/readall-btn-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    vertical-align: top;
    text-align: center;
}

.btn-gray-fred em{
    font-style: normal;
}

.btn-gray-fred img{
    width: .28rem;
}

.nobirth label input {
    appearance: checkbox;
    -webkit-appearance: checkbox;
}

.idx_qmqm_form .radio label:nth-child(3) {
    font-size: .32rem;
    width: 1.1rem;
    height: .34rem;
    line-height: .32rem;
    text-align: center;
    background: url(../images/radio-nor.png) no-repeat;
    color: #333;
    display: inline-block;
    margin-right: .6rem;
    background-size: .32rem .34rem;
    padding-left: .42rem;
}

.idx_qmqm_form .radio label:nth-child(3) {
    margin-left: .3rem;
}

.idx_qmqm_form .radio label:nth-child(3).on {
    background: url(../images/radio-cheked.png) no-repeat;
    display: inline-block;
    margin-right: .6rem;
    background-size: .32rem .34rem;
    padding-left: .42rem;
}

/*关于我们*/
.ab-sec{
    margin-bottom: .46rem;
}

.ab-sec1{
    margin-top: .3rem;
}

.ab-sec h3{
    font-size: .34rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: .3rem;
}

.ab-sec h3 span{
    position: relative;
}

.ab-sec h3 span:before{
    content: "";
    display: block;
    width: .48rem;
    height: .3rem;
    background: url(../images/abus-title-bgl.png) no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    left: -.6rem;
    top: 50%;
    transform: translateY(-50%);
}

.ab-sec h3 span:after{
    content: "";
    display: block;
    width: .48rem;
    height: .3rem;
    background: url(../images/abus-title-bgr.png) no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    right: -.6rem;
    top: 50%;
    transform: translateY(-50%);
}

.service-box ul li{
    width: 3.42rem;
    float: left;
    margin-bottom: .3rem;
}

.service-box ul li:nth-child(odd){
    margin-right: .18rem;
}

.service-box ul li:last-child,
.service-box ul li:nth-last-child(2){
    margin-bottom: 0;
}

.service-img{
    width: 3.42rem;
    height: 1.72rem;
    overflow: hidden;
    margin-bottom: .08rem;
}

.service-tit{
    font-size: .3rem;
    font-weight: bold;
    margin-bottom: .08rem;
    position: relative;
    padding-left: .4rem;
}

.service-tit:before{
    content: "";
    display: block;
    width: .3rem;
    height: .04rem;
    background: #bd302e;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.02rem;
}

.service-txt{
    font-size: .18rem;
    line-height: .32rem;
}

.about-txt{
    font-size: .28rem;
    color: #333;
    line-height: .34rem;
}

.contact-us li{
    font-size: .28rem;
    color: #333;
    margin-bottom: .1rem;
}

.contact-us li label{
    width: 1.82rem;
    float: left;
    padding-left: .42rem;
}

.contact-us li span{
    width: 5.2rem;
    float: left;
}

.contact-us li:nth-child(1) label{
    background: url(../images/ab-tel-icon1.png) no-repeat;
    background-size: .34rem .34rem;
    background-position: left center;
}

.contact-us li:nth-child(2) label{
    background: url(../images/ab-email-icon.png) no-repeat;
    background-size: .34rem .34rem;
    background-position: left center;
}

.contact-us li:nth-child(3) label{
    background: url(../images/ab-tel-icon2.png) no-repeat;
    background-size: .34rem .34rem;
    background-position: left center;
}

.contact-us li:nth-child(4) label{
    background: url(../images/ab-add-icon.png) no-repeat;
    background-size: .34rem .34rem;
    background-position: left center;
}



/*订单*/
.dd-header{
    height: 1rem;
    background: #292751;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .24rem;
    color: #fff;
    margin-bottom: .3rem;
}

.dd-header .back {
    width: .48rem;
    height: .48rem;
    background: url(../images/back-icon.png) no-repeat;
    background-position: left center;
    background-size: .24rem .36rem;
}

.dd-header .back a{
    width: 100%;
    height: 100%;
    display: block;
}

.dd-header > .tit {
    font-size: .36rem;
}

.dd-search-box {
    height: .8rem;
    background-image: url(../images/dd-search-input.png);
    background-color: white;
    background-size: cover;
    background-position: center;
    margin-bottom: .3rem;
}

.dd-search-box input {
    border: none;
    width: 6rem;
    line-height: .8rem;
    background: transparent;
    padding: 0 .25rem;
    font-size: .3rem;
    color: #333;
    float: left;
}

.dd-search-box button {
    width: .8rem;
    height: .8rem;
    background: url(../images/dd-search-icon.png) no-repeat;
    background-position: center;
    background-size: .44rem .44rem;
    border: none;
    float: right;
}

.dd-tit{
    font-size: .3rem;
    font-weight: bold;
    color: #333;
    margin-bottom: .06rem;
}

.dd-txt{
    font-size: .26rem;
    color: #666;
    margin-bottom: .3rem;
}

.shili{
    margin-bottom: .3rem;
}

.shili p{
    font-size: .28rem;
    color: #333;
    margin-bottom: .14rem;
    border-left: .08rem solid #bd302e;
    line-height: 1;
    padding-left: .12rem;
}

.wxts-box h3{
    font-size: .3rem;
    font-weight: bold;
    margin-bottom: .08rem;
    color: #bd302e;
}

.wxts-box p{
    font-size: .28rem;
    color: #666;
    margin-bottom: .12rem;
}

.wxts-box p a{
    color: #bd302e;
}

.res-title{
    font-size: .3rem;
    font-weight: bold;
    margin-bottom: .15rem;
}

.res-title span{
    color: #bd302e;
}

.res-info{
    padding: .24rem;
    background: #f8f8f8;
    margin-bottom: .3rem;
}

.res-info li{
    font-size: .3rem;
    color: #333;
    margin-bottom: .15rem;
}

.res-info li:last-child{
    margin-bottom: 0;
}

.res-info li span{
    color: #666!important;
}

.dd-btns{
    margin-bottom: .3rem;
}

.dd-btns a{
    width: 2.6rem;
    height: .8rem;
    text-align: center;
    line-height: .8rem;
    font-size: .28rem;
    color: #fff;
    display: inline-block;
}

.dd-btns a:nth-child(1){
    background: url(../images/dd-btn-link1.png) no-repeat;
    background-size: cover;
    background-position: center;
}

.dd-btns a:nth-child(2){
    background: url(../images/dd-btn-link2.png) no-repeat;
    background-size: cover;
    background-position: center;
}
.bg {
		box-sizing: border-box;
		margin: 1rem .2rem .3rem .2rem;
		padding: .6rem .1rem .2rem;
		background-color: #fff;
		border: .2rem solid #ffecb8;
		position: relative;
		border-radius: .2rem;
	}
	
	.bg_tl {
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		width: 85%;
		height: .8rem;
		background: url('../images/bg_tl.png') no-repeat;
		background-size: 100% 100%;
		position: absolute;
		top: -0.52rem;
		left: 50%;
		-webkit-transform: translate(-50%);
		transform: translate(-50%);
		text-align: center;
		line-height: 1rem;
	}
	
	.circle_text_long {
		box-sizing: border-box;
		font-size: .40rem;
		font-weight: 700;
		background: linear-gradient(180deg, #fff, #ffda58);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	
	.productList {
		margin: 0;
		padding: 0;
	}
	
	.jingxuanList .productList li {
		box-sizing: border-box;
		padding: .2rem 0;
		display: flex;
		align-items: center;
		border-bottom: .04rem solid #ffd8c5;
		margin: 0 !important;
	}
	
	.jingxuanList .productList li:nth-child(1) {
		padding-top: 0;
	}
	
	.jingxuanList .productList li:nth-last-child(1) {
		border-bottom: none;
	}
	
	.jingxuanList .productList li .m_logo {
		margin-right: .165rem;
		width: 1.37rem;
		height: 1.37rem;
	}
	
	.jingxuanList .productList li .m_logo img {
		width: 100%;
	}
	
	.jingxuanList .productList li .cont {
		box-sizing: border-box;
		flex: 2;
		padding-right: .24rem;
		text-align: justify;
	}
	
	.jingxuanList .productList li .cont .name {
		font-size: .28rem;
		font-weight: 700;
		color: #862c00;
		margin-bottom: .08rem;
	}
	
	.jingxuanList .productList li .cont .des {
		font-size: .23rem;
		margin-bottom: .04rem;
	}
	
	.jingxuanList .productList li .cont .view2 {
		font-size: .23rem;
		display: flex;
		flex-wrap: wrap;
	}
	
	.jingxuanList .productList li .cont .view2 .hold {
		margin-right: .17rem;
	}
	
	.jingxuanList .productList li .cont .view2 .red {
		color: #ff1200;
	}
	
	.jingxuanList .productList li .lookbtn {
		width: 1.3rem;
	}
	
	.jingxuanList .productList li .lookbtn img {
		width: 100%;
	}
	
	.imgno {
		pointer-events: none;
	}