body{
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,Microsoft JhengHei,Source Han Sans SC,Noto Sans CJK SC,Source Han Sans CN,Noto Sans SC,Source Han Sans TC,Noto Sans CJK TC,SimSun,sans-serif;
    max-width: 750px;
    margin: 0 auto;
    background: rgba(247, 247, 247, 1);
}
*{
    padding: 0;
    margin: 0;
    list-style: none;
}
a{
    text-decoration: none;
}
.header{
    width: 7.5rem;
    height: 0.88rem;
    background: #D03D3D;
    position: fixed;
    top: 0;
    z-index: 110000;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header1{
    width: 7.5rem;
    height: 0.88rem;
    background: rgba(133, 105, 192, 1);
    position: fixed;
    top: 0;
    z-index: 110000;
}
.logo{
    margin-left: 0.3rem;
    /* float: left; */
    width: 2.5rem;
}
.logo a{
    font-size: 0.36rem;
    font-weight: 500;
    color: #FFFFFF;

}
.icon_logo{
    float: left;
    width: 0.7rem;
    height: 0.7rem;
    margin-right: 0.1rem;
    margin-top: 0.05rem;
}
.logotit{
    font-size: 0.32rem;
    font-weight: bold;
    color: #FFFFFF;
    padding-top: 0.05rem;
}
.logodesc{
    font-size: 0.2rem;
    font-family: Roboto;
    color: #FFFFFF;
}
.key_word{
    float: right;
    margin-right: 1.18rem;
    margin-top: 0.2rem;
}
.key_word a{
    width: 0.98rem;
    height: 0.44rem;
    line-height: 0.44rem;
    text-align: center;
    background: rgba(137, 0, 0, 0);
    border: 1px solid #FFFFFF;
    border-radius: 0.22rem;
    display: inline-block;
    font-size: 0.28rem;
    color: #FFFFFF;
    margin-left: 0.3rem;

}
.menu{
    flex: 1;
    height: 0.88rem;
    overflow: hidden;
    /* float: left; */

    max-width: 4rem;
    /* padding-right: 0.18rem; */
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.menu li{
    float: left;
    position: relative;
}
.menu a{
    float: left;
    padding: 0 0.16rem;
    line-height: 0.88rem;
    font-size: 0.28rem;
    color: #FFFFFF
}
.menu_title{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
    line-height: 0.88rem;
    font-weight: bold;
    font-size: 0.32rem;
    color: #FFFFFF
}
.tabon:after {
    content: '';
    width: 0.56rem;
    height: 0.04rem;
    background: #FFFFFF;
    border-radius: 0.02rem;
    position: absolute;
    left: 50%;
    bottom: 0.08rem;
    margin-left: -0.3rem;
}
input, label, select, textarea {
    display: inline-block;
    vertical-align: top;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    text-transform: none;
}
input:focus{
    outline: none;
}
button:focus{
    outline: none;
    border-color: transparent;
}
select:focus{
    outline: none;
}

.footer{

    padding-bottom: 0.2rem;
}
.footer p{
    font-size: 0.24rem;
    padding-top: 0.15rem;
    color: rgba(153, 153, 153, 1);
    text-align: center;
}
.fan_totop{
    position: fixed;
    right: 0.2rem;
    bottom: 1.3rem;
    z-index: 100;
    width: 0.56rem;
    height: 0.56rem;
    background: rgba(51, 51, 51, 0.4) url(../images/fantop.png) no-repeat center center;
    background-size: 100%;
    visibility: hidden;
    opacity: 0;
    border-radius: 50%;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.fadein{
    visibility: visible;
    opacity: 1;
}
.public_footer{
    width: 7.5rem;
    background: rgba(40, 40, 40, 1);
    margin-top: 0.2rem;
}

.footer a{
    display: inline-block;
    text-align: center;
    font-size: 0.24rem;
    color: rgba(153, 153, 153, 1);

}
.item_menu{
    /* float: right; */
    width: .68rem;
    height: 0.88rem;
    font-size: 0;
    margin-right: 0.1rem;
    position: relative;
}
.item_menu .line:nth-child(1) {
    margin-top: -.15rem;
}
.item_menu .line {
    position: absolute;
    left: 50%;
    top: 50%;
    width: .3rem;
    height: .03rem;
    background: #fff2f2;
    border-radius: .02rem;
    margin-left: -.15rem;
    margin-top: -.02rem;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.item_menu .line:nth-child(3) {
    margin-top: .11rem;
}
.more_menu_zhe{
    display: none;
    width: 100%;
    height: 100%;
    z-index: 10000;
    left: 0;
    top: 0;
    position: fixed;
    background-color: rgba(0,0,0,0.7);
}
/* .more_menu{
    display: none;
    position: fixed;
    top: 0.88rem;
    background: #FFFFFF;
    z-index: 100001;
    width: 7.5rem;
} */
.more_box{
    width: 7.5rem;
    margin: 0 auto;
    position: fixed;
    z-index: 120000;
}
.more_menu{
    display: none;
    position: absolute;
    /* top: 0.88rem; */
    right: 0;
    background: #FFFFFF;
    z-index: 110001;
    width: 5.37rem;
    height: 100vh;
}
.more_menu_list{
    padding: .3rem 0 .1rem 0rem;
    border-bottom: 1px solid rgba(230, 230, 230, 1);
    overflow: hidden;
    width: 6.9rem;
    margin: 0 auto;
}
.more_menu_list a {
    float: left;
    width: 1.5rem;
    height: 0.64rem;
    background: #F5F5F5;
    line-height: 0.64rem;
    border-radius: 0.1rem;
    text-align: center;
    color: rgba(102, 102, 102, 1);
    font-size: .32rem;
    margin-left: .3rem;
    margin-bottom: .3rem;
}
.more_on{
    background: #FFF0F0 !important;
    color: rgba(208, 61, 61, 1) !important;
}
.zejiri{
    margin: 0 auto;
}
.ze_tit{
    height: 0.88rem;
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.88rem;
}
.ze_tit span{
    display: inline-block;
    width: 0.08rem;
    height: 0.32rem;
    background: #D03D3D;
    margin-right: 0.1rem;
    position: relative;
    top: 0.03rem;
    margin-left: 0.3rem;
}
.jiri_cha_list{
    overflow: hidden;
    padding-bottom: 0.1rem;
}
.head_ji_item {
    margin-bottom: 0.3rem;
    float: left;
    width: 25%;
}
.head_ji_pic {
    width: 1.2rem;
    height: 1.2rem;
    background: #F5F5F5;
    border: 1px solid #E6E6E6;
    border-radius: 0.6rem;
    margin: 0 auto;
}
.head_ji_pic img{
    width: 1.2rem;
    height: 1.2rem;
    background: #F5F5F5;
    border-radius: 0.6rem;
}
.head_jitit{
    font-size: 0.28rem;
    color: #666666;
    margin-top: 0.08rem;
    text-align: center;
}

.itemhover  .line:nth-child(1) {
    -moz-transform: translate(0,.13rem) rotate(45deg);
    -ms-transform: translate(0,.13rem) rotate(45deg);
    -webkit-transform: translate(0,.13rem) rotate(45deg);
    transform: translate(0,.13rem) rotate(45deg);
}
.itemhover  .line:nth-child(2) {
    opacity: 0;
}
.itemhover  .line:nth-child(3) {
    -moz-transform: translate(0,-.13rem) rotate(-45deg);
    -ms-transform: translate(0,-.13rem) rotate(-45deg);
    -webkit-transform: translate(0,-.13rem) rotate(-45deg);
    transform: translate(0,-.13rem) rotate(-45deg);
}
.menu_top{
    height: 0.7rem;
    background: rgba(208, 61, 61, 1);
}
.jishi_tab{
    width: 7.5rem;
    height: 0.88rem;
    background: #FFFFFF;
    margin: 0 auto;
    margin-bottom: 0;
}
.jishi_tab a{
    width: 24.6%;
    float: left;
    display: inline-block;
    position: relative;
    font-size:0.28rem;
    color: #999999;
    line-height: 0.88rem;
    text-align: center;
}
.jishi_tab a+a::before {
    display: inline-block;
    content: '';
    width: 1px;
    height: 0.32rem;
    background: #E6E6E6;
    position: absolute;
    left: -1px;
    top:0.24rem;
    color: #4c4c4c;
}
.jishi_tab_on{

    color: #D03D3D !important;
}
.xuanfu_tab{
    position: fixed;
    bottom: 0.3rem;
    width: 6.9rem;
    background: #FFFFFF;
    box-shadow: 0px 0.1rem 0.2rem rgba(0, 0, 0, 0.1);
    border-radius: 0.2rem;
    margin-left: 0.3rem;
}
.xuanfu_tab a{
    padding: 0 0.14rem;
    float: left;
    display: inline-block;
    position: relative;
    font-size: 0.28rem;
    color: #999999;
    line-height: 0.8rem;
    text-align: center;
}
.xuanfu_tab a+a::before {
    display: inline-block;
    content: '';
    width: 1px;
    height: 0.32rem;
    background: #E6E6E6;
    position: absolute;
    left: -1px;
    top: 0.24rem;
    color: #4c4c4c;
}
.xuan_tab_on {
    color: #D03D3D !important;
    font-weight: bold;
}
.hide{
    display: none;
}

.menuyi{
    width: 7.5rem;
    height: 0.88rem;

    font-size: 0.32rem;
    color: #333333;
    line-height: 0.88rem;
}
.menuyi span{
    display: inline-block;
    width: 0.08rem;
    height: 0.32rem;
    background: #D03D3D;
    border-radius: 0.04rem;
    margin-left: 0.3rem;
    margin-right: 0.1rem;
    position: relative;
    top: 0.03rem;
}
.xiaji_menu{
    border-bottom: 1px solid rgba(245, 245, 245, 1);
    padding-bottom: 0.15rem;
    overflow: hidden;
}
.xiaji_menu a{
    display: block;
    float: left;
    width: 1.62rem;
    height: 0.64rem;
    line-height: 0.64rem;
    text-align: center;
    font-size: 0.32rem;
    margin-left: 0.2rem;
    margin-bottom: 0.2rem;
    overflow: hidden;
    color: #666666;
    border: 1px solid #fff;



}
.erxuanzhong{
    background: #FBEAD3;
    border: 1px solid #C4814D !important;
    opacity: 1;
    border-radius:0.04rem;
    color: #AA7238 !important;
}

.tablist_tab_on{
    color: #D03D3D !important;
}
.erji {
    width: 7.5rem;
    background: #fff;
    overflow: hidden;

}
.guang_item {
    margin: 0.18rem 0 .18rem 0.2rem;
    width: 1.62rem;
    height: 0.64rem;
    line-height: 0.64rem;
    background: #FFFFFF;
    border-radius: 0.08rem;
    border: 0.02rem solid #E0E3E2;
    opacity: 1;
    font-size: 0.28rem;
    color: #333333;
    position: relative;
    float: left;
    text-align: center;
}
.guang_item a{
    color: inherit;
    text-decoration: none;
    outline: none;
}
.guang_item i {
    background-image: url(../images/hot1.png);
    background-size: 100% 100%;
    width: 0.43rem;
    height: 0.43rem;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}
.ggaowei{
    overflow: hidden;
    margin-top: 0.3rem;
    margin-left: 0.1rem;
}
.zhuanti_item {
    width: 2.16rem;
    height: 0.64rem;
    line-height: 0.64rem;
    text-align: center;
    font-size: 0.28rem;
    color: #C4814D;
    background: #FFFFFF;
    border: 1px solid #C4814D;
    float: left;
    margin-left: 0.2rem;
    margin-bottom: 0.2rem;
    overflow: hidden;
}
.zhuanti_item a {
    overflow: hidden;
    color: #c96;
    width: 2.16rem;
    display: inline-block;
}



.more_menu .menu_list{
    width: 5.37rem;
    height: 100vh;
    background: #FFF;
    overflow-y: scroll;
}
.more_menu .menu_item{
    width: 4.77rem;
    margin: 0 auto;
    padding: 0.3rem 0;
    border-bottom: 0.01rem solid #DBDBDB;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: initial;
}
.more_menu .menu_item_left{
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.45rem;
}
.more_menu .menu_label .menu_item_left{
    font-weight: 600;
    font-size: 0.36rem;
    color: #333333;
    line-height: 0.5rem;
}
.more_menu .red, .more_menu .red .menu_item_left{
    color: #D03D3D;
}
.more_menu .child_item .menu_item_left{
    font-size: 0.3rem;
    color: #666;
    margin-left: 0.2rem;
}
.more_menu .red .arrow-container::before , .more_menu .red .arrow-container::after{
    background-color: #D03D3D;
}



.toggle-switch {
  position: relative;
  display: inline-block;
  width: 0.76rem;
  height: 0.44rem;
}

.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 0.94rem;
}

.toggle-switch .slider:before {
  position: absolute;
  content: "";
  height: 0.36rem;
  width: 0.36rem;
  left: 0.04rem;
  bottom: 0.04rem;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

.toggle-switch input:checked + .slider {
  background-color: #D03D3D;
}

.toggle-switch input:checked + .slider:before {
  transform: translateX(0.32rem);
}

.arrow-container {
  position: relative;
  padding-right: 0.3rem;
  display: inline-flex;
  align-items: center;
}

.arrow-container::after {
  content: '';
  position: absolute;
  right: 0;
  width: 8px;
  height: 1px;
  background-color: #999;
  transform: rotate(45deg);
  transform-origin: right center;
}

.arrow-container::before {
  content: '';
  position: absolute;
  right: 0;
  width: 8px;
  height: 1px;
  background-color: #999;
  transform: rotate(-45deg);
  transform-origin: right center;
}
.parent_item .arrow-container::before{
    right: 4px;
    transform: rotate(45deg);
}
.parent_item .arrow-container::after{
    right: 4px;
    transform: rotate(135deg);
}

.off .arrow-container::before{
    bottom: 4px;
    transform: rotate(-135deg);
}
.off .arrow-container::after{
    bottom: 4px;
    transform: rotate(-45deg);
}
.bzteshu {
    background: linear-gradient(to bottom, rgba(241, 55, 0, 1), rgba(255, 112, 0, 1));
    font-weight: 700;
    -webkit-background-clip: text;
    color: transparent;
}
.jhot {
    background-image: url(../images/jhot.png);
    background-size: 100% 100%;
    width: 0.6rem;
    height: 0.6rem;
    display: inline-block;
    position: absolute;
    top: -0.05rem;
    left: -0.05rem;
}
.jingyan {
    background-image: url(../images/jingyan.png);
    background-size: 100% 100%;
    width: 0.33rem;
    height: 0.34rem;
    display: inline-block;
    position: absolute;
    top: 0rem;
    right: 0;
}
.ziweixiang {
    background: linear-gradient(180deg, #5A00C1 0%, #F200FF 100%);
    font-weight: 700;
    -webkit-background-clip: text;
    color: transparent;
}
.zwhot {
    background-image: url(../images/zwhot.png);
    background-size: 100% 100%;
    width: 0.6rem;
    height: 0.6rem;
    display: inline-block;
    position: absolute;
    top: -0.05rem;
    left: -0.05rem;
}
.ziyan {
    background-image: url(../images/zyan.png);
    background-size: 100% 100%;
    width: 0.33rem;
    height: 0.34rem;
    display: inline-block;
    position: absolute;
    top: 0rem;
    right: 0;
}
.zhongshengxp {
    background: linear-gradient(43.03293532132313deg, #6C5526 0%, #443922 100%);
    font-weight: 700;
    -webkit-background-clip: text;
    color: transparent;
}
.bzhhunte {
    background: linear-gradient(180deg, #F92600 0%, #FF3DA8 100%);
    font-weight: 700;
    -webkit-background-clip: text;
    color: transparent;
}
.fuzhicg {
    width: 4.5rem;
    background-color: #000;
    filter: alpha(opacity=60);
    background-color: rgba(0,0,0,.6);
    color: #fff;
    border: none;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: none;
    padding: 0.2rem 0;
    text-align: center;
    font-size: 0.32rem;
    border-radius: 0.2rem;
    z-index: 10;
} 
.xz_btn{
    font-size: 0.32rem;
    color: #D03D3D;
    line-height: 0.45rem;
}
.child_list{
    display: none;
}
 .showxian{
     display: block;
 }
 .xianhong{
     color: #D03D3D !important;
 }