@charset "utf-8";
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html {height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF. 
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,
img { border: 0; }
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
th,
var { font-style: normal; font-weight: normal; }

ol,
ul li{ list-style: none; }

caption,
th { text-align: left; }
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; font-weight: normal; }
q:before,
q:after { content: ''; }
abbr,
acronym { border: 0; font-variant: normal; }
/* to preserve line-height and selector appearance */
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input,
textarea,
select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100%; /*to enable resizing for IE*/ }
/*because legend doesn't inherit in IE */
legend { color: #000; }

img { vertical-align: middle; }

/*HTML5 display definitions*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

a { background-color: transparent; text-decoration: none;color: #000}
a:active { outline: 0; }

a:hover { outline: 0; }

b, strong { font-weight: bold; }

button,
select { text-transform: none;border:1px solid #aaa; }

button,
html input[type="button"], input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled],
html input[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input { line-height: normal; }

input[type="checkbox"],
input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 头部 */
button:active,a:active{background:#2ca2b6;}
.page-wrap{min-width: 1200px;}
.page-site-nav{background:#e8e8e8; } 
.index-nav{width: 100%;background-color:rgba(255,255,255,0.5);position: fixed; height:50px} 
.container-inner,.header-inner{width: 100px;height: 42px;position: absolute;left:40px;top:4px;background: url(../images/logo.png) center no-repeat}
.pull-left{float: left;}
.header-logo{text-indent: -2000em;float: left;}
.icon-header-logo{display: block;width: 45px;height: 47px;margin-top: 4px;}
.pull-left .name{float: left;height: 50px;line-height: 50px;margin-left: 15px;font-size: 1.6em;color: #000;}
.pull-right{float: right;}
.nav{line-height: 50px;}
.nav a{margin:0 5px;color:#000;font-size: 1em;}
.nav a:active{background:rgba(255,255,255,0);}
.nav-header{background:#30b0c6;}
/*.control-logo{margin-top: 13px;width: 32px;height: 36px;background:url(../images/control-logo.png) no-repeat;float: left;}*/
.control-writ{float: right;height: 60px;line-height: 60px;margin-left: 15px;font-size: 1.4em;color:#fff;}
.pull-right .btn-publish{display: inline-block;width: 110px;height: 30px;line-height: 30px;text-align: center;cursor: pointer;background:#fff;border-radius: 5px;color:#30b0c6;margin-top: 16px;margin-right: 150px;}
.pull-right .btn-publish:active{background:#eee;}
.layout-inner::before {
  display: table;
  content: " ";
}

/*#region pagination*/
.module-pagination { clear: both; height: 40px; margin: 40px 158px 0 40px; text-align: center; }
.pagination-inner { position: relative; display: inline-block; }
.pagination-inner a,
.pagination-inner .page-break,
.pagination-inner .page-cur,
.pagination-inner .page-prev,
.pagination-inner .page-next { float: left; min-width: 26px; width: 26px; width: auto !important; height: 36px; margin-right: 5px; padding: 0 5px; font-size: 14px; line-height: 36px; vertical-align: middle; text-align: center; white-space: nowrap; }
.pagination-inner .page-prev,
.pagination-inner .page-next { width: auto; padding: 0 12px; color: #999; }
.pagination-inner .page-prev span,
.pagination-inner .page-next span { color: #666; }
.pagination-inner a { border: 1px solid #ccc; background-color: #fff; color: #333; text-decoration: none; border-radius: 4px; }
.pagination-inner a:hover,.pagination-inner a.page-prev:hover span,.pagination-inner a.page-next:hover span,.pagination-inner .page-cur { border-color: #30b0c6; background-color: #30b0c6; color: #fff; text-decoration: none;font-weight: bold; }

/* 主体部分 */
.main-in{position: relative;margin:0 auto;}
.login{position: absolute;top: 150px;right: 200px;width: 300px;height: 420px;background:#f6f6f6;box-shadow: 10.5px 18.187px 21px 0px rgba(0, 0, 0, 0.294);border-radius: 6px;}
.login-input:active{box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);}
.login-title {margin-bottom: 15px; height: 40px;color: #787878; font-size: 1.20em;}
.login-title div {float: left;line-height: 40px;width: 50%;text-align: center;} 
.login-title .format{border-bottom-right-radius:5px;} /* border-top: 2px solid #c1c1c1; */
.login-title .devid{border-bottom-left-radius:5px;}
.login-title .unsel{color: white;cursor: pointer;background-color: #cacaca;border-radius: 4px}
.login-iframe{position: relative;}
.login-section{width:250px;height:auto;margin:0px auto 0;}
.dialog-view{left: 50%;height:420px;top: 50%;;z-index: 99;display: none;margin-top: -200px;margin-left: -150px;}
.dialog-bg{width:100%;height:100%;position:fixed;top:0px;left:0px;background:#000000;filter:alpha(opacity=60);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;display:none;}
.forgot-title,.register-title{border-top-left-radius:5px;border-top-right-radius:5px;height: 40px;line-height:40px;background-color: #cacaca;color: white; font-size: 1.20em;text-align: center;}
.forgot-title .title,.register-title .title{float:left;text-align: center;width: 230px;padding-left: 35px;}
.forgot-title .close,.register-title .close{float:right;width:32px;height:32px;margin-top: 6px;cursor: pointer;background: url("../images/close.png") no-repeat}

.login-placeholder-input{position: relative;height: 34px;line-height:34px;margin:0 auto 20px;color:#ccc;}
.icon-user-name,.icon-user-password,.icon_device_id,.icon_device_user{position: absolute; background:url(../images/sprit.png) no-repeat;}
.icon-user-name{background-position:0 0;width: 18px; height: 18px;left: 10px; top: 10px;}
.icon-user-password{background-position:0 -58px;width: 18px;height: 18px;top: 10px; left: 10px;}
.login-input{padding: 5px 5px 5px 40px; width: 205px; height: 24px; line-height: 24px; border: 1px solid #adadad; color: #666;font-size:12px;border-radius: 4px}
.login-select{width: 95px; height: 30px; line-height: 30px; border: 1px solid #adadad; color: #666;font-size:12px;border-radius: 4px}
.provision{font-size: .875em; margin-bottom: 20px;}
.provision a{color:#adadad;}
.provision a:active {background:#f6f6f6;}
.keep-login{float: right;color:#adadad;}
.btn-sign{height: 40px; line-height: 40px; margin: 20px auto; width: 250px; border-radius: 4px;color: #fff; cursor: pointer; display: inline-block; outline: medium none; text-align: center; font-size: 1.125em; background:#00BFFF;}
.btn-sign:hover{background: rgb(64,145,217)}
.other-operate{font-size: 12px;height: 25px;text-align: center;line-height: 25px}
.other-operate a{color:#30b0c6;width: 100px;}
.other-operate a:active {background:#f6f6f6;}
.other-operate .forgot{float: left;}
.other-operate .reg{float: right;margin-right: 10px}
.third-login{font-size: 12px;line-height: 25px;padding-left: 20px;position: absolute;bottom:6px}
.other-login{color: #787878}
.qq-login{display:inline-block;background: url(../images/third-login.png) 0 0 no-repeat;height: 24px; width: 24px;vertical-align: middle; margin: 0 5px;}
.qq-login:hover{display:inline-block;background: url(../images/third-login.png) -24px 0 no-repeat;vertical-align: middle; height: 24px; width: 24px;margin: 0 5px;}
.wechat-login{display: inline-block;background: url(../images/third-login.png) -48px 0 no-repeat;vertical-align: middle;height: 24px;width: 24px;}
.wechat-login:hover{display: inline-block;background: url(../images/third-login.png) -72px 0 no-repeat;vertical-align: middle;height: 24px;width: 24px;}
.error-msg {font-size: 12px;}
.error-msg {text-align:left;background: #fff0f0;border: 1px solid #ffd2d2;height: 20px;line-height: 20px;color: #b74d46;width: 100%;margin: 10px 0}
.error-msg .error-icon {display: inline-block;background: url("../images/login-icons.png") no-repeat 0 0;width: 16px;height: 16px;vertical-align: middle;margin: -4px 5px 0 5px;}
.verif-code{margin-left:30px; width: 80px;font-size: 12px;margin-bottom: 0px;height: 24px;line-height: 24px;padding: 5px 0px 5px 0px;}

/* .sm-login span{display: inline-block; margin: 8px; width: 25px; height: 1px; background: #000; line-height: 15px; margin-bottom: 5px;} */
/*.login-logo{width: 60px;height: 60px;margin: 20px auto 5px;background:url(../images/login-logo.jpg) no-repeat;}*/
.login-pr-code-wrap{position: relative;margin:0 auto 0;}
.login-pr-code-wrap p{font-size: 1.4em;text-align: center;}
/*.login-scanarea-wrap{width: 128px;height: 128px;margin: 5px auto 0;background:url(../images/sao-erweima.png);}*/
.login-scanarea{margin-top: 8px;margin-bottom: 10px;text-align: center;color:#707777;}

.login-password-name{height: 20px;line-height: 20px;padding: 0 6px;float: left;color:#fff;}
.login-submit{display:block;height: 36px;width: 255px;line-height: 36px;border: 1px solid #3997d6;border-radius: 5px;background-color: #3997d6;font-size: 16px;color:#fff;text-align: center;cursor:pointer;}
.login-submit:active{background-color: #0e87d8;}
.login-switch-qr-wrap,.login-switch-login-wrap{position: absolute;bottom:0;right:0;width: 46px;height: 46px;cursor:pointer;}
.login-switch-qr-wrap{background: url(../images/sprit.png)  no-repeat;background-position:-26px 2px;}
.login-switch-qr-wrap:hover,.login-switch-login-wrap:hover{opacity: 0.5;}
.login-switch-login-wrap{background:url(../images/sprit.png)  no-repeat;background-position:-26px -44px;}

.dialog-info{width: 240px;height: 180px;display: none;z-index: 999;}
.dialog-info .dialog-title{height: 35px;line-height: 35px;font-weight:bold;font-size:14px; text-align: center;background: #ebebeb;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.dialog-info .dialog-content{height: 80px;width: 200px;padding-left: 20px;margin-top: 10px;margin-bottom:10px; word-break: break-all;font-size: 14px;}
.dialog-info .dialog-operate{text-align: center;}
.dialog-operate .dialog-ok,.dialog-operate .dialog-cancel{height: 30px; line-height: 30px; margin-bottom: 20px; width: 32%; border: medium none;color: #fff; cursor: pointer; display: inline-block; outline: medium none; text-align: center; font-size: 14px; font-family: Microsoft Yahei;background:#30b0c6;}
.dialog-title .title-info{width: 180px;float: left;margin-left: 25px;}
.dialog-title .title-close{width: 30px;float: right; margin-right: 5px; color: blue;font-size: 12px;cursor: pointer;}
.layout-right{
	width:auto;
	position:absolute;
	right:130px;
	top:0;
	font-size:12px;
	height:50px;
	line-height:50px;	
}
.icon_device_id{
	background-position: 0 -20px;
	width: 18px;
	height:18px;
	top: 10px;
	left:10px;
}
.icon_device_user{
	background-position: 0 -38px;
	width: 18px;
	height:18px;
	top: 10px;
	left:10px;
}
#DownLoadApp{
	position: relative;
}
.cursor{
	cursor:pointer;
}
.fr{
	float:right;
}
.language-box{
	margin-right:10px;
	margin-top:11px;
}
.language{
	height:28px;
	line-height:28px;
	cursor:pointer;
	padding:0 7px;
	text-align:right;
	position:relative;
	background: #cccccc;
	border-radius: 4px;
}
.languageImg{
	vertical-align:middle;
	width:21px;
	margin-right:5px;
	height:14px;
}
.switchOpen{
	width: 10px;
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
	height: 7px;
	background: url(../images/icon-open.png) -5px -5px;
}
.layout-right b{
	padding:0 7px;
	font-weight:normal;
}
#showDownLoadApp{
	width:122px;
	height:122px;
	position:absolute;
	top:50px;
	right:-100px;
	padding:15px;
	z-index: 100;
	display: none;
	background: rgba(255,255,255,0.5);
}
.language-box .languageList{
	display: none;
	background: #cccccc;
	border-radius: 4px;
}

.language-box .languageList ul{
	margin: 0;
	padding: 4px;
	list-style: none;
	position: relative;
	width: 140px;
	border-radius: 4px;
}
.language-box .languageList li{
    height:20px;
	line-height: 20px;
    position: relative;
    padding-left:35px;
    padding-right:6px;
    cursor: pointer;
}
.languageListImg{
	position: absolute;
	left: 5px;
	top: 3px;
	width: 21px;
	height: 14px;
}

.resh_img{
	height: 30px;
	width: 110px;
}