*{ padding:0px; margin:0px; word-break: break-all; outline: none; font-size:14px; list-style: none; }
ul,li{ list-style-type: none; margin:0; padding:0; border:0; vertical-align:middle; }
body{ color:#646464; font-family: "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;-webkit-font-smoothing: antialiased;}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal; }
ol,ul,li{ list-style:none; }
img{ border:none; }
a{color:#646464;text-decoration:none;outline:none;}
a:hover,a.hover{ color:#d32541;}

body{background-color: #93C8DA;}
.wrap{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: linear-gradient(0deg, #93C8DA, #EBE2E3); background-color: #93C8DA; }
.login-box{ width: 260px; padding: 20px; margin: 40px auto;margin-top:0px;border-radius: 3px;background: #FFF;position: relative;}
.login-logo-box{ text-align: center; margin-top: 20px;}
.login-logo-box a{ display: inline-block; }
.login-logo-box i{ display: inline-block; }
.login-logo-box i:before{display: inline-block; color: #d32541; font-size: 120px;}
.login-box .title-box{ text-align: center; font-size: 20px; color: #424242; line-height: 80px; }
.login-box .title-box h3{ font-size: 22px; font-weight: normal; line-height: 50px; margin-top: -10px; }
.login-box .title-box p{ line-height: 20px; margin-top: -10px; margin-bottom: 10px; font-size: 12px; }
.login-box .title-box p a{ font-size: 12px; color: #d32541; }
.login-box .user-info{ text-align: center; }
.login-box .user-info .head img{ width: 140px; border-radius: 3px; }
.login-box .user-info button{ margin-top: 10px; width: 80%; height: 30px; line-height: 30px; padding: 0px; border-radius: 5px; }
.login-box .user-info .logout{ margin-top: 10px; }

.login-box .form-box{ width: 100%; margin: auto; }
.login-box .form-box .form-row{ padding: 8px 0px; position: relative; }
.login-box .form-submit-box{ margin-top: 30px; }
.login-box .form-box input{ width: 100%; height: 30px; padding: 5px 0px; border: 2px solid #e0e0e0; font-size: 14px; box-sizing: content-box; text-indent: 10px; }
.login-box .form-box input:hover{ border: 2px solid #d32541; }
.login-box button{ width: 100%; height: 45px; padding: 10px; font-size: 14px; background: #d32541; border: 0px; color: #FFF; cursor: pointer; }
.login-box button:hover{ background: #b12139; }
.other-login-box{ border-top: 1px solid #e0e0e0; margin-top: 30px; }
.other-login-box ul{ margin-top: 10px; width: 100%; text-align: center; display: table; }
.other-login-box ul li{ display: table-cell; }
.other-login-box a{ font-size: 14px; cursor: pointer;}
.other-login-box a:before{ font-size: 18px; }
.other-login-box a.if-icon-logo:before{ font-size: 14px; }
.other-login-box a.if-weixin:hover{ color: #62CD5B}
.other-login-box a.if-weibo:hover{ color: #C52C2E}
.other-login-box a.if-qq:hover{ color: #498FDD}

.login-switch{ position: absolute; right: 0px; top: 0px; width: 40px; height: 40px; cursor: pointer; overflow: hidden; }
.weixin-login-btn{ background: url(/Public/Images/icon-qrcode-login.png) no-repeat; }
.pc-login-btn{ background: url(/Public/Images/icon-pc-login.png) no-repeat; }
.login-switch div{ width: 100%; height: 40px; background-size: 100%; }

.login-box .login-form{ display: none; }
.login-box .qrcode-box{ text-align: center; }
.login-box .qrcode-box img{ width: 80%; }
.login-box .qrcode-box span{ background: #dcdcdc; color: #575757; padding: 5px 15px; height: 20px; line-height: 20px; margin-top: 10px; display: inline-block; border-radius: 30px; }


.jump{ cursor: pointer; }
.img-verify{ position: absolute; top: 0px; right: 0px; z-index: 10000; cursor: pointer; width: 100px; height: 42px; border: 1px solid #ccc; }
.get-smscode, .smscode-time{ width: 100px; height: 42px; position: absolute; top: 0px; right: 0px; z-index: 10000; cursor: pointer; color: #FFF !important; text-align: center !important; background: #ccc;}
.smscode-time{ display: none; }
.form-group{position: relative;}
.opt-tip{ cursor: pointer; }
/**
 * 消息提示信息
 */
#msgbox-div{ color:#555952;padding:10px 8px; position:fixed; *position:absolute; top:20%; z-index:100000; line-height:20px; border-radius: 5px; background-color: #fff; }
#msgbox-div i{ margin-right: 5px; }
.msgbox-success .if{ color: #57BA51; }
.msgbox-error .if{ color: #FF663B; position: relative; top: -1px; }
.msgbox-warn .if{ color: #FD8920; }
.msgbox-success{ box-shadow: 0px 0px 3px #57BA51; border: 1px solid #57BA51;}
.msgbox-error{ box-shadow: 0px 0px 3px #FF663B; border: 1px solid #FF663B;}
.msgbox-warn{ box-shadow: 0px 0px 3px #FD8920; border: 1px solid #FD8920;}

/**
 * 加载样式
 */
.loading-box{ margin: auto; background-color: #000; background-repeat: no-repeat; background-position: center; display: inline-block; border-radius: 10px; padding: 10px; margin: 10px; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; position: fixed; z-index: 100000000; }
.loading-box .if-logo{ line-height: 80px; position: absolute;left: 0px; color: #FFF;text-align: center; width:100%;}
.loading-box .if-logo:before{ font-size: 60px; line-height: 86px;}
.loading { margin: auto; position: relative; border-top: 3px solid #FFF; border-right: 3px solid #FFF; border-bottom: 3px solid #FFF; border-left: 3px solid #d8213c; -webkit-animation: loading 1.1s infinite linear; animation: loading 1.1s infinite linear; }
.loading, .loading:after { border-radius: 50%; width: 80px; height: 80px; }
@keyframes loading {
	0% {
		-webkit-transform: rotate(0deg) translateZ(0);
		transform: rotate(0deg) translateZ(0);
	}
	100% {
		-webkit-transform: rotate(360deg) translateZ(0);
		transform: rotate(360deg) translateZ(0);
	}
}


.col-1{ float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; width: 8.33333333%; box-sizing: border-box;}
.col-2{ float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; width: 16.66666667%}
.col-3{ float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; width: 25%; box-sizing: border-box;}
.col-4{ float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; width: 33.33333333%; box-sizing: border-box;}
.col-5{ float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; width: 41.66666667%; box-sizing: border-box;}
.col-6{ float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; width: 50%; box-sizing: border-box;}
.col-7{ float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; width: 58.33333333%; box-sizing: border-box;}
.col-8{ float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; width: 66.66666667%; box-sizing: border-box;}
.col-9{ float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; width: 75%; box-sizing: border-box;}
.col-10{ float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; width: 83.33333333%; box-sizing: border-box;}
.col-11{ float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; width: 91.66666667%; box-sizing: border-box;}
.col-12{ float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; width: 100%; box-sizing: border-box;}

.bg-primary{ background: #1abc9c; color: #FFF; }
.bg-success{ background: #2ecc71; color: #FFF; }
.bg-info{ background: #3498db; color: #FFF; }
.bg-warning{ background: #f1c40f; color: #FFF; }
.bg-danger{ background: #e74c3c; color: #FFF; }
.bg-cancel{ background: #7C7C7C; color: #FFF; }
.border{border: 1px solid #dcdcdc;}
.border-radius{border-radius: 3px;}

.text-primary{ color: #1abc9c; }
.text-success{ color: #2ecc71; }
.text-info{ color: #3498db; }
.text-warning{ color: #f1c40f; }
.text-danger{ color: #e74c3c; }
.text-cancel{ color: #7C7C7C; }