@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;font-family:arial,"Microsoft Yahei","微软雅黑","Hiragino Sans GB",sans-serif;font-size:14px; box-sizing:border-box}
img{border:0px}
input,select,button{vertical-align:middle;}
input{border:1px solid #DCDFE6;padding:0px 12px;-webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);color:#7b8bab}.mid{ vertical-align:middle}.cl0{color:#000}.cl6{color:#666}
input:hover{border:1px solid #C0C4CC;}input:active{border:1px solid #409EFF;outline:none;}
input:not([type="submit"]):focus{ outline:none;border:1px solid #409EFF;box-shadow: 0 2px 4px 0 #eee inset;}
input::placeholder { color: #9699a1; }.b{font-weight:bold}.cl3{color:#333}.relative{position:relative}.absolute{position:absolute}
a { text-decoration: none; position:relative;display: inline-block;  -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);cursor:pointer}
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }.bd0{border:0}
.clear{ clear:both; }.nobr{white-space:nowrap; }.right{float:right}.left{float:left}.inline{display: inline-block;}.none{display:none}
.w100{width:100%}.h100{height:100%}.mgt3{margin-top:3px;}.mgt4{margin-top:4px;}.mgt5{margin-top:5px;}.mgt6{margin-top:6px;}
.mgl3{margin-left:3px;}.mgl4{margin-left:4px;}.mgl5{margin-left:5px;}.mgl6{margin-left:6px;}
.mgr3{margin-right:3px;}.mgr4{margin-right:4px;}.mgr5{margin-right:5px;}.mgr6{margin-right:6px;}
.fz16{font-size:16px}.fz12{font-size:12px}.fz14{font-size:14px}.fz18{font-size:18px}

.a:link {color:#000;font-size:15px; }
.a:visited {color:#000 ;}
.a:hover {color:#00A5CE; }

/*-------top main-----------*/
.main{width:1160px;margin:0 auto;display:none}
.top{width:1160px;height:62px;margin:0 auto;position:fixed;top:0;left:0;box-shadow:0 1px 10px 1px #ccc;z-index:99;width:100%;background-color:#fff}
.logo{margin-top:13px}.lgtt{color:#595959;font-size:18px;line-height:38px;padding-left:15px;border-left:1px solid #EAEBEC;margin:13px 0 0 15px}
.nav{line-height:62px;margin-left:50px;}.nav a{margin-left:50px}.reg{margin-top:15px}
.reg .bt-blue{padding:0px 23px;line-height:33px;border-radius:5px;}.reg .bt-blue2{padding:0px 23px;line-height:31px;border-radius:5px;margin-left:5px;}
.mgtop{margin-top:52px}.main2{background:#f8f9fa;padding:50px 20px 30px 20px;border-radius:8px;}

/*-------selcity-----------*/
.selcity{border-radius: 8px; padding: 20px 20px 27px 20px; width: 330px; background-color:#fff; box-shadow: #e3e3e3 0px 2px 12px;}
.selcity .bt-blue2{border-radius: 5px; padding: 0px 13px; line-height: 28px;}
.selcity input{border-radius: 4px 0px 0px 4px; width: 230px; height: 30px; line-height: 30px;}
.cityquery{ padding: 20px 0 15px 0;}.selcity .alist{line-height:32px;display:block;}

/*-------func list-----------*/
.ccity{border-radius: 8px; padding: 17px 20px 20px; width: 765px; background-color: #fff;float:right}
.ccity span{margin: 0px 0px 0px 15px; color:#7b8bab; font-size: 12px;font-weight:bold}.ccity .bt-white{border-radius: 5px; padding: 0px 13px; line-height: 31px;}
.mbox{border-radius: 8px; margin: 20px 0px 0px; border: 1px solid #e8e8e8;}.mbox .tt{border-radius: 8px 8px 0px 0px; padding: 0px 25px; color:#555; background-color: #F5F7FA; font-weight: bold; line-height: 35px; border-bottom: 1px solid #E8E8E8}.mbox .m{padding:10px 25px;line-height:44px}.mbox .m a{margin-right: 4px; border-radius: 4px; padding: 0px 15px; line-height: 30px;}.dqcs{line-height:28px;margin-right:15px;color:#333;font-size:16px;font-weight:bold}
.dqcs2{line-height:30px;font-size:16px;border-radius:4px;padding:0 15px 0 12px;margin-right:5px}

/*-------form-----------*/
.form{margin-top:35px} .form .l1{margin-right: 15px; border-radius: 22px; width: 8px; height: 22px; background-color:#bee6f9; vertical-align: middle;}
 .form .l2{border-radius: 22px; margin:0 10px 0 6px; width: 8px; height: 20px; background-color: #1890FF; vertical-align: middle;}
 .form .tip{margin: 0px 35px 0px 15px; color: #67676c; font-size: 13px;} .form input[type="text"]{margin-right: 3px; border-radius: 4px; width: 208px; height: 30px; line-height: 30px;}
 .form .m{border-radius: 8px; padding: 20px; margin: 15px 0px 0px; background-color:#fff; line-height: 40px; box-shadow:#e3e3e3 0px 2px 12px;}
 .form .cx{margin-right: 3px; border-radius: 4px; width: 100px; height: 30px; line-height: 30px; text-align: center;}
 .formjg{border-radius: 8px; padding: 20px 25px 20px 25px; margin: 15px 0px 0px; background-color:#fff; box-shadow:#e3e3e3 0px 2px 12px;position:relative}
 .pfst{border-radius:3px 0 0 3px;}.plst{border-radius:0 3px 3px 0;}.page{margin-top:10px}.datatip{border-radius: 3px; padding: 0px 6px; font-size: 13px; line-height: 24px;}
 
 .order{background:url(../images/order.gif) no-repeat;width:10px;height:11px; background-size:100% 100%}
 .orderasc{background:url(../images/orderasc.gif) no-repeat;width:10px;height:11px; background-size:100% 100%}
 .orderdesc{background:url(../images/orderdesc.gif)  no-repeat;width:10px;height:11px; background-size:100% 100%}

/*-------top act link-----------*/
.act:link{color:#00A5CE;font-size:15px;}
.act:visited{color:#00A5CE}
.act:hover{color:#00A5CE}
.act:after{ content:" ";position:absolute;bottom:4px;left:25%;width:50%;height:6px;border-radius:50px;background:#00CCFF;}

/*-------blue underline link-----------*/
.a2:link {color:#3451b2; text-decoration:underline;}
.a2:visited {color:#3451b2 ;}
.a2:hover {color:#00A5CE; }

.a3:link {color:#7b8bab;}
.a3:visited {color:#7b8bab;}
.a3:hover {color:#1890FF;text-decoration:none; }
.a3act {color:#1890FF;text-decoration:none;}

.a5:link {color:#1890FF;}
.a5:visited {color:#1890FF;}
.a5:hover {color:#000;text-decoration:underline; }



/*-------list link-----------*/
.alist:link {color:#303133;border-radius:4px;border-bottom:1px solid #eee;padding:0 16px;line-height:33px}
.alist:visited {color:#303133 ;border-bottom:1px solid #eee}
.alist:hover { background:#E6F7FF;border-bottom:1px solid #b9d8f5;color:#1890ff}

.alistact:link {color:#1890ff;border-radius:4px;background:#E6F7FF;padding:0 16px;font-weight:bold;border-bottom:1px solid #b9d8f5}
.alistact:visited {color:#1890ff ;background:#E6F7FF;}
.alistact:hover { background:#E6F7FF;}

/*-------tab-----------*/
.tab1{background-color: #F5F7FA;cursor:pointer;border-radius:4px 4px 0 0;border:1px solid #fff;padding:9px 0;text-align:center;font-size:16px}
.tab1:hover{background-color: #eceef1;}
.tab1act{background-color: #fff;border-radius:4px 4px 0 0;border:1px solid #ddd;padding:9px 0;text-align:center;position:relative;font-size:16px}
.tab1act:after{ content:" ";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#fff;}


.hsa a{border-radius:25px;margin-right:27px;line-height:33px;font-size:18px;font-weight:bold}.hsa{line-height:30px;display:none}.hsnodate{font-size:20px;font-weight:bold;color:#7b8bab;margin:70px 0 0 60px}
.house,.house2{padding:20px 139px;display:none;border:1px solid #DCDFE6;border-top:0;border-radius:0 4px 4px 0;height:213px;background:url(../images/mbg.jpg); background-position:-350px 555px}
.line{height:0px;background:#e8e8e8;margin-top:15px;margin-bottom:10px;border-radius:20px}
.house .bt-white2{line-height:35px;font-size:15px;padding:0 20px}
.house2 .bt-white2{line-height:35px;font-size:15px;padding:0 20px}
.house .bt-white2act{line-height:35px;font-size:15px;padding:0 20px;}
.house2 .bt-white2act{line-height:35px;font-size:15px;padding:0 20px;}
/*-------button-----------*/
 .bt-blue {
    display: inline-block;color: #fff;background-color: #1890FF; vertical-align:middle;
    -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}.bt-blue:hover { background-color: #59B0FF;} .bt-blue:active {background-color:#0073DB;}
 
 .bt-blue2 {
    display: inline-block;color: #1890FF;background-color: #fff;border:1px solid #1890FF;vertical-align:middle;
    -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}.bt-blue2:hover { background-color: #ecf5ff;border:1px solid #B9DCFF;} .bt-blue2:active {border:1px solid #1890FF;}
  
 .bt-blue3 {
    display: inline-block;color: #fff;background-color: #5672CD;font-weight:bold;vertical-align:middle;
    -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}.bt-blue3:hover { background-color:#748AD6;box-shadow: 0 2px 4px 0 #eee;} .bt-blue3:active {background-color:#3450AF;}
 
.bt-gray {
    display: inline-block;color: #3c3c43;background-color:#EBEBEF;font-weight:bold;vertical-align:middle;
    -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}.bt-gray:hover { background-color:#D9D9E1;box-shadow: 0 2px 4px 0 #eee;} .bt-gray:active {background-color:#EBEBEF;}

.bt-gray2 {
    display: inline-block;color: #595959;background-color:#f0f2f9;vertical-align:middle;border:1px solid #ddd;
    -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}.bt-gray2:hover { background-color:#ecf5ff;color:#1890FF;box-shadow: 0 12px 40px 0 #ddd;border:1px solid #1890FF} .bt-gray2:active {background-color:#fff;box-shadow:none;}
 
.bt-blue22 {
    display: inline-block;background-color:#ecf5ff;color:#1890FF;vertical-align:middle;border:1px solid #1890FF;
    -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}.bt-blue22:hover { background-color:#fff;color:#1890FF;box-shadow: 0 12px 40px 0 #ddd;border:1px solid #1890FF} .bt-blue22:active {background-color:#fff;box-shadow:none;}

.bt-white {
    display: inline-block;color: #1890FF;background-color:#fff;vertical-align:middle;border:1px solid #eee;
    -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}.bt-white:hover { background-color:#ecf5ff;border:1px solid #B9DCFF} .bt-white:active {background-color:#fff;box-shadow: 0 2px 4px 0 #eee;}
.bt-whiteact {
    display: inline-block;color: #fff;background-color:#1890FF;vertical-align:middle;
}

.bt-white2 {
    display: inline-block;color: #5c6370;background-color:#f5f7fa;vertical-align:middle;border:1px solid #DCDFE6;line-height:28px;padding:0 10px;
    -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}.bt-white2:hover { background-color:#fff;border:1px solid #1890FF;color:#1890FF} .bt-white2:active {border:1px solid #DCDFE6;color: #a0a0af}

.bt-white2act {
    display: inline-block;color: #1890FF;background-color:#fff;vertical-align:middle;border:1px solid #1890FF;line-height:28px;padding:0 10px;
    -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}.bt-white2act:hover { background-color:#f5f7fa;border:1px solid #1890FF;color:#1890FF} .bt-white2act:active {border:1px solid #DCDFE6;background-color:#fff;}

.bt-white22 {
    display: inline-block;color: #5c6370;background-color:#f5f7fa;vertical-align:middle;border:1px solid #DCDFE6;line-height:28px;padding:0 10px;
    -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}.bt-white22:hover { background-color:#1890FF;border:1px solid #1890FF;color:#fff} .bt-white22:active {border:1px solid #DCDFE6;color: #a0a0af}
.bt-white22act {
    display: inline-block;color: #fff;background-color:#1890FF;vertical-align:middle;border:1px solid #1890FF;line-height:28px;padding:0 10px;
}
/*-------li-----------*/
li::marker {
  font-size: 20px;
}

/*-------bottom blue underline-----------*/
.bt{ margin: 40px 0px 0px; background-color: #F7F8F9; box-shadow:0px -10px 40px #ddd;}.bt-m{padding: 10px 20px; width: 380px;display: inline-block;}
.bt-t1{margin: 30px 0px 25px; color: #333; font-size: 16px; font-weight: bold;position: relative;display: inline-block;}
.bt-t2{margin: 10px 0px 15px; color:#333; font-size: 14px; font-weight: bold;}
.bt-con{margin: 0px 0px 30px; color:#67676c; line-height: 26px;}
.bt-t1:after{ content:" ";position:absolute;bottom:-12px;left:0;width:60%;height:3px;background:#1890ff; border-radius:10px}

/*-------table-----------*/table{ border-collapse: collapse;}
.tb1 td{border-bottom: 1px solid #F2F2F2;white-space:nowrap;padding:0 10px}
.tb1 td div:nth-child(1){line-height:40px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis'); overflow:hidden;}
.fixcolbg{background:url(../images/fixcolbg.gif) right repeat-y}
.fixrowbg{background:url(../images/fixrowbg.gif) bottom repeat-x}.fixrowbg td{border-bottom:1px solid #fff;}

/* 滚动条宽度 */
.custom-scrollbar::-webkit-scrollbar { width: 8px; /* 滚动条宽度 */}
.custom-scrollbar::-webkit-scrollbar-track {  background: #eee; /* 滚动条轨道颜色 */   border-radius: 0px;}
.custom-scrollbar::-webkit-scrollbar-thumb {background: #91c4ff; /* 滚动条滑块颜色 */border-radius: 10px;}
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #ccc; /* 鼠标悬停时滑块颜色 */}

.hoveroted{
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);}
	.hoverote .rota{
	-webkit-transition:all .3s ease-out; transition:all .3s ease-out}
	
	.hoverote:hover .rota{transform-origin:center center;
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		}

/*-------zdate-----------*/		
.zdate-left{border-right:1px solid #e2e6f0;width:20%;height:100%;float:left;line-height:33px;padding-top:10px}
.zdate-left a{width:100%}.zdate-left i{margin-top:6px;font-size:16px}.zd-yeartt i{margin-left:6px;font-size:16px}
.zdate-right{float:right;width:80%;line-height:0}.zd-br{border-right:1px solid #e2e6f0}
.zdate-rtop{ border-bottom:1px solid #e2e6f0;color:#7b8bab}.zdate-rtop div{width:50%;display:inline-block;text-align:center;padding:15px;}
.daycon{height:250px;display:none}.weekcon{height:250px;display:none}.monthcon{height:250px;display:none}.yearcon{height:250px;display:none}
.zdatecon{width:50%;height:100%;position:relative}
.zdatecon .custom-scrollbar{overflow: auto; padding: 5px 0px 5px 12px; width: 100%; height: 100%; background-color:#fff;}
.zdatecon .barhide{top: 0px; left: 0px;position: absolute;display:none}.zd-yeartt{line-height:15px;margin-top:9px;text-align:center;font-size:14px;cursor:pointer}
.zd-set{border-radius: 3px; padding: 0px; width: 33px; line-height: 23px; text-align: center;border:1px solid #fff}
.zd-bot{padding: 10px 0px 0px 0px; text-align: center; border-top: 1px solid #e2e6f0;}
.zd-boty{border-radius: 4px; padding: 0px 11px; line-height: 26px;}.zd-botn{margin-left: 6px; border-radius: 4px; padding: 0px 11px; line-height: 24px;}
.daycon .bt-white22{border-radius: 3px; padding: 0px; width: 33px; line-height: 23px; text-align: center;}
.daycon .bt-white22act{border-radius: 3px; padding: 0px; width: 33px; line-height: 23px; text-align: center;}.daytop{line-height:29px;padding:5px 0 5px 10px} 
.daytop .zd-yeartt{margin-bottom:12px}
.zdate{position:absolute;top:35px;left:0;width:700px;height:330px;border-radius:3px;background:#fff;box-shadow:0 2px 12px 0 #ddd;z-index:10;display:none}

.box{border-radius: 9px;background: #fff; box-shadow: 0 2px 12px 0 #ddd;z-index: 10;display: none;border:1px solid #dadce1}
.box .hd{border-radius:9px 9px 0 0;padding-left:20px;line-height:47px;position:relative;font-weight:bold;color:#5c677c;font-size:15px;border-bottom:1px solid #e5e5e5;background:#f4f7f9}
.box .cl{position:absolute;right:5px;top:10px;border-radius:10px;line-height:22px;padding:0 8px; -webkit-user-select: none; /* Chrome, Safari, Opera */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;    /* Internet Explorer/Edge */
    user-select: none;        /* Non-prefixed version, supported by all modern browsers */}
.box .con{padding:20px;border-bottom:1px solid #e5e5e5}
#loading-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 199; 
}
 
#loading-spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #f3f3f3;
  border-top: 6px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
 
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#loadfrm {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100; 
}
#loadfrm .frm{box-shadow: 0 5px 15px rgb(0 0 0 / 50%);border-radius:9px;background:#fff;position:relative; display:none}
#loadfrm .frm .cl{position:absolute;right:15px;top:13px;border-radius:15px;-webkit-user-select: none; /* Chrome, Safari, Opera */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;    /* Internet Explorer/Edge */
    user-select: none;        /* Non-prefixed version, supported by all modern browsers */}
 .xqtt{border-left: 2px solid #3890FF; text-indent:10px; height: 22px;line-height: 22px;color: #333;margin-top:20px;}
 .xqcity{background: linear-gradient(97.79deg,#edf4ff 9.39%,#f2f6ff 50.46%,#eeebff 91.53%);color:#2440B3;border-radius:5px;line-height:30px;padding:0 20px;margin-left:20px;font-weight:100;vertical-align:middle; }
 .price{color:red;font-size:18px;}.unit{color:#999;font-weight:100}
 .posi{position: absolute;
    top: -10px;
    right: 0;
    width: 100px;
    height: 30px;
    color: #936b38;
    font-size: 16px!important;
    font-weight: 400!important;
    border-radius: 0 10px;
    line-height: 30px;
    background-image: linear-gradient(to right,#ffead4,#ffbf7c); text-align:center}
.tcgn span{line-height:25px;display:block;padding-left:20px;color:#787878;background:url(../images/gou.gif) no-repeat;background-position: 0 5px}
.tcgn{margin:20px 30px}.tcgnmain{float:left;width:200px; height:310px;border:1px solid #eee;background: linear-gradient(97.79deg,#edf4ff 9.39%,#f2f6ff 50.46%,#eeebff 91.53%);position:relative;border-radius:10px;margin-right:5px}.tcsm{border-top:1px solid #eee;padding:10px 0px;margin-top:10px}.tcsm div{color:#999;line-height:20px}
.loginbox {
    width: 100%;
    height: 560px;border-radius:0 0 9px 9px;
    background-color: #dfe2e7;padding-top:50px
}.margin-box{
    width: 100%;
    max-width: 540px;
    min-width: 320px;
    padding: 32px 56px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 20px;
    margin: 0 auto;
    box-shadow: 0 0 5px 1px #ccc;
    position: relative;
}.margin-box input{    
    border-radius: 9px;
   line-height:50px;height:50px;
}.input-box{margin-bottom:20px}
.ttimg{ display:inline-block;width: 28px; vertical-align:middle;  height: 28px;    margin: -3px 10px 0 5px;    border-radius: 50%;    background-image: url(/images/avatar001.png);    background-repeat: no-repeat;    background-size: 100%;}
.ttimg2{ display:inline-block;width: 30px; vertical-align:middle;  height: 30px;    margin: -3px 15px 0 5px;    border-radius: 50%;    background-image: url(/images/xqbg.gif);    background-repeat: no-repeat;    background-size: 100%;}.noselect {
    -webkit-user-select: none; /* Chrome, Safari, Opera */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;    /* Internet Explorer/Edge */
    user-select: none;        /* Non-prefixed version, supported by all modern browsers */
}.brd3{border-radius:3px}.qrdd{line-height:30px;padding:0 16px;margin:0 1px 0 55px;border-radius:9px;cursor:pointer}
.mhdata{text-align:center;background:url(../images/mhdata.gif) no-repeat center;height:408px;text-align:center;padding-top:120px}
.mhdata .bt-blue{border-radius:4px;line-height:30px;padding:0 11px}