﻿@charset "utf-8";
/* CSS Document */
html { font-size:50px;}
body {padding: 0 0 calc(0.86rem + 2px) 0;margin: 0; background-color:#f1f1f1; font-size:0.3rem;}
* {text-decoration: none;list-style-position: none;margin: 0 0;font-family: "微软雅黑";background-repeat: no-repeat;}
.hide{ display: none}
.show{}
h1,h2,h3,h4,h5,h6 {font-weight: normal;	}
a,.sub{cursor: pointer;}
img {margin: 0;}
ul,ol,li{margin: 0;padding: 0;list-style-type: none;vertical-align:middle}
a img {margin-right: 0;margin-left: 0;margin-bottom: 0;padding: 0;border: 0px;margin-top: 0%;}
.l{float: left}
.r{float: right;}
.resetinput { padding:0; border:0; outline:none; background:none;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}   
.bxhd_in+.bxhd_in { display:none;}

        /*常用flex结构设定*/
[class^="flex-"], [class*=" flex-"] { display:flex;}
.flex-bet { justify-content:space-between;}
.flex-xcen { justify-content:center;}
.flex-cen { align-items:center;}
.flex-end { align-items:flex-end;}
.flex-wrap { flex-wrap:wrap;}
.flex-nowrap { flex-wrap: nowrap;}

.clear{clear: both; height: 0;}
.hh1 {overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.hh2 {overflow: hidden;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}	/* 显示的行数 */
.hh3 {overflow: hidden;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}	/* 显示的行数 */
.h100 { height:100%;}
.allpx { padding-left:0.3rem; padding-right:0.3rem;}
.allpx2 { padding-left:0.2rem; padding-right:0.2rem;}
.allmx { margin-left:0.3rem; margin-right:0.3rem;}
.posre { position: relative;}
.posab { position: absolute;}
				/*--------------------- 公用头部 ---------------------*/
.head_box { position: relative; z-index:255; height:0.98rem; padding-bottom:2px;}
.head_1 { position: fixed; top:0; left:0; width:100%; height:0.98rem; background:#FFF; border-bottom:2px solid #d3d3d3;}
.head_1 table { table-layout: fixed; height:100%;}
.head_1 table .td_1,
.head_1 table .td_3 { width:1.6rem;}
.head_1 .btn_01 { display:block; color:#242424; font-size:0.4rem; line-height:0.4rem;}
.head_1 .btn_02box { font-size:0; text-align:center;}
.head_1 .btn_02 { display:inline-block;}
.head_1 .btn_02 .text_1 { float:left; color:#d02e36; font-size:0.6rem; line-height:0.6rem;}
.head_1 .btn_02 .text_2 { float:left; color:#242424; font-size:0.48rem; line-height:0.54rem; padding-top:0.04rem; margin-left:0.08rem;}
.head_1 .selcitybox { float:left; max-width:100%;}
.head_1 .selcitybox .selcity { display:block; padding-right:0.4rem; background-image:url(../image/20220214/p-sel-1-1.png); background-position: right center; background-size:0.28rem auto;}
.head_1 .selcitybox .selcity .text { color:#323232; font-size:0.3rem; line-height:0.42rem;}
.head_1 .headlogo { font-size:0; text-align:center;}
.head_1 .headlogo a { display:inline-block;}
.head_1 .headlogo a .img { display:block; height:0.52rem;}


.head_2 { position: fixed; top:0; left:0; width:100%; height:0.84rem; background:#1f1f1f;}
.head_2 .inside { padding:0 0.25rem;}
.head_2 table { height:100%; table-layout: fixed;}
.head_2 table .td_1 { width:0.4rem;}
.head_2 table .td_2 {}
.head_2 table .td_3 { width:0.4rem;}
.head_2 .icon { color: #ffffff; font-size:0.36rem;}
.head_2 .back { float: left;}
.head_2 .menu { float:right;}
.head_2 .text_1 { color: #ffffff; font-size:0.3rem; text-align: center;}

.head_3 { position: fixed; top:0; left:0; width:100%; height:0.84rem; background:url(../image/20200630/bg-head_4-1.jpg) repeat top center; background-size:100% auto;}
.head_3 table { height:100%; table-layout: fixed;}
.head_3 table .td_1 { width:0.3rem;}
.head_3 table .td_2 {}
.head_3 table .td_3 { width:0.3rem;}
.head_3 .icon { color: #FFF; font-size:0.32rem;}
.head_3 .back { float: left;}
.head_3 .menu { float:right;}
.head_3 .text_1 { color: #FFF; font-size:0.24rem; text-align: center;}

/*弹窗头部*/
.head_4 { height:0.82rem; padding:1px 0; background-color:#ee8588;}
.head_4_l { width:6.16rem;}
.head_4_l .searchwrap { height:0.64rem; background-color:#FFF; border-radius:0.03rem;}
.head_4_l .selwrap,
.head_4_l .textwrap,
.head_4_l .subbox { height:100%;}
.head_4_l .selwrap .seltextbox .text,
.head_4_l .textwrap .textbox .text { padding:0; border:0; outline:none; background:none; width:100%; color:#464646; font-size:0.24rem; line-height:0.64rem;}
.head_4_l .selwrap { width:1.36rem; position:relative;}
.head_4_l .selwrap .seltextbox {}
.head_4_l .selwrap .seltextbox .text { text-indent:0.12rem; background:url(../image/20200630/p-sel-1-1.png) no-repeat calc(100% - 0.14rem) center; background-size:0.17rem auto;}
.head_4_l .selwrap .selbgbox { display:none; position:fixed; z-index:2; top:0; left:0; right:0; bottom:0; background-color:rgba(255,255,255,0.4);}
.head_4_l .selwrap .selstbox { display:none; position:absolute; top:0.58rem; left:0; width:1.18rem;}
.head_4_l .selwrap .selstbox .list { position:relative; z-index:5; background-color:#d10000; border-radius:0.04rem;}
.head_4_l .selwrap .selstbox .list .jt { position:absolute; top:-0.06rem; left:calc(50% - 0.06rem); width:0.11rem; height:0.06rem;}
.head_4_l .selwrap .selstbox .list ul { padding:0.12rem 0;}
.head_4_l .selwrap .selstbox .list ul li {}
.head_4_l .selwrap .selstbox .list ul li a { display:block; color:#ffffff; font-size:0.26rem; line-height:0.68rem; text-align:center;}
.head_4_l .textwrap { flex:1;}
.head_4_l .subbox { width:0.54rem;}
.head_4_l .subbox .submit { padding:0; border:0; outline:none; background:none; width:100%; height:100%; color:#e0262b; font-size:0.36rem;}
.head_4_r { flex:0;}
.head_4_r .btn { float:right; display:block; color:#ffffff; font-size:0.4rem; line-height:0.4rem;}

.head_5 { display:none; position:fixed; top:0; left:0; right:0; height:0.82rem; padding:1px 0; background-color:#04070a;}
.head_5 table { table-layout: fixed; height:100%;}
.head_5 table .td_1,
.head_5 table .td_3 { width:1.2rem;}
.head_5 .btnbox_1 {}
.head_5 .btnbox_1 .btn { display:block; color:#FFFFFF; font-size:0.4rem;}
.head_5 .btnbox_2 {}
.head_5 .btnbox_2 .btn { float:left; display:block; color:#FFFFFF; font-size:0.36rem;}
.head_5 .btnbox_2 .btn+.btn { margin-left:0.36rem;}
.head_5 .text_item_1 { text-align:center;}
.head_5 .text_item_1 .btn { display:inline-block; padding:0 0.4rem; color:#ffffff; font-size:0.3rem; line-height:0.6rem; background:url(../image/p-0707-1.png) no-repeat right center; background-size:0.21rem auto;}
.head_5 .text_item_1 .btn.off { background:none;}


.head_menu { display:none; position: fixed; z-index:999; top:0.98rem; left:0; right:0; bottom:0;}
.head_menu .bgbox { position: absolute; z-index:2; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.80);}
.head_menu .mainbox { position: absolute; z-index:5; top:0; left:0; right:0; bottom:0; background-color:#fff; padding:0 0.3rem;}
.head_menu .mainbox .list { position:absolute; top:0.4rem; right:0; left:0; bottom:0.4rem; overflow:auto;}
.head_menu .mainbox .list ul { padding:0 0.3rem;}
.head_menu .mainbox .list ul li { float:left; width:3.32rem; padding-top:0.3rem;}
.head_menu .mainbox .list ul li:nth-child(2n) { float:right;}
.head_menu .mainbox .list ul li .abox { display:block; padding:0 0.28rem 0; position:relative; background-color:#f1f1f1; border-radius:0.08rem;}
.head_menu .mainbox .list ul li .abox .text { color:#383838; font-size:0.3rem; line-height:1.1rem;}
.head_menu .mainbox .list ul li .abox .icon { display:block; position:absolute; right:0.26rem; top:0.24rem; height:0.62rem;}
/*
.head_menu .mainbox { position: absolute; z-index:5; top:0.84rem; width:100%; background-color:#fff;}
.head_menu .mainbox .title { position: relative; margin:0 0.2rem; border-bottom:1px solid #bbbbbb;}
.head_menu .mainbox .title .text_1 { text-align: center; color: #000000; font-size:0.28rem; line-height:0.7rem;}
.head_menu .mainbox .title .close { position: absolute; top:0.22rem; right:0.17rem; display: block; width:0.24rem; height:0.24rem;}
.head_menu .mainbox .title .close img { width:100%; height:100%;}
.head_menu .mainbox .main { font-size:0; text-align: center; padding-top:0.44rem;}
.head_menu .mainbox .main a { display: inline-block; width:25%; text-align: center; margin-bottom:0.42rem; font-size:0;}
.head_menu .mainbox .main a .icon { color:#000000; font-size:0.62rem;}
.head_menu .mainbox .main a .icon_img { width:0.62rem; height:0.62rem;}
.head_menu .mainbox .main a .text_1 { color: #000000; font-size:0.26rem; line-height:0.3rem; margin-top:0.06rem;}
.head_menu .mainbox .last { margin:0 0.2rem; padding:0.46rem 0 0.6rem 0; border-top:1px solid #bbbbbb;}
.head_menu .mainbox .last .text_item_1 { font-size:0; text-align:center; width:5.28rem; margin:0 auto; border:1px solid #8d8d8d; border-radius:4px;}
.head_menu .mainbox .last .text_item_1 .text_1 { color:#454545; font-size:0.3rem; line-height:0.64rem; padding-left:0.54rem; background:url(../image/20200630/p-af_main_3-1.png) no-repeat left center; background-size:0.38rem;}
.head_menu .mainbox .last .text_item_1 .text_1 a  { color:inherit;}
*/


/*动画效果*/
/*
.zoom_big { animation: zoom_big 0.5s forwards alternate; -webkit-animation: zoom_big 0.5s forwards alternate; -webkit-backface-visibility: hidden; opacity: 0;}
.zoom_small { animation: zoom_small 0.5s forwards alternate; -webkit-animation: zoom_small 0.5s forwards alternate; -webkit-backface-visibility: hidden; opacity: 1;}
@-webkit-keyframes zoom_big {
0% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); }
100% { opacity: 1; -webkit-transform: none; transform: none; display:block;}
}
@keyframes zoom_big {
0% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); }
100% { opacity: 1; -webkit-transform: none; transform: none; display:block;}
}
@-webkit-keyframes zoom_small {
100% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); }
0% { opacity: 1; -webkit-transform: none; transform: none; display:none;}
}
@keyframes zoom_small {
100% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); }
0% { opacity: 1; -webkit-transform: none; transform: none; display:none;}
}
*/
/**/
.head_menu .mainbox .main a:nth-child(1) .icon { color:#e60012;}
.head_menu .mainbox .main a:nth-child(2) .icon { color:#03a82a;}
.head_menu .mainbox .main a:nth-child(3) .icon { color:#c253a4;}
.head_menu .mainbox .main a:nth-child(4) .icon { color:#03a2a8;}
.head_menu .mainbox .main a:nth-child(5) .icon { color:#458ddb;}
.head_menu .mainbox .main a:nth-child(6) .icon { color:#ff345f;}
.head_menu .mainbox .main a:nth-child(7) .icon { color:#a06e4d;}
.head_menu .mainbox .main a:nth-child(8) .icon { color:#d02e36;}
.head_menu .mainbox .main a:nth-child(9) .icon { color:#d47c42;}
.head_menu .mainbox .main a:nth-child(10) .icon { color:#5b8ac3;}
.head_menu .mainbox .main a:nth-child(11) .icon { color:#089f8b;}
.head_menu .mainbox .main a:nth-child(12) .icon { color:#d47c42;}
.head_menu .mainbox .main a:nth-child(13) .icon { color:#e60012;}
.head_menu .mainbox .main a:nth-child(14) .icon { color:#a7e1b5;}
.head_menu .mainbox .main a:nth-child(15) .icon { color:#69a4b1;}
.head_menu .mainbox .main a:nth-child(16) .icon { color:#569e64;}
/**/

.head_city { display:none; position: fixed; z-index:990; top:1rem; left:0; width:100%; height:100%; background-color:#ffffff;}
.head_city .mainbox { padding:0.2rem 0 0 0;}
.head_city .mainbox .abox { display:block; float:left; width:2.2rem; color:#323232; font-size:0.3rem; line-height:1rem; text-align:center; border-bottom:1px solid #afafaf;}
.head_city .mainbox .abox:nth-child(3n),
.head_city .mainbox .abox:nth-child(3n-1) { margin-left:0.15rem;}










				/*--------------------- 二级菜单 ---------------------*/	
.location { display:none; position:fixed; z-index:260; top:0; left:0; right:0; bottom:0; background-color:#FFF;}
.location_title { position:absolute; z-index:5; top:0; left:0; right:0; height:0.82rem; padding:1px 0.26rem; background-color:#04070a;}
.location_title table { table-layout: fixed; height:100%;}
.location_title table .td_1,
.location_title table .td_3 { width:0.5rem;}
.location_title .btnbox_1 {}
.location_title .btnbox_1 .btn { display:block; color:#FFFFFF; font-size:0.4rem;}
.location_title .text_item_1 { text-align:center;}
.location_title .text_item_1 .btn { display:inline-block; padding:0 0.4rem; color:#ffffff; font-size:0.3rem; line-height:0.6rem; }
.location .scroll { position:absolute; z-index:2; top:calc(0.82rem + 2px); left:0; right:0; bottom:0;}
.location .inside { width:100% !important; padding:0.34rem 0;}
.location .inside a { display:block; color:#5d5d5d; font-size:0.26rem; line-height:1rem; text-align:center; border-bottom:1px solid #afafaf;}
.location .inside a.on { color:#d00000; background-color:#f1f1f1;}
				/*--------------------- 悬浮按钮 ---------------------*/
.fly_btnbox { position: fixed; top:30%; right:0;}
.fly_btnbox a { display: block; width:1.06rem; height:1.063rem; text-align: center; background-color:rgba(222,36,43,0.90); border-radius:50%;}
.fly_btnbox a .icon { color:#FFF; font-size:0.45rem; padding:0.15rem 0 0.04rem 0;}
.fly_btnbox a .text_1 { color: #FFF; font-size:0.2rem; line-height:0.24rem;}
				/*--------------------- 次页筛选功能 ---------------------*/
				
.location2 { position: relative; z-index:125;}
.location2 .top { position: relative; z-index:5; padding-top:0.03rem; font-size:0; background-color:#FFF; border-bottom:1px solid #a6a6a6;}
.location2 .top a { display: inline-block; width:33%; color: #464646; font-size:0.24rem; line-height:0.68rem; text-align: center;}
.location2 .top a:nth-child(2) { width:calc(34% - 2px); border-left:1px solid #a6a6a6; border-right:1px solid #a6a6a6;}
.location2 .top a span { display:inline-block; padding-right:0.32rem; background-image:url(../image/location2-p-1.png); background-position: right center; background-size:0.25rem auto; max-width:calc(100% - 0.32rem);}
.location2 .bottom { display:none; position: absolute; left:0; width:100%;}
.location2 .bottom .zg { position: fixed; top:0.69rem; z-index:2; width:100%; height:100%;}
.location2 .bottom .item { position: relative; z-index:5; display:none; padding:0.08rem 0.15rem 0.62rem 0.15rem; font-size:0; background-color:rgba(255,255,255,0.9);}
.location2 .bottom .item a { display: inline-block; width:1.6rem; margin:0.28rem 0.1rem 0 0.1rem; color: #2d2d2d; font-size:0.2rem; line-height:0.44rem; text-align: center; background-color:#ffffff; border:1px solid #c1c1c1; box-sizing:border-box;}
/*hover*/
.location2 .top a.on { color: #d02e36;}
.location2 .top a.on span { background-image:url(../image/location2-p-1on.png);}
.location2 .bottom .item a.on { color:#d02e36; border:1px solid #d02e36;}
/*hover*/
				/*--------------------- 加载更多 ---------------------*/
.loadmore { padding:0.24rem 0 0.36rem 0;}
.loadmore .more { display: block; width:2.34rem; height:0.66rem; margin:0 auto; color: #222222; font-size:0.2rem; text-align: center; line-height:0.66rem; text-indent:0.66rem; background-image:url(../image/lodemore.gif); background-position:0.39rem center; background-size:0.45rem; border-radius:0.1rem; background-color:#FFF;}
.loadmore .more.no { background-image:url(../image/lodemore-no.png);}
				/*--------------------- 公用底部 ---------------------*/
.foot_box { position: relative; z-index:155;}
.foot_1 { padding:0.18rem 0 0.36rem 0; border-top-left-radius: 0.18rem; border-top-right-radius: 0.18rem; background:#131313 url(../image/foot_1_bg.jpg) no-repeat top center; background-size:100% auto;}
.foot_1 .item_1 { display:none; padding:0.22rem 0 0 0; text-align: center; font-size:0;}
.foot_1 .item_1 a,
.foot_1 .item_1 span { display: inline-block; color: #ffffff; font-size:0.24rem; line-height:0.3rem;}
.foot_1 .item_1 a {}
.foot_1 .item_1 span { padding:0 0.12rem;}
.foot_1 .item_2 { padding:0.12rem 0 0.24rem 0;}
.foot_1 .item_2 p { text-align: center; color: #cecece; font-size:0.24rem; line-height:0.34rem;}

.foot_1 .item_3 { padding:0.3rem 0 0 0;}
.foot_1 .item_3 .text_item_1 { font-size:0; text-align:center; height:0.34rem;}
.foot_1 .item_3 .text_item_1>span { display:inline-block;}
.foot_1 .item_3 .text_item_1 .text_1 { float:left; color:#ffffff; font-size:0.22rem; line-height:0.34rem; opacity:0.4;}
.foot_1 .item_3 .text_item_1 .text_2 { float:left; color:#ffffff; font-size:0.26rem; line-height:0.34rem;}
.foot_1 .item_3 .text_item_1 .text_2 a { color:inherit;}
.foot_1 .item_3 .text_item_2 { color:#cecece; font-size:0.24rem; line-height:0.3rem; text-align:center; padding:0.14rem 0 0.16rem 0;}

.foot_1 .item_4 { margin-top:0.16rem;}
.foot_1 .item_4 .text_1 { color:#ffffff; font-size:0.2rem; line-height:0.36rem; text-align:center; opacity:0.4;}


.foot_2 { position: fixed; left:0; bottom:0; width:100%; height:0.86rem; background-color:#ffffff; font-size:0; border-top:2px solid #e7e7e7;}
.foot_2 .btn-1 { display:inline-block; width:20%; text-align: center; padding:0.06rem 0;}
.foot_2 .btn-1 .iconbox { width:0.37rem; height:0.37rem; margin:0 auto; position:relative;}
.foot_2 .btn-1 .iconbox .icon { position:absolute; left:0; top:0; width:100%; height:100%;}
.foot_2 .btn-1 .iconbox .icon.no1 { display:block;}
.foot_2 .btn-1 .iconbox .icon.no2 { display:none;}
.foot_2 .btn-1 .text_1 { color:#787878; font-size:0.24rem; line-height:0.36rem; text-align:center; position:relative; z-index:15;}

.foot_2 .btn-1.no2 .iconbox .inbox { position:absolute; top:-0.34rem; left:50%; width:1rem; height:1rem; margin-left:-0.5rem; background-color:#ffffff; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.foot_2 .btn-1.no2 .iconbox .inbox .icon { display:block; width:0.44rem; height:0.44rem; position:static;}
/*
.foot_2 .btn-2-box { position: absolute; left:calc(50% - 0.53rem); top:-0.15rem; width:0.9rem; height:0.9rem; border:0.08rem solid #f1f1f1; background-color:#ce000a; border-radius:50%;}
.foot_2 .btn-2-box .btn-2 { display: block; width:100%; height:100%; color:#FFF; font-size:0.62rem; text-align: center; line-height:0.9rem;}
*/
/*act*/
.foot_2 .btn-1.on .iconbox .icon.no1 { display:none;}
.foot_2 .btn-1.on .iconbox .icon.no2 { display:block;}
.foot_2 .btn-1.on .text_1 { color:#e3584b;}
/*act*/

.foot_3 { padding:0.2rem 0 0.15rem 0; font-size:0; text-align: center; background-color:#FFF; border-radius:0.18rem; margin-bottom:0.25rem;}
.foot_3 span { display: inline-block; width:25%;}
.foot_3 span .text_1 { width:0.78rem; height:0.78rem; margin: 0 auto; color: #000000; font-size:0.44rem; text-align: center; line-height:0.78rem; border:1px solid #c0c0c0; border-radius:50%;}
.foot_3 span .text_2 { color: #5d5d5d; font-size:0.22rem; line-height:0.32rem; text-align: center;}
				/*--------------------- 图标字体 ---------------------*/
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?41r9o7');
  src:  url('../fonts/icomoon.eot?41r9o7#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?41r9o7') format('truetype'),
    url('../fonts/icomoon.woff?41r9o7') format('woff'),
    url('../fonts/icomoon.svg?41r9o7#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-dob span:nth-child(2) { position: relative; margin-left:-1em;}


.foot_3 { padding:0.2rem 0 0.15rem 0; font-size:0; text-align: center; background-color:#FFF; border-radius:0.18rem; margin-bottom:0.25rem;}
.foot_3 a { display: inline-block; width:25%;}
.foot_3 a .text_1 { width:0.78rem; height:0.78rem; margin: 0 auto; color: #000000; font-size:0.44rem; text-align: center; line-height:0.78rem; border:1px solid #c0c0c0; border-radius:50%;}
.foot_3 a .text_2 { color: #5d5d5d; font-size:0.22rem; line-height:0.32rem; text-align: center;}