input::placeholder{ 
	/* placeholder颜色  */
       color: #999999;
       /* placeholder字体大小  */
       font-size: 12px;
       /* placeholder位置  */
       text-align: left;
} 

input::-webkit-input-placeholder {
        /* placeholder颜色  */
       color: #999999;
       /* placeholder字体大小  */
       font-size: 12px;
       /* placeholder位置  */
       text-align: left;
}

input::-ms-input-placeholder{ 
	/* placeholder颜色  */
       color: #999999;
       /* placeholder字体大小  */
       font-size: 12px;
       /* placeholder位置  */
       text-align: left;
}

input:-moz-placeholder{
 /* placeholder颜色  */
       color: #999999;
       /* placeholder字体大小  */
       font-size: 14px;
       /* placeholder位置  */
       text-align: left;
} 
.input_list{
	margin-top:30px;
}
.input_list_li{
	width: 480px;
	margin:0 auto;
	margin-top:1rem;
	position: relative;
	overflow: hidden;
    display: block;
}

@media screen and (max-width: 960px){
	.input_list_li {
	    width: 94%;
	}	
	.input_list_li input[type='checkbox']{
		margin-left:30px;
	}
}

@media screen and (max-width: 360px){
	.input_list_li em{
		font-size: 12px !important;
	}
}

.input_list_li>input{
	margin-left:88px;
}

.username::after,.mobile::after,.verify_code::after,.passwd::after,.passwd_ok::after{
	content: '*';
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #f56c6c;
    line-height: 19px;
    letter-spacing: 1px;
    position: absolute;
    left: 76px;
    top:2px;
    line-height: 36px;	
}
.username::before{
	content: '姓名：';
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 19px;
    letter-spacing: 1px;
    position: absolute;
    left: 36px;
    line-height: 36px;	
}
.mobile::before{
	content: '电话：';
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 19px;
    letter-spacing: 1px;
    position: absolute;
    left: 36px;
    line-height: 36px;	
}
.user_type::before{
	content: '用户类型：';
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 19px;
    letter-spacing: 1px;
    position: absolute;
    left: 6px;
    line-height: 36px;	
}
.verify_code::before{
	content: '验证码：';
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 19px;
    letter-spacing: 1px;
    position: absolute;
    left: 22px;
    line-height: 36px;	
}
.passwd::before{
	content: '密码：';
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 19px;
    letter-spacing: 1px;
    position: absolute;
    left: 36px;
    line-height: 36px;	
}
.passwd_ok::before{
	content: '确认密码：';
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 19px;
    letter-spacing: 1px;
    position: absolute;
    left: 6px;
    line-height: 36px;	
}

.invite_username::before{
	content: '邀请人码：';
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 19px;
    letter-spacing: 1px;
    position: absolute;
    left: 8px;
    line-height: 36px;	
}




.input_list_li span{
	float: left;
	display: inline-block;
	width:100px;
	text-align: right;
    font-size: 14px;
}
.input_list_li input[type='text']{
	float: left;
	width:330px;
	height:2.125rem;
	line-height: 2.125rem;
	border:1px solid #ccc;
	border-radius:3px;
	padding-left:10px;
	color:#999;
	font-size:0.9375rem;  
}
@media screen and (max-width: 960px){
	.input_list_li input[type='text'] {
	    width: calc(100% - 88px) !important;
	}	
	.verify_code input[type='text'] {
	    width: calc(100% - 180px) !important;
	}	
	.input_list_li span.yanzheng{
		right:0 !important;
		height:34px !important;
	}
}
.verify_code input[type='text']{
	width:230px;
}
.input_list_li input[type='password']{
	float: left;
	width:320px;
	height:1.88rem;
	line-height: 1.88rem;
	border:1px solid #ccc;
	border-radius:3px;
	padding-left:20px;
	color:#999;
	font-size:0.9375rem;
	font-size: 14px;
}
/*<!-- -->*/
.input_list_li select{
	float: left;
	width:549px;
	height:3.125rem;
	line-height: 3.125rem;
	border:1px solid #ccc;
	border-radius:3px;
	padding-left:20px;
	color:#999;
	font-size:0.9375rem;
}
/*<!-- -->*/
.input_list_li input[type='checkbox']{
	width: 14px;
	height:14px;
	/* float: left; */
}
.input_list_li em{
	float: left;
	font-size:14px;
	color:#666;
	line-height:1;
	margin-left:0.625rem;
	cursor:pointer;
}
.input_list_li em:hover{
	text-decoration: underline;
}
.input_list_li button{
	display:inline-block;
	width: 75%;
    height: 40px;
    line-height: 40px;
	text-align: center;
	border:none;
	/* background: -webkit-linear-gradient(#40D4F8, #1DB3F2); Safari 5.1 - 6.0
	background: -o-linear-gradient(#40D4F8, #1DB3F2); Opera 11.1 - 12.0
	background: -moz-linear-gradient(#40D4F8, #1DB3F2); Firefox 3.6 - 15
	background: linear-gradient(#40D4F8, #1DB3F2); 閺嶅洤鍣惃鍕嚔濞夛拷
	background-color:#1DB3F2\9\0; */
	background: #178FFF;
    border-radius: 4px;
	color:#fff;
	font-size:14px;
	cursor:pointer;
}
.input_list_li span.yanzheng{
	width: 96px;
	height: 36px;
	padding: 10px 10px;
	position: absolute;
	right: 58px;
	top: 0;
	background-color: #EAEAEA;
	color: #178FFF;
	font-size: 0.8125rem;
	line-height: 1.3;
	cursor: pointer;
	text-align: center;
	border-radius: 4px;
	box-sizing: border-box;
	white-space: nowrap;
	text-align: center;
	background: #FFFFFF;
	border-radius: 4px;
	border: 1px solid #178FFF;
}
.input_list_li button:active{
	opacity:0.8;
	filter:alpha(opacity=80);
}
.input_list_li input:focus{
	box-shadow:0 0 7px #ccc;
}
.input_list_li_ok{
	margin-top:80px;
}
.tishi_info{
	color:red;
	float: left;
	font-size:0.8125rem;
	line-height: 1.25rem;
}
.article_login{
	width: 100%;
	height:650px;
	background:url(../images/login_bgimg.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	position: relative;
}
.login_indiv{
	width: 401px;
	height:488px;
	margin:0 auto;
	border:1px solid #ccc;
	box-shadow:0 0 10px #ccc;
	background-color: #fff;
	position: absolute;
	left:50%;
	margin-left:-200px;
	top:50%;
	margin-top:-244px;
	border-radius:5px;
}
.login_indiv h4{
	width:84%;
	float: left;
	margin-left:8%;
	padding:0.9375rem 0;
	font-size:0.875rem;
	margin-top:3.125rem;
}

.login_input{
	float: left;
	border:1px solid #ccc;
	width: 84%;
	margin-left:8%;
	border-radius:5px;
}
.login_input .login_input_li{
	width:100%;
	height:50px;
	line-height: 50px;
}
.login_input .login_input_li input{
    width: 87%;
    padding-left: 13%;
    height: 46px;
    line-height: 46px;
    border: none;
}

.input_list_li input[type='password']{
	height: 2.125rem;
    padding-left: 30px;
    line-height: 2.125rem;
    width: 340px;
    box-sizing: border-box;
}
@media screen and (max-width: 960px){
	.input_list_li input[type='password'] {
	    width: calc(100% - 88px);
	    background-position: 10px 7px !important;
	 }
}

.login_input .login_input_li input[type='text']{
	-webkit-background-size: 15px 24px;
	background-size: 15px 24px;
}
#passwd{
	 background-position: 4% 7px;
	-webkit-background-size: 12px 14px;
	background-size: 12px 14px;
	 padding-left: 30px;
}
#newpwd{
	background-position: 4% 7px;
	-webkit-background-size: 12px 14px;
	background-size: 12px 14px;
	    padding-left: 6%;
}
.yanzhengma{
	width: 84%;
	margin-left:8%;
	margin-top:10px;
	float: left;
}
.yanzhengma input{
	width:35%;
	height:40px;
	line-height: 40px;
	padding-left:5%;
	border:1px solid #ccc;
	border-radius:5px;
	float: left;
}
.yanzhengma span{
	float: left;
	width: 30%;
	height:40px;
	line-height: 40px;
	text-align: center;
	border-radius:5px;
	background-color:#F7F7F7;
	color:#6F7278;
	font-size:0.9375rem;
	margin-left:15%;
	cursor:pointer;
}
.yanzhengma span img{
	float: left;
	width: 100%;
	height:100%;
}
.yanzhengma em{
    float: left;
    width: 16px;
    height: 16px;
    margin-top: 10px;
    margin-left: 15px;
    cursor:pointer;
}
.yanzhengma em img{
	float: left;
	width: 16px;
	height:16px;
}
.tishi_ininfo{
	width: 84%;
	height:3px;
	margin-left:8%;
	margin-top:10px;
	float: left;
}
.tishi_ininfo span{
	float: left;
	width:15px;
	height:15px;
	line-height:15px;
	color:red;
	border-radius:50%;
	border:1px solid red;
	text-align: center;
	margin-top: 3px;
}
.tishi_ininfo strong{
	float: left;
	color:red;
	font-size:0.8125rem;
	margin-left:10px;
	margin-top:3px;
}
.button_dl{
	float: left;
	width: 84%;
	margin-top: 40px;
}
.button_dl button{
	float: left;
	width:100%;
	height:60px;
	line-height: 60px;
	text-align: center;
	border:none;
	background: -webkit-linear-gradient(#40D4F8, #1DB3F2); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#40D4F8, #1DB3F2); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#40D4F8, #1DB3F2); /* Firefox 3.6 - 15 */
	background: linear-gradient(#40D4F8, #1DB3F2); /* 閺嶅洤鍣惃鍕嚔濞夛拷*/
	background-color:#1DB3F2;
	color:#fff;
	font-size:1.0625rem;
	border-radius:5px;
	cursor:pointer;
	margin-left:8%;
}
.button_dl button:active{
	opacity:0.8;
	filter:alpha(opacity=80);
}
.forgetPwd{
	float:left;
	width:84%;
	height:40px;
	line-height:40px;
	margin-left:6%;
	margin-top:30px;
}
.forgetPwd a:link,.forgetPwd a:visited{
	float: left;
	width: 100%;
	height:40px;
	line-height: 40px;
	text-align: right;
	color:#666;
	font-size:0.8125rem;
}
.forgetPwd a:hover{
	text-decoration:underline;
}
/*鍗忚寮圭獥*/
.xieyi_box{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,0.6);
    top: 0;
    left: 0;
}
.xieyi_box_in{
	width: 766px;
	height:650px;
	background-color:#fff;
	border-radius:5px;
	box-shadow:0 0 5px #999;
	position: absolute;
	top:50%;
	margin-top:-325px;
	left:50%;
	margin-left:-383px;
	
}
.xieyi_header{
	display:block;
	width: 100%;
	height:50px;
	line-height: 50px;
	text-align:center;
	color:#00A0E9;
	border-bottom:1px dashed #eee;
}
.xieyi_box_cen{
	width:94%;
	height:548px;
	padding:0 3%;
	/*overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;*/
	overflow-y:scroll;
}
.xieyi_box_footer{
	width: 100%;
	height:50px;
	background-color: #fff;
	border-top:1px solid #eee;
	border-radius: 0 0 5px 5px;
}
.xieyi_box_cen h1{
	font-size:15px;
	margin-top:10px;
	margin-bottom:10px;
	color:#000;
}
.xieyi_box_cen h2{
	font-size:14px;
	color:#333;
	margin-top:5px;
	margin-bottom:5px;
}
.xieyi_box_cen p{
	color:#666;
	font-size:13px;
	text-indent: 2em;
}
.xieyi_box_footer button{
	padding:9px 11px;
	border-radius:5px;
	background-color:#00A0E9;
	border:none;
	color:#fff;
	float: right;
	cursor:pointer;
	font-size:13px;
	margin-top:7px;
	margin-right:2%;
}
.xieyi_box_footer button:active{
	opacity:0.8;
	filter:alpha(opacity=80);
}


.login_tab{
	width: 84%; 
    margin-left: 8%;
    margin-bottom:1rem;
	font-size: 0.875rem; 
	margin-top: 3.125rem;
	height: 2.5rem;
	line-height:2.5rem;
	border-bottom:1px solid #e4e4e4;
	clear:both;
}
.login_tab span{
	display:inline-block;
	height: 2.5rem;
	line-height:2.5rem;
	padding:0;
    width: 49%;
    float: left;
    text-align: center;
    cursor: pointer;
}
.login_tab em{
	float: left;
	color:#e4e4e4;
}
.login_tab span.active{
	font-weight: bold;
    color: #1DB3F2;
    font-size: 1rem;
}

.pcode_btn{
	display: inline-block;
    position: absolute;
    top: 0;
    background: #e4e4e4;
    padding: 0 0.6rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 0.2rem;
    color: #444444;
    font-size: 0.875rem;
    right: 0;
    margin: 0.5rem;
}
.login_info{display:none;}
.login_info.active{display:block;}


header{
	box-shadow:0 0 8px #ccc;
}
.fengeline{
	float: left;
	height:1.25rem;
	width: 0.0625rem;
	background-color:#666;
	margin:0 0.9375rem;
	margin-top:1.25rem;
}
.resiter0{
	float: left;
	height:3.75rem;
	line-height: 3.75rem;
	color:#666;
	font-size:1.0rem;
}
.scicome_logo{
	width: 1200px;
	margin:0 auto;
}
.scicome_logo .scicome_logo_img{
	width: 220px;
	height:auto;
	margin:0 auto;
}
.scicome_logo .scicome_logo_img img{
	display:inline-block;
	width: 220px;
	height:auto;
}
.scicome_logo_h{
	width: 100%;
	height:1.5625rem;
	line-height: 1.5625rem;
	text-align: center;
	color:#545454;
	float: left;
	font-size:0.875rem;
}
.choose_zhy{
	width:100%;
	float: left;
}
.choose_zhul{
	width: 100%;
	float: left;
	margin-top:4.0625rem;
}
.choose_zhul li{
	width:25%;
	float:left;
	text-align: center;
	padding:3.125rem 0;
	cursor:pointer;
}
.choose_zhul li:hover{
	background-color:#fafafa;
	border-radius:5px;
}
.choose_zhul li span{
	display:inline-block;
	width: 144px;
}
.choose_zhul li span img{
	display:inline-block;
	width: 100%;
	height:auto;
}
.choose_zhul li i{
	display:inline-block;
	width: 100%;
	height:1.875rem;
	margin-top:1.875rem;
	color:#575757;
	font-size:0.9375rem;
}
.footer{
	width: 1200px;
	margin:0 auto;
	margin-top:10px;
}
.footer ul{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
.footer ul li{
	display:inline-block;
	font-size:0.8125rem;
	color:#666666;
}
.footer ul li a:link,.footer ul li a:visited{
	font-size:0.8125rem;
	color:#666666;
}
.footer ul span{
	display:inline-block;
	color:#666;
}
.footer ul strong{
	display:inline-block;
	width: 100%;
	font-size:0.8125rem;
	text-align: center;
	color:#666;
	padding-bottom:1.25rem;
}
.scicome_resiger{
	width: 1200px;
	margin:0 auto;
}
@media screen and (max-width: 960px){
	.scicome_resiger {
	    width: 100%;
	}
}

/* 修改UI */
.resiger-title{
	color:#666;
	font-size:24px;
	text-align: center;	
	letter-spacing: 2px;
	padding-top:40px;
}
.biaoshi ul{
	padding-bottom:0;
}
.biaoshi ul li {
    display: inline-block;
    text-align: center;
    width: auto;
    padding: 20px 15px;
    padding-bottom: 0;
    padding-top: 0;
}
.biaoshi ul li.active a .text_role{
	width:auto;
	color:#178FFF;
	border-bottom:2px solid #178FFF;
}
.biaoshi ul li:hover a .text_role{
	width:auto;
	color:#178FFF;
	border-bottom:2px solid #178FFF;
}