/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, textfield, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul { 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:none; }
body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, form, fieldset, legend, button, input, textarea, th, td, button, input, select/* for ie */ { font:14px/1.5 ΢???ź?, ????, Arial, Helvetica, sans-serif; color:#333; }
select { vertical-align: middle; }
a { text-decoration:none; cursor:pointer; }
/* Clearfix */
.clearfix{ zoom:1;}


/*head begin*/
.head { height: 52px; background:#ededed;}
.head .logo{ float:left; width: 114px; background:url("../img/logo.png") no-repeat; height: 39px; margin-left: 79px; margin-top: 5px; }
.head .name{ float:left; width:150px; margin-left: 11px; color:#1071b9; }
.head .name .t{ font-size: 16px; line-height: 20px; height: 20px; margin-top: 6px; }
.head .name .n{ font-size: 12px; line-height: 16px; height: 16px;  }
.head .exit { float:right; width: 220px; margin-right: 26px; height: 16px; margin-top: 17px; }
.head .exit a {  font-size: 14px; color:#767b7f; height: 16px;margin-left:20px; line-height: 16px; padding-left:22px; background:url("../img/icon_exit.png") 0 1px no-repeat;   }
.head .exit a:hover { background-position: 0 -44px; color:#3b424f; }
.head.lgn { height: 54px; background:#ebebeb; border-bottom:#d1dfe7 1px solid;}
.head.lgn .logo { margin-left: 114px; width: 112px; height:38px; margin-top: 9px; background: url("../img/logo_lg.png") no-repeat; }
.head.lgn .name .t { margin-top: 16px;}
/*head end*/

.jww-con {background:#48515e; min-width: 1000px; max-width: 1920px;_width:expression( (document.documentElement.clientWidth||document.body.clientWidth) > 1920 ? "1920px" : ((document.documentElement.clientWidth||document.body.clientWidth) < 1000? "1000px" : "auto")); overflow:hidden;}
.jww-con.login {position: relative; background:#2170cc url("../img/login_bg_02.jpg") center 0 no-repeat; height: 543px; }

/* login begin*/
.login-box { position: absolute; left:50%; margin-left: 40px; top: 114px; width: 434px; height:342px; background: url("../img/login_box.png") no-repeat; overflow:hidden; }
.login-box .tit{ color:#2882d0; font-size: 18px; line-height: 36px;  margin-top: 30px; text-align: center; margin-bottom: 46px;}
.login-box .item{ padding-left: 103px; width: 256px; height: 27px; margin-bottom: 14px; }
.login-box .item input{ float:left; width: 225px; height: 25px; padding: 0 14px; line-height: 25px; color:#292929; border:1px solid #c4c4c4; font-size: 12px;}
.login-box .item.ver input{ width: 122px;}
.login-box .item input:focus{ border:1px solid #3fa2e2;}
.login-box input::-webkit-input-placeholder { /* WebKit browsers */ color: #c1c1c1;}
.login-box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  color: #c1c1c1;}
.login-box input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #c1c1c1;}
.login-box input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #c1c1c1;}
.login-box .item .ig{ float:left; margin-left: 14px; width: 88px; overflow:hidden; height:23px;}
.login-box .item .ig img{ float:left; width: 43px; height: 23px; margin-top: 2px; border:none;}
.login-box .item.ver a{float:right; width: 42px; line-height: 27px; font-size: 12px; color:#272727; text-align: right; }
.login-box .btn-login{ padding-top: 10px;}
.login-box .btn-login input{ display:block; width: 190px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color:#fff; background: url("../img/btn_login.png") no-repeat; border:none; outline: none; margin: 0 auto; cursor: pointer;}
.login-box .btn-login input:hover{ background:url("../img/btn_login_h.png") no-repeat; }
.login-box .error { position: absolute; width: 280px; height:46px; background: url("../img/login_tips_error.png") no-repeat; font-size: 12px; color:#272727; line-height: 32px; left: 94px; top: 74px; text-indent: 44px; }
.login-box .error a{ position: absolute; width: 8px; height:8px; background:url("../img/btn_close.png") no-repeat; right: 24px; top:12px; }
.login-box .error a:hover{background:url("../img/btn_close_h.png") no-repeat;  }

.login-box .error1 { position: absolute; width: 280px; height:46px; background: url("../img/login_tips_error.png") no-repeat; font-size: 12px; color:#272727; line-height: 32px; left: 94px; top: 74px; text-indent: 44px; }
.login-box .error1 a{ position: absolute; width: 8px; height:8px; background:url("../img/btn_close.png") no-repeat; right: 24px; top:12px; }
.login-box .error1 a:hover{background:url("../img/btn_close_h.png") no-repeat;  }

.login-box .error2 { position: absolute; width: 280px; height:46px; background: url("../img/login_tips_error.png") no-repeat; font-size: 12px; color:#272727; line-height: 32px; left: 94px; top: 74px; text-indent: 44px; }
.login-box .error2 a{ position: absolute; width: 8px; height:8px; background:url("../img/btn_close.png") no-repeat; right: 24px; top:12px; }
.login-box .error2 a:hover{background:url("../img/btn_close_h.png") no-repeat;  }

.footer { height: 158px; background:#e4e4e4; }
.footer  .nav { text-align: center; height: 32px; line-height: 32px; padding-top: 12px; padding-bottom: 8px; }
.footer  .nav a{ font-size: 16px; color:#151515; margin: 0 22px;}
.footer  .nav a:hover{ color:#2680d0; text-decoration: underline;}
.footer  .txt { text-align: center; font-size: 14px; color:#5a5a5a; line-height: 22px;}

/* login end*/

/* sideBar begin */
.sideBar-l { float:left; width: 191px; }
.sideBar-l li { height: 64px;}
.sideBar-l li a { display: block; padding-left: 50px; height: 64px; line-height: 64px; color:#90a7c7; font-size: 12px; background:url("../img/nav_icons.png") no-repeat;}
.sideBar-l li a.n1 { background-position: 22px 24px; }
.sideBar-l li a.n2 { background-position: 22px -40px; }
.sideBar-l li a.n3 { background-position: 22px -104px; }
.sideBar-l li a.n4 { background-position: 22px -170px; }
.sideBar-l li a:hover {background-color:#4e5c70;}
.sideBar-l li a.cur { border-left:3px solid #27a3e3; color:#fff; padding-left: 47px; background-color:#4e5c70; background-image: url("../img/nav_icons_h.png");}
.sideBar-l li a.n1.cur { background-position: 19px 24px; }
.sideBar-l li a.n2.cur { background-position: 19px -40px; }
.sideBar-l li a.n3.cur { background-position: 19px -104px; }
.sideBar-l li a.n4.cur { background-position: 19px -170px; }
.sideBar-l li a.dis {background-color:#3a414c; cursor: default;}
/* sideBar end */

/* con begin*/
.con-r { margin-left: 191px; position: relative; background:#f2f2f2;border-left:1px solid #7d8692; min-height:900px; top:0px;}
.con-r .pdts { margin-left:50px; overflow:hidden; max-width: 1080px;_width:expression(document.body.clientWidth>1380?"1110px":"auto");}
.con-r .pdts .tit { height: 38px; width: 160px; line-height: 38px; font-size: 12px; color:#fefefe; padding-left: 60px; background: url("../img/tit_bgs.png") 0 0 no-repeat; }
.con-r .pdts .tit.pdt { margin-top: 28px; }
.con-r .pdts .tit.mbl { width: 110px; margin-top: 50px; margin-bottom: 10px; background-position: 0 -40px;}
.con-r .pdts .tit.ig { width: 284px; padding-left: 66px; height: 44px; line-height: 44px; background-position: 0 -128px; margin-top: 28px; }
.con-r .pdts .tit.word { width: 247px; height: 46px; line-height: 46px;  background-position: 0 -80px; margin-top: 28px; padding-left: 71px;}
.con-r .pdts ul { margin-left: 3%;}
.con-r .pdts li {position: relative; float:left; width: 130px; height: auto;  margin: 14px 2% 12px;}
.con-r .pdts li a{position: relative; z-index: 2; display: block; width: 128px; border:#ededed 1px solid;background:#fff; text-align: center; outline: none; overflow:hidden;}
.con-r .pdts li .ig { position: relative; display:block;  width: 114px; height: 85px; margin: 0; margin-left: 7px; padding:0; padding-top: 19px; border-bottom: #eaeaea 1px solid; text-align: center; overflow:hidden;  }

.con-r .pdts li .ig img{ display:block; width: 70px; height: 70px; margin: 0 auto; border: none; }
.con-r .pdts li .t { display: block;  height: 40px; line-height: 40px; font-size: 12px; color:#3b424f;}
.con-r .pdts li a:hover{ border:#67beeb 1px solid; }
.con-r .pdts li a:hover .t{ color:#27a3e3; }
.con-r .pdts li .ver { position: absolute;  width: 30px; height: 30px; right: -12px; top: -10px; background: url("../img/icons_stage.png") no-repeat; overflow:hidden; z-index: 12; }
.con-r .pdts li .ver.android { background-position: 0 0; }
.con-r .pdts li .ver.ios { background-position: 0 -30px; }
.con-r .pdts li .ver.mac { background-position: 0 -60px; }
.con-r .pdts li .msk { position: absolute; display:block; left:0; top:0; width: 100%; height: 146px; background:#fff; opacity: .5; filter: alpha(opacity = 50); z-index: 9;}
.con-r .pdts li .tip { position: absolute; left:50%; top:73px; margin-left: -40px; width: 79px; height: 19px;overflow:hidden; background: url("../img/list_tip.png") no-repeat; z-index: 10;}
.con-r .imgUpload { position: relative; margin-left: 50px; max-width: 1040px;_width:expression(document.body.clientWidth>1380?"1040px":"auto");}
.con-r .imgUpload .tips { color:#e70b0b; font-size: 12px; line-height: 30px; height: 30px; padding-top: 16px;}
.con-r .imgUpload .uploadWrap { position: relative; border:#e1e1e1 1px solid; background:#fff; padding-left: 5px; padding-right: 5px; height: 520px; overflow-y: auto; }
.con-r .uploadWrap .itm { border-bottom:#e9e9e9 1px solid; overflow:hidden; }
.con-r .uploadWrap .itm .l { position: relative; float:left; width: 62%;border-right:#e9e9e9 1px solid; padding-bottom: 15px; padding-top: 10px;}
.con-r .uploadWrap .itm .r { position: relative; float:left; width: 37%; padding-top: 10px;}
.con-r .uploadWrap .itm .btn-upload {display:block; width: 110px; height: 34px; overflow:hidden;  background:url("../img/btn_upload.png") no-repeat; outline: none; border:none; outline: none; cursor: pointer;}
.con-r .uploadWrap .itm .btn-upload:hover { background-position: 0 -34px;}
.con-r .uploadWrap .itm .remark { font-size: 12px; color:#1d1e20; line-height: 22px; margin-bottom: 14px; margin-left: 30px; margin-top: 14px; }
.con-r .uploadWrap .itm .ig { margin-left: 30px; }
.con-r .uploadWrap .itm .r .ig { margin-left: 90px; margin-top: 34px;}
.con-r  .btn-submit { width: 110px; height: 34px;margin: 42px auto 36px;}
.con-r  .btn-submit input{ font-size: 12px; width: 110px; height: 34px; line-height: 34px; text-align: center; color:#fefeff; margin: 0 auto; background: url("../img/btn_submit.png") no-repeat; border: none; outline: none; cursor: pointer; }
.con-r  .btn-submit input:hover {background-position: 0 -34px; }
.con-r .uploadWrap .tp{ margin-top: 16px; padding-left: 62px; font-size: 12px;  color:#22aaf0; }
.con-r .uploadWrap .tp.success{ background:url("../img/icon_success.png") no-repeat; }
.con-r .uploadWrap .tp.failure{ background:url("../img/icon_fail.png") no-repeat; color:#e22d15;}
.con-r .uploadWrap .tp.empty{ color:#e22d15;}
.con-r .formWrapper{ position: relative; margin-left: 50px; margin-right: 50px; }
.con-r .formWrap{ position: relative; background:#fff; padding-bottom: 20px; padding-top: 24px; margin-top: 14px; }
.con-r .btn-wrap{max-width: 1136px;margin-left: 50px; }
.con-r .btn-wrap .btn-submit { margin-top: 20px;}
.formWrap .itm{ padding-top: 10px;}
.formWrap input::-webkit-input-placeholder { /* WebKit browsers */ color: #a9a9a9;}
.formWrap input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  color: #a9a9a9;}
.formWrap input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #a9a9a9;}
.formWrap input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #a9a9a9;}
.formWrap .tit { float:left; width: 20%; height: 30px; line-height: 30px; color:#212224; text-align: right; margin-right: 16px; font-size: 14px;}
.formWrap .ipt { float:left; width: 406px;}
.formWrap .ipt input { width: 386px; height: 28px; font-size: 12px; line-height: 28px; padding: 0 10px; color:#212224; border:#d7d7d7 1px solid;}
.formWrap .ipt input:focus { border:#8992a0 1px solid;}
.formWrap .ipt.err input { border:#e26060 1px solid;}
/*.formWrap .tips{ float:left; padding-left: 30px; line-height: 30px; margin-left: 14px; height: 30px; background:url("../img/icon_caution.png") 0 9px no-repeat; color:#212224; font-size: 12px;}*/
.formWrap .tips{ float:left; width: 70%; text-indent: 30px; line-height: 30px; margin-left: 22%; height: 30px; background:url("../img/icon_caution.png") 0 9px no-repeat; color:#212224; font-size: 12px;}
.formWrap .tips.n{ line-height: 18px; margin-top: -4px; background-position: 0 12px;}
.formWrap .right{ float:left; width:122px; height: 30px; background: url("../img/icon_right.png") 0 5px no-repeat; margin-left: 14px;}
.formWrap .error{ float:left; width:98px; height: 30px; color:#df392b; font-size: 12px; line-height: 30px; padding-left: 24px; background: url("../img/icon_error.png") 0 5px no-repeat; margin-left: 14px;}
/* con end*/


/* ???? begin*/
/*.popWin { position: absolute; left: 50%; top: 50%; margin-top: -197px; margin-left: -362px; width: 724px; height: 394px; border:#808080 2px solid; z-index: 999;}
.popWin .mask{ position: absolute; width: 100%; height: 100%; left:0; top:0; z-index: 1; background:#303030; opacity: .9;}
.popWin.info .txt{ position: relative; z-index: 2;  padding-right: 70px;  padding-left: 265px;  margin: 0 18px; font-size: 16px; color:#ffffff; line-height: 28px; border-bottom:#27a3e3 1px solid; padding-bottom: 38px; padding-top: 114px; background: url("../img/tip_success.png") 148px 130px no-repeat; }
.popWin.ig .txt{ position: relative; z-index: 2;  padding-right: 50px;  padding-left: 210px;  margin: 0 18px; font-size: 16px; color:#ffffff; line-height: 28px; padding-bottom: 38px; padding-top: 140px; background: url("../img/tip_success.png") 120px 173px no-repeat; }
.popWin .count{position: relative; z-index: 3; text-align: center; font-size: 14px;color:#ffffff; padding-top: 54px;}
.popWin .count span{ display:inline-block; color:red; }
.popWin .count a:hover{ color:red; text-decoration: underline; background-image:url("../img/icon_jump_h.png");}
.popWin a.close { position: absolute; right: 28px; top:20px; background: url("../img/p_btn_close.png") no-repeat; width: 21px; height: 21px; z-index: 5; }
.popWin a.close:hover{ background-image: url("../img/p_btn_close_h.png");}
*/
/* ???? end*/


/* ???? begin*/
.popWin { position: absolute; left: 50%; top: 50%; margin-top: -197px; margin-left: -362px; width: 590px; height: 330px; border:#3cace6 1px solid; z-index: 999;}
.popWin .mask{ position: absolute; width: 100%; height: 100%; left:0; top:0; z-index: 1; background:#fff; opacity: .9;}
.popWin.info .txt{ position: relative; z-index: 2; height:240px; padding: 40px 70px 40px 140px; margin: 0 18px; font-size: 16px; color:#27a3e3; line-height: 28px; background: url("../img/tip_success.png") 45px 130px no-repeat; }
.popWin.ig .txt{ position: relative; z-index: 2; padding: 70px 70px 40px 140px; margin: 0 18px; font-size: 16px; color:#27a3e3; line-height: 28px; background: url("../img/tip_success.png") 45px 80px no-repeat; }
.popWin .fail .txt{ position: relative; z-index: 2; padding: 70px 70px 40px 140px; margin: 0 18px; font-size: 16px; color:#e70b0b; line-height: 28px; background: url("../img/tip_fail.png") 45px 80px no-repeat; }
.popWin .count{position: relative; z-index: 3; text-align: center; font-size: 14px; padding-top: 54px;}
.popWin .count a{ display: block; width: 114px; margin: 0 auto;text-align: left; line-height: 16px; height: 16px; color:#27a3e3; background: url("../img/icon_jump.png") 97px 2px no-repeat;}
.popWin .count a span{ display:inline-block; color:#27a3e3; }
.popWin .count a:hover{ color:#3b424f; text-decoration: underline; background-image:url("../img/icon_jump_h.png");}
.popWin a.close { position: absolute; right: 28px; top:20px; background: url("../img/p_btn_close.png") no-repeat; width: 21px; height: 21px; z-index: 5; }
.popWin a.close:hover{ background-image: url("../img/p_btn_close_h.png");}
#DoneButton {font-size:18px;}
/* ???? end*/



/*.btn-upload {
	z-index:100;position: absolute;
}*/