.clc_load{
    position: fixed;
    z-index: 99999;
    top: 0;
	left: 0;
    right:0;
    bottom:0;
	width: 100%;
	height: 100%;
    display:none;
}
.clc_load img{
  position:absolute;
  top:50%;
  left:45%;
  z-index:1500;
}
.clc_load_Mask {z-index:0;position:absolute;top:0px;left:0px;background:rgba(0,0,0,0.7);width:100%;height:100%}

/*.zhezhao_announce{
  width:100%;
  height:100%;
  background-color:#424242;
  filter:alpha(opacity=50);
  -moz-opacity:0.8;
  opacity:0.8;
  position:fixed;
  left:0px;
  top:0px;
  display:none;
  z-index:1000;
}
.zhezhao{
  width:100%;
  height:100%;
  background-color:#DCDCDC;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
  position:fixed;
  left:0px;
  top:0px;
  display:none;
  z-index:1000;
}
.content{
  margin-top:50px;
  color:red;
  line-height:200px;
  height:200px;
  text-align:center;
}
.zhezhao_announce1{
  position:absolute;
  left:0px;
  top:0px;
  display:none;
  z-index:1000;
}
.announce{
  width:700px;
  height:500px;
  top:20px;
  left:20%;

  z-index:1;
  position:absolute;
}
.announce_dark{
  width:700px;
  height:500px;
  background-color:darkgray;
  position:absolute;
  top:20px;
  left:20%;
  border-radius:2px;

  z-index:1;

    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    transition-timing-function: ease-in-out;
}*/

.announce_white {
    width: 700px;
    background-color: white;
    top: 20px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 2px;
    z-index: 1;
    position: relative;

    overflow: auto;
    max-height: calc(100vh - 80px);
    
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;
    
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    transition-timing-function: ease-in-out;
}
.announce_table{
  width:100%;
}
.announce_table > tbody > tr:first-child {
  height:30px !important;
}

#divAnnounce {
    visibility: hidden;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.from_announce {
	background-color: #000000;
	height: 60px;
	font-size: 15px;
	line-height: 37px;
	color: #E4EBF1;
    width:100% !important;
}
    .from_announce td, .from_announce span {
        font-size: 15px;
	    /*line-height: 37px;*/
	    /*color: #E4EBF1;*/
    }

        .from_announce td:first-child {
            width:30% !important;
        }
        .from_announce td:nth-child(2) {
            width:70% !important;
        }
        

.announceMask {z-index:0;position:absolute;top:0px;left:0px;background:rgba(0,0,0,0.7);width:100%;height:100%}

.announce_Open {
	visibility: visible !important;
    opacity: 1;
}
.announce_Open .announce_white {
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .announce_white {
        max-width: calc(100vw - 16px);
    }
}
@media screen and (max-width: 420px) {
    .announce_white {
        top: 10px;
        padding:10px;
    }
    .announce_table > tbody > tr:first-child {
      display:none;
    }
    .from_announce td:first-child {
            width:36% !important;
        }
        .from_announce td:nth-child(2) {
            width:64% !important;
        }
}
@media screen and (max-width: 320px) {
    .announce_white {
        padding: 3px;
    }
}