a{ text-decoration: none; } 
a:link { color: #333333; }
a:visited { color: #333333; } 
a:hover{ color: #000000; } 
a:active { color: #000000; } 
html{overflow-y:scroll;}
body{ margin:0 auto;padding:0;  font-size:0.9rem;  height: 100%;  text-decoration: none; color: #333333; }
h1,h2,h3,h4,h5,h6,h7,p,strong,b,ul,span,iframe{ margin: 0 auto; padding: 0; font-weight: normal;  }
li{ list-style-type: none; }
input,select,textarea{ border: 0; border: 0; border: 1px #ccc solid; border-radius:2px;  outline-style: none ;  background: #f7f7f7; padding: 2px;  }
 
  
img{vertical-align:top;}
.no{ display: none; }
.bg_fff,a.bg_fff,bg_fff{
background-size: 20px 20px; background-color: #f7f7f7;  
background-image: linear-gradient(-135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
 transparent 45%, transparent);}
 
.bg_cheng,a.bg_cheng,bg_cheng{
background-size: 20px 20px; background-color: #7E3301;  
background-image: linear-gradient(-135deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%,
 transparent 45%, transparent);}

.bg_lv,a.bg_lv,bg_lv{
background-size: 20px 20px; background-color: #004000;  
background-image: linear-gradient(-135deg, rgba(255, 255, 255, 0.06) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.06) 75%,
 transparent 45%, transparent);}
 
.bg_eee,a.bg_eee,bg_eee{
background-size: 20px 20px; background-color: #eee;  
background-image: linear-gradient(-135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
 transparent 45%, transparent);}
.bg_666,a.bg_666,bg_666{
background-size: 20px 20px; background-color: #666;  
background-image: linear-gradient(-135deg, rgba(255, 255, 255, 0.02) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, 0.02) 50%, rgba(255, 255, 255, 0.02) 75%,
 transparent 45%, transparent);}

.bg_blue,a.bg_blue,bg_blue{
background-size: 20px 20px; background-color: #0051A2;
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .03) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .03) 50%, rgba(255, 255, 255, .03) 75%,
 transparent 45%, transparent);}
 
.bg_blues,a.bg_blues,bg_blues{
background-size: 20px 20px; background-color: #001D39;
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .02) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .02) 50%, rgba(255, 255, 255, .02) 75%,
 transparent 45%, transparent); 
}
 
.bg_red,a.bg_red,bg_red {
background-size: 20px 20px; background-color: #800000;  
background-image: linear-gradient(-135deg, rgba(255, 255, 255, 0.02) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, 0.02) 50%, rgba(255, 255, 255, 0.02) 75%,
 transparent 45%, transparent);}

.bg_reds,a.bg_reds,bg_reds {
background-size: 20px 20px; background-color: #400000;  
background-image: linear-gradient(-135deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%,
 transparent 45%, transparent);}
 
.bg_qing,a.bg_qing,bg_qing {
background-size: 20px 20px; background-color: #264D4D;  
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .04) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,
 transparent 45%, transparent);}
 
.bg_333,a.bg_333 ,bg_333 {
background-size: 20px 20px; background-color: #333;
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .02) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .02) 50%, rgba(255, 255, 255, .02) 75%,
 transparent 45%, transparent);}

.bg_000,a.bg_000,bg_000 {
background-size: 10px 10px; background-color: #111;
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .04) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,
 transparent 45%, transparent);}
 
.bg_zi,a.bg_zi,bg_zi {
background-size: 10px 10px; background-color: #400080;
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .04) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,
 transparent 45%, transparent);}
 
.mcs{ width: 100%; margin: 0 auto; padding: 0; overflow: hidden; display: -webkit-flex; display: flex; -ms-flex-direction: row; flex-direction: row; align-items: stretch; min-height: 100vh; }
.no,no{ display: none; }
.fl,fl{ float:left; }
.fr,fr{ float:right; }
.mg2{ margin: 2px 1px 2px 1px; }
.mg4{ margin: 4px 2px 4px 2px; }
.mg6{ margin: 6px 4px 6px 4px; }
.mg8{ margin: 8px 6px 8px 6px; }
.mg10{ margin: 10px 8px 10px 8px; }
.mt8,mt8{ margin-top: 8px; }
.mb8,mb8{ margin-bottom: 8px; }
.mt12,mt12{ margin-top: 12px; }
.mb12,mb12{ margin-bottom: 12px; }
.pd6{ padding: 6px; }
.mr8{ margin-right: 8px; }
.mr12{ margin-right: 12px; }

.yj0,yj0,a.yj0{ border-radius: 300px; }
.yj1,yj1,a.yj1{ border-radius: 1px; }
.yj2,yj2,a.yj2{ border-radius: 2px; }
.yj3,yj3,a.yj3{ border-radius: 3px; }
.yj4,yj4,a.yj4{ border-radius: 4px; }
.yj5,yj5,a.yj5{ border-radius: 5px; }
.yj6,yj6,a.yj6{ border-radius: 6px; }


.atxt,a.atxt,a.atxt:link,atxt{  opacity: 0.8;  display: block; text-align: center; 
background-size: 20px 20px;  
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .04) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,
 transparent 45%, transparent); }
.atxt:hover,a.atxt:hover,atxt:hover{ opacity:1; }

red{ color: #930B0B; }
.asz1,a.asz1,asz1{ padding: 0 10px 0 10px; height: 24px; line-height: 24px; font-size: 0.7rem; border: 0; }
.asz2,a.asz2,asz2{ padding: 0 16px 0 16px; height: 30px; line-height: 30px; font-size: 0.9rem; border: 0; }
.asz3,a.asz3,asz3{ padding: 0 22px 0 22px; height: 44px; line-height: 44px; font-size: 1rem; border: 0; }
.asz4,a.asz4,asz4{ padding: 0 30px 0 30px; height: 52px; line-height: 52px; font-size: 1.2rem; border: 0; }

.ahei,a.ahei,a.ahei:link,a.ahei:visited,ahei{  background: #222; border: 1px solid #222; color: #fff; } 
.aheic,a.aheic,a.aheic:link,a.aheic:visited,aheic{ border: 1px solid #222; background: #f7f7f7; color: #222;   } 
.aheic:Hover,a.aheic:Hover,aheic:Hover{  background: #222; color: #fff;  } 

.ared,a.ared,a.ared:link,a.ared:visited,ared{  background: #930B0B; border: 1px solid #930B0B; color: #fff; } 
.aredc,a.aredc,a.aredc:link,a.aredc:visited,aredc{ border: 1px solid #930B0B;  background: #F2E6E7; color: #930B0B;   } 
.aredc:Hover,a.aredc:Hover,aredc:Hover{  background: #930B0B; color: #fff;  } 

.ablue,a.ablue,a.ablue:link,a.ablue:visited,ablue{  background: #004080; border: 1px solid #004080;  color: #fff; }
.abluec,a.abluec,a.abluec:link,a.abluec:visited,abluec{ border: 1px solid #004080; color: #004080;   background: #E8EEF4; } 
.abluec:Hover,a.abluec:Hover,abluec:Hover{ background: #004080; color: #fff; } 


.ablues,a.ablues,a.ablues:link,a.ablues:visited,ablues{  background: #000080; border: 1px solid #000080; color: #fff; }
.abluesc,a.abluesc,a.abluesc:link,a.abluesc:visited,abluesc{ border: 1px solid #000080; color: #000080;   background: #E8EEF4; } 
.abluesc:Hover,a.abluesc:Hover,abluesc:Hover{ background: #000080; color: #fff; } 

.alv,a.alv,a.alv:link,a.alv:visited,alv{  background: #375E37; border: 1px solid #375E37; color: #fff; } 
.alvc,a.alvc,a.alvc:link,a.alvc:visited,alvc{ border: 1px solid #375E37; color: #375E37;   background: #E8FFF3; } 
.alvc:Hover,a.alvc:Hover,alvc:Hover{ background: #375E37; color: #fff; } 

.azi,a.azi,a.azi:link,a.azi:visited,azi{  background: #400080; border: 1px solid #400080; color: #fff; } 
.azic,a.azic,a.azic:link,a.azic:visited,azic{ border: 1px solid #400080; color: #400080;   background: #F4EAFF; } 
.azic:Hover,a.azic:Hover,azic:Hover{  background: #400080; color: #fff; } 

.acheng,a.acheng,a.acheng:link,a.acheng:visited,acheng{  background: #BB5E00; border: 1px solid #BB5E00; color: #fff; } 
.achengc,a.achengc,a.achengc:link,a.achengc:visited,achengc{ border: 1px solid #BB5E00; color: #BB5E00;   background: #FFEFE8; } 
.achengc:Hover,a.achengc:Hover,achengc:Hover{ background: #BB5E00; color: #fff;  } 

.aqing,a.aqing,a.aqing:link,a.aqing:visited,aqing{  background: #264D4D; border: 1px solid #264D4D; color: #fff; } 
.aqingc,a.aqingc,a.aqingc:link,a.aqingc:visited,aqingc{ border: 1px solid #264D4D; color: #264D4D;   background: #F2F9F9; } 
.aqingc:Hover,a.aqingc:Hover,aqingc:Hover{ background: #264D4D; color: #fff; } 

.wb4{ width: 4%; }
.wb5{ width: 5%; }
.wb6{ width: 6%; }
.wb7{ width: 7%; }
.wb8{ width: 8%; }
.wb9{ width: 9%; }
.wb10{ width: 10%; }
.wb11{ width: 11%; }
.wb12{ width: 12%; }
.wb15{ width: 15%; }
.maint{ height: 50px; line-height: 50px;  overflow: hidden;  }
.maint a{ color: #fff;  display: block; font-size: 0.96rem; border-right: 2px #111 solid; float:left; width: 7%; text-align: center;  } 
.maint a:Hover{  background: #021427;  color: #FFFF80; }
.maint p{ color: #ccc; float:left; margin-left: 20px; }
.maint p font{ color: #FFFF80; }

.tlan2{ border-top: 3px #111 solid; }
.mk1{   float:Left;  border-right: 2px #111 solid;  }
.mk1 h3{ height: 40px; line-height: 40px; padding-left: 8px; background: #021427;   border-bottom: 2px #111 solid; color: #eee; font-size: 0.94rem; }
.mk1 h3 add{ font-size: 2rem; float:right; color: #fff; margin-right: 10px; }
.mk1 h3 add:hover{ color: #FFFF80; font-weight: bold;  }
.mk1 li{ height: 40px; line-height: 40px; overflow: hidden; padding-left: 8px; font-size: 0.94rem; border-bottom:1px #00172F solid;  display: block; }
.mk1 li a{ color: #eee;  }
.mk1 li:Hover,.mk1o,.mk1o a.title,a.mk1o,.mk1o a.title:visited{ color: #FFFF80;  background: #021427;    }
.mk1 a b{ font-size: 1.2rem;  margin-right: 8px; }
.mk1 img{ height: 20px; margin: 10px; float:right; display: none;  }
.mk1 li:Hover img{ display: block; }


.mk2{   float:Left;  border-right: 2px #111 solid;  }
.mk2 h3{ height: 40px; line-height: 40px; padding-left: 8px; background: #222;   border-bottom: 2px #111 solid; color: #eee; font-size: 0.94rem; }
.mk2 h3 add{ font-size: 2rem; float:right; color: #fff; margin-right: 10px; }
.mk2 h3 add:hover{ color: #FFFF80; font-weight: bold;  }
.mk2 li{ height: 40px; line-height: 40px; overflow: hidden; padding-left: 8px; font-size: 0.9rem; border-bottom:1px #222 solid;  display: block; }
.mk2 li a{ color: #eee;   }
.mk2 li:Hover,.mk2o,.mk2o a.title,a.title.mk2o,.mk2o a.title:visited{ color: #FFFF80;  background: #222;  background-clip: padding-box;   }
.mk2 a b{ font-size: 1.2rem;  margin-right: 8px; }
.mk2 img{ height: 20px; margin: 10px 10px 10px 0; float:right;  display: none;}
.mk2 li:Hover img{ display: block; }

.mk3{   float:Left;  border-right: 2px #ccc solid;  }
.mk3 h3{ height: 40px; line-height: 40px; padding-left: 8px; background: #eee;   border-bottom: 2px #ccc solid; color: #333; font-size: 0.94rem; }
.mk3 h3 add{ font-size: 2rem; float:right; color: #333; margin-right: 10px; }
.mk3 h3 add:hover{ color: #8E0000; font-weight: bold;  }
.mk3 li{ height: 40px; line-height: 40px; padding-left: 8px; overflow: hidden; font-size: 0.9rem; border-bottom:1px #ccc solid;  display: block; }
.mk3 li a{ color: #333;   }
.mk3 li:Hover,.mk3o,.mk3o a.title,a.title.mk3o,.mk3o a.title:visited{ color: #004080;  background: #EAF3FD;    }
.mk3 a b{ font-size: 1.2rem;  margin-right: 8px; }
 
.mk3 b{ float:right; margin-right: 6px;  }
.mk3 img{ height: 20px; margin:  10px 10px 10px 0; float:right;   display: none; }
.mk3 li:Hover img{ display: block; }

.mk0{   float:Left;  border-right: 2px #ccc solid;  }
.mk0 h3{ height: 40px; line-height: 40px; padding-left: 8px; background: #eee;   border-bottom: 2px #ccc solid; color: #333; font-size: 0.94rem; }
.mk0 h3 add{ font-size: 2rem; float:right; color: #333; margin-right: 10px; }
.mk0 h3 add:hover{ color: #8E0000; font-weight: bold;  }
.mk0 p{ height: 32px; line-height: 32px; padding-left: 8px; margin-right: 8px; overflow: hidden; font-size: 0.8rem; border-bottom:1px #ccc solid;  display: block; }
.mk0 p a{ color: #333;   }
.mk0 p:Hover,.mk0o,.mk0o a,a.mk0o,.mk3o a:link,.mk0o a:visited{ color: #004080;  background: #EAF3FD;    }
.mk0 a b{ font-size: 1.2rem;  margin-right: 8px; }
.mk0 img{ height: 20px; margin: 10px; float:right;   }
.mk0 a b{  float:left; }
.mk0 b{ float:right; margin-right: 6px;  }

.spage{ overflow: hidden;  }
 

.mkc{ flex-grow: 1;  width:60%;  float:Left; background: #fff;    }
.form{ display: block;  overflow: hidden; padding-right: 30px;}
.form li{ padding: 10px; border-bottom: 1px #eee solid; overflow: hidden; display:block; }
.form li:hover{ background: #EEF7FF; }
.form li b{ width: 8%; text-align:right; float:left; padding-left: 1%; height: 32px; line-height: 32px; font-size: 1rem;  margin-right:1%;  margin-top: -2px;  }
.form li c{ width: 90%;  float:left;  }
.form li bb{  text-align:right; float:left;  margin: -2px 10px 0 20px;  height: 32px; line-height: 32px; font-size: 1rem;  }
.form li cc{  float:left;  margin-right: 4px; }
.form li xing{ float: right; text-align: left;  color: #ff0000; margin-left: 10px; font-size: 1.2rem; }

#checkbox{ padding: 8px; }
.tcbg{ display: none; position:fixed; background: #000; visibility:visible;  top: 10%;  left: 30%;   width: 30%;  background: #fff;  z-index:99999;  } 
.tcbgc{ display: none;   visibility:visible; bottom: 40px;  left: 0%;   width: 100%;   z-index:10;   } 
.tcbg h4{  background: #151735; color: #fff; height: 32px; line-height: 32px; padding: 0 10px 0 10px; font-size: 1.2rem;  }
 
.tcbgc tips{ color:#000080; display: block;  }

.page{ overflow: hidden; margin-top: 20px; }
.page a{ padding: 8px 12px 8px 12px; font-size: 0.9rem; margin-left: 12px; float:left; background: #eee; border-radius: 2px; }
.page a:Hover,a.pageo{ background: #A53838;  color: #fff; }

#overlay { display: none; position: fixed;top: 0; left: 0; width: 100%;height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 9999; }

#popup1 { display: none; position: fixed; top: 50%; left: 50%; background: #fff; padding: 20px;  transform: translate(-50%, -50%); z-index: 999999;  }
#popup1 h4{  background: #151735; color: #fff; height: 44px; line-height: 44px; padding: 0 10px 0 10px; font-size: 1rem;  }
#popup2 { display: none; position: fixed; top: 50%; left: 50%; background: #fff; padding: 20px;  transform: translate(-50%, -50%); z-index: 999999;  }
#popup2 h4{  background: #151735; color: #fff; height: 44px; line-height: 44px; padding: 0 10px 0 10px; font-size: 1rem;  }
#popup3 { display: none; position: fixed; top: 50%; left: 50%; background: #fff; padding: 20px;  transform: translate(-50%, -50%); z-index: 999999;  }
#popup3 h4{  background: #151735; color: #fff; height: 44px; line-height: 44px; padding: 0 10px 0 10px; font-size: 1rem;  }
#popup4 { display: none; position: fixed; top: 50%; left: 50%; background: #fff; padding: 20px;  transform: translate(-50%, -50%); z-index: 999999;  }
#popup4 h4{  background: #151735; color: #fff; height: 44px; line-height: 44px; padding: 0 10px 0 10px; font-size: 1rem;  }
#popup5 { display: none; position: fixed; top: 50%; left: 50%; background: #fff; padding: 20px;  transform: translate(-50%, -50%); z-index: 999999;  }
#popup5 h4{  background: #151735; color: #fff; height: 44px; line-height: 44px; padding: 0 10px 0 10px; font-size: 1rem;  }
#popup6 { display: none; position: fixed; top: 50%; left: 50%; background: #fff; padding: 20px;  transform: translate(-50%, -50%); z-index: 999999;  }
#popup6 h4{  background: #151735; color: #fff; height: 44px; line-height: 44px; padding: 0 10px 0 10px; font-size: 1rem;  }
#popup7 { display: none; position: fixed; top: 50%; left: 50%; background: #fff; padding: 20px;  transform: translate(-50%, -50%); z-index: 999999;  }
#popup7 h4{  background: #151735; color: #fff; height: 44px; line-height: 44px; padding: 0 10px 0 10px; font-size: 1rem;  }
#popup8 { display: none; position: fixed; top: 50%; left: 50%; background: #fff; padding: 20px;  transform: translate(-50%, -50%); z-index: 999999;  }
#popup8 h4{  background: #151735; color: #fff; height: 44px; line-height: 44px; padding: 0 10px 0 10px; font-size: 1rem;  }
#popup9 { display: none; position: fixed; top: 50%; left: 50%; background: #fff; padding: 20px;  transform: translate(-50%, -50%); z-index: 999999;  }
#popup9 h4{  background: #151735; color: #fff; height: 44px; line-height: 44px; padding: 0 10px 0 10px; font-size: 1rem;  }
  
#popup_z { display: none; position: fixed; top: 50%; left: 50%; background: #fff; padding: 20px;  transform: translate(-50%, -50%); z-index: 999999;  }
#popup_z h4{  background: #151735; color: #fff; height: 44px; line-height: 44px; padding: 0 10px 0 10px; font-size: 1rem;  }
#popup_t { display: none; position: fixed; top: 50%; left: 50%; background: #fff; padding: 20px;  transform: translate(-50%, -50%); z-index: 999999;  }
#popup_t h4{  background: #151735; color: #fff; height: 44px; line-height: 44px; padding: 0 10px 0 10px; font-size: 1rem;  }

#popup_c { display: none; position: fixed; top: 50%; left: 50%; background: #fff; padding: 20px;  transform: translate(-50%, -50%); z-index: 999999;  }
#popup_c h4{  background: #151735; color: #fff; height: 44px; line-height: 44px; padding: 0 10px 0 10px; font-size: 1rem;  }
  
.column_edit{ padding: 20px; overflow: hidden; }
.column_edit a{ height: 32px; line-height: 32px; font-size: 1rem; margin: 4px; float:left; display: block; background: #f7f7f7; padding: 6px 26px 6px 26px; }
.column_edit a:Hover{ background: #666; color: #fff; }

.column_title{ height: 32px; line-height: 32px; background: #f7f7f7; font-size: 1rem; padding: 4px 8px 4px 40px;   }
.column_title b{ margin-left: 10px; color: #C44000; }
     
.dbc{ overflow: hidden; padding: 6px; background: #f7f7f7;   }
.dbcl{ width: 30%; float:left; }
.dbcr{ width: 70%; float: right; }
.dbcr a{ display: block; height: 32px; line-height: 32px;  width: 26%; float:Left;  margin: 1%; background: #001D39; color: #fff; }
  
.sinput{ padding: 6px; }
.sinput:focus{ background: #fff;border: 1px solid #0055A2;}
.sselect{ border-radius: 2px; padding: 5px; }
.sselect:focus{ background: #fff;border: 1px solid #0055A2;}
.stext{ padding: 8px; line-height: 160%;  width: 60%; height: 100px; }
.stext:focus{ background: #fff;border: 1px solid #0055A2;}
 
icolist{ display: block; width: 90%; float:left; }
icolist p{ width: 9%;margin: 0.5%;  float:left; }
.s_list{ overflow: hidden;  }
.spath{ height: 40px; line-height: 40px; font-size: 1rem;  overflow: hidden; padding-left: 4px; border-bottom: 2px #ccc solid; }
.spath img{ height: 20px; margin: 12px 8px 12px 12px; }
.spath a{ margin: 0 6px 0 6px; }
.spath a:hover{ color: #AE3232; }

.s_list_t{ padding: 6px; background: #eee; overflow: hidden; }
.s_list_t a{ float:left; margin-right: 10px; }
.s_list_ts,.s_list_ts:hover{  background: #134671; color: #fff;  overflow: hidden; }
.s_list_ts a{ float:left;   color: #fff; }

.s_list_so{ overflow: hidden; }
.s_list_so p{ overflow: hidden; border-bottom: 1px #eee solid; padding: 8px; }

.s_listc{ overflow: hidden; }
 
    
.s_listc li,.s_listc lis{ height: 36px; line-height: 36px; overflow: hidden; display: block;  border-bottom: 1px #eee solid; }
.listbg{ background: #f7f7f7; }
.s_listc li:hover{ background: #eee; }
.s_listc span{ width: 400px; float: left; margin-left: 0.5%;   }
.s_listc p{ width: 100px; float: left; margin-left: 0.5%; font-size: 0.8rem; }
.s_listc b{ width: 100px; float: right; margin-left: 0.5%; font-size: 0.8rem;   }

.s_listc li a{ margin-left: 10px; }

.list_bottom{ overflow:hidden; margin-bottom: 20px; margin-top: 20px;  margin-left: 20px; }
.list_bottom a{  margin:0 6px 0 6px;  float: left; display: block;  }
.list_bottom select{ margin-right: 6px; }

#tips{ height: 60px;   display: none; margin: 0 auto; padding: 0; font-size: 3rem; border-radius: 4px;  width: 20%; margin: 10% 40% 30% 40%; padding: 2% 5% 2% 5%;  opacity:0.9;  text-align: center;   position:fixed; z-index: 999; overflow: hidden;  color: #fff; }

.s_city{  display: none; float:left; margin-left: 4px; }
.s_city_first { display: block; float:left; }

.zlm li{ display: block; height: 36px; line-height: 36px; margin: 4px; background: #eee; }

.f_list_t1,.f_list_t2,.f_list_t3{ overflow: hidden;  width: 100%; font-size: 0.8rem; }
.f_list_t1 a:Hover,.f_list_t2 a:Hover,.f_list_t3 a:Hover{ opacity: 1; }
.f_list_t1 a{ width: 6%; padding: 0.6% 0.3% 0.6% 0.3%; margin: 0.1% 0% 0.1% 0.5%; text-align: center; display: block; float: left; background: #710000; color: #fff;  opacity: 0.9; border-radius: 2px;  font-size: 1rem; }
.f_list_t2 a{ width: 6%; padding: 0.4% 0.3% 0.4% 0.3%; margin: 0.1% 0% 0.1% 0.5%; text-align: center;  display: block; float: left; background: #003260; color: #fff;  border-radius: 2px; opacity: 0.9;   }
.f_list_t3 a{ width: 6%; padding: 0.3%; margin: 0.1% 0% 0.1% 0.5%; text-align: center;  display: block; float: left; background: #000080; color: #fff;  border-radius: 2px; opacity: 0.8;   }
 
.f_list_ct{ height: 36px; line-height: 36px;   width: 100%;  background: #eee; }
.f_list_c{ overflow: hidden; width: 99%; margin-left: 1%; }
.f_list_c li{ padding: 12px 0 12px 0; overflow: hidden;  }
.f_list_c td1{ width: 2%; float:left; display: block;   }
.f_list_c td2{ width: 3%;  text-align: center;  float:left;  display: block;   }
.f_list_c td3{ width: 4%;  float:left;   display: block;  }
.f_list_c td4{ width: 5%;  float: left; display: block;  }
.f_list_c td5{ width: 6%;  float: left; display: block;  }
.f_list_c td6{ width: 8%;  float: left; display: block;  }
.f_list_c td7{ width: 10%; margin-left: 1%; float: left;  display: block;  }

.f_list_c td8{ width: 180px;    float: left;   display: block;  }
.f_list_c td8 div{ float:left;   width: 60px; }
.f_list_c td8 select{ float:left;  font-size: 0.7rem; }
 

.f_list_c input,.f_list_c select,.f_list_c textarea{ font-size: 0.8rem; padding: 4px; }
.sortable li { overflow: hidden; width: 100%;   cursor: move; }
.sortable li.selected {  opacity: 0.7; }
.sortable li span { position: absolute; }
.cssframe {  width: 100%;  height: 760px;   overflow: auto;      overflow-x: hidden; } 
 

s_zts{  text-align: center; padding: 6px 2px 6px 2px; height: 26px; line-height: 26px; font-weight: normal; color: #fff; font-size: 0.7rem;   float:left; }
s_zt7{ background: #ff0000;  width: 60px; border-radius: 2px; display: block; }
s_zt7:hover{ background: #990000; }
s_zt8{ background: #134671;  width: 60px; border-radius: 2px; display: block; }
s_zt8:hover{ background: #0C2C45; }
s_zt9{ background: #400080;  width: 60px; border-radius: 2px; display: block; }
s_zt9:hover{ background: #320064; }
s_zt10{ background:  #006231;  width: 60px; border-radius: 2px; display: block; }
s_zt10:hover{ background: #004221; }
s_zt11{ background: #0080FF;  width: 60px; border-radius: 2px; display: block; }
s_zt11:hover{ background: #0058B0; }
s_zt12{ background: #C80064;  width: 60px; border-radius: 2px; display: block; }
s_zt12:hover{ background: #99004D; }
s_zt13{ background: #A45200;  width: 60px; border-radius: 2px; display: block; }
s_zt13:hover{ background: #8C4600; }
s_zt14{ background:  #7070B8;  width: 60px; border-radius: 2px; display: block; }
s_zt14:hover{ background: #5656AB; }
s_zt15{ background: #397373;  width: 60px; border-radius: 2px; display: block; }
s_zt15:hover{ background: #2F5E5E; }
s_zt16{ background: #757500;  width: 60px; border-radius: 2px; display: block; }
s_zt16:hover{ background: #4F4F00; }
s_zt0{ background:  #666;  width: 60px; border-radius: 2px; display: block; }
s_zt0:hover{ background: #333; }


#button-container { display: flex;flex-wrap: wrap;}
.button { display: flex;font-size: 0.8rem; margin: 3px; padding: 4px 8px 4px 8px;background: #eee; border-radius: 2px; color: #333;  cursor: pointer; }
.button.selected { background: #AE3232; color: #fff; }
.button-text { margin-right: 20px; }
.button-close { cursor: pointer;  }


.label_ext{  overflow:hidden;   }
.label_ext a{  padding: 4px 12px 4px 12px; opacity: 0.8; color: #f7f7f7; display: block;  float:Left; border-radius:2px; font-size: 0.9rem; display:inline-block;	position:relative;	margin: 4px;}
.label_ext a:Hover{ color:#fff; opacity: 1; }
 
a.sg1{ background: #800000; }
a.sg2{ background: #004080; }
a.sg3{ background: #37006F; }
a.sg4{ background: #004040; }
a.sg5{ background: #003C77; }


.circle_s{ overflow:hidden;}
.rangeInput{ width: 360px; }
 rangeValue{ font-size: 0.8rem;  padding: 4px; background: #C7360C; color: #fff; border-radius:4px;  position: relative; top: -6px; left: 10px; }

.chk_1 {	display:none; }
.chk_1 + label{  padding: 4px 10px 4px 10px; display: block;   background: #eee; float:Left; border-radius:2px; font-size: 0.9rem; display:inline-block;	position:relative;	margin: 4px;  }
.chk_1:checked + label { background: #C44000;color:#fff;  opacity:0.8;}
.chk_1:checked + label:hover{  opacity: 1;}

.chk_2 {	display:none; }
.chk_2 + label{  padding: 4px 8px 4px 8px; display: block; background: #eee; float:Left; border-radius:2px; font-size: 0.8rem; display:inline-block;	position:relative;	margin: 4px; }
.chk_2:checked + label { background: #C44000;color:#fff;  opacity:0.8;}
.chk_2:checked + label:hover{  opacity: 1;}

.chk_3 {	display:none; }
.chk_3 + label{  padding: 4px 8px 4px 8px; display: block; background: #eee; float:Left; border-radius:2px; font-size: 0.8rem; display:inline-block;	position:relative;	margin: 4px; }
.chk_3:checked + label { background: #C44000;color:#fff;opacity:0.8;}
.chk_3:checked + label:hover{  opacity: 1;}

.channllist{ overflow: hidden; }
.channllist p{ width: 8.5%; background: #f7f7f7; margin: 1%; padding: 1%; display: block; float:Left; }
.channllist p:Hover{ background: #eee; }
 
.form_ico input[type="radio"] { position: absolute; left: -9999px; }
.form_ico label  {display: inline-block; padding: 4px;margin: 4px; background: #333;   border-radius: 3px; cursor: pointer; }
.form_ico label  img{ height: 24px; }
.form_ico input[type="radio"]:checked + label {background: #0054A8; color: #fff;  }
.form_ico input[type="radio"] + label:Hover {background: #0054A8; color: #fff;  }

.form_ico_p input[type="radio"] { position: absolute; left: -9999px; }
.form_ico_p label  {display: inline-block; padding: 2px;margin: 2px; background: #eee;  height: 160px; border-radius: 1px; cursor: pointer; }
.form_ico_p label  img{ width: 100px; }
.form_ico_p input[type="radio"]:checked + label {background: #0054A8; color: #fff;  }
.form_ico_p input[type="radio"] + label:Hover {background: #0054A8; color: #fff;  }

.keywords-container { display: flex;flex-wrap: wrap;float: left; }
.hiddenkeywordssInput{ padding: 6px;  float:left; margin-right: 8px; }
/* 标签样式 */
.keywords-container span { display: flex;padding: 0 6px 0 12px; height: 28px; line-height: 28px;  background-color: #C44000; color: #fff; border-radius: 20px; font-size:0.8rem; margin-right: 5px;  opacity:0.8; }
.keywords-container span:hover{ opacity: 1; }
.keywords_input:hover{  opacity: 1; }
.keywords_close { margin-left: 10px;  height: 32px; line-height: 32px; cursor: pointer;  }
.autocomplete-container {position: absolute; z-index: 99999; }
 
.autocomplete-suggestions {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: 5px;
  padding: 0;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
 
.autocomplete-suggestions li {
  padding: 5px 10px;
  cursor: pointer;
}
 
.autocomplete-suggestions li:hover,
.autocomplete-suggestions li.active {
  background-color: #007bff;
  color: #fff;
}
.form_chk{ margin: 0 auto; padding:0; overflow:hidden; margin-bottom:-24px; margin-top: -4px; float:left; }
.form_chk input[type="radio"] { position: absolute; left: -9999px; }
.form_chk label  {display: inline-block; padding: 4px 12px 4px 12px;margin: 4px; background: #eee; border: 1px solid #eee; border-radius: 2px; font-size: 0.8rem; cursor: pointer; }
.form_chk input[type="radio"]:checked + label {background: #0054A8; color: #fff;  }
.form_chk input[type="radio"] + label:Hover {background: #0054A8; color: #fff;  }

.form_chk input[type="checkbox"] { position: absolute; left: -9999px; }
.form_chk label  {display: inline-block; padding: 4px 12px 4px 12px;margin: 4px; background: #eee; border: 1px solid #eee; border-radius: 3px; font-size: 0.8rem; cursor: pointer; }
.form_chk input[type="checkbox"]:checked + label {background: #0054A8; color: #fff; border-radius: 3px; }
.form_chk input[type="checkbox"] + label:Hover {background: #0054A8; color: #fff;  }
.separator{ padding: 20px 0 20px 0; border-bottom: 2px #ccc dashed; }
.jilian{ overflow:hidden; width: 100%; display: block; }
.none { display: none; }
.jilian jlan{ float: left; padding: 4px 8px 4px 8px; margin: 2px; display: block; font-size:0.86rem; border: 0px;  }
.jilian jlan:hover{ background: #0065CA; color: #fff; }
.activex{ background: #0065CA; color: #fff; }
.normal{ background: #666; color: #fff; }
.jlcontent { overflow:hidden; width: 100%; display: block; margin-top: 10px; }
.jlcontent a{ float: left; padding: 2px 8px 2px 8px; border: 1px #ccc dashed; background: #eee;  margin: 4px; display: block; font-size:0.86rem;  }
.jlcontent a:hover{ border: 1px #0065CA dashed; background: #fff;  }
.jlcontent b{ float: left; padding: 2px 8px 2px 8px;  color: #dd0000; }

.switch-btn {
  cursor: pointer;
  width: 30px;
  height: 20px;
  position: relative;
  margin-top: -6px;
   top: 8px;
  border: 1px solid #dfdfdf;
  background-color: #fdfdfd;
  box-shadow: #dfdfdf 0 0 0 0 inset;
  border-radius: 15px;
  background-clip: content-box;
  display: inline-block;
  -webkit-appearance: none;
  user-select: none;
  outline: none; 
}
.switch-btn:before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4); 
}
.switch-btn:checked {
    border-color: #AD3131;
    box-shadow: #AD3131 0 0 0 16px inset;
    background-color: #AD3131; 
}
.switch-btn:checked:before {
    left: 10px; 
}
.switch-btn.switch-btn-animbg {
    transition: background-color ease .0s; 
}
.switch-btn.switch-btn-animbg:before {
    transition: left .3s; 
}
.switch-btn.switch-btn-animbg:checked {
    box-shadow: #dfdfdf 0 0 0 0 inset;
    background-color: #AD3131;
    transition: border-color .4s, background-color ease .4s; 
}
.switch-btn.switch-btn-animbg:checked:before {
    transition: left .3s; 
}
 
.smodel  { padding: 10px; overflow: hidden; background: #f7f7f7; }
.smodel.active {  display: block; }
.smodel a{ width: 9%; margin: 0.2%; padding: 0 0.3% 0 0.3%; height: 42px; line-height: 42px; font-size: 1rem; border-radius: 2px; background: #eee; color: #333; display: block; float:left; }
.smodel a:hover,a.smodelo{ background: #001D39; color: #fff; }
.smodel a b{ padding: 0; margin: 0; display: block; float:right; font-size: 1.4rem; color: #ff0000;}
.smodel a:hover  b,a.smodelo b{ color: #ffff00;  font-size: 1.6rem;  }

.webuploader-container { position: relative; }
.webuploader-element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); }
.webuploader-pick { position: relative; display: inline-block; cursor: pointer; background: #00b7ee; padding: 10px 15px; color: #fff; text-align: center; border-radius: 3px; overflow: hidden; }
.webuploader-pick-hover { background: #00a2d4; }
.webuploader-pick-disable { opacity: 0.6; pointer-events: none; }