/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,select,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;font-weight:normal;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
del,ins,u,a,a:hover{text-decoration:none;}
body,textarea,input,select,button,keygen,legend{font:28px Arial, Helvetica, sans-serif; color:#333;outline:0;-webkit-text-size-adjust:none;}
body{font-family: Arial;width: 750px;margin:0 auto;position: relative;}
a,a:active,a:visited,a:hover{color:#333;}
input,textarea,select,input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance:none;font-family: "微软雅黑" }
html, body {user-select: none; -webkit-user-select: none;-webkit-touch-callout:none;font-family: "微软雅黑";-webkit-tap-highlight-color:rgba(0,0,0,0);/*background-color: #f2f6f9;*/}
.sprite{background:url(../images/sprite.png) no-repeat center;}
input{border: none;border-radius: 0;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #cccccc;}
input:-moz-placeholder,textarea:-moz-placeholder{color: #cccccc;}
input::-moz-placeholder,textarea::-moz-placeholder {color: #cccccc;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #cccccc;}



/*------通用alert样式*/
.popAlert { display:none; position:fixed; z-index:100; left:50%; top:50%; margin:-160px 0 0 -260px; width:540px;/* padding-bottom:66px; */background-color:#fff; -webkit-box-sizing:border-box; box-sizing:border-box;border-radius: 30px;}
.popTittle{width: 522px;height: 54px;line-height: 54px;color: #fff;font-size: 24px;padding-left: 19px;background-color: #3091ec;}
.popError{
    /*width: 72px;*/
    /*height: 72px;*/
    margin: 0 auto;
    /*background: url(../images/popError.png) no-repeat;*/
    /*margin-top: 50px;*/
    
}



.popCnt { padding:38px 40px 60px 40px; line-height:40px; font-size:24px; text-align:center; color:#333; border-bottom: 1px solid #e6e6e6;}
.popBtn,
.popBtn:hover,
.popBtn:visited,
.popBtn:active { display:block; width:100%; height:70px; margin:0 auto; line-height:70px;/* background-color:#3091ec; */text-align:center; color:#999;/*border-radius: 3px;*/ font-size:32px ;text-align:center;line-height:70px; cursor: pointer;}
.popMask { display:none; position:fixed; z-index:99; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4);}


/*横屏提示*/
.orientationText {position: absolute;top: 0;padding-top: 20px;background: #000;z-index: 1000000;width: 100%;color: #FFFFFF;font-size: 2em;height: 100%;line-height: 100%;vertical-align: middle;text-align: center;}			
.orientationText img {margin: 0 auto;}

/*登录页*/
.signin-top{width: 750px;height: auto;overflow: hidden;}
.in-box{width: auto;height: auto; overflow: hidden;padding: 60px 75px 30px;}
.in-box .signin-tel{width: 545px;height: 90px; overflow: hidden;padding-left: 55px;border-bottom: 1px solid #ddd;display: block;margin-bottom: 20px;background: url(../img/signin_tel.jpg) no-repeat left center;font-size: 26px;}
.in-box .signin-password{width: 545px;height: 90px; overflow: hidden;padding-left: 50px;border-bottom: 1px solid #ddd;display: block;margin-bottom: 30px;background: url(../img/signin_password.jpg) no-repeat left center;font-size: 26px;}
.signin-choice{width: auto;height: auto; overflow: hidden;}
.signin-choice .signin{font-size: 24px;color: #3091ec;float: left;}
.signin-choice .forget-password{font-size: 24px;color: #999999;float: right;}
.signin-btn{width: 600px;height: 84px;background-color: #3091ec;font-size: 31px;color: #FFFFFF;display: block;margin-top: 80px;border-radius: 5px;}
.sign-btm{width: auto;height: auto;overflow: hidden;font-size: 16px;color: #cccccc;text-align: center;padding-top: 55px;}


/*忘记密码*/
.forget-password-txt{width: 600px; font-size: 22px;color: #666666;position: relative;}
.in-box .sign-tel{width: 600px;height: 90px; overflow: hidden;border-bottom: 1px solid #ddd;display: block;margin-bottom: 30px;font-size: 26px;}
.in-box .sign-password{width: 410px;height: 90px; overflow: hidden;display: block;font-size: 26px;}
#reg-btn{width: 190px;height:28px;background: none;text-align: center; font-size: 26px;color: #666;float: right;padding-left: 20px;border-left: 1px solid #DDDDDD;display: block;position: absolute;right: 0;top:55px;line-height: 28px;}
.f-password{width: 600px;height: 90px; overflow: hidden;border-bottom: 1px solid #ddd;display: block;margin-bottom: 30px;font-size: 26px;}
.in-box .signin-tel.on,.in-box .signin-password.on,.in-box .sign-tel.on,.in-box .f-password.on{color: #3091ec!important;border-bottom:1px solid #3091ec!important ;}
.forget-password-txt.on{border-color:#3091ec!important ;}
.in-box .sign-password.on{color: #3091ec!important;}

/*真实姓名*/
.name-top{width: 750px;height: auto;position: relative;}
.name-txt{width: 600px;height: auto;overflow: hidden;padding: 85px 75px 0;position: absolute;top:0;left: 0;}
.name-txt li{width: 600px;height: auto;overflow: hidden;font-size: 24px;color: #CCCCCC;margin-bottom: 15px;}
.name-txt li h2{font-size: 45px;color: #FFFFFF;font-weight: bold;padding-left: 40px;float: left;}
.name-txt li span{width: 40px;height: 6px;background-color: #FFFFFF;float: right;margin-top: 27px;}
.head-logo{width: 600px;height: 80px;padding:0px 75px;position: relative;}
.head-portrait{width: 150px;height: 150px;float: left;background: url(../img/head_logo.jpg) no-repeat center;border-radius: 50%;position: relative;top:-70px;margin-right: 20px;}
.head-logo h2{font-size: 26px;color: #CCCCCC;line-height: 80px;}
.name-box{width: 600px;padding-top: 0;}
.sex{width: auto;height: auto;overflow: hidden;}
.sex li{width: auto;height: auto;overflow: hidden;float: left;font-size: 26px;color: #ccc;padding-left: 45px;line-height: 100px;margin-right: 50px;}
.sex .man{background: url(../img/man.png) no-repeat left center;}
.sex .woman{background: url(../img/woman.png) no-repeat left center;}
.sex .on.man{background: url(../img/man01.png) no-repeat left center;}
.sex .on.woman{background: url(../img/woman01.png) no-repeat left center;}



/*头像上传*/
#clipArea {
	margin: 0 35px;
	height:600px;
	top: 50%;
	margin-top: -320px;
}

#clipBtn {
	margin: 20px;
	position: fixed;
	bottom: 20%;
	right: 50%;
	margin-right: -58px;
	padding: 10px 30px;
	border-radius: 30px;
	border: none;
	background-color: #3091ec;
	color: #fff;
}
#view {
	display: none;
	margin: 0 auto;
	width: 150px;
	height:150px;
	position: absolute;
	top:-70px;
	left:75px;
	border-radius: 50%;
}
#file{
	position: absolute;
	top:-70px;
	left:75px;
	width: 150px;
	height: 150px;
	background: #000000;
	border: none;
	border-radius: 50%;
	opacity: 0;
	z-index: 10;
	border: none;
	}