﻿/*状态样式1*/
.styc1{ padding:10px;}
.styc1 .opastytitle{ padding:0 14px; border-radius:6px;}
.styc1 .opastytitle .opastytit{ height:56px; line-height:56px; font-size:16px; font-weight:bold; color:#0f0f0f;}
.styc1 .styclist{ background-color:#fff; box-shadow:0 0 8px rgba(102,102,102,0.1); border-radius:6px;}
.styc1 .styclist .stycitem{ position:relative; border-top:1px solid #eee;}
.styc1 .styclist .stycitem .stylink{ display:block; padding:16px; margin-right:80px; text-decoration:none;}
.styc1 .styclist .stycitem .stylink .stycinfo{}
.styc1 .styclist .stycitem .stylink .stycinfo .descmemo{ font-size:14px; color:#999;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: normal;text-overflow: ellipsis;overflow: hidden;}
.styc1 .styclist .stycitem .stylink .stycinfo .stycth{ font-size:14px; font-weight:bold; color:#131313;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: normal;text-overflow: ellipsis;overflow: hidden;}
.styc1 .styclist .stycitem .stylink .stycinfo .stycstc{ padding:8px 0 0; font-size:14px; font-weight:bold;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; white-space: normal;text-overflow: ellipsis;overflow: hidden;}
.styc1 .styclist .stycitem .stylink .stycinfo .stycdate{ padding:8px 0 0;}
.styc1 .styclist .stycitem .stylink .stycinfo .stycdate span{ padding-right:6px; font-size:12px; color:#888;}
.styc1 .styclist .stycitem .stylink .stycinfo .stycdate .dtgl{ display:none;}
.styc1 .styclist .stycitem .stylink .stycinfo .stycdate .stylnkicon{ display:none;}
.styc1 .styclist .stycitem .styupbtn{ width:80px; height:40px; line-height:40px; text-align:center; display:block;font-size:14px; text-decoration:none; position:absolute; top:50%; margin-top:-20px; right:0px;}
.styc1 .styclist .stycitem .styupbtn .styupicon{ display:inline-block; width:16px; height:16px; background:url(img/upsty2.png) no-repeat 0 0; background-size:100%;vertical-align:middle;}
.styc1 .styclist .stycitem .styupbtn .styuptxt{ padding-left:3px; color:#556890; vertical-align:middle;}
/*状态样式2*/
.styc2{ padding:10px;}
.styc2 .opastytitle{ padding:0 14px; border-radius:6px;}
.styc2 .opastytitle .opastytit{ height:56px; line-height:56px; font-size:16px; font-weight:bold; color:#0f0f0f;}
.styc2 .styclist{ background-color:#fff; box-shadow:0 0 8px rgba(102,102,102,0.1); border-radius:6px;}
.styc2 .styclist .stycitem{ position:relative; border-top:1px solid #eee;}
.styc2 .styclist .stycitem .stylink{ display:block; padding:16px;  text-decoration:none;}
.styc2 .styclist .stycitem .stylink .stycinfo{}
.styc2 .styclist .stycitem .stylink .stycinfo .stycth{text-align:left; font-size:14px; font-weight:bold; color:#131313;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: normal;text-overflow: ellipsis;overflow: hidden;}
.styc2 .styclist .stycitem .stylink .stycinfo .stycstc{text-align:center; padding:8px 0 0; font-size:14px; font-weight:bold;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: normal;text-overflow: ellipsis;overflow: hidden;}
.styc2 .styclist .stycitem .stylink .stycinfo .stycdate{ padding:8px 0 0; text-align:center;}
.styc2 .styclist .stycitem .stylink .stycinfo .stycdate span{ padding-right:6px; font-size:12px; color:#888;}
.styc2 .styclist .stycitem .stylink .stycinfo .stycdate .stylnkicon{ display:none;}
.styc2 .styclist .stycitem .styupbtn{ display:none;}
.styc2 .styclist .stycitem .styupbtn .styupicon{}
.styc2 .styclist .stycitem .styupbtn .styuptxt{}
.styc2 .styclist .stycitem:after{content: " ";display: inline-block;height: 16px;width: 16px;border-width:1px 0 0 1px;border-color: #ccc;border-style: solid;position: absolute;top: 50%;margin-top:-8px;right:24px;transform:rotate(135deg);-webkit-transform:rotate(135deg);}

/*状态样式3*/
.styc3{ padding:10px;}
.styc3 .opastytitle{ padding:0 14px; border-radius:6px;}
.styc3 .opastytitle .opastytit{ height:56px; line-height:56px; font-size:16px; font-weight:bold; color:#0f0f0f;}
.styc3 .styclist{ background-color:#fff; box-shadow:0 0 8px rgba(102,102,102,0.1); border-radius:6px;}
.styc3 .styclist .stycitem{ position:relative; border-top:1px solid #eee;}
.styc3 .styclist .stycitem .stylink{ display:block; padding:12px;  text-decoration:none;}
.styc3 .styclist .stycitem .stylink .stycinfo{ padding-right:148px; position:relative;}
.styc3 .styclist .stycitem .stylink .stycinfo .stycth{ max-width:100%; box-sizing:border-box; padding-right:4px; display:inline-block;  font-size:14px; font-weight:bold; color:#131313;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.styc3 .styclist .stycitem .stylink .stycinfo .stycstc{max-width:100%; box-sizing:border-box; padding-right:4px; display:inline-block; padding:8px 0 0; font-size:14px;  font-weight:bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.styc3 .styclist .stycitem .stylink .stycinfo .stycdate{ padding:8px 0 0; position:absolute; top:50%; margin-top:-16px; right:0;}
.styc3 .styclist .stycitem .stylink .stycinfo .stycdate span{ padding-right:6px; font-size:12px; color:#888;}
.styc3 .styclist .stycitem .stylink .stycinfo .stycdate .dtgl{ display:none;}
.styc3 .styclist .stycitem .styupbtn{ display:none;}
.styc3 .styclist .stycitem .styupbtn .styupicon{}
.styc3 .styclist .stycitem .styupbtn .styuptxt{}

/*状态样式4*/
.styc4{ padding:6px;}
.styc4 .opastytitle{ padding:0 14px; border-radius:6px;}
.styc4 .opastytitle .opastytit{ height:56px; line-height:56px; font-size:16px; font-weight:bold; color:#0f0f0f;}
.styc4 .styclist{display:flex;flex-direction: row;flex-wrap: wrap;justify-content:left;}
.styc4 .styclist .stycitem{ width:50%; padding:6px; box-sizing:border-box;}
.styc4 .styclist .stycitem .stylink{ display:block; height:100%; box-sizing:border-box; padding:12px; border-radius:6px; background-color:#fff; box-shadow:0 0 8px rgba(102,102,102,0.1); text-decoration:none;}
.styc4 .styclist .stycitem .stylink .stycinfo{}
.styc4 .styclist .stycitem .stylink .stycinfo .stycth{ font-size:14px; font-weight:bold; color:#131313;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: normal;text-overflow: ellipsis;overflow: hidden;}
.styc4 .styclist .stycitem .stylink .stycinfo .stycstc{ padding:8px 0 0; font-size:14px;font-weight:bold;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; white-space: normal;text-overflow: ellipsis;overflow: hidden;}
.styc4 .styclist .stycitem .stylink .stycinfo .stycdate{ padding:8px 0 0;}
.styc4 .styclist .stycitem .stylink .stycinfo .stycdate span{ padding-right:6px; font-size:12px; color:#888;}
.styc4 .styclist .stycitem .stylink .stycinfo .stycdate .dtgl{ display:none;}
.styc4 .styclist .stycitem .stylink .stycinfo .stycdate .stylnkicon{ display:none;}
.styc4 .styclist .stycitem .styupbtn{ display:none;}
.styc4 .styclist .stycitem .styupbtn .styupicon{}
.styc4 .styclist .stycitem .styupbtn .styuptxt{}

/*状态文字颜色公共样式*/
.stmodtit{ text-align:center; padding:20px 16px 26px; font-weight:bold; font-size:20px; color:#333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.styccolor1{ color:#07C160;}
.styccolor2{ color:#D94441;}
.styccolor3{ color:#FFC300;}
.styccolor4{ color:#F57C00;}
.styccolor5{ color:#1485EE;}
.styccolor6{ color:#6467F0;}
.styccolor7{ color:#999999;}
/*状态文字颜色公共样式end*/


/*操作样式1*/
.opasty1{ padding:10px;}
.opasty1 .opasbox{background-color:#fff; box-shadow:0 0 8px rgba(102,102,102,0.1); border-radius:6px;}
.opasty1 .opasbox .opastytitle{ padding:0 14px; border-radius:6px;}
.opasty1 .opasbox .opastytitle .opastytit{ height:56px; line-height:56px; font-size:16px; font-weight:bold; color:#0f0f0f;}
.opasty1 .opasbox .opastylist{ padding:12px;}
.opasty1 .opasbox .opastylist .opastyitem{ padding-bottom:12px;}
.opasty1 .opasbox .opastylist .opastyitem .opastylink{ display:block; border-radius:4px; padding:16px; background-color:#f2f6f9; text-decoration:none;}
.opasty1 .opasbox .opastylist .opastyitem .opastylink .opastyiocn{ display:none;}
.opasty1 .opasbox .opastylist .opastyitem .opastylink .opastyinfo{ padding-right:100px; position:relative;}
.opasty1 .opasbox .opastylist .opastyitem .opastylink .opastyinfo .opastyth{ font-size:14px;font-weight:bold; color:#0f0f0f;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal;text-overflow: ellipsis;overflow: hidden;}
.opasty1 .opasbox .opastylist .opastyitem .opastylink .opastyinfo .opastydisp{ padding-top:10px; font-size:12px; color:#999999;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal;text-overflow: ellipsis;overflow: hidden;}
.opasty1 .opasbox .opastylist .opastyitem .opastylink .opastyinfo .opastyset{ position:absolute; top:50%; margin-top:-16px; right:0;}
.opasty1 .opasbox .opastylist .opastyitem .opastylink .opastyinfo .opastyset .opastybtn{ display:block; width:70px; height:32px; border-radius:4px; line-height:32px; font-size:12px; text-align:center; background-color:rgba(0,0,0,0.1); color:#707173; overflow:hidden;}

.opasty1 .opasbox .opastylist .opastyitem .opastylink.optylincolor1{background-color:#F3F6F9;}
.opasty1 .opasbox .opastylist .opastyitem .opastylink.optylincolor1 .opastyinfo .opastyset .opastybtn{background-color:#2D77C7;color:#fff;}
.opasty1 .opasbox .opastylist .opastyitem .opastylink.optylincolor2{background-color:#FBF6F6;}
.opasty1 .opasbox .opastylist .opastyitem .opastylink.optylincolor2 .opastyinfo .opastyset .opastybtn{background-color:#C74C49;color:#fff;}
.opasty1 .opasbox .opastylist .opastyitem .opastylink.optylincolor3{background-color:#FEF9EF;}
.opasty1 .opasbox .opastylist .opastyitem .opastylink.optylincolor3 .opastyinfo .opastyset .opastybtn{background-color:#EBA62F;color:#fff;}
.opasty1 .opasbox .opastylist .opastyitem .opastylink.optylincolor4{background-color:#FDF6F0;}
.opasty1 .opasbox .opastylist .opastyitem .opastylink.optylincolor4 .opastyinfo .opastyset .opastybtn{background-color:#DD7E2F;color:#fff;}
.opasty1 .opasbox .opastylist .opastyitem .opastylink.optylincolor5{background-color:#F1F8F4;}
.opasty1 .opasbox .opastylist .opastyitem .opastylink.optylincolor5 .opastyinfo .opastyset .opastybtn{background-color:#1BA04C;color:#fff;}
.opasty1 .opasbox .opastylist .opastyitem .opastylink.optylincolor6{background-color:#F2F2F9;}
.opasty1 .opasbox .opastylist .opastyitem .opastylink.optylincolor6 .opastyinfo .opastyset .opastybtn{background-color:#5758C2;color:#fff;}
.opasty1 .opasbox .opastylist .opastyitem .opastylink.optylincolor7{background-color:#F8F8F8;}
.opasty1 .opasbox .opastylist .opastyitem .opastylink.optylincolor7 .opastyinfo .opastyset .opastybtn{ border:1px solid #576B95; line-height:30px; box-sizing:border-box; background-color:#FFFFFF;color:#576B95;}
/*操作样式2*/
.opasty2{ padding:10px;}
.opasty2 .opasbox{background-color:#fff; box-shadow:0 0 8px rgba(102,102,102,0.1); border-radius:6px;}
.opasty2 .opasbox .opastytitle{ padding:0 14px; border-radius:6px;}
.opasty2 .opasbox .opastytitle .opastytit{ height:56px; line-height:56px; font-size:16px; font-weight:bold; color:#0f0f0f;}
.opasty2 .opasbox .opastylist{display:flex;flex-direction: row;flex-wrap: wrap;justify-content:left;padding:12px;}
.opasty2 .opasbox .opastylist .opastyitem{ width:33.33%; box-sizing:border-box; padding:0 14px 20px;}
.opasty2 .opasbox .opastylist .opastyitem .opastylink{ display:block; text-decoration:none;}
.opasty2 .opasbox .opastylist .opastyitem .opastylink .opastyiocn{ text-align:center;}
.opasty2 .opasbox .opastylist .opastyitem .opastylink .opastyiocn img{ width:46px; height:46px;}
.opasty2 .opasbox .opastylist .opastyitem .opastylink .opastyinfo{ padding-top:6px;}
.opasty2 .opasbox .opastylist .opastyitem .opastylink .opastyinfo .opastyth{ text-align:center; font-size:14px;color:#0f0f0f;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal;text-overflow: ellipsis;overflow: hidden;}
.opasty2 .opasbox .opastylist .opastyitem .opastylink .opastyinfo .opastydisp{ display:none;}
.opasty2 .opasbox .opastylist .opastyitem .opastylink .opastyinfo .opastyset{ display:none;}
.opasty2 .opasbox .opastylist .opastyitem .opastylink .opastyinfo .opastyset .opastybtn{}

/*操作样式3*/
.opasty3{ padding:10px;}
.opasty3 .opasbox{background-color:#fff; box-shadow:0 0 8px rgba(102,102,102,0.1); border-radius:6px;}
.opasty3 .opasbox .opastytitle{ padding:0 14px; border-radius:6px;}
.opasty3 .opasbox .opastytitle .opastytit{ height:56px; line-height:56px; font-size:16px; font-weight:bold; color:#0f0f0f;}
.opasty3 .opasbox .opastylist{ padding:12px;}
.opasty3 .opasbox .opastylist .opastyitem{ padding-bottom:12px;}
.opasty3 .opasbox .opastylist .opastyitem .opastylink{ display:block; padding:16px 4px; border-top:1px solid #eee; text-decoration:none;}
.opasty3 .opasbox .opastylist .opastyitem .opastylink .opastyiocn{ display:none;}
.opasty3 .opasbox .opastylist .opastyitem .opastylink .opastyinfo{ padding-right:100px; position:relative;}
.opasty3 .opasbox .opastylist .opastyitem .opastylink .opastyinfo .opastyth{ font-size:14px;font-weight:bold; color:#0f0f0f;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; white-space: normal;text-overflow: ellipsis;overflow: hidden;}
.opasty3 .opasbox .opastylist .opastyitem .opastylink .opastyinfo .opastydisp{ padding-top:10px; font-size:12px; color:#999999;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal;text-overflow: ellipsis;overflow: hidden;}
.opasty3 .opasbox .opastylist .opastyitem .opastylink .opastyinfo .opastyset{ position:absolute; top:50%; margin-top:-16px; right:0;}
.opasty3 .opasbox .opastylist .opastyitem .opastylink .opastyinfo .opastyset .opastybtn{ display:block; width:80px; height:32px; border-radius:32px; line-height:32px; font-size:12px; text-align:center; background-color:rgba(0,0,0,0.1); color:#707173; overflow:hidden;}
.opasty3 .opasbox .opastylist .opastyitem .opastylink.opastyseted .opastyinfo .opastyset .opastybtn{background-color:#fff; box-sizing:border-box; line-height:30px; border:1px solid #576b95;color:#576b95;}

 .mapBox {width: 100%;height: 300px;overflow: hidden;margin: 0;font-family: "微软雅黑";} 
#container { width: 100%; height: 320px;}
#info { position: absolute; left: 20px;top: 40px; font-size: 12px; background: #FFF;width: 300px; padding: 5px; border-radius: 3px;}

.adstit{ height:36px;line-height:30px;}
.adstit h3{ margin:0; padding:0; height:15px; border-bottom:1px dotted #dedede; text-align:center;}
.adstit h3 span{ display:inline-block; padding:0 16px; background-color:#fff; font-size:14px; color:#787878;}

/*参数名称*/
.titlemod{ padding:10px 18px 16px; background-color:#fff;}
.titleth{ height:30px; line-height:30px; text-align:left; border-bottom:1px solid #dedede;padding: 30px 12px;padding: 12px;}
.titleth span{ display:inline-block; padding:0 6px; border-bottom:2px solid #205693; height:30px;font-weight:bold;font-size:18px;}

.filetitle{ padding:0 14px; border-radius:6px;}
.filetitle .opastytit{ height:42px; line-height:56px; font-size:16px; font-weight:bold; color:#0f0f0f;}



/* 404 */
.in404{position:absolute; top:0; left:0; width:100%; height:100%; background:#FFF}
.in404_text{position:absolute; top:44%; left:50%; transform:translate(-50%,-50%); width:80%; text-align:center}
.in404_text h2{font-size:220px; color:#BBB}
.in404_text h6{margin:10px auto 30px; font-size:18px; color:#999}
.in404_text a{display:inline-block; padding:0 40px; line-height:32px; font-size:15px; color:#999; border:2px solid #DDD; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px}
@media screen and (max-width:959px){
	.in404_text h2{font-size:180px}
}
@media screen and (max-width:767px){
	.in404_text h2{font-size:140px}
	.in404_text h6{font-size:16px}
	.in404_text a{font-size:14px}
}
@media screen and (max-width:560px){
	.in404_text h2{font-size:70px}
	.in404_text h6{margin:10px auto 18px; font-size:14px; line-height:20px}
	.in404_text a{font-size:13px}
}


/*底部tab 栏*/
.topbar {
    height: 60px;
    background-color: #fff;
    position: relative;
}
.justcenter {
    justify-content: center;
}

.al_cen {
    align-items: center;
}
.flex {
  display: flex;
}
.flex1 {
  flex: 1;
  height: 100%;
}
.flex_column {
  flex-direction: column;
}
.colored5 {
    color: #ed5d29;
}
.coloraaa {
    color: #aaaaaa;
}
.font24 {
    font-size: 12px;
}
.lineh1 {
    line-height: 1;
}
.tab_bar {
  width: 100%;
  height: 49px;
  background-color: #ffffff;
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.06);
  border-top: solid 1px #eeeeee;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
}

.tab_bar a {
    color: #666;
    text-decoration: none;
    cursor: pointer;
}
.tab_bar .home_icon {
  width: 24px;
  height: 24px;
}

.tab_bar .lanmu_icon {
  width: 22.5px;
  height: 22.5px;
}

.tab_bar .mine_icon {
  width: 22.5px;
  height: 24px;
}

.tab_bar span {
  margin-top: 5px;
}

.sourceinfo{ position:relative;}
.qkrevsicons{ position:absolute; top:10px; right:10px;}
.qkrevsicons img{ width:60px; height:60px;}
.qukuaiibox{ padding:16px 24px; background-color:#EDF8FC; border-radius:6px;}
.qukuaiicon{ text-align:center;}
.qukuaiicon img{ width:50px; height:50px;}
.qukuaiith{ padding-top:12px; font-size:16px; font-weight:bold; text-align:center;}
.qukuaiitxt{ padding-top:6px;  font-size:14px; color:#444; word-wrap: break-word; word-break: normal;}
.qukuaiitxt span{ float:left;}
.qukuailink{ margin:12px auto 0; border:1px solid #dedede; width:120px; border-radius:4px; height:32px; line-height:32px; font-size:12px; text-align:center;}

.stycitem{ position:relative;}
.qklinkicon{ position:absolute; top:50%; margin-top:-30px; right:12px;}
.qklinkicon img{ width:60px; height:60px;}
.qkhashbox{ padding:12px 12px 0;}
.qkhashinfo{ border:1px solid #ff9600; background-color:rgba(255,255,204,0.4); padding:8px;}
.hashtxtitem{ padding:4px 0; color:#ff6600; font-size:14px; word-wrap: break-word; word-break: normal; }
.hashtxtitem span{ color:#f00; float:left;}
.hashtxtitem a{color:#ff6600;}

.editbtnsfd{ position:fixed; bottom:100px; right:10px;}
	.editbtnsfd img{ width:60px; height:60px;}