
.text-top{
cursor: pointer;color: inherit;display: inline-block;border: 2px solid #e6ff16;font-size: 16px;padding: 5px 7px;margin: 5px;}

.toptext{display:none;}
.footlink{font-size: 13px;display: block;float: left;margin-left: 1px;width: 8%;text-align: center;height: 24px;line-height: 24px;overflow: hidden;     color: #0061ff!important;}

.bads{
position: fixed; bottom: 0;left: 50%; height: 8%; width:1280px;margin: 0 auto;transform: translate(-50%, 0px);z-index:999999;
}
.tads{
position: fixed; top: 0;left: 50%;  height: 8%;width: 1280px;margin: 0 auto;transform: translate(-50%, 0px);z-index:999999;
}

/*.layout-column{*/
/*    margin-top: 100px;*/
/*}*/

.photo-one{
		display: flex;
		flex-wrap: wrap;
		background-color: rgba(73, 91, 103, 0.37);
		padding-bottom: 10px;
		width: 100%;
        height: 100%;
        margin-top: 10px;
	}
.photo-two{
		display: inline-block;
		  display: block;
		  height: 90px;
		  margin: 10px;	
		  text-align: center;
		  width: 58px;
	}
.photo-two a{
        line-height:12px;   
	}
.photo-two img{
		border-radius: 12%;
		height: 60px;
		width: 60px;
	}
.photo-name{
        font-size: large;
        font-weight: bold;
		color: rgb(255, 255, 255);
        font-size: small;
    }
.leftd {
		    position: fixed;
		    top: 54%;
		    transform: translateY(-50%);
		    width: 120px;
		    left: 0;
		    z-index: 9999;
		}
.rightd {
		    position: fixed;
		    top: 54%;
		    transform: translateY(-50%);
		    width: 120px;
		    right: 0;
		    z-index: 9999;
		}
.close_btn {
		    position: absolute;
		    right: 0;
		    top: 0;
		    height: 20px;
		    line-height: 20px;
		    width: 40px;
		    background: #f00;
		    text-align: center;
		}
		
.close_r {
    /* still bad on picking color */
    background: orange;
    color: red;
    /* make a round button */
    border-radius: 12px;
    /* center text */
    line-height: 20px;
    text-align: center;
    height: 20px;
    width: 20px;
    font-size: 18px;
    padding: 1px;
}


/* use cross as close button */
.close_r::before {
    content: "\2716";
}
/* place the button on top-right */
.close_r {
    top: -10px;
    right: -10px;
    position: absolute;
}

.close_l {
    /* still bad on picking color */
    background: orange;
    color: red;
    /* make a round button */
    border-radius: 12px;
    /* center text */
    line-height: 20px;
    text-align: center;
    height: 20px;
    width: 20px;
    font-size: 18px;
    padding: 1px;
}


/* use cross as close button */
.close_l::before {
    content: "\2716";
}
/* place the button on top-right */
.close_l {
    top: -10px;
    left: -10px;
    position: absolute;
}

.closebox1 {
text-align: center;
    display: inherit;
    background-color: #0600031c;
    color: #fff;
    padding: 4px 0;
    display: block;
}
.closebox2 {
text-align: center;
    display: inherit;
    background-color: #0600031c;
    color: #fff;
    padding: 4px 0;
    display: block;
}
.closebox3 {
text-align: center;
    display: inherit;
    background-color: #0600031c;
    color: #fff;
    padding: 4px 0;
    display: block;
}
.closebox4 {
text-align: center;
    display: inherit;
    background-color: #0600031c;
    color: #fff;
    padding: 4px 0;
    display: block;
}



@media screen and (max-width:1280px){
    .footlink{width: 10%}
    .photo-two img{
		border-radius: 12%;
		height: 60px;
		width: 60px;
	}
}



@media screen and (max-width:980px){
    .bads{
width:100%;
    /*bottom: 150px!important;*/
}
    .tads{
width:100%;
}
/*    .layout-column{*/
/*    margin-top: 80px;*/
/*}*/

	.toptext{display:block;}

	.toptext{display:block;}
	.footlink{width: 16.5%}
    .photo-two img{
		border-radius: 12%;
		height: 58px;
		width: 58px;
	}
}

@media screen and (max-width:990px){
		    .add img{
		        height:65px !important;
	        }
}


@media screen and (max-width:750px){
  .text-top{  
        font-size: 12px;
    padding: 1px 3px;}
    
    
    .bads{
width:100%;
}
    .tads{
width:100%;
}

    body {
    /*width: 97%!important;*/
    }
/*.layout-column{*/
/*    margin-top: 60px;*/
/*}*/

    .footlink{width: 24%}
	.photo-two img{
		border-radius: 12%;
		height: 52px;
		width: 52px;
	}
   .duilian {
			    display: none;
			}
	.ads img{
		        height:50px !important;
              	    width: 100% !important;
	        }
	.ads bigimg{
                height:78px !important;
            }
    .leftd {
		    width: 90px !important;
			}
	.rightd {
		    width: 90px !important;
			}
	.bottomads img{
	
			}
	.topads img{
		
		    margin-top: 10px;
			}	

}

.col6  {
    position: relative;
    min-height: 1px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.row6 {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width:750px){
.col6 {    width: 100%!important;}

.img80 {    height:60px!important;}
.img120 {    height:90px!important;}
.img160 {    height:120px!important;}
.img240 {    height:180px!important;}
}    

@media (min-width: 768px){
.col6 {    width: 100%;}
}
