﻿@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; border:none; color:#333; font-size:13px; font-family:"Microsoft YaHei",SimSun; list-style-type:none;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#29AC42; text-decoration:underline;}
html,body{ height:100%; background:#0D8BE3 url(../Images/login/bg.jpg) bottom no-repeat; background-size:100% auto;}
*html{ background-image:url(about:blank); background-attachment:fixed;}



.login{ width:832px; height:238px; padding:50px 67px 50px 0; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; 
		background:url(../Images/login/login_bg.png);
}
.login .bt{ 
	width:100%; height:100px; float:left; line-height:100px; position:absolute; top:-50px; left:0; color:#FFF; 
	text-align:center;
	padding:0 67px 0 0;
	box-sizing:border-box;
	text-shadow:3px 3px 3px rgba(0,0,0,0.40);
	letter-spacing:4px;
	font-weight:bolder;
	font-size:36px;
}
.login .log{ width:280px; overflow:hidden; margin:0 auto; padding:35px 10px 0 10px;}
.login .log ul{ width:100%; float:left;}
.login .log ul li{ width:100%; float:left; margin:0 0 10px 0;}
.login .log ul li a{ height:22px; display:block; overflow:hidden; text-align:center; padding:5px 0; border-radius:2px; border:1px solid #E7E7E7;}
.login .log ul li a img{ height:22px; display:inline-block;}
.login .log ul li a:hover{ border:1px solid #F06969; background:#FFF;}
.login .log ul li input{ 
	width:100%; 
	height:34px; 
	float:left; 
	align-items:center; 
	display:flex; 
	-moz-box-sizing:border-box; 
	-ms-box-sizing:border-box; 
	box-sizing:border-box; 
	padding:0 0 0 35px; 
	border-radius:2px; 
	border:1px solid #0789F4;
	box-shadow:0 0 4px rgba(255,255,255,0.60);
}
.login .log ul li input:focus{ border:1px solid #FA9002; color:#29AC42; box-shadow:0 0 4px rgba(250,144,2,0.20);}
.login .log ul li input.user{ background:#A3CCEC url(../Images/login/user.png) 8px center no-repeat;}
.login .log ul li input.pass{ background:#A3CCEC url(../Images/login/pass.png) 8px center no-repeat;}
.login .log ul li input.code{ background:#A3CCEC url(../Images/login/code.png) 8px center no-repeat; width:180px; margin:0 10px 0 0;}
.login .log ul li input.user:focus{ background:#FFF url(../Images/login/user_show.png) 8px center no-repeat;}
.login .log ul li input.pass:focus{ background:#FFF url(../Images/login/pass_show.png) 8px center no-repeat;}
.login .log ul li input.code:focus{ background:#FFF url(../Images/login/code_show.png) 8px center no-repeat;}


.login .log span.submit{ width:100%; float:left; text-align:center; padding:10px 0 0 0;}
.login .log span.submit input{ 
	width:180px; 
	height:36px; 
	float:left; 
	color:#FFF; 
	letter-spacing:3px; 
	cursor:pointer; 
	border-radius:2px; 
	background:#FA9002; 
	border:1px solid rgba(0,0,0,0.18);
	box-shadow:2px 2px 3px rgba(255,255,255,0.60);
}
.login .log span.submit a.enroll{ width:90px; float:right; font-size:12px; color:#2D5334; line-height:36px; border-radius:2px; background:#8ED99D;}
.login .log span.submit a.enroll:hover{ color:#29AC42; text-decoration:none;}






.login .log span.submit p{ height:30px; float:left; line-height:30px; color:#FFF; font-size:12px; margin:10px 0 0 0; padding:0 0 0 26px; 
	background:url(../images/login/vice_icon.png) left no-repeat; 
	background-size:auto 14px;
}
.login .log span.submit p a{ font-size:12px; color:#29AC42; color:#FFB24B;}
.login .log span.submit .mima{ height:30px; float:right; line-height:30px; font-size:12px; color:#F62D2D; margin:10px 0 0 0;}


.copy{ width:100%; float:left; text-align:center; position:absolute; bottom:20px; left:0;}
.copy em{ width:100%; float:left; line-height:24px; color:#220008; font-style:normal; text-shadow:rgba(255,255,255,0.66) 0 1px 0;}




.logs{ width:832px; height:360px; float:left; padding:0 67px 36px 0; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; 
	background:url(../Images/logs_bottom.png) bottom no-repeat; 
}
.main{ width:342px; margin:0 auto; overflow:hidden; padding:30px 10px 46px 10px;}
.main .title{ width:100%; height:100px; float:left; padding:0 0 2px 0; position:absolute; top:-100px; left:0; color:#FFF; padding:0 67px 0 0; box-sizing:border-box; letter-spacing:4px; font-size:32px; background:url(../Images/login/logs_bt.png) bottom no-repeat;}
.main .title i{ width:100%; float:left; line-height:100%; position:absolute; top:0; left:0; right:0; margin:0 auto; text-align:center; color:#FFF; box-sizing:border-box; font-size:32px; font-style:normal; padding:30px 67px 38px 0; text-shadow:2px 2px 0 rgba(0,0,0,0.20);}



.main ul{ width:342px; float:left;}
.main ul li{ width:340px; float:left; margin:0 0 10px 0; background:#FFF; border-radius:2px; border:1px solid #0789F4; box-shadow:0 0 4px rgba(255,255,255,0.60);}
.main ul li:focus{ border:1px solid #FA9002; color:#29AC42; box-shadow:0 0 4px rgba(250,144,2,0.20);}
.main ul li i{ width:90px; height:32px; float:left; padding:0 0 0 10px; font-size:12px; font-style:normal; display:flex; align-items:center;}
.main ul li input{ width:240px; height:32px; float:left; font-size:12px;}

.main span.submit{ width:100%; float:left; text-align:center; position:relative; padding:10px 0 0 0;}
.main span.submit a.mb{ width:100%; height:30px; float:left; line-height:30px; position:absolute; bottom:-40px; left:0; color:#FFF;}

.main span.submit input{ 
	width:100%; 
	height:36px; 
	float:left; 
	color:#FFF; 
	letter-spacing:3px; 
	cursor:pointer; 
	border-radius:2px; 
	background:#FA9002; 
	border:1px solid rgba(0,0,0,0.18);
	box-shadow:2px 2px 3px rgba(255,255,255,0.60);
}









.c_main{ width:100%; height:100%; float:left; overflow:auto; position:fixed; top:0; bottom:0; right:0; right:0;}
.copyt{ width:100%; float:left; text-align:center; padding:0 0 36px 0;}
.copyt em{ width:100%; float:left; line-height:24px; color:#220008; font-style:normal; text-shadow:rgba(255,255,255,0.66) 0 1px 0;}

.volun{ width:832px; margin:0 auto; padding:150px 67px 36px 0; background:url(../Images/login/logs_bottom.png) bottom no-repeat;}
.wish{ width:560px; margin:0 auto; overflow:hidden; padding:30px 10px 46px 10px;}


.wish .title{ width:100%; height:100px; float:left; padding:0 0 2px 0; position:absolute; top:50px; left:0; color:#FFF; padding:0 67px 0 0; box-sizing:border-box; letter-spacing:4px; font-size:32px; background:url(../Images/login/logs_bt.png) bottom no-repeat;}
.wish .title i{ width:100%; float:left; line-height:100%; position:absolute; top:0; left:0; right:0; margin:0 auto; text-align:center; color:#FFF; box-sizing:border-box; font-size:32px; font-style:normal; padding:30px 67px 38px 0; text-shadow:2px 2px 0 rgba(0,0,0,0.20);}


.wish .addto{ width:560px; float:left; text-align:center; margin:10px 0 0 0; border-radius:6px; background:url(../images/login/bg_dl.png);}
.wish .addto i{ line-height:60px; display:inline-block; margin:auto; overflow:hidden; color:#FFF; padding:0 0 0 24px; font-style:normal;
 background:url(../images/login/addto.png) left no-repeat;}



.wish dl{ width:480px; float:left; margin:10px 0 0 0; padding:10px 40px 26px 40px; border-radius:6px; background:url(../images/login/bg_dl.png);}
.wish dl dt{ width:100%; float:left; line-height:36px; font-size:14px; margin:0 0 10px 0; padding:0 0 5px 0; color:#FFF; font-weight:bold; border-bottom:1px solid rgba(255,255,255,0.30);}
.wish dl dt a{ height:36px; float:right; line-height:36px; color:#FFF; font-weight:normal;}

.wish dl dd{ width:100%; float:left; margin:10px 0 0 0; position:relative;}
.wish dl dd i{ width:110px; float:left; line-height:34px; color:#FFF; font-style:normal;}

.wish dl dd a.yzm{ height: 32px; float:left; line-height:32px; color:#FFF; position:absolute; top:1px; right:90px; border-radius:2px; padding:0 10px;background:#FA9002;}


.wish dl dd .face{ width:360px; float:left; border-radius:2px; border:1px solid #0789F4; box-shadow:0 0 4px rgba(255,255,255,0.60);}
.wish dl dd label{ height:34px; float:left; display:flex; align-items:center; padding:0 0 0 10px;}
.wish dl dd label input[type="radio"],
.wish dl dd label input[type="radio"]{ height:13px; float:left;}
.wish dl dd label em{ width:143px; height:34px; float:left; line-height:34px; font-style:normal; padding:0 0 0 10px; color:#FFF;}

.wish dl dd input[type="text"],
.wish dl dd input[type="password"]{
	width:281px;
	height:34px; 
	float:left;
	color:#FFF;
	align-items:center; 
	display:flex;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 0 0 10px;
	border-radius:2px;
	background:none;
	border:1px solid #0789F4;
	box-shadow:0 0 4px rgba(255,255,255,0.30);
}
.wish dl dd input:focus{ border:1px solid #FA9002; background:url(../images/login/bg_dl.png);}
.wish dl dd input.time{ width:126px;}
.wish dl dd u{ width:29px; height:34px; float:left; line-height:34px; color:#FFF; text-align:center; text-decoration:none; font-size:12px; font-style:normal;}

.wish dl dd textarea{
	width:281px;
	height:66px; 
	float:left;
	color:#FFF;
	align-items:center;
	display:flex;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 0 0 10px;
	border-radius:2px;
	background:none;
	border:1px solid #0789F4;
	box-shadow:0 0 4px rgba(255,255,255,0.30);
}


.wish dl dd select{ width:281px; height:34px; float:left; color:#FFF; border-radius:2px; background:none; border:1px solid #0789F4; box-shadow:0 0 4px rgba(255,255,255,0.60);}
.wish dl dd select.sire{ width:87px; margin:0 10px 0 0;}

.wish span.submit{ width:480px; float:left; margin:10px 0 0 0; padding:20px 40px 10px 40px; border-radius:6px; background:url(../images/login/bg_dl.png);}
.wish span.submit a{ 
	width:100%; 
	height:36px; 
	float:left;
	margin:0 0 10px 0;
	line-height:36px;
	text-align:center;
	color:#FFF; 
	letter-spacing:3px; 
	cursor:pointer; 
	border-radius:2px; 
	background:#FA9002;
	box-shadow:2px 2px 2px rgba(255,255,255,0.30);
}
.wish span.submit a.cz{ background:#AFBDC7;}



/*=====================以下部分是WebUploader必须的====================*/
.webuploader-container{ height:32px; overflow:hidden; position:absolute; top:0; right:0; border-radius:2px;}
.webuploader-element-invisible{ position:absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); }
.webuploader-pick{ height:32px; float:right; font-size:12px; color:#333; padding:0 20px; line-height:32px; position:relative; cursor:pointer; background:#D6D6D6;}
.webuploader-pick-hover{ color:#FFF; background:#FF8E00;}
.webuploader-pick-disable{ opacity:0.6; pointer-events:none;}
/*=====================以上部分是WebUploader必须的====================*/

/*上传样式*/
.upload-img{ width:278px; height:32px; display:block; position:relative; left:112px; top:1px;}
.upload-progress{ width:100%; height:32px; float:left; position:absolute; top:0px; right:0px;}
.upload-progress .txt{ width:100%; height:32px; float:left; line-height:32px; color:#FFF; text-align:center; z-index:2; position:absolute; top:0; left:0;}
.upload-progress .bar{ width:100%; height:32px; float:left; position:relative; background:#DFDFDF;}
.upload-progress .bar b{ width:60%; height:32px; display:block; overflow:hidden; text-indent:-99em; background:#FF8E00;}
.upload-progress .close{ width:40px; height:32px; float:left; position:absolute; top:0px; right:-95px; text-align:center; cursor:pointer; overflow:hidden; background:#CCC;}
.upload-progress .close:hover{ background:#DDD;}


/*
.logs{ width:580px; float:left; padding:10px; position:absolute; top:50%; left:50%; margin:-250px 0 0 -300px; background:rgba(0,0,0,0.10);}
.logs span.title{ width:100%; height:66px; float:left; color:#29AC42; line-height:66px; font-size:20px; text-indent:30px; background:#FFF; border-bottom:1px solid #E7E7E7;}
.logs dl.logs_main{ width:300px; float:left; padding:20px 250px 50px 30px; background:#FFF;}
.logs dl.logs_main dt{ width:100%; float:left; padding:20px 0 0 0;}
.logs dl.logs_main dt input{ width:100%; height:36px; float:left; color:#FFF; letter-spacing:3px; cursor:pointer; border-radius:2px; background:#29AC42;}
.logs dl.logs_main dd{ width:100%; float:left; margin:0 0 10px 0;}
.logs dl.logs_main dd input{ width:100%; height:32px; float:left; padding:0 0 0 35px; border-radius:2px; border:1px solid #E7E7E7;
	-moz-box-sizing:border-box; 
	-ms-box-sizing:border-box; 
	box-sizing:border-box;
}
.logs dl.logs_main dd a{ width:118px; height:30px; float:right; line-height:30px; text-align:center; border-radius:2px; border:1px solid #E7E7E7;}
.logs dl.logs_main dd input:focus{ border:1px solid #F06969; color:#29AC42;}
.logs dl.logs_main dd input.name{ background:#F4F4F4 url(../Images/name.png) 8px 8px no-repeat;}
.logs dl.logs_main dd input.user{ background:#F4F4F4 url(../Images/user.png) 8px 8px no-repeat;}
.logs dl.logs_main dd input.hone{ background:#F4F4F4 url(../Images/hone.png) 8px 8px no-repeat;}
.logs dl.logs_main dd input.pass{ background:#F4F4F4 url(../Images/pass.png) 8px 8px no-repeat;}
.logs dl.logs_main dd input.code{ background:#F4F4F4 url(../Images/code.png) 8px 8px no-repeat; width:170px;}
.logs dl.logs_main dd input.firm{ background:#F4F4F4 url(../Images/firm.png) 8px 8px no-repeat;}
.logs dl.logs_main dd input.name:focus{ background:#FFF url(../Images/name_show.png) 8px 8px no-repeat;}
.logs dl.logs_main dd input.user:focus{ background:#FFF url(../Images/user_show.png) 8px 8px no-repeat;}
.logs dl.logs_main dd input.hone:focus{ background:#FFF url(../Images/hone_show.png) 8px 8px no-repeat;}
.logs dl.logs_main dd input.pass:focus{ background:#FFF url(../Images/pass_show.png) 8px 8px no-repeat;}
.logs dl.logs_main dd input.code:focus{ background:#FFF url(../Images/code_show.png) 8px 8px no-repeat;}
.logs dl.logs_main dd input.firm:focus{ background:#FFF url(../Images/firm_show.png) 8px 8px no-repeat;}

.logs span.land{ width:190px; float:left; padding:0 30px 0 0; position:absolute; top:40px; right:10px;}
.logs span.land i{ width:100%; height:80px; float:left;}
.logs span.land a{ width:100%; height:40px; float:left; line-height:40px; padding:76px 0 0 0; margin:100px 0 0 0; text-align:center; background:url(../Images/logs.png) top center no-repeat;}


.searchable-select-hide{ display:none;}
.searchable-select{ width:100%; float:left; vertical-align:middle; position:relative;}
.searchable-select-holder{ height:32px; line-height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:#FFF; box-sizing:border-box; padding:0 15px 0 35px; border-radius:2px; border:1px solid #E7E7E7; background:#F4F4F4 url(../Images/name.png) 8px 8px no-repeat;}
.searchable-select-caret{ width:16px; height:16px; display:none; position:absolute; top:0; right:0; background:red;}
.searchable-select-dropdown{ width:100%; float:left; box-sizing:border-box; position:absolute; top:31px; left:0; background:#FFF; border:1px solid #E7E7E7;}

.logs dl.logs_main dd .searchable-select-input{ width:100%; height:32px; float:left; line-height:30px; border-radius:0; border:0; 
	border-bottom:1px solid #E7E7E7; 
	background:url(../images/search.png) 8px 8px no-repeat;}
.logs dl.logs_main dd .searchable-select-input:focus{ 
	background:#FFF6F6 url(../images/search_show.png) 8px 8px no-repeat;
	border:0;
	border-bottom:1px solid #E7E7E7;
	color:#29AC42;
}

.searchable-scroll{ width:100%; float:left; position:relative;}
.searchable-scroll.has-privious{}
.searchable-scroll.has-next{}
 
.searchable-has-privious{ top:110px; background:url(../images/s_more.png) center no-repeat;}
.searchable-has-next{ bottom:110px; background:url(../images/x_more.png) center no-repeat;}

.searchable-scroll.has-privious .searchable-select-hide{ display:block; opacity:0.2;}
.searchable-scroll.has-next .searchable-select-hide{ display:block; opacity:0.2;}
.searchable-has-privious, .searchable-has-next{
	width:31px;
	height:31px;
	position:absolute;
	right:20px;
	text-align:center;
	z-index:10;
	cursor:pointer;
	overflow:hidden;
	text-indent:-999px;
}
.searchable-select-items{ max-height:300px; overflow-y:auto; position:relative;}
.searchable-select-items::-webkit-scrollbar{ display:none;}
.searchable-select-item{ padding:5px 10px; cursor:pointer; line-height:20px; min-height:30px; box-sizing:border-box; transition:all 1s ease 0s;}
.searchable-select-item.hover{ background:#E7E7E7; color:#29AC42;}
.searchable-select-item.selected{ background:#F06969; color:#FFF;}
*/