@charset "utf-8";
/* CSS Document */
div#bans * {box-sizing: border-box;}
div#bans {position: fixed; right: 0; z-index: 4; top: 190px; }
div.ban_open { position: absolute;  right: 90px; top: 88px; display: none;}


#bans .link p,#bans .open_btn p {margin-top: 6px;}
#bans .open_btn:hover,#bans .link:hover,#bans .open_btn.active { background-color: #000; }
#bans .open_btn:hover,#bans .open_btn.active i,#bans .open_btn:hover,#bans .open_btn.active p,
#bans .link:hover i,#bans .link:hover p{ color: #fff; }

i.fa.fa-times.ban_close {cursor: pointer; position: absolute; top: 20px; right: 20px; color: #a5a5a5;}
p.quick_cov { position: absolute; bottom: 38px; text-align: center; width: 100%;}
p.quick_cov a.quick_link {color: #fff; font-size: 18px; background-color: #000087; padding: 7px 35px 9px; border-radius: 24px;cursor: pointer;}	

div#bans i.fa { font-size: 39px;}
#ban3_open .con_form { width:365px; position:relative; margin:20px auto 0; padding-top:30px; }
#ban3_open .con_form > dl { width:100%; position:relative; overflow:hidden; margin-bottom:11px;}
#ban3_open .con_form > dl > dt { color:#fff; font-size:17px; line-height:33px; position:relative; overflow:hidden; width:90px; float:left;    height: 33px;}
#ban3_open .con_form > dl > dd  { width:260px; position:relative; float:left; overflow:hidden;     margin: 0;}
#ban3_open .con_form > dl > dd > input { width:170px; height:33px;}
#ban3_open .con_form > dl > dd > select { width:175px; height:34px;}
#ban3_open .con_form > dl.dl_form03 > dd > input { width:84px; margin-right:5px;}
#ban3_open .con_form > dl.dl_form03 > dd > select { width:70px; margin-right:3px;}
#ban3_open .con_form > p { padding-left:76px; color:#ffffff; font-size:14px; line-height:20px; margin-bottom:5px;}
#ban3_open .con_form > p > input[type="checkbox"] { width:17px; height:17px; vertical-align:middle;}
#ban3_open .con_form > p > label { margin-left:5px;}

div.ban_open p.quick_title {font-size: 2em; border-bottom: 2px solid #ccc; margin: 20px; line-height: 47px; color: #fff;}
p.quick_title span {margin-left: 20px;    top: -4px;    position: relative;}


#bans .link, #bans .open_btn{	
	width: 89px;
	height: 73px;
	cursor: pointer;
	background-color: #fff;
	opacity: 0.9;
	text-align: center;
	z-index: 9999;
	border-bottom: 1px solid #e9e9e9;
	box-sizing: border-box;
}
#bans .link i.fa, #bans .open_btn i.fa{
    font-size: 39px;padding-top: 6px;
}
#bans .link p, #bans .open_btn p {
    margin-top: 6px;
}
#bans .ban_open { width: 412px; height: 540px;background-image: url(../img/quick_bak.png); z-index: 9998;}
.link a {
    width: 100%;
    /*height: 73px;*/
    display: inline-block;
}
@media (max-width:767px) {
div#bans {
    display: none;
}
}