body{background:rgba(255,255,255,0.5)}
::-webkit-scrollbar {width:5px;height:5px;}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#e2e2e2}
::-webkit-scrollbar-thumb {border-radius:0;background-color:rgba(0,0,0,.6)}
::-webkit-scrollbar-thumb:vertical:hover {background-color:rgba(0,0,0,.35)}
::-webkit-scrollbar-thumb:vertical:active {background-color:rgba(0,0,0,.38)}
ul::after,li::after,ul::before,li::before{content: "";display: table;clear: both;}

.container-fluid{width:100%;padding:0px;}
.row{width:100%;padding:0px; margin:0px;}

.ta_left{text-align:left}
.ta_center{text-align:left}
.ta_right{text-align:left}
.bgc_eee{background-color:#eee}
@media (min-width:576px){.ta_right{text-align:left}}
@media (min-width:768px){}
@media (min-width:992px){.ta_right{text-align:right}}
@media (min-width:1200px){}

/*   agent   */
.agent_logo{height:50px; line-height:50px; margin:5px auto; text-align:left}
.agent_logo img{max-height:45px;}
@media (min-width:768px){.agent_logo{height:80px; line-height:80px; margin:10px auto; text-align:left}.agent_logo img{max-height:65px;}}
.agent_row{background:#fafaff; border:1px solid #eef; padding:0px 10px; margin:5px 0px;}
@media (min-width:768px){.agent_row{background:#fafaff; border:1px solid #eef; padding:20px; margin:5px;}}
.agent_info{padding-top:50px;}
.agent_images{position:absolute}
.agent_images .layer{width:100%; position:absolute}
.agent_images img{position:absolute}
.agent_images .logo_1{top:0px; left:0px;}
.agent_images .logo_2{top:11px; left:61px;}
.agent_images .logo_3{top:5px; left:88px;}
.agent_images .logo_4{top:9px; left:98px;}
.agent_images .logo_5{top:50px; left:15%;}
.agent_images .logo_6{top:110px; left:235px;}
.agent_images .logo_7{top:195px; left:345px;}
.agent_images .logo_8{top:15px; left:220px;}
.agent_images .logo_9{top:55px; left:280px;}
.agent_images .logo_10{top:85px; left:280px;}
.agent_foot{text-align:center; line-height:25px;}

/*     common   */
.agent{overflow-y:auto; padding:30px 0px 35px 0px;}
.agent .row li:nth-child(2n){background:rgba(0,0,0,0.02);}
.agent .row li{width:98%; height:auto; float:left; margin:5px 1% 5px 1%; background:rgba(255,255,255,0.7); border:1px solid #eee; border-top:3px solid #0074d999; padding:0px; border-radius:3px; position:relative}
.agent .row li div{height:30px; line-height:30px; padding:0px 5px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.agent .row li div span{color:#999; font-size:12px;}
.agent .row li div:first-child,.agent .row li div:nth-child(2){background:rgba(0,0,0,0.03);height:35px; line-height:35px; font-size:13px; font-weight:bold; color:#00C}
.agent .row li div:first-child{color:#ccc; font-size:12px; position:absolute; top:0px; right:0px; z-index:999}
.agent .row li div:last-child{height:40px; line-height:40px;}

/*  agent   oper  */
.agent_form{padding:15px 0px 20px 0px}
@media (min-width:768px){.agent_form{padding:20px 10px 50px 10px}}
.agent_form form{width:100%; max-width:320px; margin:0px auto}
.agent_form .agent_title{width:120px; height:50px; line-height:50px; position:absolute; top:5px; right:0px; font-size:18px; color:#de8207; text-align:left;}
@media (min-width:768px){.agent_form .agent_title{width:100%; height:50px; line-height:50px; float:left; position:relative; margin:0px auto; margin-bottom:10px; font-size:24px; color:#de8207; text-align:center;}}
.agent_title{position:relative}
.agent_title .info{width:100%; height:30px; z-index:1000; position:absolute}
.agent_title .center{width:auto; height:30px; margin:0px auto; background:#fafaff;}
.agent_user,.agent_password,.agent_submit,.agent_yzm,.agent_mp{width:100%; height:auto; margin-bottom:10px; float:left}
.agent_mp{display:none}
input{-webkit-box-sizing:inherit;box-sizing:inherit}
.agent_user,.agent_password,.agent_submit,.agent_yzm,.agent_mp{position:relative}
.agent_user i,.agent_password i,.agent_submit i,.agent_yzm i,.agent_mp i{width:32px; height:40px; line-height:40px; position:absolute; top:1px; left:1px; text-align:center; font-size:18px; color:#999}
.agent_user input,.agent_password input,.agent_submit input{width:100%; height:42px; border:1px solid #6CC; padding-left:32px;}
.agent_form_info{width:100%; height:25px; line-height:25px; float:left; position:relative; color:#F00; padding-left:20px; margin-bottom:10px}
.agent_form_info i{width:25px; height:25px; line-height:25px; position:absolute; top:0px; left:0px; color:#F00}
.agent_yzm input,.agent_mp input{width:100%; height:42px; border:1px solid #6CC; padding-left:32px; padding-right:120px;}
.agent_yzm img{width:120px; height:38px; position:absolute; top:2px; right:2px}
.agent_mp span{width:100px; height:38px; line-height:38px; background:#eee; border:1px solid #ccc; text-align:center; position:absolute; top:2px; right:2px}
.agent_mp span button{width:100%; height:100%; float:left; line-height:35px; border:0px; background: linear-gradient(bottom , rgb(225, 224, 224) 2% , rgb(233, 233, 233) 100%);background: -o-linear-gradient(bottom , rgb(225, 224, 224) 2% , rgb(233, 233, 233) 100%);background: -ms-linear-gradient(bottom , rgb(225, 224, 224) 2% , rgb(233, 233, 233) 100%);background: -moz-linear-gradient(bottom , rgb(225, 224, 224) 2% , rgb(233, 233, 233) 100%); background: -webkit-linear-gradient(bottom , rgb(225, 224, 224) 2% , rgb(233, 233, 233) 100%); color:#333}
.agent_submit{height:auto; margin-top:10px;}
.agent_submit input{height:42px; background-color: #00c7ff; color: #fff; font-size: 16px; width: 100%; border-color: #00c7ff; }
.agent_submit input:hover{background-color: #04b3e4;}
.agent_reg i{margin-right:5px; font-size:16px; color:#06F}

@media (min-width:576px){
}
@media (min-width:768px){
	.ta_left{text-align:left}
	.ta_center{text-align:center}
	.ta_right{text-align:right}
	.agent .row li div span{display:none}
	.agent .row li{width:100%; height:auto; float:left; margin:0px; border:0px solid #eee; padding:0px; border-radius:0px;}
	.agent .row li:hover{background-color:#f3f3ff}
	.agent .row li div:first-child,.agent .row li div:nth-child(2){background:none; height:35px; line-height:35px; position:static; font-size:12px; font-weight:normal}
	.agent .row li div{height:35px; line-height:35px; padding:0px 5px; overflow:hidden}
	
	.agent_oper .row li div span{display:none}
	.agent_oper .row li{width:100%; height:auto; float:left; margin:0px; border:0px solid #eee; padding:0px; border-radius:0px;}
	.agent_oper .row li:hover{background-color:rgba(255,255,255,0.8)}
	.agent_oper .row li div:first-child,.agent .row li div:nth-child(2){background:none; height:35px; line-height:35px; position:static; font-size:12px; font-weight:normal}
	.agent_oper .row li div{height:38px; line-height:35px; padding:0px 5px; overflow:hidden}
	.agent_oper .row li .textarea{height:auto; line-height:25px;}
	
	.zqiye_list li{width:98%; height:127px; padding-left:180px; position:relative}
	.zqiye_list li p{width:180px; height:125px; position:absolute; top:0px; left:0px; z-index:99}
	.zqiye_list li h1,.zqiye_list li h2{width:50%; float:left}
	.zqiye_list li .oper{width:100%; height:35px;  border-bottom-left-radius:0px; border-bottom-right-radius:5px; overflow:hidden}
	
	
	/*     log             */
	.agent .log_list li div:last-child{height:auto; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
}
@media (min-width:992px){
	.zqiye_form div{height:auto; line-height:48px;}
	.zqiye_form div div{padding:0px;}
	.zqiye_form .submit{height:80px; line-height:80px;  text-align:center; padding:0px;}
	
	.zqiye_list li{width:23%; height:auto; padding:0px}
	.zqiye_list li p{width:100%; height:200px; position:static}
	.zqiye_list li h1,.zqiye_list li h2{width:100%; float:left}
	.zqiye_list li .oper{width:100%; height:35px;  border-bottom-left-radius:5px; border-bottom-right-radius:5px; overflow:hidden}
}
@media (min-width:1200px){
	.zqiye_list li{width:19%; margin:10px 0.5%}
	.zqiye_list .next_page{display:block; height:417px; line-height:415px; text-align:center; font-size:32px; font-weight:bold;}
}
@media (min-width:1600px){
	.zqiye_list li{width:15.66%; margin:10px 0.5%}
	.zqiye_list .next_page{display:none}
}
@media (min-width:1900px){
	.zqiye_list li{width:13.28%; margin:10px 0.5%}
}